@f1studio/form-spec 5.0.0-alpha.139 → 5.0.0-alpha.141

package/FormSpec.TS/plugins/allergyfinder/src/AllergyFinderField.js

@@ -0,0 +1,2431 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get AllergyFinderField_AllergyCard () {
+        return AllergyFinderField_AllergyCard;
+    },
+    get AllergyFinderField_AllergyDetailModal () {
+        return AllergyFinderField_AllergyDetailModal;
+    },
+    get AllergyFinderField_AllergyEntry () {
+        return AllergyFinderField_AllergyEntry;
+    },
+    get AllergyFinderField_AllergyEntry_$reflection () {
+        return AllergyFinderField_AllergyEntry_$reflection;
+    },
+    get AllergyFinderField_AllergyFinderFieldComponent () {
+        return AllergyFinderField_AllergyFinderFieldComponent;
+    },
+    get AllergyFinderField_AllergySearchPopover () {
+        return AllergyFinderField_AllergySearchPopover;
+    },
+    get AllergyFinderField_AllergySeverity () {
+        return AllergyFinderField_AllergySeverity;
+    },
+    get AllergyFinderField_AllergySeverity_$reflection () {
+        return AllergyFinderField_AllergySeverity_$reflection;
+    },
+    get AllergyFinderField_AllergySeverity_LifeThreatening () {
+        return AllergyFinderField_AllergySeverity_LifeThreatening;
+    },
+    get AllergyFinderField_AllergySeverity_Mild () {
+        return AllergyFinderField_AllergySeverity_Mild;
+    },
+    get AllergyFinderField_AllergySeverity_Moderate () {
+        return AllergyFinderField_AllergySeverity_Moderate;
+    },
+    get AllergyFinderField_AllergySeverity_Severe () {
+        return AllergyFinderField_AllergySeverity_Severe;
+    },
+    get AllergyFinderField_AllergySeverity_Unknown () {
+        return AllergyFinderField_AllergySeverity_Unknown;
+    },
+    get AllergyFinderField_Attributes () {
+        return AllergyFinderField_Attributes;
+    },
+    get AllergyFinderField_Attributes_$reflection () {
+        return AllergyFinderField_Attributes_$reflection;
+    },
+    get AllergyFinderField_CategoryBadge () {
+        return AllergyFinderField_CategoryBadge;
+    },
+    get AllergyFinderField_DetailModalState () {
+        return AllergyFinderField_DetailModalState;
+    },
+    get AllergyFinderField_DetailModalState_$reflection () {
+        return AllergyFinderField_DetailModalState_$reflection;
+    },
+    get AllergyFinderField_DetailModalState_Adding () {
+        return AllergyFinderField_DetailModalState_Adding;
+    },
+    get AllergyFinderField_DetailModalState_Closed () {
+        return AllergyFinderField_DetailModalState_Closed;
+    },
+    get AllergyFinderField_DetailModalState_Editing () {
+        return AllergyFinderField_DetailModalState_Editing;
+    },
+    get AllergyFinderField_FdaInsightsPanel () {
+        return AllergyFinderField_FdaInsightsPanel;
+    },
+    get AllergyFinderField_Field$1 () {
+        return AllergyFinderField_Field$1;
+    },
+    get AllergyFinderField_Field$1_$ctor_2F8EC839 () {
+        return AllergyFinderField_Field$1_$ctor_2F8EC839;
+    },
+    get AllergyFinderField_Field$1_$reflection () {
+        return AllergyFinderField_Field$1_$reflection;
+    },
+    get AllergyFinderField_ReactionCheckboxes () {
+        return AllergyFinderField_ReactionCheckboxes;
+    },
+    get AllergyFinderField_SeverityBadge () {
+        return AllergyFinderField_SeverityBadge;
+    },
+    get AllergyFinderField_categoryFromString () {
+        return AllergyFinderField_categoryFromString;
+    },
+    get AllergyFinderField_categoryLabel () {
+        return AllergyFinderField_categoryLabel;
+    },
+    get AllergyFinderField_categoryToString () {
+        return AllergyFinderField_categoryToString;
+    },
+    get AllergyFinderField_commonReactions () {
+        return AllergyFinderField_commonReactions;
+    },
+    get AllergyFinderField_form () {
+        return AllergyFinderField_form;
+    },
+    get AllergyFinderField_parseAllergies () {
+        return AllergyFinderField_parseAllergies;
+    },
+    get AllergyFinderField_serializeAllergies () {
+        return AllergyFinderField_serializeAllergies;
+    },
+    get AllergyFinderField_severityBorderColor () {
+        return AllergyFinderField_severityBorderColor;
+    },
+    get AllergyFinderField_severityColor () {
+        return AllergyFinderField_severityColor;
+    },
+    get AllergyFinderField_severityFromString () {
+        return AllergyFinderField_severityFromString;
+    },
+    get AllergyFinderField_severityLabel () {
+        return AllergyFinderField_severityLabel;
+    },
+    get AllergyFinderField_severityToString () {
+        return AllergyFinderField_severityToString;
+    },
+    get Form_PropertyKeys_AllergiesJson () {
+        return Form_PropertyKeys_AllergiesJson;
+    },
+    get Form_PropertyKeys_AllergyCount () {
+        return Form_PropertyKeys_AllergyCount;
+    },
+    get Form_PropertyKeys_HasSevereAllergy () {
+        return Form_PropertyKeys_HasSevereAllergy;
+    },
+    get Form_allergyFinderField () {
+        return Form_allergyFinderField;
+    },
+    get Form_designerPreview () {
+        return Form_designerPreview;
+    },
+    get Form_enhancedAllergyConverter () {
+        return Form_enhancedAllergyConverter;
+    },
+    get Form_markdownRenderer () {
+        return Form_markdownRenderer;
+    },
+    get Form_pluginConfig () {
+        return Form_pluginConfig;
+    }
+});
+const _Types = require("@fable-org/fable-library-js/Types.js");
+const _Reflection = require("@fable-org/fable-library-js/Reflection.js");
+const _OpenFdaTypes = require("../../../FormSpec.FS/Integrations/OpenFda/OpenFdaTypes.js");
+const _Option = require("@fable-org/fable-library-js/Option.js");
+const _List = require("@fable-org/fable-library-js/List.js");
+const _Util = require("@fable-org/fable-library-js/Util.js");
+const _Encode = require("../../../Thoth.Json/packages/Thoth.Json/Encode.js");
+const _Decode = require("../../../Thoth.Json/packages/Thoth.Json/Decode.js");
+const _Result = require("@fable-org/fable-library-js/Result.js");
+const _Guid = require("@fable-org/fable-library-js/Guid.js");
+const _String = require("@fable-org/fable-library-js/String.js");
+const _Fieldfs = require("../../../fable_modules/Fable.Form.3.0.0/Field.fs.js");
+const _Basefs = require("../../../fable_modules/Fable.Form.3.0.0/Base.fs.js");
+const _react = require("react");
+const _Interopfs = require("../../../fable_modules/Feliz.2.8.0/Interop.fs.js");
+const _Promisefs = require("../../../fable_modules/Fable.Promise.3.2.0/Promise.fs.js");
+const _PromiseImplfs = require("../../../fable_modules/Fable.Promise.3.2.0/PromiseImpl.fs.js");
+const _OpenFdaClient = require("./OpenFdaClient.js");
+const _Seq = require("@fable-org/fable-library-js/Seq.js");
+const _Int32 = require("@fable-org/fable-library-js/Int32.js");
+const _Typesfs = require("../../../fable_modules/Fable.Form.Simple.Bulma.5.0.1/Types.fs.js");
+const _FormSpec = require("../../../FormSpec.FS/FormSpec.js");
+const _PluginInterface = require("../../../FormSpec.FS/PluginInterface.js");
+const _ElementBuildersfs = require("../../../fable_modules/Feliz.Bulma.3.0.0/ElementBuilders.fs.js");
+function AllergyFinderField_AllergySeverity_Unknown() {
+    return new AllergyFinderField_AllergySeverity(0, []);
+}
+function AllergyFinderField_AllergySeverity_Mild() {
+    return new AllergyFinderField_AllergySeverity(1, []);
+}
+function AllergyFinderField_AllergySeverity_Moderate() {
+    return new AllergyFinderField_AllergySeverity(2, []);
+}
+function AllergyFinderField_AllergySeverity_Severe() {
+    return new AllergyFinderField_AllergySeverity(3, []);
+}
+function AllergyFinderField_AllergySeverity_LifeThreatening() {
+    return new AllergyFinderField_AllergySeverity(4, []);
+}
+class AllergyFinderField_AllergySeverity extends _Types.Union {
+    cases() {
+        return [
+            "Unknown",
+            "Mild",
+            "Moderate",
+            "Severe",
+            "LifeThreatening"
+        ];
+    }
+    constructor(tag, fields){
+        super(), this.tag = tag, this.fields = fields;
+    }
+}
+function AllergyFinderField_AllergySeverity_$reflection() {
+    return (0, _Reflection.union_type)("Fable.Form.Simple.Bulma.Fields.AllergyFinderField.AllergyFinderField.AllergySeverity", [], AllergyFinderField_AllergySeverity, ()=>[
+            [],
+            [],
+            [],
+            [],
+            []
+        ]);
+}
+function AllergyFinderField_severityToString(_arg) {
+    switch(_arg.tag){
+        case /* Mild */ 1:
+            return "mild";
+        case /* Moderate */ 2:
+            return "moderate";
+        case /* Severe */ 3:
+            return "severe";
+        case /* LifeThreatening */ 4:
+            return "life_threatening";
+        default:
+            return "unknown";
+    }
+}
+function AllergyFinderField_severityFromString(_arg) {
+    switch(_arg){
+        case "mild":
+            return AllergyFinderField_AllergySeverity_Mild();
+        case "moderate":
+            return AllergyFinderField_AllergySeverity_Moderate();
+        case "severe":
+            return AllergyFinderField_AllergySeverity_Severe();
+        case "life_threatening":
+            return AllergyFinderField_AllergySeverity_LifeThreatening();
+        default:
+            return AllergyFinderField_AllergySeverity_Unknown();
+    }
+}
+function AllergyFinderField_severityLabel(_arg) {
+    switch(_arg.tag){
+        case /* Mild */ 1:
+            return "Mild";
+        case /* Moderate */ 2:
+            return "Moderate";
+        case /* Severe */ 3:
+            return "Severe";
+        case /* LifeThreatening */ 4:
+            return "Life-threatening";
+        default:
+            return "Unknown";
+    }
+}
+function AllergyFinderField_severityColor(_arg) {
+    switch(_arg.tag){
+        case /* Mild */ 1:
+            return "bg-emerald-100 text-emerald-700 border-emerald-200";
+        case /* Moderate */ 2:
+            return "bg-amber-100 text-amber-700 border-amber-200";
+        case /* Severe */ 3:
+            return "bg-orange-100 text-orange-700 border-orange-200";
+        case /* LifeThreatening */ 4:
+            return "bg-red-100 text-red-700 border-red-200";
+        default:
+            return "bg-slate-100 text-slate-600 border-slate-200";
+    }
+}
+function AllergyFinderField_severityBorderColor(_arg) {
+    switch(_arg.tag){
+        case /* Mild */ 1:
+            return "border-l-emerald-400";
+        case /* Moderate */ 2:
+            return "border-l-amber-400";
+        case /* Severe */ 3:
+            return "border-l-orange-500";
+        case /* LifeThreatening */ 4:
+            return "border-l-red-500";
+        default:
+            return "border-l-slate-400";
+    }
+}
+function AllergyFinderField_categoryToString(cat) {
+    switch(cat.tag){
+        case /* Food */ 1:
+            return "food";
+        case /* Environmental */ 2:
+            return "environmental";
+        case /* Custom */ 3:
+            return "custom";
+        default:
+            return "drug";
+    }
+}
+function AllergyFinderField_categoryFromString(_arg) {
+    switch(_arg){
+        case "drug":
+            return (0, _OpenFdaTypes.AllergyCategory_Drug)();
+        case "food":
+            return (0, _OpenFdaTypes.AllergyCategory_Food)();
+        case "environmental":
+            return (0, _OpenFdaTypes.AllergyCategory_Environmental)();
+        default:
+            return (0, _OpenFdaTypes.AllergyCategory_Custom)();
+    }
+}
+function AllergyFinderField_categoryLabel(cat) {
+    switch(cat.tag){
+        case /* Food */ 1:
+            return "Food";
+        case /* Environmental */ 2:
+            return "Environmental";
+        case /* Custom */ 3:
+            return "Other";
+        default:
+            return "Drug";
+    }
+}
+class AllergyFinderField_AllergyEntry extends _Types.Record {
+    constructor(Id, Name, SubstanceName, NdcCode, Category, Severity, Reactions, Remedy, OnsetTiming, StaffOnly, Notes){
+        super();
+        this.Id = Id;
+        this.Name = Name;
+        this.SubstanceName = SubstanceName;
+        this.NdcCode = NdcCode;
+        this.Category = Category;
+        this.Severity = Severity;
+        this.Reactions = Reactions;
+        this.Remedy = Remedy;
+        this.OnsetTiming = OnsetTiming;
+        this.StaffOnly = StaffOnly;
+        this.Notes = Notes;
+    }
+}
+function AllergyFinderField_AllergyEntry_$reflection() {
+    return (0, _Reflection.record_type)("Fable.Form.Simple.Bulma.Fields.AllergyFinderField.AllergyFinderField.AllergyEntry", [], AllergyFinderField_AllergyEntry, ()=>[
+            [
+                "Id",
+                _Reflection.string_type
+            ],
+            [
+                "Name",
+                _Reflection.string_type
+            ],
+            [
+                "SubstanceName",
+                _Reflection.string_type
+            ],
+            [
+                "NdcCode",
+                (0, _Reflection.option_type)(_Reflection.string_type)
+            ],
+            [
+                "Category",
+                (0, _OpenFdaTypes.AllergyCategory_$reflection)()
+            ],
+            [
+                "Severity",
+                AllergyFinderField_AllergySeverity_$reflection()
+            ],
+            [
+                "Reactions",
+                (0, _Reflection.list_type)(_Reflection.string_type)
+            ],
+            [
+                "Remedy",
+                (0, _Reflection.option_type)(_Reflection.string_type)
+            ],
+            [
+                "OnsetTiming",
+                (0, _Reflection.option_type)(_Reflection.string_type)
+            ],
+            [
+                "StaffOnly",
+                _Reflection.bool_type
+            ],
+            [
+                "Notes",
+                (0, _Reflection.option_type)(_Reflection.string_type)
+            ]
+        ]);
+}
+const AllergyFinderField_commonReactions = [
+    "Rash",
+    "Hives",
+    "Itching",
+    "Swelling",
+    "Nausea",
+    "Vomiting",
+    "Diarrhea",
+    "Difficulty Breathing",
+    "Wheezing",
+    "Anaphylaxis",
+    "Dizziness",
+    "Headache",
+    "Fever",
+    "Joint Pain",
+    "Congestion",
+    "Sneezing",
+    "Watery Eyes"
+];
+function AllergyFinderField_allergyEncoder(a) {
+    return (0, _Encode.object)([
+        [
+            "id",
+            a.Id
+        ],
+        [
+            "name",
+            a.Name
+        ],
+        [
+            "substanceName",
+            a.SubstanceName
+        ],
+        [
+            "ndcCode",
+            (0, _Encode.option)((value_3)=>value_3)(a.NdcCode)
+        ],
+        [
+            "category",
+            AllergyFinderField_categoryToString(a.Category)
+        ],
+        [
+            "severity",
+            AllergyFinderField_severityToString(a.Severity)
+        ],
+        [
+            "reactions",
+            (0, _Encode.list)((0, _List.map)((value_7)=>value_7, a.Reactions))
+        ],
+        [
+            "remedy",
+            (0, _Encode.option)((value_9)=>value_9)(a.Remedy)
+        ],
+        [
+            "onsetTiming",
+            (0, _Encode.option)((value_11)=>value_11)(a.OnsetTiming)
+        ],
+        [
+            "staffOnly",
+            a.StaffOnly
+        ],
+        [
+            "notes",
+            (0, _Encode.option)((value_14)=>value_14)(a.Notes)
+        ]
+    ]);
+}
+const AllergyFinderField_allergyDecoder = (path_13)=>(v)=>(0, _Decode.object)((get$)=>{
+            let objectArg, copyOfStruct, objectArg_1, objectArg_2, objectArg_4, objectArg_5, objectArg_6, objectArg_7, objectArg_8, objectArg_9, objectArg_10, objectArg_11;
+            return new AllergyFinderField_AllergyEntry((0, _Option.defaultArg)((objectArg = get$.Optional, objectArg.Field("id", _Decode.string)), (copyOfStruct = (0, _Guid.newGuid)(), copyOfStruct)), (objectArg_1 = get$.Required, objectArg_1.Field("name", _Decode.string)), (0, _Option.defaultArgWith)((objectArg_2 = get$.Optional, objectArg_2.Field("substanceName", _Decode.string)), ()=>{
+                const objectArg_3 = get$.Required;
+                return objectArg_3.Field("name", _Decode.string);
+            }), (objectArg_4 = get$.Optional, objectArg_4.Field("ndcCode", _Decode.string)), AllergyFinderField_categoryFromString((0, _Option.defaultArg)((objectArg_5 = get$.Optional, objectArg_5.Field("category", _Decode.string)), "drug")), AllergyFinderField_severityFromString((0, _Option.defaultArg)((objectArg_6 = get$.Optional, objectArg_6.Field("severity", _Decode.string)), "unknown")), (0, _Option.defaultArg)((objectArg_7 = get$.Optional, objectArg_7.Field("reactions", (path_8, value_11)=>(0, _Decode.list)(_Decode.string, path_8, value_11))), (0, _List.empty)()), (objectArg_8 = get$.Optional, objectArg_8.Field("remedy", _Decode.string)), (objectArg_9 = get$.Optional, objectArg_9.Field("onsetTiming", _Decode.string)), (0, _Option.defaultArg)((objectArg_10 = get$.Optional, objectArg_10.Field("staffOnly", _Decode.bool)), false), (objectArg_11 = get$.Optional, objectArg_11.Field("notes", _Decode.string)));
+        }, path_13, v);
+function AllergyFinderField_serializeAllergies(allergies) {
+    return (0, _Encode.toString)(0, (0, _Encode.list)((0, _List.map)(AllergyFinderField_allergyEncoder, allergies)));
+}
+function AllergyFinderField_parseAllergies(value) {
+    if ((0, _String.isNullOrWhiteSpace)(value) ? true : value === "[]") {
+        return (0, _List.empty)();
+    } else {
+        const matchValue = (0, _Decode.fromString)((path, value_1)=>(0, _Decode.list)((0, _Util.uncurry2)(AllergyFinderField_allergyDecoder), path, value_1), value);
+        if (matchValue.tag === /* Error */ 1) {
+            const err = matchValue.fields[0];
+            console.warn((0, _Option.some)("AllergyFinder: failed to decode allergies:"), err);
+            return (0, _List.empty)();
+        } else {
+            return matchValue.fields[0];
+        }
+    }
+}
+class AllergyFinderField_Attributes extends _Types.Record {
+    GetFieldId() {
+        const this$ = this;
+        return this$.FieldId;
+    }
+    constructor(FieldId, Label, ApiFetch){
+        super();
+        this.FieldId = FieldId;
+        this.Label = Label;
+        this.ApiFetch = ApiFetch;
+    }
+}
+function AllergyFinderField_Attributes_$reflection() {
+    return (0, _Reflection.record_type)("Fable.Form.Simple.Bulma.Fields.AllergyFinderField.AllergyFinderField.Attributes", [], AllergyFinderField_Attributes, ()=>[
+            [
+                "FieldId",
+                _Reflection.string_type
+            ],
+            [
+                "Label",
+                _Reflection.string_type
+            ],
+            [
+                "ApiFetch",
+                (0, _Reflection.lambda_type)(_Reflection.string_type, (0, _Reflection.class_type)("Fable.Core.JS.Promise`1", [
+                    _Reflection.string_type
+                ]))
+            ]
+        ]);
+}
+function AllergyFinderField_form() {
+    return (build)=>(config)=>(0, _Basefs.field)((v)=>{
+                if ((0, _String.isNullOrEmpty)(v)) {
+                    return true;
+                } else {
+                    return v === "[]";
+                }
+            }, build, config);
+}
+function AllergyFinderField_DetailModalState_Closed() {
+    return new AllergyFinderField_DetailModalState(0, []);
+}
+function AllergyFinderField_DetailModalState_Adding(Item) {
+    return new AllergyFinderField_DetailModalState(1, [
+        Item
+    ]);
+}
+function AllergyFinderField_DetailModalState_Editing(Item) {
+    return new AllergyFinderField_DetailModalState(2, [
+        Item
+    ]);
+}
+class AllergyFinderField_DetailModalState extends _Types.Union {
+    cases() {
+        return [
+            "Closed",
+            "Adding",
+            "Editing"
+        ];
+    }
+    constructor(tag, fields){
+        super(), this.tag = tag, this.fields = fields;
+    }
+}
+function AllergyFinderField_DetailModalState_$reflection() {
+    return (0, _Reflection.union_type)("Fable.Form.Simple.Bulma.Fields.AllergyFinderField.AllergyFinderField.DetailModalState", [], AllergyFinderField_DetailModalState, ()=>[
+            [],
+            [
+                [
+                    "Item",
+                    (0, _Reflection.option_type)((0, _OpenFdaTypes.OpenFdaSearchResult_$reflection)())
+                ]
+            ],
+            [
+                [
+                    "Item",
+                    AllergyFinderField_AllergyEntry_$reflection()
+                ]
+            ]
+        ]);
+}
+function AllergyFinderField_SeverityBadge(allergyFinderField_SeverityBadgeInputProps) {
+    const severity = allergyFinderField_SeverityBadgeInputProps.severity;
+    return (0, _react.createElement)("span", {
+        className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium border ${AllergyFinderField_severityColor(severity)}`,
+        children: AllergyFinderField_severityLabel(severity)
+    });
+}
+function AllergyFinderField_CategoryBadge(allergyFinderField_CategoryBadgeInputProps) {
+    let value;
+    const category = allergyFinderField_CategoryBadgeInputProps.category;
+    return (0, _react.createElement)("span", (0, _Util.createObj)((0, _List.ofArray)([
+        (value = "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-blue-50 text-blue-700 border border-blue-200", [
+            "className",
+            value
+        ]),
+        [
+            "children",
+            AllergyFinderField_categoryLabel(category)
+        ]
+    ])));
+}
+function AllergyFinderField_FdaInsightsPanel(allergyFinderField_FdaInsightsPanelInputProps) {
+    let ins, elems_5;
+    const substanceName = allergyFinderField_FdaInsightsPanelInputProps.substanceName;
+    const apiFetch = allergyFinderField_FdaInsightsPanelInputProps.apiFetch;
+    const patternInput = _Interopfs.reactApi.useState(undefined);
+    const insights = patternInput[0];
+    const patternInput_1 = _Interopfs.reactApi.useState(true);
+    const setLoading = patternInput_1[1];
+    const dependencies = [
+        substanceName
+    ];
+    _Interopfs.reactApi.useEffect(()=>{
+        setLoading(true);
+        const pr = (0, _Promisefs.PromiseBuilder__Run_212F1D4B)(_PromiseImplfs.promise, (0, _Promisefs.PromiseBuilder__Delay_62FBFDE1)(_PromiseImplfs.promise, ()=>(0, _OpenFdaClient.getAllergenInsights)(apiFetch, substanceName).then((_arg)=>{
+                patternInput[1](_arg);
+                setLoading(false);
+                return Promise.resolve();
+            })));
+        void pr;
+    }, dependencies);
+    if (patternInput_1[0]) {
+        return (0, _react.createElement)("div", {
+            className: "rounded-lg border border-slate-200 bg-slate-50 p-3 text-sm text-slate-500",
+            children: "Loading FDA insights..."
+        });
+    } else if (insights != null) {
+        if (ins = (0, _Option.value)(insights), (0, _List.isEmpty)(ins.Reactions) && ins.LabelWarnings == null) {
+            const ins_1 = (0, _Option.value)(insights);
+            return (0, _Util.defaultOf)();
+        } else {
+            const ins_2 = (0, _Option.value)(insights);
+            return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                [
+                    "className",
+                    "rounded-lg border border-slate-200 bg-slate-50 p-3 space-y-3"
+                ],
+                (elems_5 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", {
+                        className: "text-xs font-semibold uppercase tracking-wide text-slate-500",
+                        children: "FDA Insights"
+                    })), (0, _Seq.delay)(()=>{
+                        let top5, maxCount, elems_2;
+                        return (0, _Seq.append)(!(0, _List.isEmpty)(ins_2.Reactions) ? (top5 = (0, _List.truncate)(5, ins_2.Reactions), maxCount = (0, _List.max)((0, _List.map)((r)=>r.Count, top5), {
+                            Compare: _Util.comparePrimitives
+                        }), (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                            [
+                                "className",
+                                "space-y-1"
+                            ],
+                            (elems_2 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", {
+                                    className: "text-xs font-medium text-slate-600 mb-1",
+                                    children: `Top Adverse Reactions (FAERS) — ${ins_2.TotalEvents} total reports`
+                                })), (0, _Seq.delay)(()=>(0, _Seq.map)((r_1)=>{
+                                        let elems_1, elems;
+                                        return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                            [
+                                                "className",
+                                                "flex items-center gap-2"
+                                            ],
+                                            (elems_1 = [
+                                                (0, _react.createElement)("div", {
+                                                    className: "w-28 text-xs text-slate-600 truncate",
+                                                    children: r_1.Term
+                                                }),
+                                                (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                    [
+                                                        "className",
+                                                        "flex-1 bg-slate-200 rounded-full h-2"
+                                                    ],
+                                                    (elems = [
+                                                        (0, _react.createElement)("div", {
+                                                            className: "bg-blue-500 rounded-full h-2",
+                                                            style: {
+                                                                width: r_1.Count / maxCount * 100 + "%"
+                                                            }
+                                                        })
+                                                    ], [
+                                                        "children",
+                                                        _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                                                    ])
+                                                ]))),
+                                                (0, _react.createElement)("div", {
+                                                    className: "w-12 text-xs text-slate-500 text-right",
+                                                    children: (0, _Util.int32ToString)(r_1.Count)
+                                                })
+                                            ], [
+                                                "children",
+                                                _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+                                            ])
+                                        ])));
+                                    }, top5))))), [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                            ])
+                        ]))))) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>{
+                            let matchValue_2, c, c_1, elems_3;
+                            const matchValue_1 = ins_2.LabelWarnings;
+                            if (matchValue_1 == null) {
+                                return (0, _Seq.empty)();
+                            } else {
+                                const warnings = (0, _Option.value)(matchValue_1);
+                                return (0, _Seq.append)((matchValue_2 = warnings.Contraindications, matchValue_2 != null ? (c = (0, _Option.value)(matchValue_2), c.length > 0) ? (c_1 = (0, _Option.value)(matchValue_2), (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                    [
+                                        "className",
+                                        "text-xs space-y-1"
+                                    ],
+                                    (elems_3 = [
+                                        (0, _react.createElement)("div", {
+                                            className: "font-semibold text-slate-600",
+                                            children: "Contraindications"
+                                        }),
+                                        (0, _react.createElement)("div", {
+                                            className: "text-slate-500 line-clamp-3",
+                                            children: c_1
+                                        })
+                                    ], [
+                                        "children",
+                                        _Interopfs.reactApi.Children.toArray(Array.from(elems_3))
+                                    ])
+                                ]))))) : (0, _Seq.empty)() : (0, _Seq.empty)()), (0, _Seq.delay)(()=>{
+                                    let elems_4, w;
+                                    const matchValue_3 = warnings.Warnings;
+                                    let matchResult, w_1;
+                                    if (matchValue_3 != null) {
+                                        if (w = (0, _Option.value)(matchValue_3), w.length > 0) {
+                                            matchResult = 0;
+                                            w_1 = (0, _Option.value)(matchValue_3);
+                                        } else {
+                                            matchResult = 1;
+                                        }
+                                    } else {
+                                        matchResult = 1;
+                                    }
+                                    switch(matchResult){
+                                        case 0:
+                                            return (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                [
+                                                    "className",
+                                                    "text-xs space-y-1"
+                                                ],
+                                                (elems_4 = [
+                                                    (0, _react.createElement)("div", {
+                                                        className: "font-semibold text-slate-600",
+                                                        children: "Warnings"
+                                                    }),
+                                                    (0, _react.createElement)("div", {
+                                                        className: "text-slate-500 line-clamp-3",
+                                                        children: w_1
+                                                    })
+                                                ], [
+                                                    "children",
+                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_4))
+                                                ])
+                                            ]))));
+                                        default:
+                                            {
+                                                return (0, _Seq.empty)();
+                                            }
+                                    }
+                                }));
+                            }
+                        }));
+                    })))), [
+                    "children",
+                    _Interopfs.reactApi.Children.toArray(Array.from(elems_5))
+                ])
+            ])));
+        }
+    } else {
+        return (0, _Util.defaultOf)();
+    }
+}
+function AllergyFinderField_ReactionCheckboxes(allergyFinderField_ReactionCheckboxesInputProps) {
+    let elems_3, elems_1, elems_2, value_16;
+    const onChange = allergyFinderField_ReactionCheckboxesInputProps.onChange;
+    const selected = allergyFinderField_ReactionCheckboxesInputProps.selected;
+    const substanceName = allergyFinderField_ReactionCheckboxesInputProps.substanceName;
+    const apiFetch = allergyFinderField_ReactionCheckboxesInputProps.apiFetch;
+    const patternInput = _Interopfs.reactApi.useState((0, _List.empty)());
+    const fdaReactions = patternInput[0];
+    const patternInput_1 = _Interopfs.reactApi.useState("");
+    const setCustomReaction = patternInput_1[1];
+    const customReaction = patternInput_1[0];
+    const dependencies = [
+        substanceName
+    ];
+    _Interopfs.reactApi.useEffect(()=>{
+        let sub;
+        let matchResult, sub_1;
+        if (substanceName != null) {
+            if (sub = (0, _Option.value)(substanceName), sub.length > 0) {
+                matchResult = 0;
+                sub_1 = (0, _Option.value)(substanceName);
+            } else {
+                matchResult = 1;
+            }
+        } else {
+            matchResult = 1;
+        }
+        switch(matchResult){
+            case 0:
+                {
+                    const pr = (0, _Promisefs.PromiseBuilder__Run_212F1D4B)(_PromiseImplfs.promise, (0, _Promisefs.PromiseBuilder__Delay_62FBFDE1)(_PromiseImplfs.promise, ()=>(0, _OpenFdaClient.getAllergenInsights)(apiFetch, sub_1).then((_arg)=>{
+                            patternInput[1]((0, _List.map)((r)=>r.Term, (0, _List.truncate)(8, _arg.Reactions)));
+                            return Promise.resolve();
+                        })));
+                    void pr;
+                    break;
+                }
+            case 1:
+                {
+                    break;
+                }
+        }
+    }, dependencies);
+    const allReactions = (0, _List.append)((0, _List.map)((r_1)=>[
+            r_1,
+            true
+        ], fdaReactions), (0, _List.map)((r_2)=>[
+            r_2,
+            false
+        ], (0, _List.filter)((c)=>!(0, _List.exists)((f)=>(0, _String.compare)(f, c, 5) === 0, fdaReactions), (0, _List.ofArray)(AllergyFinderField_commonReactions))));
+    const addCustomReaction = ()=>{
+        const trimmed = customReaction.trim();
+        if (trimmed.length > 0 && !(0, _List.contains)(trimmed, selected, {
+            Equals: (x_1, y_1)=>x_1 === y_1,
+            GetHashCode: _Util.stringHash
+        })) {
+            onChange((0, _List.append)(selected, (0, _List.singleton)(trimmed)));
+            setCustomReaction("");
+        }
+    };
+    return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+        [
+            "className",
+            "space-y-2"
+        ],
+        (elems_3 = [
+            (0, _react.createElement)("label", {
+                className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                children: "Reactions"
+            }),
+            (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                [
+                    "className",
+                    "flex flex-wrap gap-2"
+                ],
+                (elems_1 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.collect)((matchValue)=>{
+                        let elems;
+                        const reaction_1 = matchValue[0];
+                        const isChecked = (0, _List.contains)(reaction_1, selected, {
+                            Equals: (x_2, y_2)=>x_2 === y_2,
+                            GetHashCode: _Util.stringHash
+                        });
+                        return (0, _Seq.singleton)((0, _react.createElement)("button", (0, _Util.createObj)((0, _List.ofArray)([
+                            [
+                                "className",
+                                isChecked ? "rounded-full px-2.5 py-1 text-xs font-medium border bg-blue-100 text-blue-700 border-blue-300" : "rounded-full px-2.5 py-1 text-xs font-medium border bg-white text-slate-600 border-slate-200 hover:bg-slate-50"
+                            ],
+                            [
+                                "onClick",
+                                (_arg_1)=>{
+                                    const reaction = reaction_1;
+                                    if ((0, _List.contains)(reaction, selected, {
+                                        Equals: (x, y)=>x === y,
+                                        GetHashCode: _Util.stringHash
+                                    })) {
+                                        onChange((0, _List.filter)((r_3)=>r_3 !== reaction, selected));
+                                    } else {
+                                        onChange((0, _List.append)(selected, (0, _List.singleton)(reaction)));
+                                    }
+                                }
+                            ],
+                            (elems = [
+                                matchValue[1] && !isChecked ? `* ${reaction_1}` : reaction_1
+                            ], [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                            ])
+                        ]))));
+                    }, allReactions))), [
+                    "children",
+                    _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+                ])
+            ]))),
+            (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                [
+                    "className",
+                    "flex gap-2"
+                ],
+                (elems_2 = [
+                    (0, _react.createElement)("input", (0, _Util.createObj)((0, _List.ofArray)([
+                        (value_16 = "flex-1 rounded-md border border-slate-300 px-2.5 py-1.5 text-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30", [
+                            "className",
+                            value_16
+                        ]),
+                        [
+                            "placeholder",
+                            "Add custom reaction..."
+                        ],
+                        [
+                            "value",
+                            customReaction
+                        ],
+                        [
+                            "onChange",
+                            (ev)=>{
+                                setCustomReaction(ev.target.value);
+                            }
+                        ],
+                        [
+                            "onKeyDown",
+                            (e)=>{
+                                if (e.key === "Enter") {
+                                    e.preventDefault();
+                                    addCustomReaction();
+                                }
+                            }
+                        ]
+                    ]))),
+                    (0, _react.createElement)("button", {
+                        className: "rounded-md bg-slate-100 px-3 py-1.5 text-sm font-medium text-slate-600 hover:bg-slate-200",
+                        children: "Add",
+                        onClick: (_arg_2)=>{
+                            addCustomReaction();
+                        }
+                    })
+                ], [
+                    "children",
+                    _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                ])
+            ])))
+        ], [
+            "children",
+            _Interopfs.reactApi.Children.toArray(Array.from(elems_3))
+        ])
+    ])));
+}
+function AllergyFinderField_AllergyDetailModal(allergyFinderField_AllergyDetailModalInputProps) {
+    let elems_14, elems_13, elems_28, elems_27;
+    const onSave = allergyFinderField_AllergyDetailModalInputProps.onSave;
+    const onClose = allergyFinderField_AllergyDetailModalInputProps.onClose;
+    const modalState = allergyFinderField_AllergyDetailModalInputProps.modalState;
+    const apiFetch = allergyFinderField_AllergyDetailModalInputProps.apiFetch;
+    switch(modalState.tag){
+        case /* Adding */ 1:
+            {
+                const fdaResult = modalState.fields[0];
+                const initialName = (0, _Option.defaultArg)((0, _Option.map)((r)=>r.Name, fdaResult), "");
+                const initialSubstance = (0, _Option.defaultArg)((0, _Option.map)((r_1)=>r_1.SubstanceName, fdaResult), "");
+                const initialCategory = (0, _Option.defaultArg)((0, _Option.map)((r_2)=>r_2.Category, fdaResult), (0, _OpenFdaTypes.AllergyCategory_Drug)());
+                const initialNdc = (0, _Option.bind)((r_3)=>r_3.NdcCode, fdaResult);
+                const patternInput = _Interopfs.reactApi.useState(initialName);
+                const name = patternInput[0];
+                const patternInput_1 = _Interopfs.reactApi.useState(AllergyFinderField_AllergySeverity_Moderate());
+                const severity = patternInput_1[0];
+                const patternInput_2 = _Interopfs.reactApi.useState((0, _List.empty)());
+                const reactions = patternInput_2[0];
+                const patternInput_3 = _Interopfs.reactApi.useState("");
+                const remedy = patternInput_3[0];
+                const patternInput_4 = _Interopfs.reactApi.useState("unknown");
+                const onset = patternInput_4[0];
+                const patternInput_5 = _Interopfs.reactApi.useState(false);
+                const staffOnly = patternInput_5[0];
+                const patternInput_6 = _Interopfs.reactApi.useState("");
+                const notes = patternInput_6[0];
+                const meta = (0, _Option.defaultArg)((0, _Option.map)((r_4)=>(0, _String.join)(" · ", (0, _List.choose)((x)=>x, (0, _List.ofArray)([
+                        r_4.DosageForm,
+                        r_4.Route,
+                        r_4.Strength
+                    ]))), fdaResult), "");
+                const provenance = (0, _Option.defaultArg)((0, _Option.map)((r_5)=>(0, _String.join)(" · ", (0, _List.choose)((x_1)=>x_1, (0, _List.ofArray)([
+                        r_5.Manufacturer,
+                        (0, _Option.map)((n)=>`NDC ${n}`, r_5.NdcCode)
+                    ]))), fdaResult), "");
+                return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                    [
+                        "className",
+                        "fixed inset-0 z-50 flex items-center justify-center bg-black/50"
+                    ],
+                    [
+                        "onClick",
+                        (e)=>{
+                            if ((0, _Util.equals)(e.target, e.currentTarget)) {
+                                onClose();
+                            }
+                        }
+                    ],
+                    (elems_14 = [
+                        (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                            [
+                                "className",
+                                "bg-white rounded-xl shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto mx-4 p-5 space-y-4"
+                            ],
+                            [
+                                "onClick",
+                                (e_1)=>{
+                                    e_1.stopPropagation();
+                                }
+                            ],
+                            (elems_13 = (0, _Seq.toList)((0, _Seq.delay)(()=>{
+                                let elems;
+                                return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                    [
+                                        "className",
+                                        "flex items-center justify-between"
+                                    ],
+                                    (elems = [
+                                        (0, _react.createElement)("h3", {
+                                            className: "text-lg font-semibold text-slate-900",
+                                            children: "Add Allergy"
+                                        }),
+                                        (0, _react.createElement)("button", {
+                                            className: "text-slate-400 hover:text-slate-600 text-xl",
+                                            dangerouslySetInnerHTML: {
+                                                __html: "×"
+                                            },
+                                            onClick: (_arg)=>{
+                                                onClose();
+                                            }
+                                        })
+                                    ], [
+                                        "children",
+                                        _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                                    ])
+                                ])))), (0, _Seq.delay)(()=>{
+                                    let matchValue, elems_3, value_50, r_6, elems_2;
+                                    return (0, _Seq.append)((matchValue = fdaResult, matchValue == null ? (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                        [
+                                            "className",
+                                            "space-y-1"
+                                        ],
+                                        (elems_3 = [
+                                            (0, _react.createElement)("label", {
+                                                className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                children: "Allergen Name"
+                                            }),
+                                            (0, _react.createElement)("input", (0, _Util.createObj)((0, _List.ofArray)([
+                                                (value_50 = "w-full rounded-md border border-slate-300 px-2.5 py-1.5 text-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30", [
+                                                    "className",
+                                                    value_50
+                                                ]),
+                                                [
+                                                    "value",
+                                                    name
+                                                ],
+                                                [
+                                                    "onChange",
+                                                    (ev)=>{
+                                                        patternInput[1](ev.target.value);
+                                                    }
+                                                ],
+                                                [
+                                                    "placeholder",
+                                                    "Enter allergen name"
+                                                ]
+                                            ])))
+                                        ], [
+                                            "children",
+                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_3))
+                                        ])
+                                    ])))) : (r_6 = (0, _Option.value)(matchValue), (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                        [
+                                            "className",
+                                            "rounded-lg border border-slate-200 bg-slate-50 p-3 space-y-1"
+                                        ],
+                                        (elems_2 = (0, _Seq.toList)((0, _Seq.delay)(()=>{
+                                            let elems_1;
+                                            return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                [
+                                                    "className",
+                                                    "flex items-start justify-between gap-2"
+                                                ],
+                                                (elems_1 = [
+                                                    (0, _react.createElement)("span", {
+                                                        className: "font-semibold text-sm text-slate-900",
+                                                        children: name
+                                                    }),
+                                                    (0, _react.createElement)(AllergyFinderField_CategoryBadge, {
+                                                        category: initialCategory
+                                                    })
+                                                ], [
+                                                    "children",
+                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+                                                ])
+                                            ])))), (0, _Seq.delay)(()=>(0, _Seq.append)(initialSubstance !== name ? (0, _Seq.singleton)((0, _react.createElement)("p", {
+                                                    className: "text-xs text-slate-500",
+                                                    children: initialSubstance
+                                                })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>(0, _Seq.append)(meta.length > 0 ? (0, _Seq.singleton)((0, _react.createElement)("p", {
+                                                        className: "text-[11px] text-slate-400",
+                                                        children: meta
+                                                    })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>provenance.length > 0 ? (0, _Seq.singleton)((0, _react.createElement)("p", {
+                                                            className: "text-[11px] text-slate-400",
+                                                            children: provenance
+                                                        })) : (0, _Seq.empty)()))))));
+                                        })), [
+                                            "children",
+                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                                        ])
+                                    ])))))), (0, _Seq.delay)(()=>{
+                                        let elems_4;
+                                        return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("label", (0, _Util.createObj)((0, _List.ofArray)([
+                                            [
+                                                "className",
+                                                "flex items-center gap-2 text-sm cursor-pointer"
+                                            ],
+                                            (elems_4 = [
+                                                (0, _react.createElement)("input", {
+                                                    type: "checkbox",
+                                                    checked: staffOnly,
+                                                    onChange: (ev_1)=>{
+                                                        const _arg_1 = ev_1.target.checked;
+                                                        patternInput_5[1](!staffOnly);
+                                                    },
+                                                    className: "rounded border-slate-300"
+                                                }),
+                                                "Medical Staff Only"
+                                            ], [
+                                                "children",
+                                                _Interopfs.reactApi.Children.toArray(Array.from(elems_4))
+                                            ])
+                                        ])))), (0, _Seq.delay)(()=>{
+                                            let elems_6, elems_5;
+                                            return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                [
+                                                    "className",
+                                                    "space-y-2"
+                                                ],
+                                                (elems_6 = [
+                                                    (0, _react.createElement)("label", {
+                                                        className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                        children: "Severity"
+                                                    }),
+                                                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                        [
+                                                            "className",
+                                                            "flex flex-wrap gap-2"
+                                                        ],
+                                                        (elems_5 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.collect)((sev)=>(0, _Seq.singleton)((0, _react.createElement)("button", {
+                                                                    className: (0, _Util.equals)(severity, sev) ? `rounded-full px-3 py-1 text-xs font-medium border-2 ${AllergyFinderField_severityColor(sev)}` : "rounded-full px-3 py-1 text-xs font-medium border border-slate-200 bg-white text-slate-600 hover:bg-slate-50",
+                                                                    onClick: (_arg_2)=>{
+                                                                        patternInput_1[1](sev);
+                                                                    },
+                                                                    children: AllergyFinderField_severityLabel(sev)
+                                                                })), [
+                                                                AllergyFinderField_AllergySeverity_Unknown(),
+                                                                AllergyFinderField_AllergySeverity_Mild(),
+                                                                AllergyFinderField_AllergySeverity_Moderate(),
+                                                                AllergyFinderField_AllergySeverity_Severe(),
+                                                                AllergyFinderField_AllergySeverity_LifeThreatening()
+                                                            ]))), [
+                                                            "children",
+                                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_5))
+                                                        ])
+                                                    ])))
+                                                ], [
+                                                    "children",
+                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_6))
+                                                ])
+                                            ])))), (0, _Seq.delay)(()=>{
+                                                const substanceForInsights = initialCategory.tag === /* Drug */ 0 ? initialSubstance.length > 0 ? initialSubstance : undefined : initialCategory.tag === /* Environmental */ 2 ? initialSubstance.length > 0 ? initialSubstance : undefined : undefined;
+                                                return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)(AllergyFinderField_ReactionCheckboxes, {
+                                                    apiFetch: apiFetch,
+                                                    substanceName: (0, _Option.unwrap)(substanceForInsights),
+                                                    selected: reactions,
+                                                    onChange: patternInput_2[1]
+                                                })), (0, _Seq.delay)(()=>{
+                                                    let elems_7, value_89;
+                                                    return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                        [
+                                                            "className",
+                                                            "space-y-1"
+                                                        ],
+                                                        (elems_7 = [
+                                                            (0, _react.createElement)("label", {
+                                                                className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                                children: "Remedy"
+                                                            }),
+                                                            (0, _react.createElement)("textarea", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                (value_89 = "w-full rounded-md border border-slate-300 px-2.5 py-1.5 text-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30", [
+                                                                    "className",
+                                                                    value_89
+                                                                ]),
+                                                                [
+                                                                    "value",
+                                                                    remedy
+                                                                ],
+                                                                [
+                                                                    "onChange",
+                                                                    (ev_2)=>{
+                                                                        patternInput_3[1](ev_2.target.value);
+                                                                    }
+                                                                ],
+                                                                [
+                                                                    "placeholder",
+                                                                    "e.g., Epipen, Benadryl 50mg, avoid exposure..."
+                                                                ],
+                                                                [
+                                                                    "rows",
+                                                                    2
+                                                                ]
+                                                            ])))
+                                                        ], [
+                                                            "children",
+                                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_7))
+                                                        ])
+                                                    ])))), (0, _Seq.delay)(()=>{
+                                                        let elems_10, elems_9;
+                                                        return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                            [
+                                                                "className",
+                                                                "space-y-2"
+                                                            ],
+                                                            (elems_10 = [
+                                                                (0, _react.createElement)("label", {
+                                                                    className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                                    children: "Onset Timing"
+                                                                }),
+                                                                (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                    [
+                                                                        "className",
+                                                                        "flex flex-wrap gap-3"
+                                                                    ],
+                                                                    (elems_9 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.collect)((matchValue_1)=>{
+                                                                            let elems_8;
+                                                                            const value_107 = matchValue_1[0];
+                                                                            return (0, _Seq.singleton)((0, _react.createElement)("label", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                                [
+                                                                                    "className",
+                                                                                    "flex items-center gap-1.5 text-sm cursor-pointer"
+                                                                                ],
+                                                                                (elems_8 = [
+                                                                                    (0, _react.createElement)("input", {
+                                                                                        type: "radio",
+                                                                                        name: "onset",
+                                                                                        value: value_107,
+                                                                                        checked: onset === value_107,
+                                                                                        onChange: (ev_3)=>{
+                                                                                            const _arg_3 = ev_3.target.value;
+                                                                                            patternInput_4[1](value_107);
+                                                                                        }
+                                                                                    }),
+                                                                                    matchValue_1[1]
+                                                                                ], [
+                                                                                    "children",
+                                                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_8))
+                                                                                ])
+                                                                            ]))));
+                                                                        }, [
+                                                                            [
+                                                                                "immediate",
+                                                                                "Immediate (<1hr)"
+                                                                            ],
+                                                                            [
+                                                                                "delayed",
+                                                                                "Delayed (1-72hr)"
+                                                                            ],
+                                                                            [
+                                                                                "unknown",
+                                                                                "Unknown"
+                                                                            ]
+                                                                        ]))), [
+                                                                        "children",
+                                                                        _Interopfs.reactApi.Children.toArray(Array.from(elems_9))
+                                                                    ])
+                                                                ])))
+                                                            ], [
+                                                                "children",
+                                                                _Interopfs.reactApi.Children.toArray(Array.from(elems_10))
+                                                            ])
+                                                        ])))), (0, _Seq.delay)(()=>{
+                                                            let elems_11, value_128;
+                                                            return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                [
+                                                                    "className",
+                                                                    "space-y-1"
+                                                                ],
+                                                                (elems_11 = [
+                                                                    (0, _react.createElement)("label", {
+                                                                        className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                                        children: "Notes (optional)"
+                                                                    }),
+                                                                    (0, _react.createElement)("textarea", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                        (value_128 = "w-full rounded-md border border-slate-300 px-2.5 py-1.5 text-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30", [
+                                                                            "className",
+                                                                            value_128
+                                                                        ]),
+                                                                        [
+                                                                            "value",
+                                                                            notes
+                                                                        ],
+                                                                        [
+                                                                            "onChange",
+                                                                            (ev_4)=>{
+                                                                                patternInput_6[1](ev_4.target.value);
+                                                                            }
+                                                                        ],
+                                                                        [
+                                                                            "placeholder",
+                                                                            "e.g., Diagnosed at age 12, confirmed by allergist..."
+                                                                        ],
+                                                                        [
+                                                                            "rows",
+                                                                            2
+                                                                        ]
+                                                                    ])))
+                                                                ], [
+                                                                    "children",
+                                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_11))
+                                                                ])
+                                                            ])))), (0, _Seq.delay)(()=>(0, _Seq.append)(((0, _Util.equals)(initialCategory, (0, _OpenFdaTypes.AllergyCategory_Drug)()) ? true : (0, _Util.equals)(initialCategory, (0, _OpenFdaTypes.AllergyCategory_Environmental)())) && initialSubstance.length > 0 ? (0, _Seq.singleton)((0, _react.createElement)(AllergyFinderField_FdaInsightsPanel, {
+                                                                    apiFetch: apiFetch,
+                                                                    substanceName: initialSubstance
+                                                                })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>{
+                                                                    let elems_12;
+                                                                    return (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                        [
+                                                                            "className",
+                                                                            "flex justify-end gap-2 pt-2"
+                                                                        ],
+                                                                        (elems_12 = [
+                                                                            (0, _react.createElement)("button", {
+                                                                                className: "rounded-md border border-slate-200 px-4 py-2 text-sm font-medium text-slate-600 hover:bg-slate-50",
+                                                                                children: "Cancel",
+                                                                                onClick: (_arg_4)=>{
+                                                                                    onClose();
+                                                                                }
+                                                                            }),
+                                                                            (0, _react.createElement)("button", {
+                                                                                className: "rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700",
+                                                                                children: "Save Allergy",
+                                                                                onClick: (_arg_5)=>{
+                                                                                    let copyOfStruct;
+                                                                                    onSave(new AllergyFinderField_AllergyEntry((copyOfStruct = (0, _Guid.newGuid)(), copyOfStruct), (0, _String.isNullOrWhiteSpace)(name) ? "Unknown Allergen" : name, (0, _String.isNullOrWhiteSpace)(initialSubstance) ? name : initialSubstance, initialNdc, initialCategory, severity, reactions, (0, _String.isNullOrWhiteSpace)(remedy) ? undefined : remedy, onset, staffOnly, (0, _String.isNullOrWhiteSpace)(notes) ? undefined : notes));
+                                                                                }
+                                                                            })
+                                                                        ], [
+                                                                            "children",
+                                                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_12))
+                                                                        ])
+                                                                    ]))));
+                                                                }))));
+                                                        }));
+                                                    }));
+                                                }));
+                                            }));
+                                        }));
+                                    }));
+                                }));
+                            })), [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems_13))
+                            ])
+                        ])))
+                    ], [
+                        "children",
+                        _Interopfs.reactApi.Children.toArray(Array.from(elems_14))
+                    ])
+                ])));
+            }
+        case /* Editing */ 2:
+            {
+                const existingEntry = modalState.fields[0];
+                const name_69 = _Interopfs.reactApi.useState(existingEntry.Name)[0];
+                const patternInput_8 = _Interopfs.reactApi.useState(existingEntry.Severity);
+                const severity_1 = patternInput_8[0];
+                const patternInput_9 = _Interopfs.reactApi.useState(existingEntry.Reactions);
+                const reactions_1 = patternInput_9[0];
+                let patternInput_10;
+                const initial_10 = (0, _Option.defaultArg)(existingEntry.Remedy, "");
+                patternInput_10 = _Interopfs.reactApi.useState(initial_10);
+                const remedy_1 = patternInput_10[0];
+                let patternInput_11;
+                const initial_11 = (0, _Option.defaultArg)(existingEntry.OnsetTiming, "unknown");
+                patternInput_11 = _Interopfs.reactApi.useState(initial_11);
+                const onset_1 = patternInput_11[0];
+                const patternInput_12 = _Interopfs.reactApi.useState(existingEntry.StaffOnly);
+                const staffOnly_1 = patternInput_12[0];
+                let patternInput_13;
+                const initial_13 = (0, _Option.defaultArg)(existingEntry.Notes, "");
+                patternInput_13 = _Interopfs.reactApi.useState(initial_13);
+                const notes_1 = patternInput_13[0];
+                return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                    [
+                        "className",
+                        "fixed inset-0 z-50 flex items-center justify-center bg-black/50"
+                    ],
+                    [
+                        "onClick",
+                        (e_2)=>{
+                            if ((0, _Util.equals)(e_2.target, e_2.currentTarget)) {
+                                onClose();
+                            }
+                        }
+                    ],
+                    (elems_28 = [
+                        (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                            [
+                                "className",
+                                "bg-white rounded-xl shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto mx-4 p-5 space-y-4"
+                            ],
+                            [
+                                "onClick",
+                                (e_3)=>{
+                                    e_3.stopPropagation();
+                                }
+                            ],
+                            (elems_27 = (0, _Seq.toList)((0, _Seq.delay)(()=>{
+                                let elems_15;
+                                return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                    [
+                                        "className",
+                                        "flex items-center justify-between"
+                                    ],
+                                    (elems_15 = [
+                                        (0, _react.createElement)("h3", {
+                                            className: "text-lg font-semibold text-slate-900",
+                                            children: "Edit Allergy"
+                                        }),
+                                        (0, _react.createElement)("button", {
+                                            className: "text-slate-400 hover:text-slate-600 text-xl",
+                                            dangerouslySetInnerHTML: {
+                                                __html: "&times;"
+                                            },
+                                            onClick: (_arg_6)=>{
+                                                onClose();
+                                            }
+                                        })
+                                    ], [
+                                        "children",
+                                        _Interopfs.reactApi.Children.toArray(Array.from(elems_15))
+                                    ])
+                                ])))), (0, _Seq.delay)(()=>{
+                                    let elems_17;
+                                    return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                        [
+                                            "className",
+                                            "rounded-lg border border-slate-200 bg-slate-50 p-3 space-y-1"
+                                        ],
+                                        (elems_17 = (0, _Seq.toList)((0, _Seq.delay)(()=>{
+                                            let elems_16;
+                                            return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                [
+                                                    "className",
+                                                    "flex items-start justify-between gap-2"
+                                                ],
+                                                (elems_16 = [
+                                                    (0, _react.createElement)("span", {
+                                                        className: "font-semibold text-sm text-slate-900",
+                                                        children: existingEntry.Name
+                                                    }),
+                                                    (0, _react.createElement)(AllergyFinderField_CategoryBadge, {
+                                                        category: existingEntry.Category
+                                                    })
+                                                ], [
+                                                    "children",
+                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_16))
+                                                ])
+                                            ])))), (0, _Seq.delay)(()=>(0, _Seq.append)(existingEntry.SubstanceName !== existingEntry.Name ? (0, _Seq.singleton)((0, _react.createElement)("p", {
+                                                    className: "text-xs text-slate-500",
+                                                    children: existingEntry.SubstanceName
+                                                })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>{
+                                                    const matchValue_2 = existingEntry.NdcCode;
+                                                    if (matchValue_2 == null) {
+                                                        return (0, _Seq.empty)();
+                                                    } else {
+                                                        return (0, _Seq.singleton)((0, _react.createElement)("p", {
+                                                            className: "text-[11px] text-slate-400",
+                                                            children: `NDC ${(0, _Option.value)(matchValue_2)}`
+                                                        }));
+                                                    }
+                                                }))));
+                                        })), [
+                                            "children",
+                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_17))
+                                        ])
+                                    ])))), (0, _Seq.delay)(()=>{
+                                        let elems_18;
+                                        return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("label", (0, _Util.createObj)((0, _List.ofArray)([
+                                            [
+                                                "className",
+                                                "flex items-center gap-2 text-sm cursor-pointer"
+                                            ],
+                                            (elems_18 = [
+                                                (0, _react.createElement)("input", {
+                                                    type: "checkbox",
+                                                    checked: staffOnly_1,
+                                                    onChange: (ev_5)=>{
+                                                        const _arg_7 = ev_5.target.checked;
+                                                        patternInput_12[1](!staffOnly_1);
+                                                    },
+                                                    className: "rounded border-slate-300"
+                                                }),
+                                                "Medical Staff Only"
+                                            ], [
+                                                "children",
+                                                _Interopfs.reactApi.Children.toArray(Array.from(elems_18))
+                                            ])
+                                        ])))), (0, _Seq.delay)(()=>{
+                                            let elems_20, elems_19;
+                                            return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                [
+                                                    "className",
+                                                    "space-y-2"
+                                                ],
+                                                (elems_20 = [
+                                                    (0, _react.createElement)("label", {
+                                                        className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                        children: "Severity"
+                                                    }),
+                                                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                        [
+                                                            "className",
+                                                            "flex flex-wrap gap-2"
+                                                        ],
+                                                        (elems_19 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.collect)((sev_1)=>(0, _Seq.singleton)((0, _react.createElement)("button", {
+                                                                    className: (0, _Util.equals)(severity_1, sev_1) ? `rounded-full px-3 py-1 text-xs font-medium border-2 ${AllergyFinderField_severityColor(sev_1)}` : "rounded-full px-3 py-1 text-xs font-medium border border-slate-200 bg-white text-slate-600 hover:bg-slate-50",
+                                                                    onClick: (_arg_8)=>{
+                                                                        patternInput_8[1](sev_1);
+                                                                    },
+                                                                    children: AllergyFinderField_severityLabel(sev_1)
+                                                                })), [
+                                                                AllergyFinderField_AllergySeverity_Unknown(),
+                                                                AllergyFinderField_AllergySeverity_Mild(),
+                                                                AllergyFinderField_AllergySeverity_Moderate(),
+                                                                AllergyFinderField_AllergySeverity_Severe(),
+                                                                AllergyFinderField_AllergySeverity_LifeThreatening()
+                                                            ]))), [
+                                                            "children",
+                                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_19))
+                                                        ])
+                                                    ])))
+                                                ], [
+                                                    "children",
+                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_20))
+                                                ])
+                                            ])))), (0, _Seq.delay)(()=>{
+                                                let substanceForInsights_1;
+                                                const matchValue_3 = existingEntry.Category;
+                                                switch(matchValue_3.tag){
+                                                    case /* Drug */ 0:
+                                                    case /* Environmental */ 2:
+                                                        {
+                                                            substanceForInsights_1 = existingEntry.SubstanceName.length > 0 ? existingEntry.SubstanceName : undefined;
+                                                            break;
+                                                        }
+                                                    default:
+                                                        substanceForInsights_1 = undefined;
+                                                }
+                                                return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)(AllergyFinderField_ReactionCheckboxes, {
+                                                    apiFetch: apiFetch,
+                                                    substanceName: (0, _Option.unwrap)(substanceForInsights_1),
+                                                    selected: reactions_1,
+                                                    onChange: patternInput_9[1]
+                                                })), (0, _Seq.delay)(()=>{
+                                                    let elems_21, value_222;
+                                                    return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                        [
+                                                            "className",
+                                                            "space-y-1"
+                                                        ],
+                                                        (elems_21 = [
+                                                            (0, _react.createElement)("label", {
+                                                                className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                                children: "Remedy"
+                                                            }),
+                                                            (0, _react.createElement)("textarea", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                (value_222 = "w-full rounded-md border border-slate-300 px-2.5 py-1.5 text-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30", [
+                                                                    "className",
+                                                                    value_222
+                                                                ]),
+                                                                [
+                                                                    "value",
+                                                                    remedy_1
+                                                                ],
+                                                                [
+                                                                    "onChange",
+                                                                    (ev_6)=>{
+                                                                        patternInput_10[1](ev_6.target.value);
+                                                                    }
+                                                                ],
+                                                                [
+                                                                    "placeholder",
+                                                                    "e.g., Epipen, Benadryl 50mg..."
+                                                                ],
+                                                                [
+                                                                    "rows",
+                                                                    2
+                                                                ]
+                                                            ])))
+                                                        ], [
+                                                            "children",
+                                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_21))
+                                                        ])
+                                                    ])))), (0, _Seq.delay)(()=>{
+                                                        let elems_24, elems_23;
+                                                        return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                            [
+                                                                "className",
+                                                                "space-y-2"
+                                                            ],
+                                                            (elems_24 = [
+                                                                (0, _react.createElement)("label", {
+                                                                    className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                                    children: "Onset Timing"
+                                                                }),
+                                                                (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                    [
+                                                                        "className",
+                                                                        "flex flex-wrap gap-3"
+                                                                    ],
+                                                                    (elems_23 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.collect)((matchValue_4)=>{
+                                                                            let elems_22;
+                                                                            const value_240 = matchValue_4[0];
+                                                                            return (0, _Seq.singleton)((0, _react.createElement)("label", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                                [
+                                                                                    "className",
+                                                                                    "flex items-center gap-1.5 text-sm cursor-pointer"
+                                                                                ],
+                                                                                (elems_22 = [
+                                                                                    (0, _react.createElement)("input", (0, _Util.createObj)((0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                                                            "type",
+                                                                                            "radio"
+                                                                                        ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                                                                "name",
+                                                                                                "onset-edit"
+                                                                                            ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                                                                    "value",
+                                                                                                    value_240
+                                                                                                ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                                                                        "checked",
+                                                                                                        onset_1 === value_240
+                                                                                                    ]), (0, _Seq.delay)(()=>(0, _Seq.singleton)([
+                                                                                                            "onChange",
+                                                                                                            (ev_7)=>{
+                                                                                                                const _arg_9 = ev_7.target.value;
+                                                                                                                patternInput_11[1](value_240);
+                                                                                                            }
+                                                                                                        ]))))))))))))),
+                                                                                    matchValue_4[1]
+                                                                                ], [
+                                                                                    "children",
+                                                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_22))
+                                                                                ])
+                                                                            ]))));
+                                                                        }, [
+                                                                            [
+                                                                                "immediate",
+                                                                                "Immediate (<1hr)"
+                                                                            ],
+                                                                            [
+                                                                                "delayed",
+                                                                                "Delayed (1-72hr)"
+                                                                            ],
+                                                                            [
+                                                                                "unknown",
+                                                                                "Unknown"
+                                                                            ]
+                                                                        ]))), [
+                                                                        "children",
+                                                                        _Interopfs.reactApi.Children.toArray(Array.from(elems_23))
+                                                                    ])
+                                                                ])))
+                                                            ], [
+                                                                "children",
+                                                                _Interopfs.reactApi.Children.toArray(Array.from(elems_24))
+                                                            ])
+                                                        ])))), (0, _Seq.delay)(()=>{
+                                                            let elems_25, value_261;
+                                                            return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                [
+                                                                    "className",
+                                                                    "space-y-1"
+                                                                ],
+                                                                (elems_25 = [
+                                                                    (0, _react.createElement)("label", {
+                                                                        className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                                                                        children: "Notes (optional)"
+                                                                    }),
+                                                                    (0, _react.createElement)("textarea", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                        (value_261 = "w-full rounded-md border border-slate-300 px-2.5 py-1.5 text-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30", [
+                                                                            "className",
+                                                                            value_261
+                                                                        ]),
+                                                                        [
+                                                                            "value",
+                                                                            notes_1
+                                                                        ],
+                                                                        [
+                                                                            "onChange",
+                                                                            (ev_8)=>{
+                                                                                patternInput_13[1](ev_8.target.value);
+                                                                            }
+                                                                        ],
+                                                                        [
+                                                                            "rows",
+                                                                            2
+                                                                        ]
+                                                                    ])))
+                                                                ], [
+                                                                    "children",
+                                                                    _Interopfs.reactApi.Children.toArray(Array.from(elems_25))
+                                                                ])
+                                                            ])))), (0, _Seq.delay)(()=>(0, _Seq.append)(((0, _Util.equals)(existingEntry.Category, (0, _OpenFdaTypes.AllergyCategory_Drug)()) ? true : (0, _Util.equals)(existingEntry.Category, (0, _OpenFdaTypes.AllergyCategory_Environmental)())) && existingEntry.SubstanceName.length > 0 ? (0, _Seq.singleton)((0, _react.createElement)(AllergyFinderField_FdaInsightsPanel, {
+                                                                    apiFetch: apiFetch,
+                                                                    substanceName: existingEntry.SubstanceName
+                                                                })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>{
+                                                                    let elems_26;
+                                                                    return (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                                                        [
+                                                                            "className",
+                                                                            "flex justify-end gap-2 pt-2"
+                                                                        ],
+                                                                        (elems_26 = [
+                                                                            (0, _react.createElement)("button", {
+                                                                                className: "rounded-md border border-slate-200 px-4 py-2 text-sm font-medium text-slate-600 hover:bg-slate-50",
+                                                                                children: "Cancel",
+                                                                                onClick: (_arg_10)=>{
+                                                                                    onClose();
+                                                                                }
+                                                                            }),
+                                                                            (0, _react.createElement)("button", {
+                                                                                className: "rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700",
+                                                                                children: "Update",
+                                                                                onClick: (_arg_11)=>{
+                                                                                    onSave(new AllergyFinderField_AllergyEntry(existingEntry.Id, (0, _String.isNullOrWhiteSpace)(name_69) ? existingEntry.Name : name_69, existingEntry.SubstanceName, existingEntry.NdcCode, existingEntry.Category, severity_1, reactions_1, (0, _String.isNullOrWhiteSpace)(remedy_1) ? undefined : remedy_1, onset_1, staffOnly_1, (0, _String.isNullOrWhiteSpace)(notes_1) ? undefined : notes_1));
+                                                                                }
+                                                                            })
+                                                                        ], [
+                                                                            "children",
+                                                                            _Interopfs.reactApi.Children.toArray(Array.from(elems_26))
+                                                                        ])
+                                                                    ]))));
+                                                                }))));
+                                                        }));
+                                                    }));
+                                                }));
+                                            }));
+                                        }));
+                                    }));
+                                }));
+                            })), [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems_27))
+                            ])
+                        ])))
+                    ], [
+                        "children",
+                        _Interopfs.reactApi.Children.toArray(Array.from(elems_28))
+                    ])
+                ])));
+            }
+        default:
+            return (0, _Util.defaultOf)();
+    }
+}
+function AllergyFinderField_AllergySearchPopover(allergyFinderField_AllergySearchPopoverInputProps) {
+    let elems_6, elems_5, elems_2, elems_3, elems_4;
+    const onClose = allergyFinderField_AllergySearchPopoverInputProps.onClose;
+    const onSelect = allergyFinderField_AllergySearchPopoverInputProps.onSelect;
+    const apiFetch = allergyFinderField_AllergySearchPopoverInputProps.apiFetch;
+    const patternInput = _Interopfs.reactApi.useState("");
+    const query = patternInput[0];
+    const patternInput_1 = _Interopfs.reactApi.useState((0, _List.empty)());
+    const setResults = patternInput_1[1];
+    const results = patternInput_1[0];
+    const patternInput_2 = _Interopfs.reactApi.useState(false);
+    const setIsSearching = patternInput_2[1];
+    const isSearching = patternInput_2[0];
+    const searchIdRef = _Interopfs.reactApi.useRef(0);
+    const cleanupRef = _Interopfs.reactApi.useRef(undefined);
+    const dependencies = [
+        query
+    ];
+    _Interopfs.reactApi.useEffect(()=>{
+        const matchValue = cleanupRef.current;
+        if (matchValue == null) {} else {
+            (0, _Option.value)(matchValue)();
+        }
+        cleanupRef.current = undefined;
+        if (query.trim().length < 2) {
+            setResults((0, _List.empty)());
+            setIsSearching(false);
+        } else {
+            setIsSearching(true);
+            searchIdRef.current = searchIdRef.current + 1;
+            const thisSearchId = searchIdRef.current | 0;
+            const timerId = setTimeout(()=>{
+                const pr = (0, _Promisefs.PromiseBuilder__Run_212F1D4B)(_PromiseImplfs.promise, (0, _Promisefs.PromiseBuilder__Delay_62FBFDE1)(_PromiseImplfs.promise, ()=>(0, _OpenFdaClient.searchAllergens)(apiFetch, query).then((_arg)=>{
+                        if (searchIdRef.current === thisSearchId) {
+                            setResults(_arg);
+                            setIsSearching(false);
+                            return Promise.resolve();
+                        } else {
+                            return Promise.resolve();
+                        }
+                    })));
+                void pr;
+            }, 300) | 0;
+            cleanupRef.current = ()=>{
+                clearTimeout(timerId);
+            };
+        }
+    }, dependencies);
+    const drugResults = (0, _List.filter)((r)=>(0, _Util.equals)(r.Category, (0, _OpenFdaTypes.AllergyCategory_Drug)()), results);
+    const foodResults = (0, _List.filter)((r_1)=>(0, _Util.equals)(r_1.Category, (0, _OpenFdaTypes.AllergyCategory_Food)()), results);
+    const envResults = (0, _List.filter)((r_2)=>(0, _Util.equals)(r_2.Category, (0, _OpenFdaTypes.AllergyCategory_Environmental)()), results);
+    const renderGroup = (label, items)=>{
+        let elems_1;
+        if ((0, _List.isEmpty)(items)) {
+            return (0, _Util.defaultOf)();
+        } else {
+            return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.singleton)((elems_1 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", {
+                    className: "px-3 py-1.5 text-[11px] font-semibold uppercase tracking-wider text-slate-400 bg-slate-50",
+                    children: label
+                })), (0, _Seq.delay)(()=>(0, _Seq.map)((r_4)=>{
+                        let elems;
+                        const r_3 = r_4;
+                        const meta = (0, _String.join)(" · ", (0, _List.choose)((x)=>x, (0, _List.ofArray)([
+                            r_3.DosageForm,
+                            r_3.Route,
+                            r_3.Strength
+                        ])));
+                        const provenance = (0, _String.join)(" · ", (0, _List.choose)((x_1)=>x_1, (0, _List.ofArray)([
+                            r_3.Manufacturer,
+                            (0, _Option.map)((n)=>`NDC ${n}`, r_3.NdcCode),
+                            (0, _Option.map)((c)=>`${c} reports`, r_3.ReportCount)
+                        ])));
+                        return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                            [
+                                "className",
+                                "px-3 py-2 cursor-pointer hover:bg-blue-50 border-b border-slate-100 last:border-0"
+                            ],
+                            [
+                                "onClick",
+                                (_arg_1)=>{
+                                    onSelect(r_3);
+                                }
+                            ],
+                            (elems = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", {
+                                    className: "text-sm font-medium text-slate-900",
+                                    children: r_3.Name
+                                })), (0, _Seq.delay)(()=>(0, _Seq.append)(r_3.SubstanceName !== r_3.Name ? (0, _Seq.singleton)((0, _react.createElement)("div", {
+                                        className: "text-xs text-slate-500",
+                                        children: r_3.SubstanceName
+                                    })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>(0, _Seq.append)(meta.length > 0 ? (0, _Seq.singleton)((0, _react.createElement)("div", {
+                                            className: "text-[11px] text-slate-400",
+                                            children: meta
+                                        })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>provenance.length > 0 ? (0, _Seq.singleton)((0, _react.createElement)("div", {
+                                                className: "text-[11px] text-slate-400",
+                                                children: provenance
+                                            })) : (0, _Seq.empty)())))))))), [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                            ])
+                        ])));
+                    }, items))))), [
+                "children",
+                _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+            ]))));
+        }
+    };
+    return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+        [
+            "className",
+            "fixed inset-0 z-50 flex items-start justify-center pt-[15vh] bg-black/50"
+        ],
+        [
+            "onClick",
+            (e)=>{
+                if ((0, _Util.equals)(e.target, e.currentTarget)) {
+                    onClose();
+                }
+            }
+        ],
+        (elems_6 = [
+            (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                [
+                    "className",
+                    "bg-white rounded-xl shadow-xl max-w-md w-full mx-4 overflow-hidden"
+                ],
+                [
+                    "onClick",
+                    (e_1)=>{
+                        e_1.stopPropagation();
+                    }
+                ],
+                (elems_5 = [
+                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                        [
+                            "className",
+                            "flex items-center gap-2 border-b border-slate-200 px-3 py-2"
+                        ],
+                        (elems_2 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("span", {
+                                className: "text-slate-400 text-sm",
+                                children: "Search"
+                            })), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("input", {
+                                    className: "flex-1 border-0 bg-transparent text-sm focus:outline-none placeholder:text-slate-400",
+                                    value: query,
+                                    onChange: (ev)=>{
+                                        patternInput[1](ev.target.value);
+                                    },
+                                    placeholder: "Search allergies...",
+                                    autoFocus: true
+                                })), (0, _Seq.delay)(()=>isSearching ? (0, _Seq.singleton)((0, _react.createElement)("span", {
+                                        className: "text-xs text-slate-400 animate-pulse",
+                                        children: "..."
+                                    })) : (0, _Seq.empty)())))))), [
+                            "children",
+                            _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                        ])
+                    ]))),
+                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                        [
+                            "className",
+                            "max-h-[50vh] overflow-y-auto"
+                        ],
+                        (elems_3 = (0, _Seq.toList)((0, _Seq.delay)(()=>query.trim().length >= 2 && !isSearching && (0, _List.isEmpty)(results) ? (0, _Seq.singleton)((0, _react.createElement)("div", {
+                                className: "px-3 py-4 text-sm text-slate-500 text-center",
+                                children: `No allergies found for "${query}"`
+                            })) : (0, _Seq.append)((0, _Seq.singleton)(renderGroup("Drugs", drugResults)), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)(renderGroup("Environmental", envResults)), (0, _Seq.delay)(()=>(0, _Seq.singleton)(renderGroup("Foods", foodResults)))))))), [
+                            "children",
+                            _Interopfs.reactApi.Children.toArray(Array.from(elems_3))
+                        ])
+                    ]))),
+                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                        [
+                            "className",
+                            "border-t border-slate-200 px-3 py-2"
+                        ],
+                        (elems_4 = [
+                            (0, _react.createElement)("button", {
+                                className: "w-full text-left text-sm text-blue-600 hover:text-blue-700 font-medium",
+                                children: "+ Add custom allergen",
+                                onClick: (_arg_2)=>{
+                                    onSelect(undefined);
+                                }
+                            })
+                        ], [
+                            "children",
+                            _Interopfs.reactApi.Children.toArray(Array.from(elems_4))
+                        ])
+                    ])))
+                ], [
+                    "children",
+                    _Interopfs.reactApi.Children.toArray(Array.from(elems_5))
+                ])
+            ])))
+        ], [
+            "children",
+            _Interopfs.reactApi.Children.toArray(Array.from(elems_6))
+        ])
+    ])));
+}
+function AllergyFinderField_AllergyCard(allergyFinderField_AllergyCardInputProps) {
+    let elems_3;
+    const onRemove = allergyFinderField_AllergyCardInputProps.onRemove;
+    const onEdit = allergyFinderField_AllergyCardInputProps.onEdit;
+    const readOnly = allergyFinderField_AllergyCardInputProps.readOnly;
+    const entry = allergyFinderField_AllergyCardInputProps.entry;
+    let reactionsPreview;
+    if ((0, _List.isEmpty)(entry.Reactions)) {
+        reactionsPreview = "";
+    } else {
+        const shown = (0, _String.join)(", ", (0, _List.truncate)(3, entry.Reactions));
+        const overflow = (0, _List.length)(entry.Reactions) - 3 | 0;
+        reactionsPreview = overflow > 0 ? `${shown} and ${overflow} more` : shown;
+    }
+    return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+        [
+            "className",
+            `rounded-lg border border-slate-200 bg-white p-3 shadow-sm border-l-4 ${AllergyFinderField_severityBorderColor(entry.Severity)}`
+        ],
+        (elems_3 = (0, _Seq.toList)((0, _Seq.delay)(()=>{
+            let elems_1, elems;
+            return (0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                [
+                    "className",
+                    "flex items-start justify-between gap-2 mb-1"
+                ],
+                (elems_1 = [
+                    (0, _react.createElement)("span", {
+                        className: "font-semibold text-sm text-slate-900",
+                        children: entry.Name
+                    }),
+                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                        [
+                            "className",
+                            "flex gap-1.5 shrink-0"
+                        ],
+                        (elems = [
+                            (0, _react.createElement)(AllergyFinderField_SeverityBadge, {
+                                severity: entry.Severity
+                            }),
+                            (0, _react.createElement)(AllergyFinderField_CategoryBadge, {
+                                category: entry.Category
+                            })
+                        ], [
+                            "children",
+                            _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                        ])
+                    ])))
+                ], [
+                    "children",
+                    _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+                ])
+            ])))), (0, _Seq.delay)(()=>(0, _Seq.append)(entry.SubstanceName !== entry.Name ? (0, _Seq.singleton)((0, _react.createElement)("p", {
+                    className: "text-xs text-slate-500 mb-1",
+                    children: entry.SubstanceName
+                })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>(0, _Seq.append)(reactionsPreview.length > 0 ? (0, _Seq.singleton)((0, _react.createElement)("p", {
+                        className: "text-xs text-slate-600",
+                        children: `Reactions: ${reactionsPreview}`
+                    })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>{
+                        let matchValue;
+                        return (0, _Seq.append)((matchValue = entry.Remedy, matchValue == null ? (0, _Seq.empty)() : (0, _Seq.singleton)((0, _react.createElement)("p", {
+                            className: "text-xs text-slate-600",
+                            children: `Remedy: ${(0, _Option.value)(matchValue)}`
+                        }))), (0, _Seq.delay)(()=>{
+                            let value_24;
+                            return (0, _Seq.append)(entry.StaffOnly ? (0, _Seq.singleton)((0, _react.createElement)("span", (0, _Util.createObj)((0, _List.ofArray)([
+                                (value_24 = "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-purple-50 text-purple-700 border border-purple-200 mt-1", [
+                                    "className",
+                                    value_24
+                                ]),
+                                [
+                                    "children",
+                                    "Staff Only"
+                                ]
+                            ])))) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>{
+                                let elems_2;
+                                return !readOnly ? (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                    [
+                                        "className",
+                                        "flex justify-end gap-2 mt-2 pt-2 border-t border-slate-100"
+                                    ],
+                                    (elems_2 = [
+                                        (0, _react.createElement)("button", {
+                                            className: "text-xs font-medium text-blue-600 hover:text-blue-700",
+                                            children: "Edit",
+                                            onClick: (_arg)=>{
+                                                onEdit();
+                                            }
+                                        }),
+                                        (0, _react.createElement)("button", {
+                                            className: "text-xs font-medium text-red-500 hover:text-red-600",
+                                            children: "Remove",
+                                            onClick: (_arg_1)=>{
+                                                onRemove();
+                                            }
+                                        })
+                                    ], [
+                                        "children",
+                                        _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                                    ])
+                                ])))) : (0, _Seq.empty)();
+                            }));
+                        }));
+                    }))))));
+        })), [
+            "children",
+            _Interopfs.reactApi.Children.toArray(Array.from(elems_3))
+        ])
+    ])));
+}
+function AllergyFinderField_AllergyFinderFieldComponent(config) {
+    let elems_1;
+    const patternInput = _Interopfs.reactApi.useState(()=>AllergyFinderField_parseAllergies(config.Value));
+    const allergies = patternInput[0];
+    const patternInput_1 = _Interopfs.reactApi.useState(false);
+    const setShowSearch = patternInput_1[1];
+    const patternInput_2 = _Interopfs.reactApi.useState(AllergyFinderField_DetailModalState_Closed());
+    const setDetailModal = patternInput_2[1];
+    const detailModal = patternInput_2[0];
+    const updateAndNotify = (newAllergies)=>{
+        patternInput[1](newAllergies);
+        config.OnChange(AllergyFinderField_serializeAllergies(newAllergies));
+    };
+    const readOnly = config.Disabled ? true : config.IsReadOnly;
+    return (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+        [
+            "className",
+            "space-y-2"
+        ],
+        (elems_1 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("label", {
+                className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                children: config.Attributes.Label
+            })), (0, _Seq.delay)(()=>{
+                let elems;
+                return (0, _Seq.append)((0, _List.isEmpty)(allergies) ? (0, _Seq.singleton)((0, _react.createElement)("div", {
+                    className: "rounded-lg border border-dashed border-slate-300 bg-slate-50 p-4 text-center text-sm text-slate-500",
+                    children: "No allergies added"
+                })) : (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                    [
+                        "className",
+                        "space-y-2"
+                    ],
+                    (elems = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.map)((entry_1)=>(0, _react.createElement)(AllergyFinderField_AllergyCard, {
+                                entry: entry_1,
+                                readOnly: readOnly,
+                                onEdit: ()=>{
+                                    setDetailModal(AllergyFinderField_DetailModalState_Editing(entry_1));
+                                },
+                                onRemove: ()=>{
+                                    updateAndNotify((0, _List.filter)((a_2)=>a_2.Id !== entry_1.Id, allergies));
+                                }
+                            }), allergies))), [
+                        "children",
+                        _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                    ])
+                ])))), (0, _Seq.delay)(()=>{
+                    let value_13;
+                    return (0, _Seq.append)(!readOnly ? (0, _Seq.singleton)((0, _react.createElement)("button", (0, _Util.createObj)((0, _List.ofArray)([
+                        (value_13 = "inline-flex items-center gap-1.5 rounded-md bg-blue-50 px-3 py-1.5 text-sm font-medium text-blue-600 hover:bg-blue-100 border border-blue-200", [
+                            "className",
+                            value_13
+                        ]),
+                        [
+                            "children",
+                            "+ Add Allergy"
+                        ],
+                        [
+                            "onClick",
+                            (_arg)=>{
+                                setShowSearch(true);
+                            }
+                        ]
+                    ])))) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>(0, _Seq.append)(patternInput_1[0] ? (0, _Seq.singleton)((0, _react.createElement)(AllergyFinderField_AllergySearchPopover, {
+                            apiFetch: config.Attributes.ApiFetch,
+                            onSelect: (fdaResult)=>{
+                                setShowSearch(false);
+                                setDetailModal(AllergyFinderField_DetailModalState_Adding(fdaResult));
+                            },
+                            onClose: ()=>{
+                                setShowSearch(false);
+                            }
+                        })) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)(AllergyFinderField_AllergyDetailModal, {
+                                apiFetch: config.Attributes.ApiFetch,
+                                modalState: detailModal,
+                                onClose: ()=>{
+                                    setDetailModal(AllergyFinderField_DetailModalState_Closed());
+                                },
+                                onSave: (entry)=>{
+                                    switch(detailModal.tag){
+                                        case /* Adding */ 1:
+                                            {
+                                                if (!(0, _List.exists)((a_1)=>(0, _String.compare)(a_1.SubstanceName, entry.SubstanceName, 5) === 0, allergies)) {
+                                                    updateAndNotify((0, _List.append)(allergies, (0, _List.singleton)(entry)));
+                                                }
+                                                break;
+                                            }
+                                        case /* Closed */ 0:
+                                            {
+                                                break;
+                                            }
+                                        default:
+                                            {
+                                                const existing = detailModal.fields[0];
+                                                updateAndNotify((0, _List.map)((a)=>{
+                                                    if (a.Id === existing.Id) {
+                                                        return entry;
+                                                    } else {
+                                                        return a;
+                                                    }
+                                                }, allergies));
+                                            }
+                                    }
+                                    setDetailModal(AllergyFinderField_DetailModalState_Closed());
+                                }
+                            })), (0, _Seq.delay)(()=>config.ShowError && config.Error != null ? (0, _Seq.singleton)((0, _react.createElement)("p", {
+                                    className: "text-xs text-red-600 mt-1",
+                                    children: (0, _Types.toString)((0, _Option.value)(config.Error))
+                                })) : (0, _Seq.empty)()))))));
+                }));
+            })))), [
+            "children",
+            _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+        ])
+    ])));
+}
+class AllergyFinderField_Field$1 extends _Typesfs.IStandardField$3 {
+    "Fable.Form.Simple.Bulma.IStandardField`3.RenderFieldZ43FEF6DC"(config) {
+        return (0, _react.createElement)(AllergyFinderField_AllergyFinderFieldComponent, config);
+    }
+    MapFieldValues(update) {
+        const _ = this;
+        return AllergyFinderField_Field$1_$ctor_2F8EC839((0, _Fieldfs.mapValues)(update, _.innerField_1));
+    }
+    constructor(innerField){
+        super(innerField);
+        this.innerField_1 = innerField;
+    }
+}
+function AllergyFinderField_Field$1_$reflection(gen0) {
+    return (0, _Reflection.class_type)("Fable.Form.Simple.Bulma.Fields.AllergyFinderField.AllergyFinderField.Field`1", [
+        gen0
+    ], AllergyFinderField_Field$1, (0, _Typesfs.IStandardField$3_$reflection)(gen0, _Reflection.string_type, AllergyFinderField_Attributes_$reflection()));
+}
+function AllergyFinderField_Field$1_$ctor_2F8EC839(innerField) {
+    return new AllergyFinderField_Field$1(innerField);
+}
+function Form_allergyFinderField(config) {
+    return AllergyFinderField_form()(AllergyFinderField_Field$1_$ctor_2F8EC839)(config);
+}
+const Form_pluginConfig = new _FormSpec.Spec_PluginFieldConfig("Fable.Form.Simple.Bulma.Fields.AllergyFinderField", undefined, undefined);
+const Form_PropertyKeys_AllergyCount = new _FormSpec.Shared_PluginPropertyKey("af100001-af10-af10-af10-af10af10af10");
+const Form_PropertyKeys_HasSevereAllergy = new _FormSpec.Shared_PluginPropertyKey("af100002-af10-af10-af10-af10af10af10");
+const Form_PropertyKeys_AllergiesJson = new _FormSpec.Shared_PluginPropertyKey("af100003-af10-af10-af10-af10af10af10");
+const Form_enhancedAllergyConverter = new _PluginInterface.IPluginValueConverter((fieldKey, pluginValue)=>{
+    const json = (0, _Types.toString)(pluginValue);
+    const allergies = AllergyFinderField_parseAllergies(json);
+    return (0, _FormSpec.Shared_FieldValue_PluginData)((0, _List.ofArray)([
+        new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergyCount, "allergy_count", "int", (0, _Util.int32ToString)((0, _List.length)(allergies)), "Allergy Count", undefined, "Number of recorded allergies"),
+        new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_HasSevereAllergy, "has_severe_allergy", "bool", (0, _Types.toString)((0, _List.exists)((a)=>{
+            if ((0, _Util.equals)(a.Severity, AllergyFinderField_AllergySeverity_Severe())) {
+                return true;
+            } else {
+                return (0, _Util.equals)(a.Severity, AllergyFinderField_AllergySeverity_LifeThreatening());
+            }
+        }, allergies)), "Has Severe Allergy", undefined, "Whether patient has any severe or life-threatening allergies"),
+        new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergiesJson, "allergies_json", "json", json, "Allergies Data", undefined, "Full allergy data as JSON")
+    ]));
+}, (fieldValue)=>fieldValue.tag === /* PluginData */ 3 ? (0, _Option.orElseWith)((0, _Option.map)((p_1)=>p_1.Value, (0, _List.tryFind)((p)=>p.Name === "allergies_json", fieldValue.fields[0])), ()=>(0, _Option.some)("[]")) : fieldValue.tag === /* Single */ 0 ? (0, _Option.some)(fieldValue.fields[0].Value) : (0, _Option.some)("[]"), ()=>undefined, ()=>(0, _List.ofArray)([
+        "allergy_count",
+        "has_severe_allergy",
+        "allergies_json"
+    ]), (propertyName)=>propertyName === "allergy_count" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergyCount, "allergy_count", "int", "0", "Allergy Count", undefined, "Number of recorded allergies") : propertyName === "has_severe_allergy" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_HasSevereAllergy, "has_severe_allergy", "bool", "false", "Has Severe Allergy", undefined, "Whether patient has any severe or life-threatening allergies") : propertyName === "allergies_json" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergiesJson, "allergies_json", "json", "[]", "Allergies Data", undefined, "Full allergy data as JSON") : undefined, (propertyKey)=>(0, _Util.equals)(propertyKey, Form_PropertyKeys_AllergyCount) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergyCount, "allergy_count", "int", "0", "Allergy Count", undefined, "Number of recorded allergies") : (0, _Util.equals)(propertyKey, Form_PropertyKeys_HasSevereAllergy) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_HasSevereAllergy, "has_severe_allergy", "bool", "false", "Has Severe Allergy", undefined, "Whether patient has any severe or life-threatening allergies") : (0, _Util.equals)(propertyKey, Form_PropertyKeys_AllergiesJson) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergiesJson, "allergies_json", "json", "[]", "Allergies Data", undefined, "Full allergy data as JSON") : undefined, (propertyName_1, fieldValue_1)=>{
+    switch(fieldValue_1.tag){
+        case /* PluginData */ 3:
+            return (0, _List.tryFind)((p_2)=>p_2.Name === propertyName_1, fieldValue_1.fields[0]);
+        case /* Single */ 0:
+            {
+                const answer_1 = fieldValue_1.fields[0];
+                const allergies_1 = AllergyFinderField_parseAllergies(answer_1.Value);
+                return propertyName_1 === "allergy_count" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergyCount, "allergy_count", "int", (0, _Util.int32ToString)((0, _List.length)(allergies_1)), "Allergy Count", undefined, "Number of recorded allergies") : propertyName_1 === "has_severe_allergy" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_HasSevereAllergy, "has_severe_allergy", "bool", (0, _Types.toString)((0, _List.exists)((a_1)=>{
+                    if ((0, _Util.equals)(a_1.Severity, AllergyFinderField_AllergySeverity_Severe())) {
+                        return true;
+                    } else {
+                        return (0, _Util.equals)(a_1.Severity, AllergyFinderField_AllergySeverity_LifeThreatening());
+                    }
+                }, allergies_1)), "Has Severe Allergy", undefined, "Whether patient has any severe or life-threatening allergies") : propertyName_1 === "allergies_json" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergiesJson, "allergies_json", "json", answer_1.Value, "Allergies Data", undefined, "Full allergy data as JSON") : undefined;
+            }
+        default:
+            return undefined;
+    }
+}, (propertyKey_1, fieldValue_2)=>fieldValue_2.tag === /* PluginData */ 3 ? (0, _List.tryFind)((p_3)=>(0, _Util.equals)(p_3.PropertyKey, propertyKey_1), fieldValue_2.fields[0]) : undefined, (propertyName_2, value)=>{
+    switch(propertyName_2){
+        case "allergy_count":
+            {
+                let matchValue;
+                let outArg = 0;
+                matchValue = [
+                    (0, _Int32.tryParse)(value, 511, false, 32, new _Types.FSharpRef(()=>outArg, (v)=>{
+                        outArg = v | 0;
+                    })),
+                    outArg
+                ];
+                let matchResult;
+                if (matchValue[0]) {
+                    if (matchValue[1] >= 0) {
+                        matchResult = 0;
+                    } else {
+                        matchResult = 1;
+                    }
+                } else {
+                    matchResult = 1;
+                }
+                switch(matchResult){
+                    case 0:
+                        return (0, _Result.FSharpResult$2_Ok)(undefined);
+                    default:
+                        return (0, _Result.FSharpResult$2_Error)("Allergy count must be a non-negative integer");
+                }
+            }
+        case "has_severe_allergy":
+            {
+                const matchValue_1 = value.toLowerCase();
+                switch(matchValue_1){
+                    case "true":
+                    case "false":
+                        return (0, _Result.FSharpResult$2_Ok)(undefined);
+                    default:
+                        return (0, _Result.FSharpResult$2_Error)("Must be true or false");
+                }
+            }
+        case "allergies_json":
+            return (0, _Result.FSharpResult$2_Ok)(undefined);
+        default:
+            return (0, _Result.FSharpResult$2_Error)(`Unknown property: ${propertyName_2}`);
+    }
+}, (fieldValue_3)=>{
+    switch(fieldValue_3.tag){
+        case /* PluginData */ 3:
+            return fieldValue_3.fields[0];
+        case /* Single */ 0:
+            {
+                const answer_2 = fieldValue_3.fields[0];
+                const allergies_2 = AllergyFinderField_parseAllergies(answer_2.Value);
+                const hasSevere_2 = (0, _List.exists)((a_2)=>{
+                    if ((0, _Util.equals)(a_2.Severity, AllergyFinderField_AllergySeverity_Severe())) {
+                        return true;
+                    } else {
+                        return (0, _Util.equals)(a_2.Severity, AllergyFinderField_AllergySeverity_LifeThreatening());
+                    }
+                }, allergies_2);
+                return (0, _List.ofArray)([
+                    new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergyCount, "allergy_count", "int", (0, _Util.int32ToString)((0, _List.length)(allergies_2)), "Allergy Count", undefined, "Number of recorded allergies"),
+                    new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_HasSevereAllergy, "has_severe_allergy", "bool", (0, _Types.toString)(hasSevere_2), "Has Severe Allergy", undefined, "Whether patient has any severe or life-threatening allergies"),
+                    new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_AllergiesJson, "allergies_json", "json", answer_2.Value, "Allergies Data", undefined, "Full allergy data as JSON")
+                ]);
+            }
+        default:
+            return (0, _List.empty)();
+    }
+});
+function Form_designerPreview(props) {
+    let elems_3, elems_2, elems, elems_1;
+    const children = [
+        (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("box", (0, _List.ofArray)([
+            [
+                "style",
+                {
+                    border: 1 + "px " + "dashed" + " " + "hsl(0, 0%, 86%)",
+                    backgroundColor: "hsl(0, 0%, 98%)",
+                    padding: 16
+                }
+            ],
+            (elems_3 = [
+                (0, _react.createElement)("div", {
+                    className: "has-text-weight-bold",
+                    children: "Allergy Finder",
+                    style: {
+                        marginBottom: 8
+                    }
+                }),
+                (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                    [
+                        "style",
+                        {
+                            fontSize: 11 + "px",
+                            color: "hsl(0, 0%, 50%)"
+                        }
+                    ],
+                    (elems_2 = [
+                        (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                            [
+                                "style",
+                                {
+                                    borderLeft: 3 + "px " + "solid" + " " + "#ef4444",
+                                    paddingLeft: 8,
+                                    marginBottom: 6
+                                }
+                            ],
+                            (elems = [
+                                (0, _react.createElement)("div", {
+                                    children: "Penicillin — Severe"
+                                }),
+                                (0, _react.createElement)("div", {
+                                    style: {
+                                        fontSize: 9 + "px"
+                                    },
+                                    children: "Reactions: Rash, Hives, Anaphylaxis"
+                                })
+                            ], [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                            ])
+                        ]))),
+                        (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                            [
+                                "style",
+                                {
+                                    borderLeft: 3 + "px " + "solid" + " " + "#f59e0b",
+                                    paddingLeft: 8,
+                                    marginBottom: 6
+                                }
+                            ],
+                            (elems_1 = [
+                                (0, _react.createElement)("div", {
+                                    children: "Pollen — Moderate"
+                                }),
+                                (0, _react.createElement)("div", {
+                                    style: {
+                                        fontSize: 9 + "px"
+                                    },
+                                    children: "Reactions: Sneezing, Congestion"
+                                })
+                            ], [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+                            ])
+                        ]))),
+                        (0, _react.createElement)("div", {
+                            style: {
+                                marginTop: 8,
+                                color: "hsl(217, 91%, 60%)",
+                                fontWeight: 600
+                            },
+                            children: "+ Add Allergy"
+                        })
+                    ], [
+                        "children",
+                        _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                    ])
+                ]))),
+                (0, _react.createElement)("div", {
+                    style: {
+                        fontSize: 10 + "px",
+                        color: "hsl(0, 0%, 60%)",
+                        marginTop: 8
+                    },
+                    children: "OpenFDA-powered allergy search with detailed profiles"
+                })
+            ], [
+                "children",
+                _Interopfs.reactApi.Children.toArray(Array.from(elems_3))
+            ])
+        ]))))
+    ];
+    return (0, _react.createElement)("div", {
+        className: "control",
+        children: _Interopfs.reactApi.Children.toArray(Array.from(children))
+    });
+}
+function Form_markdownRenderer(field, fieldDetails) {
+    let matchValue;
+    const allergies = AllergyFinderField_parseAllergies((matchValue = fieldDetails.FieldValue, matchValue.tag === /* Single */ 0 ? matchValue.fields[0].Value : matchValue.tag === /* PluginData */ 3 ? (0, _Option.defaultArg)((0, _Option.map)((p_1)=>p_1.Value, (0, _List.tryFind)((p)=>p.Name === "allergies_json", matchValue.fields[0])), "[]") : "[]"));
+    if ((0, _List.isEmpty)(allergies)) {
+        return `**${field.Label}:** *[No allergies recorded]*`;
+    } else {
+        let rows = (0, _List.ofArray)([
+            `**${field.Label}**`,
+            "",
+            "| Allergen | Severity | Category | Reactions | Remedy |",
+            "|----------|----------|----------|-----------|--------|"
+        ]);
+        const enumerator = (0, _Util.getEnumerator)(allergies);
+        try {
+            while(enumerator["System.Collections.IEnumerator.MoveNext"]()){
+                const a = enumerator["System.Collections.Generic.IEnumerator`1.get_Current"]();
+                let sevEmoji;
+                const matchValue_1 = a.Severity;
+                sevEmoji = matchValue_1.tag === /* Severe */ 3 ? "🟠" : matchValue_1.tag === /* Moderate */ 2 ? "🟡" : matchValue_1.tag === /* Mild */ 1 ? "🟢" : matchValue_1.tag === /* Unknown */ 0 ? "⚪" : "🔴";
+                const reactions = (0, _List.isEmpty)(a.Reactions) ? "--" : (0, _String.join)(", ", (0, _List.truncate)(3, a.Reactions));
+                const remedy = (0, _Option.defaultArg)(a.Remedy, "--");
+                rows = (0, _List.append)(rows, (0, _List.singleton)(`| **${a.Name}** | ${sevEmoji} ${AllergyFinderField_severityLabel(a.Severity)} | ${AllergyFinderField_categoryLabel(a.Category)} | ${reactions} | ${remedy} |`));
+            }
+        } finally{
+            (0, _Util.disposeSafe)(enumerator);
+        }
+        return (0, _String.join)("\n", rows);
+    }
+} //# sourceMappingURL=AllergyFinderField.ts.map
+
+//# sourceMappingURL=AllergyFinderField.js.map