diff --git a/health/micro-ui/web/micro-ui-internals/example/public/index.html b/health/micro-ui/web/micro-ui-internals/example/public/index.html
index c0f9a417067..115d6d69ce2 100644
--- a/health/micro-ui/web/micro-ui-internals/example/public/index.html
+++ b/health/micro-ui/web/micro-ui-internals/example/public/index.html
@@ -18,7 +18,8 @@
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.8.0-alpha.6/dist/index.css" />
 
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.36/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.78-campaign/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.79-campaign/dist/index.css" />
+
 
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.50-microplan/dist/index.css" />
 
diff --git a/health/micro-ui/web/micro-ui-internals/package.json b/health/micro-ui/web/micro-ui-internals/package.json
index bdb7f282deb..40cc3ebd8b0 100644
--- a/health/micro-ui/web/micro-ui-internals/package.json
+++ b/health/micro-ui/web/micro-ui-internals/package.json
@@ -48,11 +48,13 @@
     "*.{js,css,md}": "prettier --write"
   },
   "dependencies": {
+    "@egovernments/digit-ui-components": "0.0.2-beta.40",
+    "@egovernments/digit-ui-react-components": "1.8.2-beta.11",
     "ajv": "8.12.0",
+    "exceljs": "^4.4.0",
+    "file-saver": "^2.0.5",
     "lodash": "4.17.21",
     "microbundle-crl": "0.13.11",
-    "@egovernments/digit-ui-react-components": "1.8.2-beta.11",
-    "@egovernments/digit-ui-components": "0.0.2-beta.40",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-hook-form": "6.15.8",
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/package.json b/health/micro-ui/web/micro-ui-internals/packages/css/package.json
index 6d9c079ee8f..f15541c8d32 100644
--- a/health/micro-ui/web/micro-ui-internals/packages/css/package.json
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-css",
-  "version": "1.0.78-campaign",
+  "version": "1.0.79-campaign",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
index 31464fd3354..1e16f909cf1 100644
--- a/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
@@ -953,4 +953,23 @@ tbody {
       }
     }
   }
+}.custom-popup-boundary{
+  max-width: 100%;
+  height: 11rem;
+}
+
+
+
+
+.dustbin-icon{
+    margin-bottom: 1rem;
+    margin-top: 0.7rem;
+}
+
+.custom-action-bar .digit-action-bar-fields{
+  display: contents;
+}
+
+.digit-action-bar-wrap div {
+  width: 100%;
 }
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js
index 2d849b8ebe7..92f72e83a42 100644
--- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js
@@ -49,6 +49,10 @@ import CampaignUpdateSummary from "./components/CampaignUpdateSummary";
 import XlsPreview from "./components/XlsPreview";
 import BulkUpload from "./components/BulkUpload";
 import BoundarySummary from "./components/BoundarySummary";
+import Boundary from "./pages/employee/Boundary";
+import GeoPode from "./pages/employee/GeoPode";
+import ViewBoundary from "./pages/employee/ViewBoundary";
+import ViewHierarchy from "./pages/employee/ViewHierarchy";
 
 import MultiSelectDropdown from "./components/MultiSelectDropdown";
 /**
@@ -137,6 +141,10 @@ const componentsToRegister = {
   CampaignUpdateSummary,
   XlsPreview,
   MultiSelectDropdownBoundary:MultiSelectDropdown,
+  Boundary,
+  GeoPode,
+  ViewBoundary,
+  ViewHierarchy,
   // SelectingBoundaryComponent
   BoundarySummary
 };
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BoundaryPopup.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BoundaryPopup.js
new file mode 100644
index 00000000000..f39a1304d6a
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BoundaryPopup.js
@@ -0,0 +1,55 @@
+import React from "react";
+import { PopUp, Button } from "@egovernments/digit-ui-components";
+import { useTranslation } from "react-i18next";
+
+const BoundaryPopup = ({ showPopUp, setShowPopUp, callGeoPode, geoPodeData })=> {
+    const { t } = useTranslation();
+    return (
+        showPopUp &&  (
+            <PopUp 
+                className={"custom-popup-boundary"}
+                type={"default"}
+                heading={t("CHOOSE_MEANS_TO_CREATE_BOUNDARY")}
+                children={[
+                ]}
+                onClose={()=>{
+                    setShowPopUp(false);
+                }}
+                style={{
+                    height:"11rem",
+                    width: "48rem"
+                }}
+                footerChildren={[
+                ]}
+                sortFooterChildren={true}
+            >
+            <div style={{display:"flex", gap:"1rem", justifyContent:"space-around"}}>
+                <Button
+                    type={"button"}
+                    size={"large"}
+                    isDisabled={!geoPodeData}
+                    variation={"secondary"}
+                    label={t("GET_BOUNDARY_DATA_FROM_GEOPODE")}
+                    onClick={() => {
+                        callGeoPode(false);
+                    }}
+                    style={{height:"4rem"}}
+                />
+                <Button
+                    type={"button"}
+                    size={"large"}
+                    variation={"secondary"}
+                    label={t("CREATE_MY_OWN_BOUNDARY_DATA")}
+                    onClick={() => {
+                        callGeoPode(true);
+                    }}
+                    style={{height:"4rem"}}
+                />
+            </div>
+            </PopUp>
+
+        )
+    );
+};
+
+export default BoundaryPopup;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js
index 8a98736d247..26a3d37db77 100644
--- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js
@@ -67,6 +67,12 @@ const CampaignCard = () => {
       link: "/digit-ui/employee/dss/landing/national-health-dashboard",
       roles: ROLES.NATIONAL_SUPERVISOR,
       // count: isLoading?"-":data
+    },
+    {
+      label: t("BOUNDARY_MANAGEMENT"),
+      link: `/${window?.contextPath}/employee/campaign/boundary-management?defaultHierarchyType=HIERARCHYTEST&hierarchyType=DEMOTEST6`,
+      roles: ROLES.CAMPAIGN_MANAGER,
+      // count: isLoading?"-":data
     }
   ];
 
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/FinalPopup.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/FinalPopup.js
new file mode 100644
index 00000000000..873e2f895cd
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/FinalPopup.js
@@ -0,0 +1,58 @@
+import React from "react";
+import { PopUp, Button } from "@egovernments/digit-ui-components";
+import { useTranslation } from "react-i18next";
+
+const FinalPopup = ({ showFinalPopUp, setShowFinalPopup, addParents, createNewHierarchy })=> {
+    const { t } = useTranslation();
+    return (
+        showFinalPopUp &&  (
+            <PopUp 
+                className={"custom-popup"}
+                type={"default"}
+                heading={t("CREATE_BOUNDARY_HIERARCHY")}
+                children={[
+                ]}
+                onClose={()=>{
+                    setShowFinalPopup(false);
+                }}
+                onOverlayClick={()=>{
+                    setShowFinalPopup(false);
+                }}
+                style={{
+                    // height:"11rem"
+                    width: "50rem"
+                }}
+                footerChildren={[
+                    <Button
+                        type={"button"}
+                        size={"large"}
+                        variation={"secondary"}
+                        label={t("CANCEL")}
+                        onClick={() => {
+                            setShowFinalPopup(false);
+                        }}
+                    />,
+                    <Button
+                        type={"button"}
+                        size={"large"}
+                        variation={"primary"}
+                        label={t("CREATE")}
+                        onClick={() => {
+                            addParents();
+                            createNewHierarchy();
+                            setShowFinalPopup(false);
+                        }}
+                    />
+                ]}
+                sortFooterChildren={true}
+            >
+            <div>
+                {<div>{t("YOU_WON'T_BE_ABLE_TO_UNDO_THIS_STEP_OF_CREATING_HIERARCHY")}</div>}
+            </div>
+            </PopUp>
+
+        )
+    );
+};
+
+export default FinalPopup;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/XlsPreviewNew.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/XlsPreviewNew.js
new file mode 100644
index 00000000000..bac77a14369
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/XlsPreviewNew.js
@@ -0,0 +1,69 @@
+import { PopUp, SVG, DownloadIcon, Button } from "@egovernments/digit-ui-react-components";
+import React from "react";
+import DocViewer, { DocViewerRenderers } from "@cyntler/react-doc-viewer";
+import { useTranslation } from "react-i18next";
+import { PRIMARY_COLOR } from "../utils";
+
+const ArrowBack = ({ className = "", height = "15", width = "15", styles = {} }) => {
+  return (
+    <svg className={className} style={styles} width={width} height={height} viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M14.1663 6.16658H4.02467L8.68301 1.50825L7.49967 0.333252L0.833008 6.99992L7.49967 13.6666L8.67467 12.4916L4.02467 7.83325H14.1663V6.16658Z"
+        fill={PRIMARY_COLOR}
+      />
+    </svg>
+  );
+};
+function XlsPreviewNew({ file, ...props }) {
+  const { t } = useTranslation();
+  const documents = file
+    ? [
+        {
+          fileType: "xlsx",
+          fileName: file?.filename,
+          uri: file?.url,
+        },
+      ]
+    : null;
+
+  return (
+    <div>
+      <div style={{ display: "flex", justifyContent: "space-between", marginLeft: "2.5rem", marginRight: "2.5rem", marginTop: "2.5rem" }}>
+        {/* <Button
+          label={t("BACK")}
+          variation="secondary"
+          icon={<ArrowBack styles={{ height: "1.25rem", width: "1.25rem" }} fill={PRIMARY_COLOR} />}
+          type="button"
+          className="workbench-download-template-btn"
+          onButtonClick={() => props?.onBack()}
+        />
+        <Button
+          label={t("WBH_DOWNLOAD")}
+          variation="secondary"
+          icon={<DownloadIcon styles={{ height: "1.25rem", width: "1.25rem" }} fill={PRIMARY_COLOR} />}
+          type="button"
+          className="workbench-download-template-btn"
+          onButtonClick={() => props?.onDownload()}
+        /> */}
+      </div>
+      <div className="campaign-popup-module" style={{ marginTop: "1.5rem" }}>
+        <DocViewer
+          style={{ height: "80vh", overflowY: "hidden" }}
+          theme={{
+            primary: PRIMARY_COLOR,
+            secondary: "#feefe7",
+            tertiary: "#feefe7",
+            textPrimary: "#0B0C0C",
+            textSecondary: "#505A5F",
+            textTertiary: "#00000099",
+            disableThemeScrollbar: true,
+          }}
+          documents={documents}
+          pluginRenderers={DocViewerRenderers}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default XlsPreviewNew;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/boundaryManagement.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/boundaryManagement.js
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/icons/ShapeFileIcon.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/icons/ShapeFileIcon.js
new file mode 100644
index 00000000000..0e48cc33429
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/icons/ShapeFileIcon.js
@@ -0,0 +1,65 @@
+import React from "react";
+
+export const ShpFileIcon = () => (
+  <svg width="96" height="120" viewBox="0 0 96 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+    {/* File outline */}
+    <rect
+      x="5"
+      y="5"
+      width="86"
+      height="110"
+      rx="10"
+      ry="10"
+      fill="url(#gradient)" // Gradient fill
+      stroke="#DAA520" // Golden outline
+      strokeWidth="2"
+    />
+
+    {/* File fold at the top-right corner */}
+    <path
+      d="M64 0V24H88"
+      fill="url(#foldGradient)"
+      stroke="#DAA520"
+      strokeWidth="1"
+    />
+
+    {/* Shadow under the fold */}
+    <path
+      d="M64 24L88 24"
+      stroke="#FFD700"
+      strokeOpacity="0.5"
+      strokeWidth="1.5"
+    />
+
+    {/* Add subtle shadow for depth */}
+    <rect
+      x="5"
+      y="5"
+      width="86"
+      height="110"
+      rx="10"
+      ry="10"
+      fill="none"
+      stroke="rgba(0,0,0,0.2)" // Shadow
+      strokeWidth="4"
+      strokeLinecap="round"
+    />
+
+    {/* Add .SHP text below the file */}
+    <text x="28" y="115" fill="#DAA520" fontSize="22" fontWeight="bold">.SHP</text>
+
+    {/* Define gradient for file */}
+    <defs>
+      <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+        <stop offset="0%" style={{ stopColor: "#FFD700", stopOpacity: 1 }} />
+        <stop offset="100%" style={{ stopColor: "#FFEA00", stopOpacity: 1 }} />
+      </linearGradient>
+
+      {/* Gradient for the folded corner */}
+      <linearGradient id="foldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+        <stop offset="0%" style={{ stopColor: "#FFDE5A", stopOpacity: 1 }} />
+        <stop offset="100%" style={{ stopColor: "#FFD700", stopOpacity: 0.8 }} />
+      </linearGradient>
+    </defs>
+  </svg>
+);
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/UICustomizations.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/UICustomizations.js
index 0e4c71f5143..5e0b751c545 100644
--- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/UICustomizations.js
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/UICustomizations.js
@@ -1,9 +1,9 @@
 import { Link } from "react-router-dom";
 import _ from "lodash";
 import React, { useState, useEffect } from "react";
