+
+ Personal Details
+
+
+
+
{
+ if (!id) duplicateCheck(event.value);
+ field("phone_number").onChange(event);
+ if (isEmergencyNumberEnabled) {
+ field("emergency_phone_number").onChange({
+ name: field("emergency_phone_number").name,
+ value: event.value,
+ });
+ }
+ }}
+ types={["mobile", "landline"]}
+ />
+ {
+ setIsEmergencyNumberEnabled(value);
+ value
+ ? field("emergency_phone_number").onChange({
+ name: field("emergency_phone_number").name,
+ value: field("phone_number").value,
+ })
+ : field("emergency_phone_number").onChange({
+ name: field("emergency_phone_number").name,
+ value: initForm.emergency_phone_number,
+ });
+ }}
+ />
+
+
+
+
+
+
+
+ {ageInputType === "age" ? "Age" : "Date of Birth"}
+
+
+
o.text}
+ optionValue={(o) =>
+ o.value === "date_of_birth" ? "date_of_birth" : "age"
+ }
+ value={ageInputType}
+ onChange={(v) => {
+ if (v === "age" && ageInputType === "date_of_birth") {
+ setAgeInputType("alert_for_age");
+ return;
+ }
+ setAgeInputType(v);
+ }}
+ />
+
+ {ageInputType !== "age" ? (
+
+
o.text}
- optionValue={(o) =>
- o.value === "date_of_birth"
- ? "date_of_birth"
- : "age"
- }
- value={ageInputType}
- onChange={(v) => {
- if (
- v === "age" &&
- ageInputType === "date_of_birth"
- ) {
- setAgeInputType("alert_for_age");
- return;
- }
- setAgeInputType(v);
- }}
+ position="LEFT"
+ disableFuture
/>
-
- {ageInputType !== "age" ? (
-
-
-
- ) : (
-
-
- {field("age").value !== "" && (
- <>
-
- Year of Birth:
-
-
- YOB:
-
-
- {new Date().getFullYear() -
- field("age").value}
-
-
- )}
-
- }
- placeholder="Enter the age"
- type="number"
- min={0}
- />
-
- )}
-
-
-
-
-
- While entering a patient's age is an option,
- please note that only the year of birth will
- be captured from this information.
-
-
- Recommended only when the patient's date of
- birth is unknown
-
-
+ ) : (
+
+
+ {field("age").value !== "" && (
+ <>
+
+ Year of Birth:
+
+
+ YOB:
+
+
+ {new Date().getFullYear() -
+ field("age").value}
+
+
+ )}
+
}
- action="Confirm"
- variant="warning"
- show={ageInputType == "alert_for_age"}
- onClose={() => setAgeInputType("date_of_birth")}
- onConfirm={() => setAgeInputType("age")}
+ placeholder="Enter the age"
+ type="number"
+ min={0}
/>
-
+ )}
+
+
+
+
+
+
+ While entering a patient's age is an option,
+ please note that only the year of birth will be
+ captured from this information.
+
+
+ Recommended only when the patient's date of birth
+ is unknown
+
+
+ }
+ action="Confirm"
+ variant="warning"
+ show={ageInputType == "alert_for_age"}
+ onClose={() => setAgeInputType("date_of_birth")}
+ onConfirm={() => setAgeInputType("age")}
+ />
+
+
+
+ {
+ field("gender").onChange(e);
+ if (e.value !== "2") {
+ field("is_antenatal").onChange({
+ name: "is_antenatal",
+ value: "false",
+ });
+
+ field("is_postpartum").onChange({
+ name: "is_postpartum",
+ value: "false",
+ });
+ }
+ }}
+ optionLabel={(o: any) => o.text}
+ optionValue={(o: any) => o.id}
+ />
+
+
+ {
+
+ option.label}
+ optionValue={(option) => option.value}
+ />
+
+ }
+
+
+ {
+
+
+
+ }
+
+
+ option.label}
+ optionValue={(option) => option.value}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{
+ field("pincode").onChange(e);
+ handlePincodeChange(e, field("pincode").onChange);
+ }}
+ />
+ {showAutoFilledPincode && (
+
+
+
+ State and District auto-filled from Pincode
+
+
+ )}
+
+
+
+
+
+ o}
+ optionValue={(o) => o}
+ />
+
+ {field("nationality").value === "India" ? (
+ <>
+
+ {isStateLoading ? (
+
+ ) : (
{
- field("gender").onChange(e);
- if (e.value !== "2") {
- field("is_antenatal").onChange({
- name: "is_antenatal",
- value: "false",
- });
-
- field("is_postpartum").onChange({
- name: "is_postpartum",
- value: "false",
- });
- }
- }}
- optionLabel={(o: any) => o.text}
+ placeholder="Choose State"
+ options={stateData ? stateData.results : []}
+ optionLabel={(o: any) => o.name}
optionValue={(o: any) => o.id}
+ onChange={(e: any) => {
+ field("state").onChange(e);
+ field("district").onChange({
+ name: "district",
+ value: undefined,
+ });
+ field("local_body").onChange({
+ name: "local_body",
+ value: undefined,
+ });
+ field("ward").onChange({
+ name: "ward",
+ value: undefined,
+ });
+ fetchDistricts(e.value);
+ fetchLocalBody("0");
+ fetchWards("0");
+ }}
/>
-
-
- {
-
- option.label}
- optionValue={(option) => option.value}
- />
-
- }
-
-
- {
-
-
-
- }
-
-
- option.label}
- optionValue={(option) => option.value}
- />
-
-
-
-
-
-
-
-
-
+
+
+ {isDistrictLoading ? (
+
+
+
+ ) : (
+
o.name}
+ optionValue={(o: any) => o.id}
+ onChange={(e: any) => {
+ field("district").onChange(e);
+ field("local_body").onChange({
+ name: "local_body",
+ value: undefined,
+ });
+ field("ward").onChange({
+ name: "ward",
+ value: undefined,
+ });
+ fetchLocalBody(String(e.value));
+ fetchWards("0");
+ }}
/>
-
-
-
-
+ {isLocalbodyLoading ? (
+
+
+
+ ) : (
+ o.name}
+ optionValue={(o) => o.id}
onChange={(e) => {
- field("pincode").onChange(e);
- handlePincodeChange(e, field("pincode").onChange);
+ field("local_body").onChange(e);
+ field("ward").onChange({
+ name: "ward",
+ value: undefined,
+ });
+ fetchWards(String(e.value));
}}
/>
- {showAutoFilledPincode && (
-
-
-
- State and District auto-filled from Pincode
-
-
- )}
-
-
-
-
-
+ )}
+
+
+ {isWardLoading ? (
+
+
+
+ ) : (
o}
- optionValue={(o) => o}
+ {...field("ward")}
+ label="Ward"
+ options={ward.sort(compareBy("number")).map((e) => {
+ return {
+ id: e.id,
+ name: e.number + ": " + e.name,
+ };
+ })}
+ placeholder={
+ field("local_body").value
+ ? "Choose Ward"
+ : "Select Localbody First"
+ }
+ disabled={!field("local_body").value}
+ optionLabel={(o: any) => o.name}
+ optionValue={(o: any) => o.id}
+ onChange={(e: any) => {
+ field("ward").onChange(e);
+ }}
/>
-
- {field("nationality").value === "India" ? (
- <>
-
- {isStateLoading ? (
-
- ) : (
- o.name}
- optionValue={(o: any) => o.id}
- onChange={(e: any) => {
- field("state").onChange(e);
- field("district").onChange({
- name: "district",
- value: undefined,
- });
- field("local_body").onChange({
- name: "local_body",
- value: undefined,
- });
- field("ward").onChange({
- name: "ward",
- value: undefined,
- });
- fetchDistricts(e.value);
- fetchLocalBody("0");
- fetchWards("0");
- }}
- />
- )}
-
-
-
- {isDistrictLoading ? (
-
-
-
- ) : (
-
o.name}
- optionValue={(o: any) => o.id}
- onChange={(e: any) => {
- field("district").onChange(e);
- field("local_body").onChange({
- name: "local_body",
- value: undefined,
- });
- field("ward").onChange({
- name: "ward",
- value: undefined,
- });
- fetchLocalBody(String(e.value));
- fetchWards("0");
- }}
- />
- )}
-
-
-
- {isLocalbodyLoading ? (
-
-
-
- ) : (
-
o.name}
- optionValue={(o) => o.id}
- onChange={(e) => {
- field("local_body").onChange(e);
- field("ward").onChange({
- name: "ward",
- value: undefined,
- });
- fetchWards(String(e.value));
- }}
- />
- )}
-
-
- {isWardLoading ? (
-
-
-
- ) : (
-
{
- return {
- id: e.id,
- name: e.number + ": " + e.name,
- };
- })}
- placeholder={
- field("local_body").value
- ? "Choose Ward"
- : "Select Localbody First"
- }
- disabled={!field("local_body").value}
- optionLabel={(o: any) => o.name}
- optionValue={(o: any) => o.id}
- onChange={(e: any) => {
- field("ward").onChange(e);
- }}
- />
- )}
-
-
- ) : (
-
-
-
)}
- {field("nationality").value === "India" && (
-