@f1studio/form-spec 5.0.0-alpha.111 → 5.0.0-alpha.113

package/src/plugins/demographics/src/DemographicsField.ts

@@ -0,0 +1,502 @@
+import { Record } from "@fable-org/fable-library-js/Types.js";
+import { some, filter, value as value_40, map, defaultArg, Option } from "@fable-org/fable-library-js/Option.js";
+import { equals, createObj, IComparable, IEquatable } from "@fable-org/fable-library-js/Util.js";
+import { class_type, bool_type, record_type, option_type, string_type, TypeInfo } from "@fable-org/fable-library-js/Reflection.js";
+import { mapValues, Field$3, IAttributes } from "../../../fable_modules/Fable.Form.3.0.0/Field.fs.js";
+import { Form$3, FieldConfig$4, field as field_1 } from "../../../fable_modules/Fable.Form.3.0.0/Base.fs.js";
+import { join, split, isNullOrWhiteSpace, isNullOrEmpty } from "@fable-org/fable-library-js/String.js";
+import { newGuid } from "@fable-org/fable-library-js/Guid.js";
+import { Spec_FormField$1, Spec_FieldType_$union, Shared_FieldValue_$union, Shared_FieldKey, Shared_FieldValue_PluginData, Shared_PluginDataProperty, Shared_PluginPropertyKey, Spec_PluginFieldConfig, Shared_FieldOption, Shared_FieldOptionKey } from "../../../FormSpec.FS/FormSpec.js";
+import { empty as empty_1, tryFind, FSharpList, ofArray } from "@fable-org/fable-library-js/List.js";
+import { item } from "@fable-org/fable-library-js/Array.js";
+import { int32 } from "@fable-org/fable-library-js/Int32.js";
+import { createElement } from "react";
+import React from "react";
+import { reactApi } from "../../../fable_modules/Feliz.2.8.0/Interop.fs.js";
+import { ReactElement } from "../../../fable_modules/Fable.React.Types.18.3.0/Fable.React.fs.js";
+import { withLabelAndError } from "../../../fable_modules/Fable.Form.Simple.Bulma.5.0.1/Html.View.fs.js";
+import { map as map_1, empty, singleton, append, delay, toList } from "@fable-org/fable-library-js/Seq.js";
+import { IStandardField$3_$reflection, IStandardField$3, IField$1, StandardRenderFieldConfig$2 } from "../../../fable_modules/Fable.Form.Simple.Bulma.5.0.1/Types.fs.js";
+import { FSharpResult$2_$union, FSharpResult$2_Ok, FSharpResult$2_Error } from "@fable-org/fable-library-js/Result.js";
+import { IPluginValueConverter } from "../../../FormSpec.FS/PluginInterface.js";
+import { RenderPreviewProps$1 } from "../../../FormSpec.FS/Interfaces.js";
+import { FieldDetails } from "../../../FormSpec.FS/Designer.js";
+
+export class DemographicsField_DemographicsData extends Record implements IEquatable<DemographicsField_DemographicsData>, IComparable<DemographicsField_DemographicsData> {
+    readonly FirstName: Option<string>;
+    readonly LastName: Option<string>;
+    readonly Email: Option<string>;
+    readonly Phone: Option<string>;
+    readonly DateOfBirth: Option<string>;
+    readonly Address: Option<string>;
+    readonly MRN: Option<string>;
+    readonly Insurance: Option<string>;
+    readonly RaceEthnicity: Option<string>;
+    readonly EmergencyContact: Option<string>;
+    constructor(FirstName: Option<string>, LastName: Option<string>, Email: Option<string>, Phone: Option<string>, DateOfBirth: Option<string>, Address: Option<string>, MRN: Option<string>, Insurance: Option<string>, RaceEthnicity: Option<string>, EmergencyContact: Option<string>) {
+        super();
+        this.FirstName = FirstName;
+        this.LastName = LastName;
+        this.Email = Email;
+        this.Phone = Phone;
+        this.DateOfBirth = DateOfBirth;
+        this.Address = Address;
+        this.MRN = MRN;
+        this.Insurance = Insurance;
+        this.RaceEthnicity = RaceEthnicity;
+        this.EmergencyContact = EmergencyContact;
+    }
+}
+
+export function DemographicsField_DemographicsData_$reflection(): TypeInfo {
+    return record_type("Fable.Form.Simple.Bulma.Fields.DemographicsField.DemographicsField.DemographicsData", [], DemographicsField_DemographicsData, () => [["FirstName", option_type(string_type)], ["LastName", option_type(string_type)], ["Email", option_type(string_type)], ["Phone", option_type(string_type)], ["DateOfBirth", option_type(string_type)], ["Address", option_type(string_type)], ["MRN", option_type(string_type)], ["Insurance", option_type(string_type)], ["RaceEthnicity", option_type(string_type)], ["EmergencyContact", option_type(string_type)]]);
+}
+
+export class DemographicsField_DemographicsConfig extends Record implements IEquatable<DemographicsField_DemographicsConfig>, IComparable<DemographicsField_DemographicsConfig> {
+    readonly IncludeName: boolean;
+    readonly IncludeEmail: boolean;
+    readonly IncludePhone: boolean;
+    readonly IncludeDOB: boolean;
+    readonly IncludeAddress: boolean;
+    readonly IncludeMRN: boolean;
+    readonly IncludeInsurance: boolean;
+    readonly IncludeRaceEthnicity: boolean;
+    readonly IncludeEmergencyContact: boolean;
+    readonly MedicalMode: boolean;
+    readonly IsRequiredName: boolean;
+    readonly IsRequiredEmail: boolean;
+    readonly IsRequiredPhone: boolean;
+    readonly IsRequiredDOB: boolean;
+    readonly IsRequiredAddress: boolean;
+    readonly IsRequiredMRN: boolean;
+    readonly IsRequiredInsurance: boolean;
+    readonly IsRequiredRaceEthnicity: boolean;
+    readonly IsRequiredEmergencyContact: boolean;
+    constructor(IncludeName: boolean, IncludeEmail: boolean, IncludePhone: boolean, IncludeDOB: boolean, IncludeAddress: boolean, IncludeMRN: boolean, IncludeInsurance: boolean, IncludeRaceEthnicity: boolean, IncludeEmergencyContact: boolean, MedicalMode: boolean, IsRequiredName: boolean, IsRequiredEmail: boolean, IsRequiredPhone: boolean, IsRequiredDOB: boolean, IsRequiredAddress: boolean, IsRequiredMRN: boolean, IsRequiredInsurance: boolean, IsRequiredRaceEthnicity: boolean, IsRequiredEmergencyContact: boolean) {
+        super();
+        this.IncludeName = IncludeName;
+        this.IncludeEmail = IncludeEmail;
+        this.IncludePhone = IncludePhone;
+        this.IncludeDOB = IncludeDOB;
+        this.IncludeAddress = IncludeAddress;
+        this.IncludeMRN = IncludeMRN;
+        this.IncludeInsurance = IncludeInsurance;
+        this.IncludeRaceEthnicity = IncludeRaceEthnicity;
+        this.IncludeEmergencyContact = IncludeEmergencyContact;
+        this.MedicalMode = MedicalMode;
+        this.IsRequiredName = IsRequiredName;
+        this.IsRequiredEmail = IsRequiredEmail;
+        this.IsRequiredPhone = IsRequiredPhone;
+        this.IsRequiredDOB = IsRequiredDOB;
+        this.IsRequiredAddress = IsRequiredAddress;
+        this.IsRequiredMRN = IsRequiredMRN;
+        this.IsRequiredInsurance = IsRequiredInsurance;
+        this.IsRequiredRaceEthnicity = IsRequiredRaceEthnicity;
+        this.IsRequiredEmergencyContact = IsRequiredEmergencyContact;
+    }
+}
+
+export function DemographicsField_DemographicsConfig_$reflection(): TypeInfo {
+    return record_type("Fable.Form.Simple.Bulma.Fields.DemographicsField.DemographicsField.DemographicsConfig", [], DemographicsField_DemographicsConfig, () => [["IncludeName", bool_type], ["IncludeEmail", bool_type], ["IncludePhone", bool_type], ["IncludeDOB", bool_type], ["IncludeAddress", bool_type], ["IncludeMRN", bool_type], ["IncludeInsurance", bool_type], ["IncludeRaceEthnicity", bool_type], ["IncludeEmergencyContact", bool_type], ["MedicalMode", bool_type], ["IsRequiredName", bool_type], ["IsRequiredEmail", bool_type], ["IsRequiredPhone", bool_type], ["IsRequiredDOB", bool_type], ["IsRequiredAddress", bool_type], ["IsRequiredMRN", bool_type], ["IsRequiredInsurance", bool_type], ["IsRequiredRaceEthnicity", bool_type], ["IsRequiredEmergencyContact", bool_type]]);
+}
+
+export class DemographicsField_Attributes extends Record implements IEquatable<DemographicsField_Attributes>, IComparable<DemographicsField_Attributes>, IAttributes {
+    readonly FieldId: string;
+    readonly Label: string;
+    readonly Config: DemographicsField_DemographicsConfig;
+    constructor(FieldId: string, Label: string, Config: DemographicsField_DemographicsConfig) {
+        super();
+        this.FieldId = FieldId;
+        this.Label = Label;
+        this.Config = Config;
+    }
+    GetFieldId(): string {
+        const this$: DemographicsField_Attributes = this;
+        return this$.FieldId;
+    }
+}
+
+export function DemographicsField_Attributes_$reflection(): TypeInfo {
+    return record_type("Fable.Form.Simple.Bulma.Fields.DemographicsField.DemographicsField.Attributes", [], DemographicsField_Attributes, () => [["FieldId", string_type], ["Label", string_type], ["Config", DemographicsField_DemographicsConfig_$reflection()]]);
+}
+
+export function DemographicsField_form<Values, Field, Output>(): ((arg0: ((arg0: Field$3<DemographicsField_Attributes, string, Values>) => Field)) => ((arg0: FieldConfig$4<DemographicsField_Attributes, string, Values, Output>) => Form$3<Values, Output, Field>)) {
+    return (build: ((arg0: Field$3<DemographicsField_Attributes, string, Values>) => Field)): ((arg0: FieldConfig$4<DemographicsField_Attributes, string, Values, Output>) => Form$3<Values, Output, Field>) => ((config: FieldConfig$4<DemographicsField_Attributes, string, Values, Output>): Form$3<Values, Output, Field> => field_1<string, DemographicsField_Attributes, Values, Field, Output>(isNullOrEmpty, build, config));
+}
+
+export const DemographicsField_defaultConfig: DemographicsField_DemographicsConfig = new DemographicsField_DemographicsConfig(true, true, true, true, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false);
+
+/**
+ * Encode DemographicsConfig as FieldOption list for FormSpec PluginFieldConfig.Options (designer persistence)
+ */
+export function DemographicsField_configToOptions(config: DemographicsField_DemographicsConfig): FSharpList<Shared_FieldOption> {
+    const mk = (desc: string, v: string): Shared_FieldOption => (new Shared_FieldOption(desc, v, new Shared_FieldOptionKey(newGuid()), undefined));
+    return ofArray([mk("IncludeName", config.IncludeName ? "true" : "false"), mk("IncludeEmail", config.IncludeEmail ? "true" : "false"), mk("IncludePhone", config.IncludePhone ? "true" : "false"), mk("IncludeDOB", config.IncludeDOB ? "true" : "false"), mk("IncludeAddress", config.IncludeAddress ? "true" : "false"), mk("IncludeMRN", config.IncludeMRN ? "true" : "false"), mk("IncludeInsurance", config.IncludeInsurance ? "true" : "false"), mk("IncludeRaceEthnicity", config.IncludeRaceEthnicity ? "true" : "false"), mk("IncludeEmergencyContact", config.IncludeEmergencyContact ? "true" : "false"), mk("MedicalMode", config.MedicalMode ? "true" : "false"), mk("IsRequiredName", config.IsRequiredName ? "true" : "false"), mk("IsRequiredEmail", config.IsRequiredEmail ? "true" : "false"), mk("IsRequiredPhone", config.IsRequiredPhone ? "true" : "false"), mk("IsRequiredDOB", config.IsRequiredDOB ? "true" : "false"), mk("IsRequiredAddress", config.IsRequiredAddress ? "true" : "false"), mk("IsRequiredMRN", config.IsRequiredMRN ? "true" : "false"), mk("IsRequiredInsurance", config.IsRequiredInsurance ? "true" : "false"), mk("IsRequiredRaceEthnicity", config.IsRequiredRaceEthnicity ? "true" : "false"), mk("IsRequiredEmergencyContact", config.IsRequiredEmergencyContact ? "true" : "false")]);
+}
+
+/**
+ * Decode DemographicsConfig from FieldOption list (from FormSpec PluginFieldConfig.Options)
+ */
+export function DemographicsField_optionsToConfig(options: FSharpList<Shared_FieldOption>): DemographicsField_DemographicsConfig {
+    const getFlag = (name: string, defaultVal: boolean): boolean => defaultArg(map<Shared_FieldOption, boolean>((o_1: Shared_FieldOption): boolean => (o_1.Value === "true"), tryFind<Shared_FieldOption>((o: Shared_FieldOption): boolean => (o.Description === name), options)), defaultVal);
+    return new DemographicsField_DemographicsConfig(getFlag("IncludeName", DemographicsField_defaultConfig.IncludeName), getFlag("IncludeEmail", DemographicsField_defaultConfig.IncludeEmail), getFlag("IncludePhone", DemographicsField_defaultConfig.IncludePhone), getFlag("IncludeDOB", DemographicsField_defaultConfig.IncludeDOB), getFlag("IncludeAddress", DemographicsField_defaultConfig.IncludeAddress), getFlag("IncludeMRN", DemographicsField_defaultConfig.IncludeMRN), getFlag("IncludeInsurance", DemographicsField_defaultConfig.IncludeInsurance), getFlag("IncludeRaceEthnicity", DemographicsField_defaultConfig.IncludeRaceEthnicity), getFlag("IncludeEmergencyContact", DemographicsField_defaultConfig.IncludeEmergencyContact), getFlag("MedicalMode", DemographicsField_defaultConfig.MedicalMode), getFlag("IsRequiredName", DemographicsField_defaultConfig.IsRequiredName), getFlag("IsRequiredEmail", DemographicsField_defaultConfig.IsRequiredEmail), getFlag("IsRequiredPhone", DemographicsField_defaultConfig.IsRequiredPhone), getFlag("IsRequiredDOB", DemographicsField_defaultConfig.IsRequiredDOB), getFlag("IsRequiredAddress", DemographicsField_defaultConfig.IsRequiredAddress), getFlag("IsRequiredMRN", DemographicsField_defaultConfig.IsRequiredMRN), getFlag("IsRequiredInsurance", DemographicsField_defaultConfig.IsRequiredInsurance), getFlag("IsRequiredRaceEthnicity", DemographicsField_defaultConfig.IsRequiredRaceEthnicity), getFlag("IsRequiredEmergencyContact", DemographicsField_defaultConfig.IsRequiredEmergencyContact));
+}
+
+export class DemographicsField_SerializedDemographics extends Record implements IEquatable<DemographicsField_SerializedDemographics>, IComparable<DemographicsField_SerializedDemographics> {
+    readonly Data: DemographicsField_DemographicsData;
+    readonly MedicalMode: boolean;
+    constructor(Data: DemographicsField_DemographicsData, MedicalMode: boolean) {
+        super();
+        this.Data = Data;
+        this.MedicalMode = MedicalMode;
+    }
+}
+
+export function DemographicsField_SerializedDemographics_$reflection(): TypeInfo {
+    return record_type("Fable.Form.Simple.Bulma.Fields.DemographicsField.DemographicsField.SerializedDemographics", [], DemographicsField_SerializedDemographics, () => [["Data", DemographicsField_DemographicsData_$reflection()], ["MedicalMode", bool_type]]);
+}
+
+export function DemographicsField_parseDemographicsData(value: string, medicalMode: boolean): DemographicsField_SerializedDemographics {
+    try {
+        if (isNullOrWhiteSpace(value)) {
+            return new DemographicsField_SerializedDemographics(new DemographicsField_DemographicsData(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), medicalMode);
+        }
+        else {
+            const parts: string[] = split(value, ["|"], undefined, 0);
+            const medicalModeFromStorage: boolean = ((parts.length > 0) && item(0, parts).startsWith("MEDICAL:")) ? (item(0, parts) === "MEDICAL:true") : medicalMode;
+            const offset: int32 = (item(0, parts).startsWith("MEDICAL:") ? 1 : 0) | 0;
+            const opt = (i: int32): Option<string> => {
+                const idx: int32 = (offset + i) | 0;
+                if ((parts.length > idx) && !isNullOrWhiteSpace(item(idx, parts))) {
+                    return item(idx, parts);
+                }
+                else {
+                    return undefined;
+                }
+            };
+            return new DemographicsField_SerializedDemographics(new DemographicsField_DemographicsData(opt(0), opt(1), opt(2), opt(3), opt(4), opt(5), opt(6), opt(7), opt(8), opt(9)), medicalModeFromStorage);
+        }
+    }
+    catch (matchValue: any) {
+        return new DemographicsField_SerializedDemographics(new DemographicsField_DemographicsData(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), medicalMode);
+    }
+}
+
+export function DemographicsField_serializeDemographicsData(data: DemographicsField_DemographicsData, medicalMode: boolean): string {
+    return ((medicalMode ? "MEDICAL:true" : "MEDICAL:false") + "|") + join("|", [defaultArg(data.FirstName, ""), defaultArg(data.LastName, ""), defaultArg(data.Email, ""), defaultArg(data.Phone, ""), defaultArg(data.DateOfBirth, ""), defaultArg(data.Address, ""), defaultArg(data.MRN, ""), defaultArg(data.Insurance, ""), defaultArg(data.RaceEthnicity, ""), defaultArg(data.EmergencyContact, "")]);
+}
+
+export const DemographicsField_inputClass = "mt-1 block w-full rounded-md border border-slate-300 bg-white px-2.5 py-1.5 text-sm text-slate-900 shadow-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30 disabled:cursor-not-allowed disabled:bg-slate-100 disabled:text-slate-500";
+
+export function DemographicsField_DemographicsFieldComponent(config: StandardRenderFieldConfig$2<string, DemographicsField_Attributes>): ReactElement {
+    let elems_4: Iterable<ReactElement>, elems_3: Iterable<ReactElement>;
+    const cfg: DemographicsField_DemographicsConfig = config.Attributes.Config;
+    const data: DemographicsField_DemographicsData = DemographicsField_parseDemographicsData(config.Value, cfg.MedicalMode).Data;
+    let patternInput: [string, ((arg0: string) => void)];
+    const initial: string = defaultArg(data.FirstName, "");
+    patternInput = reactApi.useState<string, string>(initial);
+    const firstName: string = patternInput[0];
+    let patternInput_1: [string, ((arg0: string) => void)];
+    const initial_1: string = defaultArg(data.LastName, "");
+    patternInput_1 = reactApi.useState<string, string>(initial_1);
+    const lastName: string = patternInput_1[0];
+    let patternInput_2: [string, ((arg0: string) => void)];
+    const initial_2: string = defaultArg(data.Email, "");
+    patternInput_2 = reactApi.useState<string, string>(initial_2);
+    const email: string = patternInput_2[0];
+    let patternInput_3: [string, ((arg0: string) => void)];
+    const initial_3: string = defaultArg(data.Phone, "");
+    patternInput_3 = reactApi.useState<string, string>(initial_3);
+    const phone: string = patternInput_3[0];
+    let patternInput_4: [string, ((arg0: string) => void)];
+    const initial_4: string = defaultArg(data.DateOfBirth, "");
+    patternInput_4 = reactApi.useState<string, string>(initial_4);
+    const dob: string = patternInput_4[0];
+    let patternInput_5: [string, ((arg0: string) => void)];
+    const initial_5: string = defaultArg(data.Address, "");
+    patternInput_5 = reactApi.useState<string, string>(initial_5);
+    const address: string = patternInput_5[0];
+    let patternInput_6: [string, ((arg0: string) => void)];
+    const initial_6: string = defaultArg(data.MRN, "");
+    patternInput_6 = reactApi.useState<string, string>(initial_6);
+    const mrn: string = patternInput_6[0];
+    let patternInput_7: [string, ((arg0: string) => void)];
+    const initial_7: string = defaultArg(data.Insurance, "");
+    patternInput_7 = reactApi.useState<string, string>(initial_7);
+    const insurance: string = patternInput_7[0];
+    let patternInput_8: [string, ((arg0: string) => void)];
+    const initial_8: string = defaultArg(data.RaceEthnicity, "");
+    patternInput_8 = reactApi.useState<string, string>(initial_8);
+    const raceEthnicity: string = patternInput_8[0];
+    let patternInput_9: [string, ((arg0: string) => void)];
+    const initial_9: string = defaultArg(data.EmergencyContact, "");
+    patternInput_9 = reactApi.useState<string, string>(initial_9);
+    const emergencyContact: string = patternInput_9[0];
+    const dependencies: any[] = [firstName, lastName, email, phone, dob, address, mrn, insurance, raceEthnicity, emergencyContact];
+    reactApi.useEffect((): void => {
+        config.OnChange(DemographicsField_serializeDemographicsData(new DemographicsField_DemographicsData(isNullOrWhiteSpace(firstName) ? undefined : firstName, isNullOrWhiteSpace(lastName) ? undefined : lastName, isNullOrWhiteSpace(email) ? undefined : email, isNullOrWhiteSpace(phone) ? undefined : phone, isNullOrWhiteSpace(dob) ? undefined : dob, isNullOrWhiteSpace(address) ? undefined : address, isNullOrWhiteSpace(mrn) ? undefined : mrn, isNullOrWhiteSpace(insurance) ? undefined : insurance, isNullOrWhiteSpace(raceEthnicity) ? undefined : raceEthnicity, isNullOrWhiteSpace(emergencyContact) ? undefined : emergencyContact), cfg.MedicalMode));
+    }, dependencies);
+    const field = (label: string, value_10: string, setValue: ((arg0: string) => void), placeholder: string, isRequired: boolean): ReactElement => {
+        let elems: Iterable<ReactElement>;
+        return createElement<any>("div", createObj(ofArray([["className", "space-y-1"] as [string, any], (elems = [createElement<any>("label", {
+            className: "block text-xs font-medium text-slate-700",
+            children: isRequired ? (label + " *") : label,
+        }), createElement<any>("input", {
+            type: "text",
+            className: DemographicsField_inputClass,
+            value: value_10,
+            placeholder: placeholder,
+            disabled: config.Disabled ? true : config.IsReadOnly,
+            onChange: (ev: Event): void => {
+                setValue(ev.target.value);
+            },
+        })], ["children", reactApi.Children.toArray(Array.from(elems))] as [string, any])])));
+    };
+    return withLabelAndError(config.Attributes.Label, config.ShowError, config.Error, createElement<any>("div", createObj(ofArray([["className", "space-y-4"] as [string, any], (elems_4 = [createElement<any>("div", createObj(ofArray([["className", "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:gap-6"] as [string, any], (elems_3 = toList<ReactElement>(delay<ReactElement>((): Iterable<ReactElement> => {
+        let elems_1: Iterable<ReactElement>;
+        return append<ReactElement>(cfg.IncludeName ? singleton<ReactElement>(createElement<any>("div", createObj(ofArray([["className", "space-y-4 sm:col-span-2 sm:grid sm:grid-cols-2 sm:gap-4"] as [string, any], (elems_1 = [field("First name", firstName, patternInput[1], "First name", cfg.IsRequiredName), field("Last name", lastName, patternInput_1[1], "Last name", cfg.IsRequiredName)], ["children", reactApi.Children.toArray(Array.from(elems_1))] as [string, any])])))) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>(cfg.IncludeEmail ? singleton<ReactElement>(field("Email", email, patternInput_2[1], "email@example.com", cfg.IsRequiredEmail)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>(cfg.IncludePhone ? singleton<ReactElement>(field("Phone", phone, patternInput_3[1], "Phone number", cfg.IsRequiredPhone)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>(cfg.IncludeDOB ? singleton<ReactElement>(field("Date of birth", dob, patternInput_4[1], "YYYY-MM-DD", cfg.IsRequiredDOB)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => {
+            let elems_2: Iterable<ReactElement>;
+            return append<ReactElement>(cfg.IncludeAddress ? singleton<ReactElement>(createElement<any>("div", createObj(ofArray([["className", "sm:col-span-2"] as [string, any], (elems_2 = [field("Address", address, patternInput_5[1], "Street, city, state, zip", cfg.IsRequiredAddress)], ["children", reactApi.Children.toArray(Array.from(elems_2))] as [string, any])])))) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>((cfg.MedicalMode && cfg.IncludeMRN) ? singleton<ReactElement>(field("MRN", mrn, patternInput_6[1], "Medical record number", cfg.IsRequiredMRN)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>((cfg.MedicalMode && cfg.IncludeInsurance) ? singleton<ReactElement>(field("Insurance", insurance, patternInput_7[1], "Insurance provider", cfg.IsRequiredInsurance)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>((cfg.MedicalMode && cfg.IncludeRaceEthnicity) ? singleton<ReactElement>(field("Race / Ethnicity", raceEthnicity, patternInput_8[1], "Race or ethnicity", cfg.IsRequiredRaceEthnicity)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => (cfg.IncludeEmergencyContact ? singleton<ReactElement>(field("Emergency contact", emergencyContact, patternInput_9[1], "Name and phone", cfg.IsRequiredEmergencyContact)) : empty<ReactElement>())))))))));
+        }))))))));
+    })), ["children", reactApi.Children.toArray(Array.from(elems_3))] as [string, any])])))], ["children", reactApi.Children.toArray(Array.from(elems_4))] as [string, any])]))));
+}
+
+export class DemographicsField_Field$1<Values> extends IStandardField$3<Values, string, DemographicsField_Attributes> implements IField$1<Values> {
+    readonly innerField_1: Field$3<DemographicsField_Attributes, string, Values>;
+    constructor(innerField: Field$3<DemographicsField_Attributes, string, Values>) {
+        super(innerField);
+        this.innerField_1 = innerField;
+    }
+    "Fable.Form.Simple.Bulma.IStandardField`3.RenderFieldZ43FEF6DC"(config: StandardRenderFieldConfig$2<string, DemographicsField_Attributes>): ReactElement {
+        return createElement(DemographicsField_DemographicsFieldComponent, config);
+    }
+    MapFieldValues<NewValues>(update: ((arg0: Values) => $a)): IField$1<$a> {
+        const _: DemographicsField_Field$1<Values> = this;
+        return DemographicsField_Field$1_$ctor_Z3F5C7C07<$a>(mapValues<Values, $a, DemographicsField_Attributes, string>(update, _.innerField_1));
+    }
+}
+
+export function DemographicsField_Field$1_$reflection(gen0: TypeInfo): TypeInfo {
+    return class_type("Fable.Form.Simple.Bulma.Fields.DemographicsField.DemographicsField.Field`1", [gen0], DemographicsField_Field$1, IStandardField$3_$reflection(gen0, string_type, DemographicsField_Attributes_$reflection()));
+}
+
+export function DemographicsField_Field$1_$ctor_Z3F5C7C07<Values>(innerField: Field$3<DemographicsField_Attributes, string, Values>): DemographicsField_Field$1<Values> {
+    return new DemographicsField_Field$1(innerField);
+}
+
+export function Form_demographicsField<Values, Output>(config: FieldConfig$4<DemographicsField_Attributes, string, Values, Output>): Form$3<Values, Output, IField$1<Values>> {
+    return DemographicsField_form<Values, IField$1<Values>, Output>()(DemographicsField_Field$1_$ctor_Z3F5C7C07)(config);
+}
+
+export const Form_pluginConfig: Spec_PluginFieldConfig = new Spec_PluginFieldConfig("Fable.Form.Simple.Bulma.Fields.DemographicsField", undefined, undefined);
+
+export const Form_PropertyKeys_IsMedicalField: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0001-4000-8000-000000000001");
+
+export const Form_PropertyKeys_FirstName: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0002-4000-8000-000000000001");
+
+export const Form_PropertyKeys_LastName: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0003-4000-8000-000000000001");
+
+export const Form_PropertyKeys_Email: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0004-4000-8000-000000000001");
+
+export const Form_PropertyKeys_Phone: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0005-4000-8000-000000000001");
+
+export const Form_PropertyKeys_DateOfBirth: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0006-4000-8000-000000000001");
+
+export const Form_PropertyKeys_Address: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0007-4000-8000-000000000001");
+
+export const Form_PropertyKeys_MRN: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0008-4000-8000-000000000001");
+
+export const Form_PropertyKeys_Insurance: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-0009-4000-8000-000000000001");
+
+export const Form_PropertyKeys_RaceEthnicity: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-000a-4000-8000-000000000001");
+
+export const Form_PropertyKeys_EmergencyContact: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d0e0f0a0-000b-4000-8000-000000000001");
+
+export function Form_isMedicalFieldProp(medicalMode: boolean): Shared_PluginDataProperty {
+    return new Shared_PluginDataProperty(Form_PropertyKeys_IsMedicalField, "is_medical_field", "bool", medicalMode ? "true" : "false", "Is Medical Field", undefined, "Indicates this field instance was configured in medical mode (PHI/HIPAA context)");
+}
+
+export const Form_enhancedDemographicsConverter: IPluginValueConverter = new IPluginValueConverter((fieldKey: Shared_FieldKey, pluginValue: any): Option<Shared_FieldValue_$union> => {
+    const data: DemographicsField_DemographicsData = pluginValue;
+    const cfg: DemographicsField_DemographicsConfig = DemographicsField_defaultConfig;
+    const props: Shared_PluginDataProperty[] = [];
+    void (props.push(Form_isMedicalFieldProp(cfg.MedicalMode)));
+    if (cfg.IncludeName && (data.FirstName != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_FirstName, "first_name", "string", value_40(data.FirstName), "First Name", undefined, undefined)));
+    }
+    if (cfg.IncludeName && (data.LastName != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_LastName, "last_name", "string", value_40(data.LastName), "Last Name", undefined, undefined)));
+    }
+    if (cfg.IncludeEmail && (data.Email != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_Email, "email", "string", value_40(data.Email), "Email", undefined, undefined)));
+    }
+    if (cfg.IncludePhone && (data.Phone != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_Phone, "phone", "string", value_40(data.Phone), "Phone", undefined, undefined)));
+    }
+    if (cfg.IncludeDOB && (data.DateOfBirth != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_DateOfBirth, "date_of_birth", "datetime", value_40(data.DateOfBirth), "Date of Birth", undefined, undefined)));
+    }
+    if (cfg.IncludeAddress && (data.Address != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_Address, "address", "string", value_40(data.Address), "Address", undefined, undefined)));
+    }
+    if ((cfg.MedicalMode && cfg.IncludeMRN) && (data.MRN != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_MRN, "mrn", "string", value_40(data.MRN), "MRN", undefined, undefined)));
+    }
+    if ((cfg.MedicalMode && cfg.IncludeInsurance) && (data.Insurance != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_Insurance, "insurance", "string", value_40(data.Insurance), "Insurance", undefined, undefined)));
+    }
+    if ((cfg.MedicalMode && cfg.IncludeRaceEthnicity) && (data.RaceEthnicity != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_RaceEthnicity, "race_ethnicity", "string", value_40(data.RaceEthnicity), "Race / Ethnicity", undefined, undefined)));
+    }
+    if (cfg.IncludeEmergencyContact && (data.EmergencyContact != null)) {
+        void (props.push(new Shared_PluginDataProperty(Form_PropertyKeys_EmergencyContact, "emergency_contact", "string", value_40(data.EmergencyContact), "Emergency Contact", undefined, undefined)));
+    }
+    return Shared_FieldValue_PluginData(toList<Shared_PluginDataProperty>(props));
+}, (fieldValue: Shared_FieldValue_$union): Option<any> => {
+    switch (fieldValue.tag) {
+        case /* PluginData */ 3: {
+            const properties: FSharpList<Shared_PluginDataProperty> = fieldValue.fields[0];
+            const getVal = (name: string): Option<string> => filter<string>((v: string): boolean => !isNullOrWhiteSpace(v), map<Shared_PluginDataProperty, string>((p_1: Shared_PluginDataProperty): string => p_1.Value, tryFind<Shared_PluginDataProperty>((p: Shared_PluginDataProperty): boolean => (p.Name === name), properties)));
+            return some(new DemographicsField_DemographicsData(getVal("first_name"), getVal("last_name"), getVal("email"), getVal("phone"), getVal("date_of_birth"), getVal("address"), getVal("mrn"), getVal("insurance"), getVal("race_ethnicity"), getVal("emergency_contact")));
+        }
+        case /* Single */ 0:
+            return some(DemographicsField_parseDemographicsData(fieldValue.fields[0].Value, false).Data);
+        default:
+            return undefined;
+    }
+}, (): Option<FSharpList<Shared_FieldOption>> => undefined, (): FSharpList<string> => ofArray(["is_medical_field", "first_name", "last_name", "email", "phone", "date_of_birth", "address", "mrn", "insurance", "race_ethnicity", "emergency_contact"]), (propertyName: string): Option<Shared_PluginDataProperty> => {
+    const meta = (pk: Shared_PluginPropertyKey, name_1: string, dt: string, disp: string): Option<Shared_PluginDataProperty> => (new Shared_PluginDataProperty(pk, name_1, dt, "", disp, undefined, undefined));
+    return (propertyName === "is_medical_field") ? meta(Form_PropertyKeys_IsMedicalField, "is_medical_field", "bool", "Is Medical Field") : ((propertyName === "first_name") ? meta(Form_PropertyKeys_FirstName, "first_name", "string", "First Name") : ((propertyName === "last_name") ? meta(Form_PropertyKeys_LastName, "last_name", "string", "Last Name") : ((propertyName === "email") ? meta(Form_PropertyKeys_Email, "email", "string", "Email") : ((propertyName === "phone") ? meta(Form_PropertyKeys_Phone, "phone", "string", "Phone") : ((propertyName === "date_of_birth") ? meta(Form_PropertyKeys_DateOfBirth, "date_of_birth", "datetime", "Date of Birth") : ((propertyName === "address") ? meta(Form_PropertyKeys_Address, "address", "string", "Address") : ((propertyName === "mrn") ? meta(Form_PropertyKeys_MRN, "mrn", "string", "MRN") : ((propertyName === "insurance") ? meta(Form_PropertyKeys_Insurance, "insurance", "string", "Insurance") : ((propertyName === "race_ethnicity") ? meta(Form_PropertyKeys_RaceEthnicity, "race_ethnicity", "string", "Race / Ethnicity") : ((propertyName === "emergency_contact") ? meta(Form_PropertyKeys_EmergencyContact, "emergency_contact", "string", "Emergency Contact") : undefined))))))))));
+}, (propertyKey: Shared_PluginPropertyKey): Option<Shared_PluginDataProperty> => map<[Shared_PluginPropertyKey, [string, string, string]], Shared_PluginDataProperty>((tupledArg_1: [Shared_PluginPropertyKey, [string, string, string]]): Shared_PluginDataProperty => {
+    const _arg_1: [string, string, string] = tupledArg_1[1];
+    return new Shared_PluginDataProperty(tupledArg_1[0], _arg_1[0], _arg_1[1], "", _arg_1[2], undefined, undefined);
+}, tryFind<[Shared_PluginPropertyKey, [string, string, string]]>((tupledArg: [Shared_PluginPropertyKey, [string, string, string]]): boolean => equals(tupledArg[0], propertyKey), ofArray([[Form_PropertyKeys_IsMedicalField, ["is_medical_field", "bool", "Is Medical Field"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_FirstName, ["first_name", "string", "First Name"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_LastName, ["last_name", "string", "Last Name"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_Email, ["email", "string", "Email"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_Phone, ["phone", "string", "Phone"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_DateOfBirth, ["date_of_birth", "datetime", "Date of Birth"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_Address, ["address", "string", "Address"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_MRN, ["mrn", "string", "MRN"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_Insurance, ["insurance", "string", "Insurance"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_RaceEthnicity, ["race_ethnicity", "string", "Race / Ethnicity"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]], [Form_PropertyKeys_EmergencyContact, ["emergency_contact", "string", "Emergency Contact"] as [string, string, string]] as [Shared_PluginPropertyKey, [string, string, string]]]))), (propertyName_1: string, fieldValue_1: Shared_FieldValue_$union): Option<Shared_PluginDataProperty> => {
+    switch (fieldValue_1.tag) {
+        case /* PluginData */ 3:
+            return tryFind<Shared_PluginDataProperty>((p_2: Shared_PluginDataProperty): boolean => (p_2.Name === propertyName_1), fieldValue_1.fields[0]);
+        case /* Single */ 0: {
+            const parsed_1: DemographicsField_SerializedDemographics = DemographicsField_parseDemographicsData(fieldValue_1.fields[0].Value, false);
+            const data_1: DemographicsField_DemographicsData = parsed_1.Data;
+            return (propertyName_1 === "is_medical_field") ? Form_isMedicalFieldProp(parsed_1.MedicalMode) : ((propertyName_1 === "first_name") ? map<string, Shared_PluginDataProperty>((v_1: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_FirstName, "first_name", "string", v_1, "First Name", undefined, undefined)), data_1.FirstName) : ((propertyName_1 === "last_name") ? map<string, Shared_PluginDataProperty>((v_2: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_LastName, "last_name", "string", v_2, "Last Name", undefined, undefined)), data_1.LastName) : ((propertyName_1 === "email") ? map<string, Shared_PluginDataProperty>((v_3: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Email, "email", "string", v_3, "Email", undefined, undefined)), data_1.Email) : ((propertyName_1 === "phone") ? map<string, Shared_PluginDataProperty>((v_4: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Phone, "phone", "string", v_4, "Phone", undefined, undefined)), data_1.Phone) : ((propertyName_1 === "date_of_birth") ? map<string, Shared_PluginDataProperty>((v_5: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_DateOfBirth, "date_of_birth", "datetime", v_5, "Date of Birth", undefined, undefined)), data_1.DateOfBirth) : ((propertyName_1 === "address") ? map<string, Shared_PluginDataProperty>((v_6: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Address, "address", "string", v_6, "Address", undefined, undefined)), data_1.Address) : ((propertyName_1 === "mrn") ? map<string, Shared_PluginDataProperty>((v_7: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_MRN, "mrn", "string", v_7, "MRN", undefined, undefined)), data_1.MRN) : ((propertyName_1 === "insurance") ? map<string, Shared_PluginDataProperty>((v_8: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Insurance, "insurance", "string", v_8, "Insurance", undefined, undefined)), data_1.Insurance) : ((propertyName_1 === "race_ethnicity") ? map<string, Shared_PluginDataProperty>((v_9: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_RaceEthnicity, "race_ethnicity", "string", v_9, "Race / Ethnicity", undefined, undefined)), data_1.RaceEthnicity) : ((propertyName_1 === "emergency_contact") ? map<string, Shared_PluginDataProperty>((v_10: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_EmergencyContact, "emergency_contact", "string", v_10, "Emergency Contact", undefined, undefined)), data_1.EmergencyContact) : undefined))))))))));
+        }
+        default:
+            return undefined;
+    }
+}, (propertyKey_1: Shared_PluginPropertyKey, fieldValue_2: Shared_FieldValue_$union): Option<Shared_PluginDataProperty> => {
+    switch (fieldValue_2.tag) {
+        case /* PluginData */ 3:
+            return tryFind<Shared_PluginDataProperty>((p_3: Shared_PluginDataProperty): boolean => equals(p_3.PropertyKey, propertyKey_1), fieldValue_2.fields[0]);
+        case /* Single */ 0: {
+            const parsed_2: DemographicsField_SerializedDemographics = DemographicsField_parseDemographicsData(fieldValue_2.fields[0].Value, false);
+            const data_2: DemographicsField_DemographicsData = parsed_2.Data;
+            return equals(propertyKey_1, Form_PropertyKeys_IsMedicalField) ? Form_isMedicalFieldProp(parsed_2.MedicalMode) : (equals(propertyKey_1, Form_PropertyKeys_FirstName) ? map<string, Shared_PluginDataProperty>((v_11: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_FirstName, "first_name", "string", v_11, "First Name", undefined, undefined)), data_2.FirstName) : (equals(propertyKey_1, Form_PropertyKeys_LastName) ? map<string, Shared_PluginDataProperty>((v_12: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_LastName, "last_name", "string", v_12, "Last Name", undefined, undefined)), data_2.LastName) : (equals(propertyKey_1, Form_PropertyKeys_Email) ? map<string, Shared_PluginDataProperty>((v_13: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Email, "email", "string", v_13, "Email", undefined, undefined)), data_2.Email) : (equals(propertyKey_1, Form_PropertyKeys_Phone) ? map<string, Shared_PluginDataProperty>((v_14: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Phone, "phone", "string", v_14, "Phone", undefined, undefined)), data_2.Phone) : (equals(propertyKey_1, Form_PropertyKeys_DateOfBirth) ? map<string, Shared_PluginDataProperty>((v_15: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_DateOfBirth, "date_of_birth", "datetime", v_15, "Date of Birth", undefined, undefined)), data_2.DateOfBirth) : (equals(propertyKey_1, Form_PropertyKeys_Address) ? map<string, Shared_PluginDataProperty>((v_16: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Address, "address", "string", v_16, "Address", undefined, undefined)), data_2.Address) : (equals(propertyKey_1, Form_PropertyKeys_MRN) ? map<string, Shared_PluginDataProperty>((v_17: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_MRN, "mrn", "string", v_17, "MRN", undefined, undefined)), data_2.MRN) : (equals(propertyKey_1, Form_PropertyKeys_Insurance) ? map<string, Shared_PluginDataProperty>((v_18: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Insurance, "insurance", "string", v_18, "Insurance", undefined, undefined)), data_2.Insurance) : (equals(propertyKey_1, Form_PropertyKeys_RaceEthnicity) ? map<string, Shared_PluginDataProperty>((v_19: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_RaceEthnicity, "race_ethnicity", "string", v_19, "Race / Ethnicity", undefined, undefined)), data_2.RaceEthnicity) : (equals(propertyKey_1, Form_PropertyKeys_EmergencyContact) ? map<string, Shared_PluginDataProperty>((v_20: string): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_EmergencyContact, "emergency_contact", "string", v_20, "Emergency Contact", undefined, undefined)), data_2.EmergencyContact) : undefined))))))))));
+        }
+        default:
+            return undefined;
+    }
+}, (propertyName_2: string, value: string): FSharpResult$2_$union<void, string> => ((propertyName_2 === "is_medical_field") ? FSharpResult$2_Error<void, string>("is_medical_field is derived from MedicalMode and cannot be set directly") : FSharpResult$2_Ok<void, string>(undefined)), (fieldValue_3: Shared_FieldValue_$union): FSharpList<Shared_PluginDataProperty> => {
+    switch (fieldValue_3.tag) {
+        case /* PluginData */ 3:
+            return fieldValue_3.fields[0];
+        case /* Single */ 0: {
+            const parsed_3: DemographicsField_SerializedDemographics = DemographicsField_parseDemographicsData(fieldValue_3.fields[0].Value, false);
+            const data_3: DemographicsField_DemographicsData = parsed_3.Data;
+            const props_1: Shared_PluginDataProperty[] = [];
+            void (props_1.push(Form_isMedicalFieldProp(parsed_3.MedicalMode)));
+            if (data_3.FirstName != null) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_FirstName, "first_name", "string", value_40(data_3.FirstName), "First Name", undefined, undefined)));
+            }
+            if (data_3.LastName != null) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_LastName, "last_name", "string", value_40(data_3.LastName), "Last Name", undefined, undefined)));
+            }
+            if (data_3.Email != null) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_Email, "email", "string", value_40(data_3.Email), "Email", undefined, undefined)));
+            }
+            if (data_3.Phone != null) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_Phone, "phone", "string", value_40(data_3.Phone), "Phone", undefined, undefined)));
+            }
+            if (data_3.DateOfBirth != null) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_DateOfBirth, "date_of_birth", "datetime", value_40(data_3.DateOfBirth), "Date of Birth", undefined, undefined)));
+            }
+            if (data_3.Address != null) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_Address, "address", "string", value_40(data_3.Address), "Address", undefined, undefined)));
+            }
+            if (parsed_3.MedicalMode && (data_3.MRN != null)) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_MRN, "mrn", "string", value_40(data_3.MRN), "MRN", undefined, undefined)));
+            }
+            if (parsed_3.MedicalMode && (data_3.Insurance != null)) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_Insurance, "insurance", "string", value_40(data_3.Insurance), "Insurance", undefined, undefined)));
+            }
+            if (parsed_3.MedicalMode && (data_3.RaceEthnicity != null)) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_RaceEthnicity, "race_ethnicity", "string", value_40(data_3.RaceEthnicity), "Race / Ethnicity", undefined, undefined)));
+            }
+            if (data_3.EmergencyContact != null) {
+                void (props_1.push(new Shared_PluginDataProperty(Form_PropertyKeys_EmergencyContact, "emergency_contact", "string", value_40(data_3.EmergencyContact), "Emergency Contact", undefined, undefined)));
+            }
+            return toList<Shared_PluginDataProperty>(props_1);
+        }
+        default:
+            return empty_1<Shared_PluginDataProperty>();
+    }
+});
+
+export function Form_designerPreview(props: RenderPreviewProps$1<Spec_FieldType_$union>): ReactElement {
+    let value: string, elems_2: Iterable<ReactElement>, elems: Iterable<ReactElement>, elems_1: Iterable<ReactElement>;
+    return createElement<any>("div", createObj(ofArray([(value = "flex items-center justify-between rounded-lg border border-dashed border-gray-300 bg-gray-50/80 px-3 py-2", ["className", value] as [string, any]), (elems_2 = [createElement<any>("div", createObj(ofArray([["className", "flex flex-col gap-0.5"] as [string, any], (elems = [createElement<any>("span", {
+        className: "text-sm font-semibold text-gray-800",
+        children: "Demographics",
+    }), createElement<any>("span", {
+        className: "text-xs text-gray-500",
+        children: "Name, contact, DOB, and optional medical fields",
+    })], ["children", reactApi.Children.toArray(Array.from(elems))] as [string, any])]))), createElement<any>("div", createObj(ofArray([["className", "flex items-center gap-2 text-gray-400"] as [string, any], (elems_1 = [createElement<any>("span", {
+        className: "text-base",
+        children: "👤",
+    }), createElement<any>("span", {
+        className: "w-1.5 h-1.5 rounded-full bg-red-400 shrink-0",
+    }), createElement<any>("span", {
+        className: "text-xs",
+        children: "🔗",
+    })], ["children", reactApi.Children.toArray(Array.from(elems_1))] as [string, any])])))], ["children", reactApi.Children.toArray(Array.from(elems_2))] as [string, any])])));
+}
+
+export function Form_markdownRenderer(field: Spec_FormField$1<Spec_FieldType_$union>, fieldDetails: FieldDetails): string {
+    let value: string;
+    const matchValue: Shared_FieldValue_$union = fieldDetails.FieldValue;
+    value = ((matchValue.tag === /* Single */ 0) ? matchValue.fields[0].Value : "");
+    if (isNullOrWhiteSpace(value)) {
+        return `**${field.Label}:** *[No demographics recorded]*`;
+    }
+    else {
+        try {
+            const data: DemographicsField_DemographicsData = DemographicsField_parseDemographicsData(value, false).Data;
+            const parts: string[] = [];
+            if (data.FirstName != null) {
+                const lastNameStr: string = defaultArg(data.LastName, "");
+                void (parts.push((`Name: ${value_40(data.FirstName)} ${lastNameStr}`).trim()));
+            }
+            if (data.Email != null) {
+                void (parts.push(`Email: ${value_40(data.Email)}`));
+            }
+            if (data.Phone != null) {
+                void (parts.push(`Phone: ${value_40(data.Phone)}`));
+            }
+            if (data.DateOfBirth != null) {
+                void (parts.push(`DOB: ${value_40(data.DateOfBirth)}`));
+            }
+            if (data.Address != null) {
+                void (parts.push(`Address: ${value_40(data.Address)}`));
+            }
+            if (data.MRN != null) {
+                void (parts.push(`MRN: ${value_40(data.MRN)}`));
+            }
+            return (parts.length > 0) ? ((`**${field.Label}**
+
+`) + join("\n", map_1<string, string>((p: string): string => ("- " + p), parts))) : (`**${field.Label}:** *[No demographics recorded]*`);
+        }
+        catch (ex: any) {
+            return `**${field.Label}:** *[Error: ${ex.message}]*`;
+        }
+    }
+}
+
+//# sourceMappingURL=DemographicsField.ts.map

package/src/plugins/likert/src/LikertField.ts

@@ -480,7 +480,7 @@ export function Form_markdownRenderer(field: Spec_FormField$1<Spec_FieldType_$un
             else {
                 let patternInput: [FSharpList<Shared_FieldOption>, FSharpList<Shared_FieldOption>];
                 const matchValue_2: Spec_FieldType_$union = field.FieldType;
-                if (matchValue_2.tag === /* PluginField */ 22) {
+                if (matchValue_2.tag === /* PluginField */ 23) {
                     const cfg: Spec_PluginFieldConfig = matchValue_2.fields[0];
                     patternInput = ([defaultArg(cfg.Items, empty_1<Shared_FieldOption>()), defaultArg(cfg.Options, empty_1<Shared_FieldOption>())] as [FSharpList<Shared_FieldOption>, FSharpList<Shared_FieldOption>]);
                 }