-import { useHistory } from "react-router-dom";
+import { useHistory } from 'react-router-dom';
 import { Fragment } from "react";
-import { Button, PopUp, Switch } from "@egovernments/digit-ui-components";
+import { Button, PopUp, Switch, Tooltip, TooltipWrapper } from "@egovernments/digit-ui-components";
 import TimelineComponent from "../components/TimelineComponent";
 import getMDMSUrl from "../utils/getMDMSUrl";
 //create functions here based on module name set in mdms(eg->SearchProjectConfig)
@@ -61,6 +61,132 @@ export const UICustomizations = {
       }
     },
   },
+  MyBoundarySearchConfig: {
+    preProcess: (data, additionalDetails) => {
+      data.body.BoundaryTypeHierarchySearchCriteria.hierarchyType = data?.state?.searchForm?.Name;
+      return data;
+    },
+    additionalCustomizations: (row, key, column, value, t, searchResult) => {
+      const [isActive, setIsActive] = useState(row?.isActive);
+        const tenantId = Digit.ULBService.getCurrentTenantId();
+        let res;
+        const callSearch = async () => {
+          const res = await Digit.CustomService.getResponse({
+            url: `/boundary-service/boundary-hierarchy-definition/_search`,
+                body: {
+                    BoundaryTypeHierarchySearchCriteria: {
+                        tenantId: tenantId,
+                        limit: 2,
+                        offset: 0,
+                        hierarchyType: row?.hierarchyType
+                  }
+                }
+          });
+          return res;
+
+        }
+        const fun = async ()=>{
+          res = await callSearch();
+        }
+        // fun();
+        switch (key) {
+          case "HIERARCHY_NAME":
+            return row?.hierarchyType;
+            break;
+          case "LEVELS":
+            return row?.boundaryHierarchy?.length
+            
+            return (
+            (
+              <>
+                {/* <span data-tip data-for="dynamicTooltip">{row?.boundaryHierarchy?.length}</span>
+                <ReactTooltip id="dynamicTooltip" getContent={() => tooltipContent} /> */}
+                <TooltipWrapper
+                  arrow={false}
+                  content={res}
+                  enterDelay={100}
+                  leaveDelay={0}
+                  placement="bottom"
+                  style={{}}
+                >
+                  {row?.boundaryHierarchy?.length}
+                </TooltipWrapper>
+                {/* <Tooltip
+                  className=""
+                  content="Tooltipkbjkjnjknk"
+                  description=""
+                  header=""
+                  style={{}}
+                /> */}
+              </>
+            )
+            )
+            break;
+          case "CREATION_DATE":
+            let epoch = row?.auditDetails?.createdTime;
+            return Digit.DateUtils.ConvertEpochToDate(epoch);
+            // return row?.auditDetails?.createdTime;
+            break;
+          case "ACTION":
+            const tenantId = Digit.ULBService.getCurrentTenantId();
+            const generateFile = async()=>{
+              const res = await Digit.CustomService.getResponse({
+                  url: `/project-factory/v1/data/_generate`,
+                  body: {
+                  },
+                  params: {
+                      tenantId: tenantId,
+                      type: "boundaryManagement",
+                      forceUpdate: true,
+                      hierarchyType: row?.hierarchyType,
+                      campaignId: "default"
+                  }
+              });
+              return res;
+          }
+            const generateTemplate = async() => {
+              const res = await Digit.CustomService.getResponse({
+                  url: `/project-factory/v1/data/_download`,
+                  body: {
+                  },
+                  params: {
+                      tenantId: tenantId ,
+                      type: "boundaryManagement",
+                      hierarchyType: row?.hierarchyType,
+                      campaignId: "default"
+                  }
+              });
+              return res;
+            }
+            const downloadExcelTemplate = async() => {
+              const res = await generateFile();
+              const resFile = await generateTemplate();
+              if (resFile && resFile?.GeneratedResource?.[0]?.fileStoreid) {
+                  // Splitting filename before .xlsx or .xls
+                  const fileNameWithoutExtension = row?.hierarchyType ;
+                  
+                  Digit.Utils.campaign.downloadExcelWithCustomName({ fileStoreId: resFile?.GeneratedResource?.[0]?.fileStoreid, customName: fileNameWithoutExtension });
+              }
+            }
+            return(
+              <>
+                <Button
+                  type={"button"}
+                  size={"medium"}
+                  icon={"Add"}
+                  variation={"secondary"}
+                  label={t("DOWNLOAD")}
+                  onClick={()=>{
+                    downloadExcelTemplate();
+                  }}
+                />
+              </>
+            )
+        }
+
+    },
+
+  },
   MyCampaignConfigOngoing: {
     preProcess: (data, additionalDetails) => {
       const tenantId = Digit.ULBService.getCurrentTenantId();
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/boundarySearchConfig.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/boundarySearchConfig.js
new file mode 100644
index 00000000000..fff912d06f6
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/boundarySearchConfig.js
@@ -0,0 +1,101 @@
+const tenantId = Digit.ULBService.getCurrentTenantId();
+export const boundarySearchConfig = [
+    {
+      // label: "Search",
+      type: "search",
+      apiDetails: {
+        serviceName: "/boundary-service/boundary-hierarchy-definition/_search",
+        requestParam: {
+            "offset": 0,
+            "limit": 10
+        },
+        requestBody: {
+          BoundaryTypeHierarchySearchCriteria: {
+            "tenantId": tenantId,
+            "hierarchyType": ""
+          },
+          "offset": 0,
+          "limit": 10
+
+        },
+          Pagination:{
+            "offset": 0,
+            "limit": 10
+          },
+        masterName: "commonUiConfig",
+        moduleName: "MyBoundarySearchConfig",
+        minParametersForSearchForm: 0,
+        tableFormJsonPath: "requestParam",
+        filterFormJsonPath: "requestBody",
+        searchFormJsonPath: "requestBody",
+      },
+      sections: {
+        search: {
+          uiConfig: {
+            formClassName: "custom-both-clear-search",
+            primaryLabel: "ES_COMMON_SEARCH",
+            secondaryLabel: "ES_COMMON_CLEAR_SEARCH",
+            minReqFields: 0,
+            fields: [
+              {
+                  label: "HIERARCHY_NAME",
+                  isMandatory: "false",
+                  key: "Name",
+                  type: "text",
+                  populators: {
+                    name: "Name",
+                    optionsKey: "code",
+                    // options:[]
+                  }
+              },
+              // {
+              //   label: "Type of Campaign",
+              //   isMandatory: "false",
+              //   key: "Type",
+              //   type: "text",
+              //   populators: {
+              //     name: "Type",
+              //     optionsKey: "list",
+              //     // options:[]
+              //   }
+              // },
+            ],
+          },
+  
+          show: true
+        },
+        searchResult: {
+          // tenantId: Digit.ULBService.getCurrentTenantId(),
+          uiConfig: {
+            columns: [
+              {
+                label: "HIERARCHY_NAME",
+                jsonpath: "hierarchyType",
+                additionalCustomization: true
+              },
+              {
+                label: "LEVELS",
+                jsonpath: "auditDetails.createdBy",
+                additionalCustomization: true
+              },
+              {
+                label: "CREATION_DATE",
+                jsonpath: "auditDetails.createdTime",
+                additionalCustomization: true
+              },
+              {
+                label: "ACTION",
+                jsonPath:"isActive",
+                additionalCustomization: true
+              }
+            ],
+  
+            enableColumnSort: true,
+            resultsJsonPath: "BoundaryHierarchy"
+          },
+          show: true,
+        },
+      },
+    },
+  ];
+  
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/Boundary.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/Boundary.js
new file mode 100644
index 00000000000..7d80ffa268a
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/Boundary.js
@@ -0,0 +1,160 @@
+import { Card, Loader } from "@egovernments/digit-ui-components";
+import { Button, PopUp } from "@egovernments/digit-ui-components";
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+// import { useHistory } from "react-router-dom/cjs/react-router-dom.min";
+import { useParams } from "react-router-dom";
+import { setAllDocuments } from "@cyntler/react-doc-viewer/dist/esm/store/actions";
+// import { useNavigate } from "react-router-dom";
+import { useHistory } from "react-router-dom";
+import BoundaryPopup from "../../components/BoundaryPopup";
+
+
+const Boundary = () => {
+    const { t } = useTranslation();
+    const tenantId = Digit.ULBService.getCurrentTenantId();
+    const searchParams = new URLSearchParams(location.search);
+    const defaultHierarchyType = searchParams.get("defaultHierarchyType");
+    const hierarchyType = searchParams.get("hierarchyType");
+    const [showPopUp, setShowPopUp] = useState(false);
+    const stateData = window.history.state;
+    const [geoPodeData, setGeoPodeData] = useState(false);
+    // const navigate = useNavigate();
+    const history = useHistory();
+
+
+    // const { hierarchyType } = useParams();
+    const reqCriteriaResource = {
+        url: `/boundary-service/boundary-hierarchy-definition/_search`,
+        body: {
+            BoundaryTypeHierarchySearchCriteria: {
+                tenantId: tenantId,
+                limit: 2,
+                offset: 0,
+                hierarchyType: defaultHierarchyType
+          }
+        }
+      };
+    const { isLoading, data,  isFetching } = Digit.Hooks.useCustomAPIHook(reqCriteriaResource);
+    useEffect(()=>{
+        if(data?.BoundaryHierarchy && data?.BoundaryHierarchy.length > 0) setGeoPodeData(true);
+    }, [data])
+
+    const [direct, setDirect] = useState(false);
+    const [directView, setDirectView] = useState(false);
+
+    useEffect(() => {
+        const fetchData = async () => {
+            try {
+                const res = await Digit.CustomService.getResponse({
+                    url: `/boundary-service/boundary-hierarchy-definition/_search`,
+                    params: {},
+                    body: {
+                        BoundaryTypeHierarchySearchCriteria: {
+                            tenantId: tenantId,
+                            limit: 2,
+                            offset: 0,
+                            hierarchyType: hierarchyType,
+                        },
+                    },
+                });
+                if(res?.BoundaryHierarchy && res?.BoundaryHierarchy.length > 0)
+                    {
+                        setDirect(true);
+                        setDirectView(true);
+                    }
+
+            } catch (error) {
+            }
+        };
+    
+        fetchData();
+    }, []);
+
+    const callGeoPode = (val)=>{
+        history.push(
+            `/${window.contextPath}/employee/campaign/geopode?defaultHierarchyType=${defaultHierarchyType}&hierarchyType=${hierarchyType}&newHierarchy=${val}`,
+            { data: data }
+        );
+    }
+    const callViewBoundary = ()=> {
+        history.push(
+            `/${window.contextPath}/employee/campaign/view-boundary`,
+            { data: data }
+        );
+
+    };
+    const callDirectView = ()=>{
+        history.push(
+            `/${window.contextPath}/employee/campaign/view-hierarchy?defaultHierarchyType=${defaultHierarchyType}&hierarchyType=${hierarchyType}`,
+            { data: data }
+        );
+
+    }
+    if(isFetching)
+    {
+        return (
+            <Loader />
+        )
+    }
+    else
+    {
+        return (
+            <React.Fragment>
+                <BoundaryPopup showPopUp={showPopUp} setShowPopUp={setShowPopUp} callGeoPode={callGeoPode} geoPodeData={geoPodeData} />
+
+                <Card type={"primary"} variant={"viewcard"} className={"example-view-card"}>
+                    <div style={{fontWeight:700, fontSize:"2.5rem"}}>{t("BOUNDARY_DATA_MANAGEMENT")}</div>
+                    <div style={{height:"2rem"}}></div>
+                    <div style={{display:"flex", justifyContent:"space-between", width:"100%"}}>
+                        <Button
+                            type={"button"}
+                            size={"large"}
+                            variation={"secondary"}
+                            label={t("CREATE_NEW_BOUNDARY_DATA")}
+                            onClick={() => {
+                                if(direct && geoPodeData) {
+                                    callDirectView();
+                                }
+                                else 
+                                {
+                                    setShowPopUp(true);
+                                }
+                            }}
+                            style={{width:"38rem", height:"5rem"}}
+                            textStyles={{fontSize:"1.5rem"}}
+                        />
+                        <Button
+                            type={"button"}
+                            size={"large"}
+                            isDisabled={!directView}
+                            variation={"secondary"}
+                            label={t("EDIT_BOUNDARY_DATA")}
+                            onClick={() => {
+                                // setShowPopUp(false);
+                                callDirectView();
+                            }}
+                            style={{width:"38rem", height:"5rem"}}
+                            textStyles={{fontSize:"1.5rem"}}
+                        />
+                        <Button
+                            type={"button"}
+                            size={"large"}
+                            variation={"secondary"}
+                            label={t("VIEW_EXISTING_BOUNDARY_DATA")}
+                            onClick={() => {
+                                // setShowPopUp(false);
+                                callViewBoundary();
+                            }}
+                            style={{width:"38rem", height:"5rem"}}
+                            textStyles={{fontSize:"1.5rem"}}
+                        />
+
+                    </div>
+                </Card>
+            </React.Fragment>
+
+        );
+    }
+};
+export default Boundary;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/GeoPode.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/GeoPode.js
new file mode 100644
index 00000000000..884b4418a1b
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/GeoPode.js
@@ -0,0 +1,355 @@
+import { Card } from "@egovernments/digit-ui-components";
+import { Button, PopUp, FieldV1, Uploader, ActionBar, TextInput, Toast } from "@egovernments/digit-ui-components";
+import { inRange, isError } from "lodash";
+import React, { useEffect, useState , useRef} from "react";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { DustbinIcon } from "../../components/icons/DustbinIcon";
+import { Svgicon } from "../../utils/Svgicon";
+import { useLocation } from "react-router-dom";
+import { useHistory } from "react-router-dom";
+import FinalPopup from "../../components/FinalPopup";
+
+
+
+// import { TextInput } from "@egovernments/digit-ui-react-components";
+
+const GeoPode = () => {
+    const { t } = useTranslation();
+    const location = useLocation();
+    const history = useHistory();
+    const tenantId = Digit.ULBService.getCurrentTenantId();
+    const searchParams = new URLSearchParams(location.search);
+    const hierarchyType = searchParams.get("hierarchyType");
+    const defaultHierarchyType = searchParams.get("defaultHierarchyType")
+    const newHierarchy = JSON.parse(searchParams.get("newHierarchy"));
+    const [showPopUp, setShowPopUp] = useState(false);
+    const [additionalData, setAdditionalData] = useState(false);
+    const [showFinalPopup, setShowFinalPopup] = useState(false);
+    const [enableCreate, setEnableCreate] = useState(false);
+
+    // const state = window.history.state;
+    const state = location.state;
+    let receivedData = state?.data?.BoundaryHierarchy?.[0]?.boundaryHierarchy;
+    const [boundaryData, setBoundaryData]=useState((receivedData === undefined ? [] : receivedData));
+    const [newBoundaryData, setNewBoundaryData] = useState([]);
+    const [firstPage, setFirstPage] = useState(true);
+    const [uploadPage, setUploadPage] = useState(false);
+    const [previewPage, setPreviewPage] = useState(false);
+    const inputRef = useRef(null); // Ref to trigger file input
+    const [showToast, setShowToast] = useState(null); // State to handle toast notifications
+    const [fileUrl, setFileUrl] = useState("");
+    const [fileData, setFileData] = useState({});
+
+
+    useEffect(() => {
+        addLevel();
+      }, []);
+    const addLevel = ()=>{
+        setNewBoundaryData((prevItems)=> [...prevItems, {active:true, boundaryType:"", parentBoundaryType:""}]);
+    }
+    const addLevelName = (name, index) => {
+        setNewBoundaryData((prevItems)=> 
+            prevItems.map((item, id)=> 
+                id === index ? {...item, boundaryType:name} : item))
+
+    }
+    const removeLevel = (index) => {
+        setNewBoundaryData((prevItems)=>{
+            const filteredData = prevItems.filter((item, idx) => idx!==index);
+            return filteredData;
+        })
+    }
+
+    const callCreate = async () => {
+        let defData = boundaryData;
+        if(newHierarchy === true)
+        {
+            defData = [];
+        }
+        const res = await Digit.CustomService.getResponse({
+            url: `/boundary-service/boundary-hierarchy-definition/_create`,
+            body: {
+                BoundaryHierarchy: {
+                    tenantId: tenantId,
+                    hierarchyType: hierarchyType,
+                    boundaryHierarchy: [...defData, ...newBoundaryData],
+              }
+            }
+        });
+        return res;
+
+    }
+
+    const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+
+    const createNewHierarchy = async()=>{
+        
+        try{
+            const res = await callCreate();
+            setShowToast({ label: t("HIERARCHY_CREATED_SUCCESSFULLY"), isError: "success" });
+            await sleep(2000);
+
+            history.push(
+                `/${window.contextPath}/employee/campaign/view-hierarchy?defaultHierarchyType=${defaultHierarchyType}&hierarchyType=${hierarchyType}`,
+                {  }
+            );
+
+        }catch (error) {
+            setShowToast({ label: error?.response?.data?.Errors?.[0]?.message ? error?.response?.data?.Errors?.[0]?.message : t("HIERARCHY_CREATION_FAILED") , isError:"error"});
+        }
+    }
+
+    const goBackToBoundary = ()=> {
+        history.push(
+            `/${window.contextPath}/employee/campaign/boundary-management?defaultHierarchyType=${defaultHierarchyType}&hierarchyType=${hierarchyType}`,
+            { data: state }
+        );
+
+    }
+
+    const addParents = ()=>{
+        setNewBoundaryData((prevItems) => {
+            // Loop through the array starting from the second element
+            return prevItems.map((item, idx) => {
+                if(idx===0) 
+                {
+                    if(newHierarchy) item.parentBoundaryType=null;
+                    else{
+                        if(boundaryData.length === 0) item.parentBoundaryType=null;
+                        else item.parentBoundaryType = boundaryData[boundaryData.length-1].boundaryType;
+
+                    }
+                }
+                if (idx > 0) {
+                    item.parentBoundaryType = prevItems[idx - 1].boundaryType;
+                }
+                return item; 
+            });
+        });
+
+    }
+
+    if(newHierarchy == false)
+    {
+        return (
+            <React.Fragment>
+                {firstPage && !newHierarchy && <Card type={"primary"} variant={"viewcard"} className={"example-view-card"}>
+                    <div style={{display:"flex", justifyContent:"space-between"}}>
+                        <div style={{fontSize:"2.5rem", fontWeight:700}}>Boundary data from GeoPoDe</div>
+                        <Button
+                            icon={"Preview"}
+                            type={"button"}
+                            size={"large"}
+                            variation={"secondary"}
+                            label={t("PREVIEW_ON_MAP")}
+                            onClick={() => {
+                                // setShowPopUp(true);
+                            }}
+                        /> 
+                    </div>
+                    <div style={{height:"2rem"}}></div>
+                    <div>
+                        {boundaryData.map((item, index) => (
+                            <div>
+                                <div style={{fontWeight:"600", fontSize:"1.2rem"}}>
+                                    {item?.boundaryType}
+                                </div>
+                                <div style={{height:"1rem"}}></div>
+                                <Card type={"primary"} variant={"form"} className={"question-card-container"} >
+                                    <div style={{display:"flex", gap:"2rem"}}>
+                                    <Svgicon />
+                                    <div style={{display:"flex", alignItems:"center", fontWeight:"600"}}>
+                                        {item?.boundaryType}{".shp"}
+                                    </div>
+                                    </div>
+                                </Card>
+                                <hr style={{borderTop:"1px solid #ccc", margin:"1rem 0"}}/>
+                            </div>
+                        ))}
+                    </div>
+                </Card>
+                }
+                {firstPage && newBoundaryData.length>0 && (
+                    <div>
+                        <Card type={"primary"} variant={"viewcard"} className={"example-view-card"}>
+                            <div>
+                                <div style={{fontSize:"2.5rem", fontWeight:700}}>{t("NEWLY_ADDED_BOUNDARY_DATA")}</div>
+                                <div style={{height:"2rem"}}>
+                                </div>
+                            </div>
+                            <div>
+                                {
+                                newBoundaryData.map((item, index)=>(
+                                    <div>
+                                        <div style={{display:"flex"}}>
+                                            <div style={{width:"20rem", marginTop:"0.6rem", fontWeight:"600"}}>{t("LEVEL")} {boundaryData.length + index + 1}</div>
+                                            <div style={{display:"flex", gap:"1rem"}}>
+                                                <TextInput
+                                                    type={"text"}
+                                                    populators={{
+                                                        resizeSmart: false
+                                                    }}
+                                                    style={{width:"27rem", display:"flex", justifyContent:"flex-end"}}
+                                                    value={item?.boundaryType}
+                                                    onChange={(event)=>addLevelName(event.target.value, index)}
+                                                    placeholder={""}
+                                                /> 
+                                                <div className="dustbin-icon"  onClick={() => removeLevel(index)}>
+                                                    <DustbinIcon />
+                                                </div>
+                                                
+                                            </div>
+                                        </div>
+                                        <div style={{height:"1.5rem"}}></div>
+                                    </div>
+                                ))
+                                }
+                                <Button
+                                    className="custom-class"
+                                    icon="Add"
+                                    iconFill=""
+                                    label={t("ADD_HIERARCHY_LEVEL")}
+                                    onClick={() => addLevel()}
+                                    size="medium"
+                                    title=""
+                                    variation="teritiary"
+                                    textStyles={{width:'unset'}}
+                                />   
+                            </div>
+                        </Card>
+                    </div>
+                )
+                }
+                <FinalPopup showFinalPopUp={showFinalPopup} setShowFinalPopup={setShowFinalPopup} addParents={addParents} createNewHierarchy={createNewHierarchy} />
+                <ActionBar
+                    actionFields={[
+                        <Button 
+                            icon="ArrowBack" 
+                            style={{marginLeft:"3.5rem"}} 
+                            label={t("BACK")} 
+                            onClick={goBackToBoundary} 
+                            type="button" 
+                            variation="secondary"  
+                            textStyles={{width:'unset'}}
+                        />,
+                        <Button 
+                            icon="ArrowForward" 
+                            style={{marginLeft:"auto"}} 
+                            isSuffix 
+                            label={t("NEXT")} 
+                            // onClick={goToPreview} 
+                            onClick={()=>{setShowFinalPopup(true)}}
+                            type="button" 
+                            textStyles={{width:'unset'}}
+                        />
+                    ]}
+                    className="custom-action-bar"
+                    maxActionFieldsAllowed={5}
+                    setactionFieldsToRight
+                    sortActionFields
+                    style={{}}
+                />
+
+                {showToast && <Toast label={showToast.label} type={showToast.isError} onClose={() => setShowToast(null)} />}
+            </React.Fragment>
+
+        );
+    }
+    else{
+        return (
+            <React.Fragment>
+                {firstPage && (
+                    <div>
+                        <Card type={"primary"} variant={"viewcard"} className={"example-view-card"}>
+                            <div style={{display:"flex", justifyContent:"space-between"}}>
+                                <div style={{fontSize:"2.5rem", fontWeight:700}}>{t("CREATE_BOUNDARY_HIERARCHY")}</div>
+                            </div>
+                            <div style={{height:"1.5rem"}}></div>
+                            <div>
+                                {t("MSG")}
+                            </div>
+                            <div style={{height:"2rem"}}></div>
+                            <div>
+                                {
+                                    newBoundaryData.map((item, index)=>(
+                                        <div>
+                                            <div style={{display:"flex"}}>
+                                                <div style={{width:"20rem", marginTop:"0.6rem", fontWeight:"600"}}>{t("LEVEL")} {index + 1}</div>
+                                                <div style={{display:"flex", gap:"1rem"}}>
+                                                    <TextInput
+                                                        type={"text"}
+                                                        populators={{
+                                                            resizeSmart: false
+                                                        }}
+                                                        style={{width:"27rem", display:"flex", justifyContent:"flex-end"}}
+                                                        value={item?.boundaryType}
+                                                        onChange={(event)=>addLevelName(event.target.value, index)}
+                                                        placeholder={""}
+                                                    /> 
+                                                    <div className="dustbin-icon"  onClick={() => removeLevel(index)}>
+                                                        <DustbinIcon />
+                                                    </div>
+                                                    
+                                                </div>
+                                            </div>
+                                            <div style={{height:"1.5rem"}}></div>
+                                        </div>
+                                    ))
+                                }
+                                <Button
+                                    className="custom-class"
+                                    icon="Add"
+                                    iconFill=""
+                                    label={t("ADD_HIERARCHY_LEVEL")}
+                                    onClick={() => addLevel()}
+                                    size="medium"
+                                    title=""
+                                    variation="secondary"
+                                    textStyles={{width:'unset'}}
+                                />   
+                            </div>
+                        </Card>
+                    </div>
+                )}
+                <FinalPopup showFinalPopUp={showFinalPopup} setShowFinalPopup={setShowFinalPopup} addParents={addParents} createNewHierarchy={createNewHierarchy} />
+                <ActionBar
+                    actionFields={[
+                        <Button 
+                            icon="ArrowBack" 
+                            style={{marginLeft:"3.5rem"}} 
+                            label={t("Back")} 
+                            onClick={goBackToBoundary} 
+                            type="button" 
+                            variation="secondary"  
+                            textStyles={{width:'unset'}}
+                        />,
+                        <Button 
+                            icon="ArrowForward" 
+                            style={{marginLeft:"auto"}} 
+                            isSuffix 
+                            label={t("Next")} 
+                            // onClick={goToPreview} 
+                            onClick={()=>{setShowFinalPopup(true)}}
+                            type="button" 
+                            textStyles={{width:'unset'}}
+                        />
+                    ]}
+                    className="custom-action-bar"
+                    maxActionFieldsAllowed={5}
+                    setactionFieldsToRight
+                    sortActionFields
+                    style={{}}
+                />
+                {showToast && <Toast label={showToast.label} type={showToast.isError} onClose={() => setShowToast(null)} />}
+
+            </React.Fragment>
+                
+
+        );
+    }
+
+};
+
+
+export default GeoPode;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/ViewBoundary.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/ViewBoundary.js
new file mode 100644
index 00000000000..c61f3cb4d5e
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/ViewBoundary.js
@@ -0,0 +1,31 @@
+import React, { useEffect, useState , useRef} from "react";
+import { Header, InboxSearchComposer } from "@egovernments/digit-ui-react-components";
+import { boundarySearchConfig } from "../../configs/boundarySearchConfig";
+import { useTranslation } from "react-i18next";
+
+const ViewBoundary = () => {
+    const { t } = useTranslation();
+
+
+    return (
+        <div>
+            <Header styles={{ fontSize: "32px", marginBottom:"2rem", marginTop:"2rem"}}>{t("CURRENT_HIERARCHIES")}</Header> 
+            <div className="inbox-search-wrapper">
+                {/* Pass defaultValues as props to InboxSearchComposer */}
+                <InboxSearchComposer configs={boundarySearchConfig?.[0]} 
+                    // defaultValues={defaultValues} 
+                    additionalConfig={{
+                    resultsTable: {
+                        // onClickRow,
+                    },
+                    }}
+                    >
+                </InboxSearchComposer>
+            </div>
+        </div>
+    )
+
+
+};
+
+export default ViewBoundary;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/ViewHierarchy.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/ViewHierarchy.js
new file mode 100644
index 00000000000..c3dc9bee72e
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/ViewHierarchy.js
@@ -0,0 +1,399 @@
+import { Card, Uploader, Button, PopUp, ActionBar, Toast } from "@egovernments/digit-ui-components";
+import React, { useEffect, useState, useRef} from "react";
+import { useTranslation } from "react-i18next";
+// import { useParams,useHistory } from "react-router-dom";
+import downloadTemplate from "../../utils/downloadTemplate";
+import XlsPreviewNew from "../../components/XlsPreviewNew";
+import { Svgicon } from "../../utils/Svgicon";
+import { Loader } from "@egovernments/digit-ui-components";
+import { useHistory } from "react-router-dom";
+import { useLocation } from "react-router-dom";
+
+const ViewHierarchy = () => {
+    const { t } = useTranslation();
+    const location = useLocation();
+    const history = useHistory();
+    const tenantId = Digit.ULBService.getCurrentTenantId();
+    const searchParams = new URLSearchParams(location.search);
+    const defaultHierarchyType = searchParams.get("defaultHierarchyType");
+    const hierarchyType = searchParams.get("hierarchyType");
+    const [showPopUp, setShowPopUp] = useState(false);
+    // const stateData = window.history.state;
+    const stateData = location.state;
+    const [geoPodeData, setGeoPodeData] = useState(false);
+    const inputRef = useRef(null); // Ref to trigger file input
+
+
+    const [defData, setDefData] = useState([]);
+    const [hierData, setHierData] = useState([]);
+
+    const hierarchies = [defaultHierarchyType, hierarchyType];
+    const [previewPage, setPreviewPage] = useState(false);
+    const [firstPage, setFirstPage] = useState(true);
+    const [fileUrl, setFileUrl] = useState("");
+    const [fileData, setFileData] = useState({});
+    const [fileStoreId, setFileStoreId] = useState("");
+    const [showToast, setShowToast] = useState(null); // State to handle toast notifications
+    const [dataCreateToast, setDataCreateToast] = useState(false);
+    const [disable, setDisable] = useState(false);
+    const [disableFile, setDisableFile] = useState(false);
+    const [dataCreationGoing, setDataCreationGoing] = useState(false);
+
+    const callSearch = async(hierarchy) =>{
+        const res = await Digit.CustomService.getResponse({
+            url: `/boundary-service/boundary-hierarchy-definition/_search`,
+                body: {
+                    BoundaryTypeHierarchySearchCriteria: {
+                        tenantId: tenantId,
+                        limit: 2,
+                        offset: 0,
+                        hierarchyType: hierarchy
+                  }
+                }
+        });
+        return res;
+
+    }
+
+    const [viewState, setViewState] = useState(false);
+
+    const fetchData = async()=>{
+        try{
+            const res = await callSearch(defaultHierarchyType);
+            if(res?.BoundaryHierarchy?.[0]?.boundaryHierarchy) setDefData(res?.BoundaryHierarchy?.[0]?.boundaryHierarchy);
+            const res1 = await callSearch(hierarchyType);
+            if(res1?.BoundaryHierarchy?.[0]?.boundaryHierarchy) setHierData(res1?.BoundaryHierarchy?.[0]?.boundaryHierarchy);
+            setViewState(true);
+        }
+        catch(error) {
+        }
+    }
+
+    useEffect(()=>{
+        fetchData();
+    }, []);
+
+    // const { downloadExcelTemplate, loading, error } = downloadTemplate(defData, defaultHierarchyType);
+    
+    const generateFile = async()=>{
+        const res = await Digit.CustomService.getResponse({
+            url: `/project-factory/v1/data/_generate`,
+            body: {
+            },
+            params: {
+                tenantId: tenantId,
+                type: "boundaryManagement",
+                forceUpdate: true,
+                hierarchyType: hierarchyType,
+                campaignId: "default"
+            }
+        });
+        return res;
+    }
+    const generateTemplate = async() => {
+        const res = await Digit.CustomService.getResponse({
+            url: `/project-factory/v1/data/_download`,
+            body: {
+            },
+            params: {
+                tenantId: tenantId,
+                type: "boundaryManagement",
+                hierarchyType: hierarchyType,
+                campaignId: "default"
+            }
+        });
+        return res;
+
+    }
+    const downloadExcelTemplate = async() => {
+        const res = await generateFile()
+        const resFile = await generateTemplate();
+        if (resFile && resFile?.GeneratedResource?.[0]?.fileStoreid) {
+            // Splitting filename before .xlsx or .xls
+            const fileNameWithoutExtension = hierarchyType ;
+            
+            Digit.Utils.campaign.downloadExcelWithCustomName({ fileStoreId: resFile?.GeneratedResource?.[0]?.fileStoreid, customName: fileNameWithoutExtension });
+        }
+
+    }
+
+    const handleUpload = () => {
+        inputRef.current.click();
+    };
+
+    const handleFileChange = async (event) => {
+        const file = [event.target.files[0]]; // Get the first selected file
+        if (file) {
+          try {
+            // Call function to upload the selected file to an API
+            await uploadFileToAPI(file);
+            setDisableFile(true);
+            setShowToast({ label: t("FILE_UPLOADED_SUCCESSFULLY"), isError:"success"});
+          } catch (error) {
+            setShowToast({ label: error?.response?.data?.Errors?.[0]?.message ? error?.response?.data?.Errors?.[0]?.message : t("FILE_UPLOAD_FAILED") , isError:"error" });
+          }
+        }
+    };
+
+    const uploadFileToAPI = async (files) => {
+            const module = "HCM";
+            let file = files[0];
+            let fileDataTemp = {};
+            fileDataTemp.fileName = file?.name
+            
+            const response = await Digit.UploadServices.Filestorage(module, file, tenantId);
+            fileDataTemp.fileStoreId = response?.data?.[0]?.fileStoreId;
+            let fileStoreIdTemp = response?.data?.files?.[0]?.fileStoreId;
+            setFileStoreId(response?.data?.files?.[0]?.fileStoreId);
+            const { data: { fileStoreIds: fileUrlTemp } = {} } = await Digit.UploadServices.Filefetch([fileStoreIdTemp], tenantId);
+            fileDataTemp.url = fileUrlTemp?.[0]?.url;
+
+            setFileUrl(fileDataTemp?.url);
+            setFileData(fileDataTemp);
+      };
+
+    const callCreateDataApi = async()=>{
+        setDisable(true);
+        setDataCreationGoing(true);
+        try{
+            setDataCreateToast(true);
+            const res = await Digit.CustomService.getResponse({
+                url: "/project-factory/v1/data/_create",
+                params: {},
+                body: {
+                    ResourceDetails: {
+                        tenantId: tenantId,
+                        type: "boundaryManagement",
+                        fileStoreId: fileStoreId,
+                        action: "create",
+                        hierarchyType: hierarchyType,
+                        additionalDetails: {
+                            source: "boundary"
+                        },
+                    },
+                },
+
+            });
+            setDataCreateToast(false);
+            setShowToast({ label: `${t("WBH_HIERARCHY_CREATED")}`, isErro:"success" });
+            return res;
+        }
+        catch(resp){
+            setDisable(false);
+            let label = `${t("WBH_BOUNDARY_CREATION_FAIL")}: `;
+            resp?.response?.data?.Errors?.map((err, idx) => {
+            if (idx === resp?.response?.data?.Errors?.length - 1) {
+                label = label + t(Digit.Utils.locale.getTransformedLocale(err?.code)) + ".";
+            } else {
+                label = label + t(Digit.Utils.locale.getTransformedLocale(err?.code)) + ", ";
+            }
+            });
+            setShowToast({ label, isError: "error" });
+            setDataCreationGoing(false);
+            return {};
+        }
+    }
+    
+    const createData = async()=> {
+        const res = await callCreateDataApi();
+
+    }
+
+   
+    if(!viewState)
+    {
+        return (
+            <Loader />
+        )
+    }
+
+    else
+    {
+        return (
+            <React.Fragment>
+                {firstPage && 
+                    <div>
+                        <Card type={"primary"} variant={"viewcard"} className={"example-view-card"}>
+                            <div style={{ fontSize: "2.5rem", fontWeight: 700 }}>{t(`HIERARCHY`)} {hierarchyType}</div>
+                            <div style={{ height: "2rem" }}></div>
+                            {hierData.map((hierItem, index) => {
+                                // Check if the index is less than defData length
+                                const isLessThanDefData = index < defData.length;
+            
+                                if (isLessThanDefData) {
+                                    if (hierItem?.boundaryType === defData[index]?.boundaryType) {
+                                        return (
+                                            <div>
+                                                <div style={{fontWeight:"600", fontSize:"1.2rem"}}>
+                                                    {hierItem?.boundaryType}
+                                                </div>
+                                                <div style={{height:"1rem"}}></div>
+                                                <Card type={"primary"} variant={"form"} className={"question-card-container"} >
+                                                    <div style={{display:"flex", gap:"2rem"}}>
+                                                    <Svgicon />
+                                                    <div style={{display:"flex", alignItems:"center", fontWeight:"600"}}>
+                                                        {hierItem?.boundaryType}{".shp"}
+                                                    </div>
+                                                    </div>
+                                                </Card>
+                                                <hr style={{borderTop:"1px solid #ccc", margin:"1rem 0"}}/>
+                                            </div>
+                                        );
+                                    } else {
+                                        return (
+                                            <div>
+                                                <div style={{ display: "flex", justifyContent: "space-between" }} key={index}>
+                                                    <div style={{ fontWeight: "600", fontSize: "1.2rem" }}>
+                                                        {hierItem?.boundaryType}
+                                                    </div>
+                                                    <Uploader
+                                                        onUpload={() => {}}
+                                                        showAsTags
+                                                        uploadedFiles={[]}
+                                                        variant="uploadFile"
+                                                        style={{width:"50rem"}}
+                                                    />
+                                                </div>
+                                                <div style={{height:"2rem"}}></div>
+                                                <hr style={{borderTop:"1px solid #ccc", margin:"1rem 0"}}/>
+                                            </div>
+                                        );
+                                    }
+                                } else {
+                                    return (
+                                        <div>
+                                                <div style={{ display: "flex", justifyContent: "space-between" }} key={index}>
+                                                    <div style={{ fontWeight: "600", fontSize: "1.2rem" }}>
+                                                        {hierItem?.boundaryType}
+                                                    </div>
+                                                    <Uploader
+                                                        onUpload={() => {}}
+                                                        showAsTags
+                                                        uploadedFiles={[]}
+                                                        variant="uploadFile"
+                                                        style={{width:"50rem"}}
+                                                    />
+                                                </div>
+                                                <div style={{height:"2rem"}}></div>
+                                                <hr style={{borderTop:"1px solid #ccc", margin:"1rem 0"}}/>
+                                            </div>
+                                    );
+                                }
+                            })}
+                        </Card>
+                        <Card type={"primary"} variant={"viewcard"} className={"example-view-card"}>
+                            <div style={{display:"flex", justifyContent:"space-between"}}>
+                                <div style={{fontSize:"2.5rem", fontWeight:700}}>{t("UPLOAD_EXCEL")}</div>
+                                <Button
+                                    className="custom-class"
+                                    icon="DownloadIcon"
+                                    iconFill=""
+                                    label={t("DOWNLOAD_EXCEL_TEMPLATE")}
+                                    onClick={downloadExcelTemplate}
+                                    options={[]}
+                                    optionsKey=""
+                                    size="small"
+                                    style={{}}
+                                    title=""
+                                    variation="link"
+                                />
+                            </div>  
+                            <div>
+                                <div style={{display:"flex", justifyContent:"space-between"}}>
+                                    <div style={{fontWeight:"600", fontSize:"1.2rem"}}>{t("UPLOAD_EXCEL_FOR_ALL_BOUNDARIES")}</div>
+                                    <input
+                                        ref={inputRef}
+                                        type="file"
+                                        style={{ display: "none" }}
+                                        onChange={handleFileChange} // Trigger file upload when a file is selected
+                                    />
+                                    <Button
+                                        className="custom-class"
+                                        icon="Upload"
+                                        iconFill=""
+                                        label={t("UPLOAD_EXCEL")}
+                                        onClick={handleUpload}
+                                        options={[]}
+                                        optionsKey=""
+                                        size="large"
+                                        style={{}}
+                                        title=""
+                                        variation="secondary"
+                                    />
+                                </div>
+                            </div>                  
+                        </Card>
+                        <ActionBar
+                            actionFields={[
+                                <Button 
+                                    icon="ArrowBack" 
+                                    style={{marginLeft:"3.5rem"}} 
+                                    label={t("Back")} 
+                                    isDisabled={true}
+                                    // onClick={{}}
+                                    type="button" 
+                                    variation="secondary"  
+                                    textStyles={{width:'unset'}}
+                                />,
+                                <Button 
+                                    icon="ArrowForward" 
+                                    isDisabled={!disableFile }
+                                    style={{marginLeft:"auto"}} 
+                                    isSuffix 
+                                    label={t("Next")} 
+                                    onClick={()=>{setPreviewPage(true); setFirstPage(false);}} 
+                                    type="button" 
+                                    textStyles={{width:'unset'}}
+                                />
+                            ]}
+                            className="custom-action-bar"
+                            maxActionFieldsAllowed={5}
+                            setactionFieldsToRight
+                            sortActionFields
+                            style={{}}
+                        />
+                    </div>
+                }
+                {showToast && <Toast label={showToast.label} type={showToast.isError} onClose={() => setShowToast(null)} />}
+                {dataCreateToast && <Toast label={t("DATA_CREATION_IN_PROGRESS")} type={"info"} transitionTime={600000000} />}
+                {previewPage && (
+                    <Card type={"primary"} variant={"viewcard"} className={"example-view-card"}>
+                        <div style={{fontSize:"2.5rem", fontWeight:700}}>{t("CONFIRM_BOUNDARY_DATA")}</div>
+                        <div style={{height:"1.5rem"}}></div>
+                        <XlsPreviewNew file={fileData} onDownload={() => {}} onBack={() => {setShowPreview(false); setUploadPage(true)}} />
+                        <ActionBar
+                            actionFields={[
+                                <Button 
+                                    icon="ArrowBack" 
+                                    style={{marginLeft:"3.5rem"}} 
+                                    isDisabled={disable}
+                                    label={t("Back")} 
+                                    onClick={()=>{setFirstPage(true); setPreviewPage(false)}} 
+                                    type="button" 
+                                    variation="secondary"  
+                                    textStyles={{width:'unset'}}
+                                />,
+                                <Button 
+                                    icon="ArrowForward" 
+                                    isDisabled={dataCreationGoing}
+                                    style={{marginLeft:"auto"}} 
+                                    isSuffix 
+                                    label={t("Next")} 
+                                    onClick={()=>{createData()}} 
+                                    type="button" 
+                                    textStyles={{width:'unset'}}
+                                />
+                            ]}
+                            className="custom-action-bar"
+                            maxActionFieldsAllowed={5}
+                            setactionFieldsToRight
+                            sortActionFields
+                            style={{}}
+                        />
+                    </Card>
+                )}
+            </React.Fragment>
+        );
+    }
+};
+export default ViewHierarchy;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/index.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/index.js
index 7999788ed8c..7375d961843 100644
--- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/index.js
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/index.js
@@ -11,6 +11,10 @@ import SearchChecklist from "./SearchChecklist";
 import UpdateBoundary from "./UpdateBoundary";
 // import SelectingBoundaryComponent from "../../components/SelectingBoundaryComponent";
 import { Wrapper } from "../../components/SelectingBoundaryComponent";
+import Boundary from "./Boundary";
+import GeoPode from "./GeoPode";
+import ViewBoundary from "./ViewBoundary";
+import ViewHierarchy from "./ViewHierarchy";
 /**
  * The CampaignBreadCrumb function generates breadcrumb navigation for a campaign setup page in a React
  * application.
@@ -118,9 +122,12 @@ const App = ({ path, BOUNDARY_HIERARCHY_TYPE, hierarchyData }) => {
           <PrivateRoute path={`${path}/update-dates-boundary`} component={() => <UpdateDatesWithBoundaries />} />
           <PrivateRoute path={`${path}/checklist/create`} component={() => <CreateChecklist />} />
           <PrivateRoute path={`${path}/checklist/search`} component={() => <SearchChecklist />} />
+          <PrivateRoute path={`${path}/boundary-management`} component={()=> <Boundary />} />
+          <PrivateRoute path={`${path}/geopode`} component={()=> <GeoPode />} />
+          <PrivateRoute path={`${path}/view-boundary`} component={()=> <ViewBoundary />} />
+          <PrivateRoute path={`${path}/view-hierarchy`} component={()=> <ViewHierarchy />} />
           <PrivateRoute path={`${path}/update-boundary`} component={() => <UpdateBoundary />} />
-          
-          
+
         </AppContainer>
       </Switch>
     </React.Fragment>
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/Svgicon.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/Svgicon.js
new file mode 100644
index 00000000000..5da2f73380c
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/Svgicon.js
@@ -0,0 +1,14 @@
+import React from "react";
+
+export const Svgicon = () => (
+
+    <svg width="69" height="72" viewBox="0 0 69 72" fill="none" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink">
+        <rect width="69" height="72" fill="url(#pattern0_12654_28443)" />
+        <defs>
+            <pattern id="pattern0_12654_28443" patternContentUnits="objectBoundingBox" width="1" height="1">
+                <use href="#image0_12654_28443" transform="matrix(0.00771642 0 0 0.00699301 -0.0015674 0)" />
+            </pattern>
+            <image id="image0_12654_28443" width="130" height="143" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACPCAYAAAA2nQMjAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAArUSURBVHgB7Z1dbBTXFcfP7CxrQ/xVbEpjF3AgMSRKHAdhAyIKOApSm2Ds5qmRqCD0LQoNfknT5gF4aJU3J7hN3hqj5KFSJb5atX2gQCgoCbYIBZUPpwUTgsHEJjaYYBvPTu4561n2e2ft3Z0Z+/+Tlp3xzo6Hub8599xzx7saZYHO9pZ1PtNoDhLVkakeRGUEEuPTdtZvO7iLXIZGU4AFINPYoRp/HQH7uFCGSYvQ2b5hBwW1nbysB+bQD2rWUOmiZ2h2+UJZB/Hc6j5OV4/9SZY10raseOPgHnIJkxKha3fTh6ZJW3i54sn19KPlzWh8m9w4dYD61EMI6o31rfuPkgvIWITO3RvbyDS3c8NXr3+dih5eRiAzImQYNINGY0Pr30+Tw/gy2fjk7qYtlgRLNrwJCSYJR9C5qitVlPl8+r4v2lqqyWFsi/ApH6xJO3h5vvqPzJ67kMDkWfDcL+VCMomqDZ9xxGkZbIswSzd2qH6kmpPCeSovAFOHu1ZOrlmGcd84RwbHht22ROADNE2thZc5rIHsYOVZgaIKtabVjevGPnIIWyLc1w0lgVnGoSx00CBb8PnkfEvOq6rH8IiMHMCWCGqjtfxcouoEIPtYMnCE4GF5Z/vGHZRnbImgugUuG6vkZimB3CAyvPRmaCVo7sy3DDaTRVNE4MQG5A4+vwue2xpaUTJ0vbdxM+WJtCJYmSwqh/lhbs2zMjxnTDI7OtvUfE4eSCvCyMRMIkTIHzwys2Qgn7HvZNuLdZRjMqosgvzBMlSE6jV5qT5CBBdTteoVNaO7PC/VR4jgchas3RquPk7IkJPqI0RwOTLB91Ko4DRRij5COQAieABrttcqReei+ggRPEKuq48QwUNY1UcZyme5+ggRPAYnjpWrfh5aUTJ8trtpO2UBiOBBuPpYqYaWjG5SWzZK0RDBo/DNQRGl6HenWn2ECB4msvqo+fQpFZwggsfh6qN1I+xUqo8QYRrA+cJUq48QYRqQqPqYqQwQYZoQW300dKMtk/dDhGlEXPVxd5NtGSDCNCOq+mjS9q72phY774MI0xBOHEuqQ3eca6a9z6qACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACECACEDQjn3wWMovi9JMf5lmBur4c/vwlcDe4d7AV2SMfUemNnLa1IKDqbY19ECrn7+qPtVGJo2rnY1T8P53dP9GPwEPocm/dfwBzanwG6Nl6BqAABGAABGAABGAABGAABGAABGA4KcZykPlj9OSZ98Or4+P3aZz/3iNZiozVgR/QQmVVjaE10fuXKOZDLoGIEAEIEAEIEAEIEAEIEwrEXgk4OZ95uL4soWnh4+llStpUf02VRNYFnWS7w6cp+H+83Sl8w80eudrygTeT1XtZvrh0pepsLgq/POh3pPUd2Ev9V3cm/B9sXWJoWuf05WudjlG3h8PVa1jHB+9TQM9hyZ1fLnCkyIUFv+Yap5/J6oOEAk3Cj/mq8bsPdNB/z/xe7IDv+eJn74fJYAF/y55VDVQ9+G34l6PrUvwvSBVY3do8ZrfJtyWj40fXylZrnS2k9N4TgSW4KnmjxI2ViIqa7eQrk58osaLxB8oplq133Thmxvvroo2187sSbldmZKiLImokSxcsU0iRLr95RrPibBwxetREvBJ5BDLoZbh1zgUlz/yQngbbryBS4fC2yQiMmxz+L/bf4H0QAkVVSyj+ctejjmGbbYbzmrkUVW5TLW/vov7ZFun8JwIpVUro9YvqbAf2W9znzvU+7lc3dw/W1Q9vTmlCAznFmcO/CKuQbj8zLmIBUvD3Qhvn639VT61WboJp/DUqIFPWGyXMKgaPRF9F/ZFrReoLiUV3Fj/VZNOia7K3rN74n5eVPE4pSPZ/rjBh2KOOzZK5BtPRQQ+qfyI7MfLVITgbD4WjhLJMvyE+1aJ3WiSiafQ772T8fBvNMVEFndntc0PIhYLzvt3qnvwXB0hNhzXNL4zMYJYSfmkwGaymoxE3Qp3N07huRyBs//QqOFBqLeGYgyP94f7z9HA5X/FhV83wVf+yO1rVFjyQCiOCkPkDJ6LCJxonVUJ2EiSQgyP5avUkJGTxfpNR8KCgNR4ssTMMnR+/LxEh/7Lh5L2q3yFcbexJEFRB0Tj6RJzZELIOQL3seWLX4gr5HBRieVxumgTi7+gOGrdyTrCtJl04nyg92yH6jY2qWjRGNd1sAxugnOc2FGIk7fLeSoicN//UMT4nYeNiRJCPqHdh38jeYJF4RSz/GwTO0/C0SBdgSqXuE4ELvwYY7cThkkess1f+rPwOs8PJBsZcF3Aabi7SnR8HAkWRlQWGR7tOIlrugYOlbXNH1PDpsO0emtXVAnWYuBydImY5xN4XiERi9ScRCSDDpzoJ37yx7hRC0tQm2DSLFFRLJ+4JiJUTszZW/BETL+aKIoMl3x1sQyRE0qL17yt1tdL7SBU/SuWkx/b/9504ETzMfCoha9+rjLysRUUVcUdG4980s2D5BrXiMBhPu5nCUq63Ufeotrij6JyBetegWTwfH8m5eZswQkrRzq++pPlKLzNpRO/I6dxTdfA07CRjEzMIsbCucOpvzRL446kubuHXz/3z9ccm9VLVfhiuLvi2clRF/xxjXbs/cdMcgl81fAtYhzib3bvTTuuDt0VtFJuVSsseVByHv7mvHQpqUrM1lSyRbqsPXYug6e7I4d7/HrkKIX59wc14dc4YlnHOD465KoSuKaZja4SwcukEsHtsAi4nR0IEAEIEAEIEAEIEAEIM/aDMrIN1wJiayFeAiJkCS4cdR/+NXkVdA1AgAhAgAhAgAhA8F+9NHj6/phRl3QDfRY9+shS0gvmUOWqVwh4g1tfHqe7vRfJ9N3ruK8NfpJq23HN3+O/+b9vGo1AgL/FJaEMhQWzSa8upYC/guY9+iIBb3Cv9zqNmDfIFyz9ZPWvOjvSbe9r3U+D+thYo1o+TWDGIjkCZADhZBEyzGyiRg2QYeYSN3yEDDOThHUEyDDzSFpQsmTw6T7I4EGCY/fk2TRo0M72KSuLLMPqp9dyZJBvFQXewRgNtZdJ+tRFYJ5p3a92pA2yCJDBO1htZRJlRwRBM6V74O8bBu6HJbDaqqF1v62u3ZYImqn9h5+HrnxBwP0MX78YWtDoqN332BLBDAb38/O33ScIuJ9vvwy1k0oUbX9EjC0R6lv/dpTt4pBzCzK4mrHhfhrqOSXLs0g/avd9tu9HsOzqO3UASaOL4fZhNI06VKLfY/d9tkVoaP1rB0cFNq73sz8TcB8sAUdsjbQe3dB3ZfLejO5QGjf0V3koeav7eNg84A44f7sx0SbBoLkrk2jAaJQhnW0b1pFP4xtZaN6T62n+8mbSA3MIOAdflJYEFNR21bce3EkZkrEITFdbU4vp0z5UmUNZoKhCZJhbs4ZAfhm+fkFJcFCehUlKwExKBObTtpZq3Rc8opFZzescFYoeXkaF5QsoUFxOIDcYo/doZOCqqumcCiftnBOoIf6rMrqbJJMWweJkW9MWzae9oaJDHYE8ow2qhOA9P/nfDU0FTGFPlCUkQpCxTklRrWnaIgK5wTSGzKDWoxZOTyUCxPI9S6knPN2AEnUAAAAASUVORK5CYII=" />
+        </defs>
+    </svg>
+);
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadTemplate.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadTemplate.js
new file mode 100644
index 00000000000..b87e6442579
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadTemplate.js
@@ -0,0 +1,352 @@
+import React, { useEffect, useState, useRef} from "react";
+import { useTranslation } from "react-i18next";
+import ExcelJS from 'exceljs';
+// import { saveAs } from 'file-saver';
+import * as FileSaver from 'file-saver';
+
+
+const downloadTemplate = (hierarchyTemp, defaultHierarchyType ) => {
+
+    const { t } = useTranslation();
+    const tenantId = Digit.ULBService.getCurrentTenantId();
+
+    let locale = "en_MZ";
+    const reqCriteria = {
+        url: '/localization/messages/v1/_search',
+        params: {
+            tenantId: tenantId,
+            locale: locale,
+            module: "rainmaker-hcm-admin-schemas"
+        }
+    };
+    const { isLoading, data: lo,  isFetching } = Digit.Hooks.useCustomAPIHook(reqCriteria);
+   
+    const [localizationResponse, setLocalizationResponse] = useState(null);
+    useEffect(()=>{
+        setLocalizationResponse(lo);
+    }, [lo])
+    
+    const reqCriteriaResource = {
+        url: `/boundary-service/boundary-relationships/_search`,
+        params: {
+            tenantId: tenantId,
+            hierarchyType: defaultHierarchyType,
+            "includeChildren": true
+          }
+    };
+    const { isLoading1, data,  isFetching1 } = Digit.Hooks.useCustomAPIHook(reqCriteriaResource);
+    
+    const [allBoundaries1, setAllBoundaries1] = useState([]);
+    useEffect(()=>{
+        // allBoundaries1 = data?.TenantBoundary?.[0]?.boundary
+        setAllBoundaries1(data?.TenantBoundary?.[0]?.boundary)
+    }, [data]);
+
+    const generatePaths = (data, path = [], allDatas) => {
+        const newPath = [...path, data.code];
+        allDatas.push(newPath);
+        if (data.children && data.children.length > 0) {
+            for (let child of data.children) {
+                generatePaths(child, newPath, allDatas);
+            }
+        }
+    };
+    const getAllDatas = (allBoundaries) => {
+        let allDatas = [];
+        for (const data of allBoundaries) {
+            generatePaths(data, [], allDatas);
+        }
+        return allDatas;
+    };
+
+    function formatBoundaryData(allDatas, localisedData, localizedHeaders) {
+        const lengthOfHeaders = localizedHeaders.length;
+        for (let i = 0; i < localisedData.length; i++) {
+          const localisedDatas = localisedData[i];
+          const unlocalisedDatas = allDatas[i];
+          const dataLength = unlocalisedDatas.length;
+          const lastElement = unlocalisedDatas[dataLength - 1];
+          const toAdd = lengthOfHeaders - dataLength - 1;
+          if (toAdd >= 0) {
+            for (let j = 0; j < toAdd; j++) {
+              localisedDatas.push('');
+            }
+            localisedDatas.push(lastElement);
+          }
+        }
+    };
+
+    function formatFirstRow(row, sheet, firstRowColor, columnWidth, frozeCells) {
+        row.eachCell((cell, colNumber) => {
+          setFirstRowCellStyles(cell, firstRowColor, frozeCells);
+          adjustColumnWidth(sheet, colNumber, columnWidth);
+          adjustRowHeight(row, cell, columnWidth);
+        });
+    };
+
+    // Function to set styles for the first row cells
+    function setFirstRowCellStyles(cell, firstRowColor, frozeCells) {
+        cell.fill = {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: { argb: firstRowColor }
+        };
+    
+        cell.font = { bold: true };
+    
+        if (frozeCells) {
+        cell.protection = { locked: true };
+        }
+    
+        cell.alignment = { vertical: 'top', horizontal: 'left', wrapText: true };
+    };
+    
+    // Function to adjust column width
+    function adjustColumnWidth(sheet, colNumber, columnWidth) {
+        sheet.getColumn(colNumber).width = columnWidth;
+    };
+    
+    // Function to adjust row height based on content
+    function adjustRowHeight(row, cell, columnWidth) {
+        const text = cell.value ? cell.value.toString() : '';
+        const lines = Math.ceil(text.length / (columnWidth - 2)); // Approximate number of lines
+        row.height = Math.max(row.height || 0, lines * 15);
+    };
+
+    function formatOtherRows(row, frozeCells) {
+        row.eachCell((cell) => {
+          if (frozeCells) {
+            cell.protection = { locked: true };
+          }
+        });
+        row.alignment = { wrapText: true };
+    };
+
+    function finalizeSheet(sheet, frozeCells, frozeWholeSheet) {
+        if (frozeCells) {
+          performUnfreezeCells(sheet);
+        }
+        if (frozeWholeSheet) {
+          performFreezeWholeSheet(sheet);
+        }
+
+        updateFontNameToRoboto(sheet);
+        sheet.views = [{ state: 'frozen', ySplit: 1, zoomScale: 110 }];
+    };
+
+    function updateFontNameToRoboto(worksheet) {
+        worksheet.eachRow({ includeEmpty: true }, (row) => {
+          row.eachCell({ includeEmpty: true }, (cell) => {
+            // Preserve existing font properties
+            const existingFont = cell.font || {};
+      
+            // Update only the font name to Roboto
+            cell.font = {
+              ...existingFont, // Spread existing properties
+              name: 'Roboto'   // Update the font name
+            };
+          });
+        });
+      }
+      
+      function performUnfreezeCells(sheet) {
+        // logger.info(`Unfreezing the sheet ${sheet.name}`);
+      
+        let lastFilledColumn = 1;
+        sheet.getRow(1).eachCell((cell, colNumber) => {
+          if (cell.value !== undefined && cell.value !== null && cell.value !== '') {
+            lastFilledColumn = colNumber;
+          }
+        });
+      
+        for (let row = 1; row <= parseInt("10000"); row++) {
+          for (let col = 1; col <= lastFilledColumn; col++) {
+            const cell = sheet.getCell(row, col);
+            if (!cell.value && cell.value !== 0) {
+              cell.protection = { locked: false };
+            }
+          }
+        }
+        sheet.protect('passwordhere', { selectLockedCells: true, selectUnlockedCells: true });
+      }
+      
+      function performFreezeWholeSheet(sheet) {
+        // logger.info(`Freezing the whole sheet ${sheet.name}`);
+        sheet.eachRow((row) => {
+          row.eachCell((cell) => {
+            cell.protection = { locked: true };
+          });
+        });
+        sheet.protect('passwordhere', { selectLockedCells: true });
+      }
+      
+      
+      
+  
+      
+
+    function addDataToSheet(sheet, sheetData, firstRowColor = '93C47D', columnWidth = 40, frozeCells = false, frozeWholeSheet = false) {
+        sheetData?.forEach((row, index) => {
+          const worksheetRow = sheet.addRow(row);
+      
+          if (index === 0) {
+            formatFirstRow(worksheetRow, sheet, firstRowColor, columnWidth, frozeCells);
+          } else {
+            formatOtherRows(worksheetRow, frozeCells);
+          }
+        });
+
+      
+        finalizeSheet(sheet, frozeCells, frozeWholeSheet);
+
+    };
+      
+
+    function traverseChildren(parent, parentMap, hierarchyList) {
+        for (const boundaryType in parentMap) {
+          if (Object.prototype.hasOwnProperty.call(parentMap, boundaryType)) {
+            const parentBoundaryType = parentMap[boundaryType];
+            if (parentBoundaryType === parent) {
+              // This boundary type has the current parent, add it to the hierarchy list
+              hierarchyList.push(boundaryType);
+              // Traverse its children recursively
+              traverseChildren(boundaryType, parentMap, hierarchyList);
+            }
+          }
+        }
+      }
+      
+      // Function to generate hierarchy from boundaries
+      function generateHierarchy(boundaries) {
+        // Create an object to store boundary types and their parents
+        const parentMap = {};
+      
+        // Populate the object with boundary types and their parents
+        for (const boundary of boundaries) {
+          parentMap[boundary.boundaryType] = boundary.parentBoundaryType;
+        }
+      
+        // Traverse the hierarchy to generate the hierarchy list
+        const hierarchyList = [];
+        for (const boundaryType in parentMap) {
+          if (Object.prototype.hasOwnProperty.call(parentMap, boundaryType)) {
+            const parentBoundaryType = parentMap[boundaryType];
+            if (parentBoundaryType === null) {
+              // This boundary type has no parent, add it to the hierarchy list
+              hierarchyList.push(boundaryType);
+              // Traverse its children recursively
+              traverseChildren(boundaryType, parentMap, hierarchyList);
+            }
+          }
+        }
+        return hierarchyList; // Return the hierarchy list
+      }
+      
+
+    function getLocalizedHeaders(headers, localizationMap) {
+        const messages = headers.map(header => (localizationMap ? localizationMap[header] || header : header));
+        return messages;
+    }
+      
+    const addParents = ()=>{
+        setNewBoundaryData((prevItems) => {
+            // Loop through the array starting from the second element
+            return prevItems.map((item, idx) => {
+                if(idx===0) 
+                {
+                    if(boundaryData.length===0) item.parentBoundaryType=null;
+                    else item.parentBoundaryType = boundaryData[boundaryData.length-1].boundaryType;
+                }
+                if (idx > 0) {
+                    // Set the parent name to the previous element's name
+                    item.parentBoundaryType = prevItems[idx - 1].boundaryType;
+                }
+                return item; // Return the updated item
+            });
+        });
+
+    }
+
+    const requestCriteriaBulkUpload = {
+        url: "/project-factory/v1/data/_create",
+        params: {},
+        body: {
+          ResourceDetails: {},
+        },
+      };
+    
+    const mutation = Digit.Hooks.useCustomAPIMutationHook(requestCriteriaBulkUpload);
+
+    const downloadExcelTemplate = async ()=> {
+        //code of generate boundary template service call
+        let request
+        // const locale = getLocaleFromRequest(request);
+            // Extract msgId from request body
+        const msgId = request?.body?.RequestInfo?.msgId;
+            // Split msgId by '|' delimiter and get the second part (index 1)
+            // If splitting fails or no second part is found, use default locale from config
+        // locale = msgId.split("|")?.[1] || "en_MZ";
+        locale = "en_MZ";
+        
+      
+        let messages = localizationResponse?.messages;
+
+        const localizationMap = {};
+        messages.forEach((message) => {
+            localizationMap[message.code] = message.message;
+        });
+        
+        //locallization map achieved
+
+
+        let hierarchy = generateHierarchy(hierarchyTemp);
+        const modifiedHierarchy = hierarchy.map(ele => `${defaultHierarchyType}_${ele}`.toUpperCase())
+        const headers = [...modifiedHierarchy, "HCM_ADMIN_CONSOLE_BOUNDARY_CODE"];
+        const localizedHeaders = headers.map((header) => 
+            localizationMap ? localizationMap[header] || header : header
+        );
+        
+        const allDatas = getAllDatas(allBoundaries1);
+
+
+        const newLocaisationMap = localizationMap;
+
+        let localisedArray = [];
+        allDatas.map((data) => {
+            const localisedElement = getLocalizedHeaders(data, newLocaisationMap);
+            localisedArray.push(localisedElement);
+        });
+
+        let localisedData = localisedArray;
+
+
+        formatBoundaryData(allDatas, localisedData, localizedHeaders);
+        const allBoundaries = [localizedHeaders, ...localisedData];
+
+
+        const workbook = new ExcelJS.Workbook();
+        let localizedBoundaryTab;
+        let expectedName = "HCM_ADMIN_CONSOLE_BOUNDARY_DATA";
+        if (!localizationMap || !(expectedName in localizationMap)) 
+        {
+            localizedBoundaryTab = expectedName;
+        }
+        else{
+            localizedBoundaryTab = localizationMap[expectedName];
+        }
+        const boundarySheet = workbook.addWorksheet(localizedBoundaryTab);
+        addDataToSheet(boundarySheet, allBoundaries, undefined, undefined, true, true);
+        
+        const buffer = await workbook.xlsx.writeBuffer();
+        const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+
+        // Use FileSaver.js to download the Blob as Boundary.xlsx
+        saveAs(blob, "Boundary.xlsx");
+
+    };
+
+    return { downloadExcelTemplate, isLoading };
+
+};
+
+export default downloadTemplate;
\ No newline at end of file
diff --git a/health/micro-ui/web/public/index.html b/health/micro-ui/web/public/index.html
index 8d527dd35fd..6ab34724c95 100644
--- a/health/micro-ui/web/public/index.html
+++ b/health/micro-ui/web/public/index.html
@@ -12,7 +12,7 @@
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.36/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
 
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.78-campaign/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.79-campaign/dist/index.css" />
 
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.50-microplan/dist/index.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />