{"type":"doc","content":[{"type":"paragraph","content":[{"text":"After adding all required Dependency and config we will create code for Birth-Registration.","type":"text"}]},{"type":"paragraph","content":[{"text":"Create Form UI:-","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"First, we need to create a form where users can enter all required information and submit the form.","type":"text"},{"type":"hardBreak"},{"text":"for that, we need to create an index.js into web->micor-ui->internals ->packages->module->br->src->pages->citizen->create(you can give any name instead of create)->index.js ","type":"text"},{"type":"hardBreak"},{"text":"In Index.js will import the ","type":"text"},{"text":"Formcomposer ","type":"text","marks":[{"type":"strong"}]},{"text":"that is already present. inside that, we will add Heading, label, and config.","type":"text"},{"type":"hardBreak"}]},{"type":"codeBlock","content":[{"text":"import { FormComposer } from \"@egovernments/digit-ui-react-components\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { newConfig } from \"../../../components/config/config\";\n\nconst Create = () => {\n \n const { t } = useTranslation();\n const configs = newConfig?newConfig:newConfig;\n\n return (\n {\n return {\n ...config,\n body: config.body.filter((a) => !a.hideInEmployee),\n };\n })}\n \n fieldStyle={{ marginRight: 0 }}\n />\n );\n};\n\nexport default Create;\n","type":"text"}]},{"type":"paragraph"},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Config.js:-","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"In Config.js we create a JSON file where it contains the head that is the heading of our form then in the body, we are adding type so in type we mention the component and we add the component name e.g:- We create BrSelectName.js inside that we maintain the form label, details, and validation. so like that same for other fields also we create. once newConfig components are added then will map newConfig Json in the above index.js so the fields should be rendered to UI. ","type":"text"},{"type":"hardBreak"}]},{"type":"codeBlock","content":[{"text":"export const newConfig =[\n {\n \"head\": \"Birth-Details\",\n \"body\": [\n \n {\n type: \"component\",\n component: \"BrSelectName\",\n key: \"BrSelectName\",\n withoutLabel: true,\n },\n {\n type: \"component\",\n component: \"BRSelectGender\",\n key: \"BRSelectPhoneGender\",\n withoutLabel: true,\n },\n {\n type: \"component\",\n component: \"BRSelectPhoneNumber\",\n key: \"BRSelectPhoneNumber\",\n withoutLabel: true,\n },\n {\n type: \"component\",\n component: \"BRSelectEmailId\",\n key: \"BRSelectEmailId\",\n withoutLabel: true,\n },\n \n {\n type: \"component\",\n component: \"BrSelectAddress\",\n key: \"BrSelectAddress\",\n withoutLabel: true,\n },\n {\n type: \"component\",\n component: \"SelectCorrespondenceAddress\",\n key: \"SelectCorrespondenceAddress\",\n withoutLabel: true,\n },\n ]\n },\n\n];","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Components that we are using in newConfig.js:-","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"BrSelectName ","type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/egovernments/DIGIT-Dev/blob/Birth_registration/frontend/micro-ui/web/micro-ui-internals/packages/modules/br/src/pagecomponents/BrSelectName.js"}}]},{"type":"hardBreak"},{"text":"BrSelectGender","type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/egovernments/DIGIT-Dev/blob/Birth_registration/frontend/micro-ui/web/micro-ui-internals/packages/modules/br/src/pagecomponents/BRSelectGender.js"}}]},{"type":"hardBreak"},{"text":"BrSelectPhoneNumber","type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/egovernments/DIGIT-Dev/blob/Birth_registration/frontend/micro-ui/web/micro-ui-internals/packages/modules/br/src/pagecomponents/BrSelectPhoneNumber.js"}}]},{"type":"hardBreak"},{"text":"BrSelectEmailId","type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/egovernments/DIGIT-Dev/blob/Birth_registration/frontend/micro-ui/web/micro-ui-internals/packages/modules/br/src/pagecomponents/SelectEmailId.js"}}]},{"type":"hardBreak"},{"text":"BrSelectAddress","type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/egovernments/DIGIT-Dev/blob/Birth_registration/frontend/micro-ui/web/micro-ui-internals/packages/modules/br/src/pagecomponents/BrSelectAddress.js"}}]},{"type":"hardBreak"},{"text":"SelectCorrespondenceAddress","type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/egovernments/DIGIT-Dev/blob/Birth_registration/frontend/micro-ui/web/micro-ui-internals/packages/modules/br/src/pagecomponents/SelectCorrespondenceAddress.js"}}]},{"type":"hardBreak"}]},{"type":"paragraph","content":[{"text":"Routing:-","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"After Adding the config.js and index.js (Create ) will add routing for the birth-registration form for that we need to create the index.js into br->src->pages->citizen->index.js where we will add the private route. so in index.js, we mention the path and component name which component we need to show or render after entering a specific path or link.","type":"text"},{"type":"hardBreak"}]},{"type":"codeBlock","content":[{"text":"import { AppContainer, BackButton,PrivateRoute } from \"@egovernments/digit-ui-react-components\";\nimport React from \"react\";\nimport { Switch, useRouteMatch } from \"react-router-dom\";\n\nimport { useTranslation } from \"react-i18next\";\n\n\n\nconst App = () => {\n const { path, url, ...match } = useRouteMatch();\n const { t } = useTranslation();\n\n const Create = Digit?.ComponentRegistryService?.getComponent(\"BRCreate\");\n const Response = Digit?.ComponentRegistryService?.getComponent(\"Response\");\n \n return (\n \n \n \n Back \n \n \n \n \n \n \n );\n};\n\nexport default App;\n","type":"text"}]},{"type":"paragraph"},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Add Card On Homepage:- ","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"once the form is created and also routing is added we add the Birth-Registration Module card on our DIgit-UI Homepage. ","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"Module.js:- ","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"Module.js is the entry point of every module e.g:- ( Birth-Registration, Property Tax ) so here we need to Register all the components, Links, Module Codes, etc. ","type":"text"}]},{"type":"codeBlock","content":[{"text":"import { CitizenHomeCard, PTIcon } from \"@egovernments/digit-ui-react-components\";\nimport React, { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useRouteMatch } from \"react-router-dom\";\nimport CitizenApp from \"./pages/citizen\";\nimport Create from \"./pages/citizen/create/index\";\nimport EmployeeApp from \"./pages/employee\";\nimport BrSelectName from \"./pagecomponents/BrSelectName\";\nimport BRSelectPhoneNumber from \"./pagecomponents/BrSelectPhoneNumber\";\nimport BRSelectGender from \"./pagecomponents/BRSelectGender\";\nimport BRSelectEmailId from \"./pagecomponents/SelectEmailId\";\nimport BRSelectPincode from \"./pagecomponents/BRSelectPincode\";\nimport BrSelectAddress from \"./pagecomponents/BrSelectAddress\";\nimport SelectCorrespondenceAddress from \"./pagecomponents/SelectCorrespondenceAddress\";\nimport SelectDocuments from \"./pagecomponents/SelectDocuments\";\nimport BRCard from \"./components/config/BRCard\";\nimport BRManageApplication from \"./pages/employee/BRManageApplication\";\nimport RegisterDetails from \"./pages/employee/RegisterDetails\";\nimport Response from \"./pages/citizen/create/Response\";\n\nconst componentsToRegister = {\n Response,\n RegisterDetails,\n BRManageApplication,\n BRCard,\n SelectDocuments,\n SelectCorrespondenceAddress,\n BrSelectAddress,\n BRSelectPincode,\n BRSelectEmailId,\n BRSelectGender,\n BRSelectPhoneNumber,\n BrSelectName,\n BRCreate : Create,\n};\n\nexport const BRModule = ({ stateCode, userType, tenants }) => {\n const { path, url } = useRouteMatch();\n\n const moduleCode = \"BR\";\n const language = Digit.StoreData.getCurrentLanguage();\n const { isLoading, data: store } = Digit.Services.useStore({ stateCode, moduleCode, language });\n\n\n\n \n if (userType === \"citizen\") {\n return ;\n }\n\n return ;\n};\n\nexport const BRLinks = ({ matchPath, userType }) => {\n const { t } = useTranslation();\n\n\n const links = [\n \n {\n link: `${matchPath}/birth`,\n i18nKey: t(\"Create BirthRegistration\"),\n },\n \n \n ];\n\n return } />;\n};\n\nexport const initBRComponents = () => {\n Object.entries(componentsToRegister).forEach(([key, value]) => {\n Digit.ComponentRegistryService.setComponent(key, value);\n });\n};\n\n","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Enable Module:-","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"After Register all components, Links, and module code we need to enable it in Two Places:-","type":"text"},{"type":"hardBreak"},{"text":"1) Web-> Src->app.js :- ","type":"text"},{"type":"hardBreak"},{"text":" In app.js we import the BRModule, initBRComponents, and BRLinks and enable the BR module.","type":"text"}]},{"type":"codeBlock","content":[{"text":"import React from 'react';\n\nimport { initDSSComponents } from \"@egovernments/digit-ui-module-dss\";\nimport { PaymentModule, PaymentLinks, paymentConfigs } from \"@egovernments/digit-ui-module-common\";\nimport { DigitUI } from \"@egovernments/digit-ui-module-core\";\nimport { initLibraries } from \"@egovernments/digit-ui-libraries\";\nimport { initEngagementComponents } from \"@egovernments/digit-ui-module-engagement\";\nimport {initCustomisationComponents} from \"./Customisations\";\nimport { initCommonPTComponents } from \"@egovernments/digit-ui-module-commonpt\";\nimport { BRModule ,initBRComponents ,BRLinks} from \"@egovernments/digit-ui-module-br\";\n\ninitLibraries();\n//\"WS\" removed the ws enabledModules ;\nconst enabledModules = [\"Payment\",\"QuickPayLinks\", \"DSS\",\"Engagement\", \"BR\"];\nwindow.Digit.ComponentRegistryService.setupRegistry({\n ...paymentConfigs,\n PaymentModule,\n PaymentLinks,\n BRModule,\n BRLinks,\n\n});\n\ninitBRComponents();\ninitDSSComponents();\ninitEngagementComponents();\n\ninitCustomisationComponents();\n\n\n\n\nfunction App() {\n const stateCode = window.globalConfigs?.getConfig(\"STATE_LEVEL_TENANT_ID\") || process.env.REACT_APP_STATE_LEVEL_TENANT_ID;\n if (!stateCode) {\n return

stateCode is not defined

\n }\n return (\n \n );\n}\n\nexport default App;\n","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"2) web->micro-ui-internals->example->src->index.js :-","type":"text"},{"type":"hardBreak"},{"text":"In index.js also we will import the BRModule, initBRComponents, and BRLinks and enable the BR module.","type":"text"}]},{"type":"codeBlock","content":[{"text":"import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { initLibraries } from \"@egovernments/digit-ui-libraries\";\nimport { BRModule, initBRComponents ,BRLinks} from \"@egovernments/digit-ui-module-br\";\nimport { initDSSComponents } from \"@egovernments/digit-ui-module-dss\";\nimport { PaymentModule, PaymentLinks, paymentConfigs } from \"@egovernments/digit-ui-module-common\";\nimport { initEngagementComponents } from \"@egovernments/digit-ui-module-engagement\";\nimport { DigitUI } from \"@egovernments/digit-ui-module-core\";\nimport \"@egovernments/digit-ui-css/example/index.css\";\n\n\n\nvar Digit = window.Digit || {};\n\nconst enabledModules = [ \"Payment\",\"QuickPayLinks\", \"DSS\",\"Engagement\",\"BR\"];\n\nconst initTokens = (stateCode) => {\n const userType = window.sessionStorage.getItem(\"userType\") || process.env.REACT_APP_USER_TYPE || \"CITIZEN\";\n\n const token =window.localStorage.getItem(\"token\")|| process.env[`REACT_APP_${userType}_TOKEN`];\n \n const citizenInfo = window.localStorage.getItem(\"Citizen.user-info\")\n \n const citizenTenantId = window.localStorage.getItem(\"Citizen.tenant-id\") || stateCode;\n\n const employeeInfo = window.localStorage.getItem(\"Employee.user-info\");\n const employeeTenantId = window.localStorage.getItem(\"Employee.tenant-id\");\n\n const userTypeInfo = userType === \"CITIZEN\" || userType === \"QACT\" ? \"citizen\" : \"employee\";\n window.Digit.SessionStorage.set(\"user_type\", userTypeInfo);\n window.Digit.SessionStorage.set(\"userType\", userTypeInfo);\n\n if (userType !== \"CITIZEN\") {\n window.Digit.SessionStorage.set(\"User\", { access_token: token, info: userType !== \"CITIZEN\" ? JSON.parse(employeeInfo) : citizenInfo });\n } else {\n // if (!window.Digit.SessionStorage.get(\"User\")?.extraRoleInfo) window.Digit.SessionStorage.set(\"User\", { access_token: token, info: citizenInfo });\n }\n\n window.Digit.SessionStorage.set(\"Citizen.tenantId\", citizenTenantId);\n \n if(employeeTenantId && employeeTenantId.length) window.Digit.SessionStorage.set(\"Employee.tenantId\", employeeTenantId);\n};\n\nconst initDigitUI = () => {\n window?.Digit.ComponentRegistryService.setupRegistry({\n\n PaymentModule,\n BRModule,\n PaymentLinks,\n BRLinks,\n \n });\n\n\n initDSSComponents();\n initEngagementComponents();\n initBRComponents();\n\n\n\n \n const stateCode = window?.globalConfigs?.getConfig(\"STATE_LEVEL_TENANT_ID\") || \"pb\";\n initTokens(stateCode);\n\n const registry = window?.Digit.ComponentRegistryService.getRegistry();\n ReactDOM.render(, document.getElementById(\"root\"));\n};\n\ninitLibraries().then(() => {\n initDigitUI();\n});\n","type":"text"}]},{"type":"paragraph","content":[{"type":"hardBreak"},{"text":"Once we enable the BR module in app.js and index.js our birth-registration module we will be able to see into UI.","type":"text"},{"type":"hardBreak"},{"text":"so In modules->core->src->pages->citizen->Home->index.js we add the ","type":"text"}]},{"type":"codeBlock","content":[{"text":"{\n name: t(\"Birth-Registration\"),\n Icon: ,\n onClick: () => history.push(\"/digit-ui/citizen/br-home\"),\n },","type":"text"}]},{"type":"paragraph","content":[{"text":"once we add the link to the homepage we can able to see the birth-registration module on our Digit-UI Homepage so this way we can add the homepage card for the citizen module.","type":"text"},{"type":"hardBreak"}]},{"type":"codeBlock","content":[{"text":"import {\n Calender, CardBasedOptions, CaseIcon, ComplaintIcon, DocumentIcon, HomeIcon, Loader, OBPSIcon, PTIcon, StandaloneSearchBar, WhatsNewCard\n} from \"@egovernments/digit-ui-react-components\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nconst Home = () => {\n const { t } = useTranslation();\n const history = useHistory();\n const tenantId = Digit.ULBService.getCitizenCurrentTenant(true);\n const { data: { stateInfo } = {}, isLoading } = Digit.Hooks.useStore.getInitData();\n\n const conditionsToDisableNotificationCountTrigger = () => {\n if (Digit.UserService?.getUser()?.info?.type === \"EMPLOYEE\") return false;\n if (!Digit.UserService?.getUser()?.access_token) return false;\n return true;\n };\n\n const { data: EventsData, isLoading: EventsDataLoading } = Digit.Hooks.useEvents({\n tenantId,\n variant: \"whats-new\",\n config: {\n enabled: conditionsToDisableNotificationCountTrigger(),\n },\n });\n\n if (!tenantId) {\n history.push(`/digit-ui/citizen/select-language`);\n }\n\n const allCitizenServicesProps = {\n header: t(\"DASHBOARD_CITIZEN_SERVICES_LABEL\"),\n sideOption: {\n name: t(\"DASHBOARD_VIEW_ALL_LABEL\"),\n onClick: () => history.push(\"/digit-ui/citizen/all-services\"),\n },\n options: [\n \n \n {\n name: t(\"Birth-Registration\"),\n Icon: ,\n onClick: () => history.push(\"/digit-ui/citizen/br-home\"),\n },\n \n ],\n styles: { display: \"flex\", flexWrap: \"wrap\", justifyContent: \"flex-start\", width: \"100%\" },\n };\n const allInfoAndUpdatesProps = {\n header: t(\"CS_COMMON_DASHBOARD_INFO_UPDATES\"),\n sideOption: {\n name: t(\"DASHBOARD_VIEW_ALL_LABEL\"),\n onClick: () => {},\n },\n options: [\n {\n name: t(\"CS_HEADER_MYCITY\"),\n Icon: ,\n },\n {\n name: t(\"EVENTS_EVENTS_HEADER\"),\n Icon: ,\n onClick: () => history.push(\"/digit-ui/citizen/engagement/events\"),\n },\n {\n name: t(\"CS_COMMON_DOCUMENTS\"),\n Icon: ,\n onClick: () => history.push(\"/digit-ui/citizen/engagement/docs\"),\n },\n {\n name: t(\"CS_COMMON_SURVEYS\"),\n Icon: ,\n onClick: () => history.push(\"/digit-ui/citizen/engagement/surveys/list\"),\n },\n \n ],\n styles: { display: \"flex\", flexWrap: \"wrap\", justifyContent: \"flex-start\", width: \"100%\" },\n };\n\n return isLoading ? (\n \n ) : (\n

\n \n

\n\n

\n \n \n

\n\n {conditionsToDisableNotificationCountTrigger() ? (\n EventsDataLoading ? (\n \n ) : (\n

{t(\"DASHBOARD_WHATS_NEW_LABEL\")}

history.push(\"/digit-ui/citizen/engagement/whats-new\")}>{t(\"DASHBOARD_VIEW_ALL_LABEL\")}

\n \n

\n )\n ) : null}\n

\n );\n};\n\nexport default Home;\n","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Integration with Backend API:-","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"we have done with the UI part for the citizen module, now we will see how to integrate it with the backend API.","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"Service:-","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"we create a service where we mention the API's call e.g:- POST, GET, PUT, PATCH, etc. ","type":"text"},{"type":"hardBreak"},{"text":"basically, we will create a request inside the request we pass the data, URL, method, auth, and other params.","type":"text"}]},{"type":"codeBlock","content":[{"text":"import Urls from \"../atoms/urls\";\nimport { Request } from \"../atoms/Utils/Request\";\n\nconst BRService = {\n \n create: (data, tenantId) =>\n Request({\n data: data,\n url: Urls.br.create,\n useCache: false,\n method: \"POST\",\n auth: true,\n userService: true,\n params: { tenantId },\n }),\n get: (data, tenantId) =>\n Request({\n data: data,\n url: Urls.br.get,\n useCache: false,\n method: \"GET\",\n auth: true,\n userService: true,\n params: { tenantId },\n }),\n \n \n \n};\n\nexport default BRService;\n","type":"text"}]},{"type":"paragraph","content":[{"text":"In Request, we are passing the URL so that url we mention or add into the service-> atoms-> url.js","type":"text"}]},{"type":"codeBlock","content":[{"text":"br: {\n create: \"https://62f0e3e5e2bca93cd23f2ada.mockapi.io/user\",\n get:\"https://62f0e3e5e2bca93cd23f2ada.mockapi.io/user\",\n \n },","type":"text"}]},{"type":"paragraph","content":[{"text":"Hooks: -","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"Once BRService is created with all requests then will create a Hook and that hook we will use in our code to pass the data to the backend.","type":"text"}]},{"type":"codeBlock","content":[{"text":"import { useQuery, useMutation } from \"react-query\";\n\nimport BRService from \"../../services/elements/BR\";\n\nexport const useBRCreate = (tenantId, config = {}) => {\n return useMutation((data) => BRService.create(data, tenantId));\n};\n\nexport default useBRCreate;\n","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"After creating Service and Hooks we need to register it into packages-> libraries->src->index.js ","type":"text"}]},{"type":"codeBlock","content":[{"text":"import Enums from \"./enums/index\";\nimport mergeConfig from \"./config/mergeConfig\";\nimport { useStore } from \"./services/index\";\nimport { initI18n } from \"./translations/index\";\nimport { Storage, PersistantStorage } from \"./services/atoms/Utils/Storage\";\nimport { UserService } from \"./services/elements/User\";\nimport { ULBService } from \"./services/molecules/Ulb\";\nimport Hooks from \"./hooks\";\nimport { subFormRegistry } from \"./subFormRegistry\";\nimport BRService from \"./services/elements/BR\";\n\nconst setupLibraries = (Library, props) => {\n window.Digit = window.Digit || {};\n window.Digit[Library] = window.Digit[Library] || {};\n window.Digit[Library] = { ...window.Digit[Library], ...props };\n};\n\nconst initLibraries = () => {\n setupLibraries(\"SessionStorage\", Storage);\n setupLibraries(\"PersistantStorage\", PersistantStorage);\n setupLibraries(\"UserService\", UserService);\n setupLibraries(\"ULBService\", ULBService);\n\n setupLibraries(\"Config\", { mergeConfig });\n setupLibraries(\"Services\", { useStore });\n\n setupLibraries(\"BRService\", BRService);\n \n\n return new Promise((resolve) => {\n initI18n(resolve);\n });\n};\n\nexport { initLibraries, Enums, Hooks, subFormRegistry };\n","type":"text"}]},{"type":"paragraph","content":[{"type":"hardBreak"},{"text":"so we setup the backend service, and now we will use the hooks or service to send the data backend. after submitting the form.","type":"text"},{"type":"hardBreak"}]},{"type":"paragraph","content":[{"text":"so we add the onSubmit function in our code (br->src->pages->citizen->create->index.js) and in that function, we are passing the user’s entered data to the BRService that we have created.","type":"text"}]},{"type":"codeBlock","content":[{"text":"import { FormComposer, Loader } from \"@egovernments/digit-ui-react-components\";\nimport React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\nimport { newConfig } from \"../../../components/config/config\";\n\nconst Create = () => {\n const tenantId = Digit.ULBService.getCurrentTenantId();\n const { t } = useTranslation();\n const history = useHistory();\n \n\n const onSubmit = (data) => {\n\n let Users = [\n {\n\n user: {\n babyFirstName: data?.BrSelectName?.babyFirstName,\n babyLastName: data?.BrSelectName?.babyLastName,\n fatherName: data?.BrSelectName?.fatherName,\n motherName: data?.BrSelectName?.motherName,\n gender: data?.BrSelectGender?.gender,\n doctorName: data?.BrSelectName?.doctorName,\n hospitalName: data?.BrSelectName?.hospitalName,\n placeOfBirth: data?.BrSelectName?.placeOfBirth,\n applicantMobileNumber: data?.BRSelectPhoneNumber?.applicantMobileNumber,\n altMobileNumber: data?.BRSelectPhoneNumber?.altMobileNumber,\n emailId: data?.BRSelectEmailId?.emailId,\n permanentAddress: data?.BrSelectAddress?.permanentAddress,\n permanentCity: data?.BrSelectAddress?.permanentCity,\n correspondenceCity: data?.SelectCorrespondenceAddress?.correspondenceCity,\n correspondenceAddress: data?.SelectCorrespondenceAddress?.correspondenceAddress,\n bloodGroup: data?.SelectCorrespondenceAddress?.bloodGroup,\n tenantId: tenantId,\n },\n \n },\n ];\n /* use customiseCreateFormData hook to make some chnages to the Employee object */\n Digit.BRService.create(Users, tenantId).then((result,err)=>{\n let getdata = {...data , get: result }\n onSelect(\"\", getdata, \"\", true);\n console.log(\"daaaa\",getdata);\n })\n .catch((e) => {\n console.log(\"err\");\n });\n\n history.push(\"/digit-ui/citizen/br/response\");\n\n console.log(\"getting data\",Users)\n \n };\n \n \n /* use newConfig instead of commonFields for local development in case needed */\n\n const configs = newConfig?newConfig:newConfig;\n\n return (\n {\n return {\n ...config,\n body: config.body.filter((a) => !a.hideInEmployee),\n };\n })}\n onSubmit={onSubmit}\n fieldStyle={{ marginRight: 0 }}\n />\n );\n};\n\nexport default Create;\n","type":"text"}]},{"type":"paragraph","content":[{"type":"hardBreak"},{"text":"your integration is done your data will save into the database.","type":"text"}]}],"version":1}

Browser not supported