Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | 3x 3x 63x 63x 63x | import { SELFIE_STEP_LABEL } from "@constants/constants";
import { Information } from "./Information";
import NewSelfie from "./NewSelfie";
import Selfie from "./Selfie";
import { VerifyUpload } from "./VerifyUpload";
import {
STR_TAKE_A_SELFIE,
STR_TAKE_A_SELFIE_DESCRIPTION,
} from "@constants/stringConstants";
export const Tabs = {
information: {
id: "information",
label: "Personal Information",
newLabel: "Details",
message: "Let us know more about yourself",
Render: Information,
next: "upload",
prev: null,
hideActionsInMobileView: false,
},
upload: {
id: "upload",
label: "Upload your ID",
newLabel: "ID",
message:
"Upload an identification document such as a driver license, passport, or government issued ID card.",
Render: VerifyUpload,
next: "selfie",
prev: "information",
hideActionsInMobileView: false,
},
selfie: {
id: "selfie",
newLabel: SELFIE_STEP_LABEL,
label: STR_TAKE_A_SELFIE,
message: STR_TAKE_A_SELFIE_DESCRIPTION,
Render: Selfie,
NewRender: NewSelfie,
next: null,
prev: "upload",
hideActionsInMobileView: true,
},
} as const;
export const getStepperInit = () => {
const label = "newLabel";
const stepperInit = {
information: {
label: Tabs.information?.[label],
barValue: 0,
message: "",
Render: Tabs?.information?.Render,
},
upload: {
label: Tabs.upload?.[label],
barValue: 0,
message: Tabs.upload?.message,
Render: Tabs?.upload?.Render,
},
selfie: {
label: Tabs.selfie?.[label],
barValue: 0,
message: "",
Render: Tabs?.selfie?.NewRender,
},
};
return { stepperInit };
};
|