{"version":3,"sources":["logo.png","common/Common.style.tsx","services/customhooks/useFetchConfig.ts","components/QuickTrack/karooLogo.png","components/QuickTrack/TrackingTimeline.tsx","components/QuickTrack/QuickTrack.tsx","App.tsx","index.tsx"],"names":["useStyles","makeStyles","textAlignRight","textAlign","textAlignCenter","justifyContent","padding20","padding","marginLeft30","marginLeft","fullWidth","width","trackerViewParent","display","position","fontSize","fontWeight","icon","height","transition","fill","flexShrink","userSelect","currentStatus","borderBottom","borderColor","arrow","border","content","origin","destination","navlogo","maxHeight","trackingline","wordBreak","env","window","oplAuthContext","app","tenant","user","TenantId","useFetchConfig","assetname","useState","data","setData","configUrl","useEffect","axios","get","then","response","TrackingTimeline","props","styles","trackerData","Timeline","className","eventList","map","status","index","TimelineItem","TimelineOppositeContent","color","event","TimelineSeparator","TimelineDot","length","TimelineConnector","TimelineContent","eventDateTime","eventLocation","QuickTrack","useParams","config","setSelectedRows","form","methods","useForm","setClientID","loading","setLoading","watchControlValue","watch","setShow","setTrackerData","info","setInfo","OplEvents","read","subscribe","params","action","message","formConfig","dataType","dataPath","label","id","controlType","defaultValue","attributes","visible","disabled","tabIndex","placeholder","readonly","validate","events","options","list","key","value","undefined","onChange","OplConnections","call","connections","reset","Grid","alignItems","container","spacing","lg","md","sm","item","Paper","formType","variant","onClick","payload","wayBillNumber","getValues","courierParterCode","catch","error","style","xlinkHref","docketTrackingStatus","Stack","sx","Alert","severity","src","KarooLogo","alt","href","target","pages","settings","App","React","anchorElNav","setAnchorElNav","anchorElUser","setAnchorElUser","handleCloseNavMenu","handleCloseUserMenu","AppBar","elevation","Container","maxWidth","Toolbar","disableGutters","Logo","Box","flexGrow","xs","IconButton","size","currentTarget","Menu","anchorEl","anchorOrigin","vertical","horizontal","keepMounted","transformOrigin","open","Boolean","onClose","page","MenuItem","Typography","Button","my","Tooltip","title","p","Avatar","mt","setting","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.60854d22.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.9841def7.png\";","import { makeStyles } from \"@material-ui/styles\";\r\n\r\nconst useStyles = makeStyles({\r\n  textAlignRight: {\r\n    textAlign: \"right\"\r\n  },\r\n  textAlignCenter: {\r\n    textAlign: \"center\",\r\n    justifyContent: \"space-around\"\r\n  },\r\n  padding20: {\r\n    padding: \"20px\"\r\n  },\r\n  marginLeft30:{\r\n    marginLeft: \"30px\"\r\n\r\n  },\r\n  fullWidth:{\r\n    width:\"100%\"\r\n  },\r\n  trackerViewParent: {\r\n    display: \"flex\",\r\n    position: \"relative\",\r\n    fontSize:\"1.2em\",\r\n    fontWeight:\"bold\"\r\n  },\r\n  icon: {\r\n    width: \"1em\",\r\n    height: \"1em\",\r\n    display: \"inline-block\",\r\n    fontSize: \"1.5rem\",\r\n    transition: \"fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\r\n    fill: \"currentColor\",\r\n    flexShrink: 0,\r\n    userSelect: \"none\",\r\n  },\r\n  currentStatus: {\r\n    width: \"100%\",\r\n    borderBottom: \"2px solid #3f51b5\",\r\n    textAlign: \"center\",\r\n    borderColor: \"transparent transparent transparent #3f51b5\"\r\n  },\r\n  arrow: {\r\n    position: \"absolute\",\r\n\r\n    \"&::before\": {\r\n      border: \"1px solid #BE5F4B\",\r\n      height: \"25px\",\r\n      content: \"\",\r\n      position: \"absolute\",\r\n    },\r\n    \"&::after\": {\r\n      border: \"1px solid #BE5F4B\",\r\n      height: \"25px\",\r\n      content: \"\",\r\n      position: \"absolute\",\r\n    }\r\n\r\n  },\r\n  origin: {\r\n    textAlign: \"right\",\r\n  },\r\n  destination: {\r\n    textAlign: \"left\"\r\n  },\r\n  navlogo:{\r\n    maxHeight:\"50px\"\r\n  },\r\n  trackingline:{\r\n    '& li div':{\r\n          wordBreak:\"break-all\"\r\n  \r\n    }\r\n  }\r\n\r\n  \r\n});\r\n\r\n\r\nexport { useStyles }; \r\n","import axios from \"axios\";\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\nconst env = window.oplAuthContext.app?.env\r\n  ? window.oplAuthContext.app?.env\r\n  : \"unknownEnv\";\r\nconst tenant =\r\n  window.oplAuthContext.user && window.oplAuthContext.user.TenantId\r\n    ? window.oplAuthContext.user.TenantId\r\n    : \"unknownTenant\";\r\n\r\nconst useFetchConfig = (assetname: string | undefined) => {\r\n  const [data, setData] = useState(null);\r\n\r\n  const configUrl = `https://swastikconstruction.co.in//asset-store/getConfig.php?name=${env}/${tenant}/${assetname}.json`;\r\n\r\n  useEffect(() => {\r\n    axios.get(configUrl).then((response) => setData(response.data));\r\n    return () => setData(null);\r\n  }, [assetname]);\r\n\r\n  return data;\r\n};\r\n\r\nexport default useFetchConfig;\r\n","export default __webpack_public_path__ + \"static/media/karooLogo.0bb83aff.png\";","import { useStyles } from '../../common/Common.style';\r\nimport Timeline from '@mui/lab/Timeline';\r\nimport TimelineItem from '@mui/lab/TimelineItem';\r\nimport TimelineSeparator from '@mui/lab/TimelineSeparator';\r\nimport TimelineConnector from '@mui/lab/TimelineConnector';\r\nimport TimelineContent from '@mui/lab/TimelineContent';\r\nimport TimelineDot from '@mui/lab/TimelineDot';\r\nimport TimelineOppositeContent from '@mui/lab/TimelineOppositeContent';\r\nimport { OrderTrackStatus } from '../../intefaces/OrderTrackStatus.interface';\r\nconst TrackingTimeline = (props: { trackerData: OrderTrackStatus }) => {\r\n    const styles = useStyles();\r\n    const { trackerData } = props;\r\n    return (\r\n        <Timeline className={styles.trackingline} >\r\n            \r\n            {trackerData && trackerData.eventList && trackerData.eventList.map((status, index: number) => {\r\n                return (   \r\n\r\n                <TimelineItem>\r\n                    <TimelineOppositeContent  color=\"text.secondary\">\r\n                    \r\n                        {status.event}\r\n                        \r\n                    </TimelineOppositeContent>\r\n                    <TimelineSeparator>\r\n                        <TimelineDot />\r\n                        {(index + 1) !== trackerData.eventList?.length && <TimelineConnector />}\r\n                    </TimelineSeparator>\r\n                    <TimelineContent>{status.eventDateTime} {status.eventLocation}</TimelineContent>\r\n                </TimelineItem>\r\n            \r\n                );\r\n              })\r\n            }\r\n        </Timeline>\r\n    )\r\n\r\n}\r\n\r\nexport default TrackingTimeline;","import OplFormLayout from \"@openlane/opl-form-layout\";\r\nimport { IFormConfig } from \"@openlane/opl-form-layout/interface/IFormConfig.interface\";\r\nimport axios from \"axios\";\r\nimport Alert from '@mui/material/Alert';\r\nimport Stack from '@mui/material/Stack';\r\nimport { useEffect, useState } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { FormProvider, useForm } from \"react-hook-form\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport { useStyles } from \"../../common/Common.style\";\r\nimport { OplConnections } from \"@openlane/opl-connections\";\r\nimport { OplEvents } from \"@openlane/opl-events\";\r\nimport useFetchConfig from \"../../services/customhooks/useFetchConfig\";\r\nimport Accordion from \"@material-ui/core/Accordion\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\r\nimport Grid from \"@mui/material/Grid\";\r\nimport { Paper } from \"@mui/material\";\r\nimport OplForm from \"@openlane/opl-form\";\r\nimport KarooLogo from \"./karooLogo.png\";\r\nimport * as React from \"react\";\r\nimport { OrderTrackStatus } from \"../../intefaces/OrderTrackStatus.interface\";\r\nimport TrackingTimeline from \"./TrackingTimeline\";\r\nimport { ClassNames } from \"@emotion/react\";\r\nconst QuickTrack = () => {\r\n  const { assetname } = useParams();\r\n  const config: any = useFetchConfig(assetname);\r\n  const [selectedRows, setSelectedRows] = useState<any[]>();\r\n  const styles = useStyles();\r\n  const [form, setForm] = useState<any>();\r\n  const methods = useForm();\r\n  const [clientID, setClientID] = useState<string>(\"\");\r\n  const [loading, setLoading] = useState<boolean>(false);\r\n  const watchControlValue = methods.watch(\"basicDetails_client\");\r\n  const [show, setShow] = useState<boolean>(false);\r\n  const [trackerData, setTrackerData] = useState<OrderTrackStatus | null>(null);\r\nconst [info, setInfo] = useState(false)\r\n\r\n  useEffect(() => {\r\n    OplEvents.read().subscribe((params) => {\r\n      if (params.action === \"SELECTEDROWS\") {\r\n        setSelectedRows(params.message);\r\n      }\r\n    });\r\n  }, []);\r\n  // const orderTrackStatus: OrderTrackStatus =\r\n  // {\r\n  //   \"DocketNo\": \"500005247\",\r\n  //   \"BookingDate\": \"25 Aug 2022\",\r\n  //   \"BillingParty\": \"AIC 0189:ADITYA BIRLA FASHION AND RETAIL LIMITED\",\r\n  //   \"Origin\": \"BWDH : BHIWANDI\",\r\n  //   \"Destination\": \"BOMH : PANVEL\",\r\n  //   \"CurrentLocation\": \"BOMH\",\r\n  //   \"DocketTrackingStatus\": \"Delivered  At BOMH On 25 Aug 22\",\r\n  //   \"IsPODExist\": true,\r\n  //   \"IsDelivered\": true,\r\n  //   \"DeliveredDateTime\": \"25 Aug 2022 18:05\",\r\n  //   \"PODImageDateTime\": \"25 Aug 2022 22:08\",\r\n  //   \"PODImageName\": \"10218/DRSUPDATE/2022/Aug/500005247.jpg\",\r\n  //   \"PODImageType\": \"jpg\",\r\n  //   \"PODImageBase64\": null,\r\n  //   \"PODImageLink\": \"https://webxsaas.blob.core.windows.net/velocity/10218/DRSUPDATE/2022/Aug/500005247.jpg\",\r\n  //   \"EventList\": [\r\n  //     {\r\n  //       \"DocketNo\": \"500005247\",\r\n  //       \"Event\": \"Stock available For LS/MF @ BWDH\",\r\n  //       \"EventStatus\": \"Stock available For LS/MF @ BWDH\",\r\n  //       \"EventDateTime\": \"25 Aug 2022 08:11:06\",\r\n  //       \"EventLocation\": \"BWDH\",\r\n  //       \"StatusCode\": \"TDCNENT1T\"\r\n  //     },\r\n  //     {\r\n  //       \"DocketNo\": \"500005247                                         \",\r\n  //       \"Event\": \"In LS LS/BWDH/2223/000813\",\r\n  //       \"EventStatus\": \"In LS LS/BWDH/2223/000813\",\r\n  //       \"EventDateTime\": \"25 Aug 2022 08:12:07\",\r\n  //       \"EventLocation\": \"BWDH\",\r\n  //       \"StatusCode\": \"TDLDSHTCRT1\"\r\n  //     },\r\n  //     {\r\n  //       \"DocketNo\": \"500005247\",\r\n  //       \"Event\": \"In MF MF/BWDH/2223/000758\",\r\n  //       \"EventStatus\": \"In MF MF/BWDH/2223/000758\",\r\n  //       \"EventDateTime\": \"25 Aug 2022 08:12:47\",\r\n  //       \"EventLocation\": \"BWDH\",\r\n  //       \"StatusCode\": \"TDLDSHTUPD1\"\r\n  //     },\r\n  //     {\r\n  //       \"DocketNo\": \"500005247\",\r\n  //       \"Event\": \"In Transit between BWDH and BOMH\",\r\n  //       \"EventStatus\": \"In Transit between BWDH and BOMH\",\r\n  //       \"EventDateTime\": \"25 Aug 2022 08:13:08\",\r\n  //       \"EventLocation\": \"BWDH\",\r\n  //       \"StatusCode\": \"TDTHCDEP1\"\r\n  //     },\r\n  //     {\r\n  //       \"DocketNo\": \"500005247\",\r\n  //       \"Event\": \"Pending for Stock Update @ BOMH\",\r\n  //       \"EventStatus\": \"Pending for Stock Update @ BOMH\",\r\n  //       \"EventDateTime\": \"25 Aug 2022 16:55:38\",\r\n  //       \"EventLocation\": \"BOMH\",\r\n  //       \"StatusCode\": \"TDVA1D\"\r\n  //     },\r\n  //     {\r\n  //       \"DocketNo\": \"500005247\",\r\n  //       \"Event\": \"Stock @ BOMH\\nand available for DRS\",\r\n  //       \"EventStatus\": \"Stock @ BOMH\\nand available for DRS\",\r\n  //       \"EventDateTime\": \"25 Aug 2022 16:59:08\",\r\n  //       \"EventLocation\": \"BOMH\",\r\n  //       \"StatusCode\": \"TDSTUPDDELDRS1\"\r\n  //     },\r\n  //     {\r\n  //       \"DocketNo\": \"500005247\",\r\n  //       \"Event\": \"Gone for Delivery Via DS/BOMH/2223/000643 On 25 Aug 2022\",\r\n  //       \"EventStatus\": \"Gone for Delivery Via DS/BOMH/2223/000643 On 25 Aug 2022\",\r\n  //       \"EventDateTime\": \"25 Aug 2022 18:12:21\",\r\n  //       \"EventLocation\": \"BOMH\",\r\n  //       \"StatusCode\": \"TDDRSGEN1\"\r\n  //     },\r\n  //     {\r\n  //       \"DocketNo\": \"500005247\",\r\n  //       \"Event\": \"Delivered @ BOMH On 25 Aug 2022\",\r\n  //       \"EventStatus\": \"Delivered @ BOMH On 25 Aug 2022\",\r\n  //       \"EventDateTime\": \"25 Aug 2022 22:08:42\",\r\n  //       \"EventLocation\": \"BOMH\",\r\n  //       \"StatusCode\": \"TDDRSUPDDLY1\"\r\n  //     }\r\n  //   ]\r\n  // };\r\n  // const getOrders = async (config: any, payload: any) => {\r\n  //   const dataCollection = {\r\n  //     payload: payload,\r\n  //   };\r\n  //   const response = await OplConnections.call(\"GetTrackerRequest\", dataCollection);\r\n  //   const dbform = response.data.data;\r\n  //   const result = dbform.map((form: any) => {\r\n\r\n  //     config.sections.map((section: OrderTrackStatus) => {\r\n  //       console.log(section.DocketNo)\r\n  //     });\r\n\r\n  //   });\r\n  //   return result;\r\n\r\n  // };\r\n\r\n  const formConfig = [\r\n    {\r\n      dataType: \"string\",\r\n      dataPath: \"\",\r\n      label: \"Way Bill number\",\r\n      id: \"wayBillNumber\",\r\n      controlType: \"text\",\r\n      defaultValue: \"\",\r\n      attributes: {\r\n        visible: true,\r\n        disabled: false,\r\n        tabIndex: 0,\r\n        placeholder: \"\",\r\n        readonly: false,\r\n      },\r\n      validate: {},\r\n      events: {},\r\n    },\r\n    {\r\n      dataType: \"string\",\r\n      dataPath: \"\",\r\n      label: \"Courier\",\r\n      id: \"courier\",\r\n      controlType: \"select\",\r\n      defaultValue: \"\",\r\n      attributes: {\r\n        visible: true,\r\n        disabled: false,\r\n        tabIndex: 0,\r\n        placeholder: \"\",\r\n        readonly: false,\r\n      },\r\n      options: {\r\n        list: [\r\n          { key: \"xpressbees\", value: \"XpressBees\" },\r\n          { key: \"oxyzenexpress\", value: \"Oxygen Express\" },\r\n        ],\r\n        config: undefined,\r\n      },\r\n      events: {\r\n        onChange: {\r\n          params: null,\r\n        },\r\n      },\r\n      validate: {},\r\n    },\r\n  ];\r\n  const handleFilter = () => {\r\n    setLoading(true);\r\n\r\n    setShow(true);\r\n    const payload = {\r\n      // fromClientID: methods.getValues(\"consignor\"),\r\n      // billDate: methods.getValues(\"billDate\"),\r\n      // invoiceId: \"noLink\",\r\n      wayBillNumber: methods.getValues(\"wayBillNumber\"),\r\n      courierParterCode: methods.getValues(\"courier\"),\r\n    };\r\n    // console.log(\"outside tracker\");\r\n    // console.log(\"loading\");\r\n    setLoading(true);\r\n    setInfo(true)\r\n\r\n    OplConnections.call(\"GetTrackerRequest\", { payload })\r\n      .then((response: any) => {\r\n        setLoading(false);\r\n        // console.log(response);\r\n        // console.log(\"inside tracker\");\r\n        setTrackerData(response.data);\r\n        // console.log(response.data);\r\n       // console.log(response.data.docketNo);\r\n      })\r\n\r\n      .catch((error: any) => setLoading(false));\r\n\r\n    // OplConnections.call(\"GetAllOrderMaster\", { payload })\r\n    //   .then((response: any) => {\r\n    //     setLoading(false);\r\n    //   })\r\n    //   .catch((error: any) => setLoading(false));\r\n    // OplConnections.call(\"GetTaxes\").then((response: any) => setGstPercentage(response.data.data[0].value));\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (watchControlValue) {\r\n      setLoading(true);\r\n      setClientID(watchControlValue);\r\n      config &&\r\n        OplConnections.call(config.connections.get, {\r\n          id: watchControlValue,\r\n        }).then((response: any) => {\r\n          setLoading(false);\r\n          const data = {\r\n            organizationId: watchControlValue,\r\n            orders: response.data.data,\r\n          };\r\n          //const formData = generateDbFormData(config, data);\r\n          // setForm(formData);\r\n        });\r\n    }\r\n  }, [watchControlValue]);\r\n\r\n  useEffect(() => {\r\n    methods.reset(form);\r\n  }, [form]);\r\n\r\n  const handleSave = () => {\r\n    if (clientID) {\r\n      const selectedOrders =\r\n        selectedRows && selectedRows.map((r) => r[\"orders_id\"]);\r\n      const dataCollection = {\r\n        payload: {\r\n          orders: selectedOrders,\r\n          organizationId: clientID,\r\n        },\r\n      };\r\n      OplConnections.call(config.connections.save, dataCollection)\r\n        .then((response: any) => {\r\n          //    navigate(config.afterSave);\r\n          response.data.status === \"Success\"\r\n            ? OplEvents.send(\"form\", \"setAlertMessage\", {\r\n                open: true,\r\n                type: \"success\",\r\n                message: \"Records saved successfully!\",\r\n                autoHide: false,\r\n                autoHideDuration: 5000,\r\n              })\r\n            : OplEvents.send(\"form\", \"setAlertMessage\", {\r\n                open: true,\r\n                type: \"error\",\r\n                message: \"Error while saving records\",\r\n                autoHide: false,\r\n                autoHideDuration: 5000,\r\n              });\r\n        })\r\n        .catch((error: any) => {\r\n          OplEvents.send(\"form\", \"setAlertMessage\", {\r\n            open: true,\r\n            type: \"error\",\r\n            message: \"Error while saving records\",\r\n            autoHide: false,\r\n            autoHideDuration: 5000,\r\n          });\r\n          console.log(error.message);\r\n        });\r\n      //saveData(config.connections.save, dataCollection);\r\n    }\r\n  };\r\n\r\n  return config ? (\r\n    <>\r\n      <Grid alignItems=\"flex-start\" container spacing={3}>\r\n        <Grid container lg={6} md={12} sm={12} spacing={3}>\r\n          {/* tracker */}\r\n          <Grid item lg={12} md={12} sm={12}>\r\n            <Paper className={`${styles.padding20} ${styles.marginLeft30}`}>\r\n              <FormProvider {...methods}>\r\n                <form>\r\n                  <OplForm formConfig={formConfig} formType=\"standard\" />\r\n                </form>\r\n              </FormProvider>\r\n              <div className={styles.textAlignRight}>\r\n                <Button\r\n                  variant=\"contained\"\r\n                  color=\"primary\"\r\n                  onClick={handleFilter}\r\n                >\r\n                  Track\r\n                </Button>\r\n              </div>\r\n            </Paper>\r\n            <br />\r\n            <br />\r\n            <br />\r\n            <br />\r\n            <br />\r\n          </Grid>\r\n          {/* location */}\r\n\r\n          <Grid className={styles.marginLeft30} item lg={12} md={12} sm={12}>\r\n            <div>\r\n              {loading ? (\r\n                <div style={{ textAlign: \"center\" }}>\r\n                  <h1>Loading...</h1>\r\n                </div>\r\n              ) : trackerData ? (\r\n                <>\r\n                  <div className={styles.trackerViewParent}>\r\n                    <div className={styles.origin}>\r\n                      {trackerData ? trackerData.origin : \"\"}\r\n                      <br />\r\n                      <svg className={styles.icon}>\r\n                        <use xlinkHref={\"#location_pin\"}></use>\r\n                      </svg>\r\n                    </div>\r\n                    <div className={styles.currentStatus}>\r\n                      {\" \"}\r\n                      {trackerData ? trackerData.docketTrackingStatus : \"\"}\r\n                    </div>\r\n                    <div className={styles.arrow}></div>\r\n                    <div className={styles.destination}>\r\n                      {trackerData ? trackerData.destination : \"\"}\r\n\r\n                      <br />\r\n                      <svg className={styles.icon}>\r\n                        <use xlinkHref={\"#location_pin\"}></use>\r\n                      </svg>\r\n                    </div>\r\n                  </div>\r\n                  <div>\r\n                    <br />\r\n                    <br />\r\n                    {/* <p>{trackerData ? trackerData : \"docket number\"}</p> */}\r\n                    {/* <p>{trackerData && trackerData.bookingDate}</p>\r\n                <p>{trackerData && trackerData.billingParty}</p> */}\r\n\r\n                    <TrackingTimeline trackerData={trackerData} />\r\n                  </div>\r\n                </>\r\n              ) : info?  (\r\n                <Stack sx={{ width: '100%' }} spacing={2}>\r\n                <Alert severity=\"error\">Invalid Way Bill Number or Courier</Alert>\r\n                </Stack>             \r\n                 ): \"\"}\r\n            </div>\r\n          </Grid>\r\n        </Grid>\r\n\r\n        <Grid\r\n          container\r\n          lg={6}\r\n          md={12}\r\n          sm={12}\r\n          alignItems=\"flex-start\"\r\n          spacing={3}\r\n        >\r\n          {/* logo */}\r\n          <Grid item lg={12} md={12} sm={12} className={styles.textAlignCenter}>\r\n            <img\r\n              className={styles.marginLeft30}\r\n              src={KarooLogo}\r\n              alt=\"Openlane Solutions track theme\"\r\n            />\r\n          </Grid>\r\n          {/* about */}\r\n\r\n          <Grid className={styles.marginLeft30} item lg={12} md={12} sm={12}>\r\n            <section className={styles.padding20}>\r\n              <h4>About Us</h4>\r\n              <article>\r\n                Lorem Ipsum is simply dummy text of the printing and typesetting\r\n                industry. Lorem Ipsum has been the industry's standard dummy\r\n                text ever since the 1500s, when an unknown printer took a galley\r\n                of type and scrambled it to make a type specimen book. It has\r\n                survived not only five centuries, but also the leap into\r\n                electronic typesetting, remaining essentially unchanged. It was\r\n                popularised in the 1960s with the release of Letraset sheets\r\n                containing Lorem Ipsum passages, and more recently with desktop\r\n                publishing software like Aldus PageMaker including versions of\r\n                Lorem Ipsum.\r\n              </article>\r\n              <br />\r\n              <br />\r\n              <h4>Our Services</h4>\r\n              <article>\r\n                <ul>\r\n                  <li>Courier Service</li>\r\n                  <li>e-Com Service</li>\r\n                  <li>Domestic Air</li>\r\n                  <li>Domestic Surface</li>\r\n                  <li>International Courier</li>\r\n                  <li>Internation by Air/Sea</li>\r\n                  <li>Warehousing</li>\r\n                  <li>3PL Service</li>\r\n                </ul>\r\n              </article>\r\n              <br />\r\n              <Button\r\n                variant=\"outlined\"\r\n                color=\"default\"\r\n                href=\"http://karoologistics.com/\"\r\n                target=\"_blank\"\r\n              >\r\n                Explore Services\r\n              </Button>\r\n              <Button\r\n                variant=\"outlined\"\r\n                color=\"default\"\r\n                href=\"https://karoologistics.com/contact/\"\r\n                target=\"_blank\"\r\n              >\r\n                Contact Us\r\n              </Button>\r\n            </section>\r\n          </Grid>\r\n        </Grid>\r\n      </Grid>\r\n    </>\r\n  ) : null;\r\n};\r\n\r\nexport default QuickTrack;\r\n","import * as React from 'react';\r\nimport AppBar from '@mui/material/AppBar';\r\nimport Box from '@mui/material/Box';\r\nimport Toolbar from '@mui/material/Toolbar';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport Typography from '@mui/material/Typography';\r\nimport Menu from '@mui/material/Menu';\r\n// import MenuIcon from '@mui/icons-material/Menu';\r\nimport Container from '@mui/material/Container';\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Button from '@mui/material/Button';\r\nimport Tooltip from '@mui/material/Tooltip';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport AdbIcon from '@mui/icons-material/Adb';\r\nimport Paper from '@mui/material/Paper';\r\nimport Logo from './logo.png';\r\nimport QuickTrack  from './components/QuickTrack/QuickTrack';\r\nimport { BrowserRouter as Router, Routes, Route } from \"react-router-dom\";\r\nconst pages = ['About Us'];\r\nconst settings = [ 'Account Settings', 'Logout'];\r\ndeclare var oplAuthContext:any;\r\nconst App = () => {\r\n  const [anchorElNav, setAnchorElNav] = React.useState<null | HTMLElement>(null);\r\n  const [anchorElUser, setAnchorElUser] = React.useState<null | HTMLElement>(null);\r\n\r\n  const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {\r\n    setAnchorElNav(event.currentTarget);\r\n  };\r\n  const handleOpenUserMenu = (event: React.MouseEvent<HTMLElement>) => {\r\n    setAnchorElUser(event.currentTarget);\r\n  };\r\n\r\n  const handleCloseNavMenu = () => {\r\n    setAnchorElNav(null);\r\n  };\r\n\r\n  const handleCloseUserMenu = () => {\r\n    setAnchorElUser(null);\r\n  };\r\n\r\n  return (\r\n  <div>\r\n  <Router>\r\n  <AppBar position=\"static\" color=\"transparent\"   elevation={0}>\r\n      <Container maxWidth=\"xl\">\r\n        <Toolbar disableGutters>\r\n          <img src={Logo} />\r\n          {/* <Typography\r\n            variant=\"h6\"\r\n            noWrap\r\n            component=\"a\"\r\n            href=\"/\"\r\n            sx={{\r\n              mr: 2,\r\n              display: { xs: 'none', md: 'flex' },\r\n              fontFamily: 'monospace',\r\n              fontWeight: 700,\r\n              letterSpacing: '.3rem',\r\n              color: 'inherit',\r\n              textDecoration: 'none',\r\n            }}\r\n          >\r\n            Karoo Logistics\r\n          </Typography> */}\r\n          \r\n          <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>\r\n            <IconButton\r\n              size=\"large\"\r\n              aria-label=\"account of current user\"\r\n              aria-controls=\"menu-appbar\"\r\n              aria-haspopup=\"true\"\r\n              onClick={handleOpenNavMenu}\r\n              color=\"primary\"\r\n            >\r\n              {/* <MenuIcon /> */}\r\n            </IconButton>\r\n            <Menu\r\n              id=\"menu-appbar\"\r\n              color=\"primary\"\r\n              anchorEl={anchorElNav}\r\n              anchorOrigin={{\r\n                vertical: 'bottom',\r\n                horizontal: 'left',\r\n              }}\r\n              keepMounted\r\n              transformOrigin={{\r\n                vertical: 'top',\r\n                horizontal: 'left',\r\n              }}\r\n              open={Boolean(anchorElNav)}\r\n              onClose={handleCloseNavMenu}\r\n              sx={{\r\n                display: { xs: 'block', md: 'none' },\r\n              }}\r\n            >\r\n              {pages.map((page) => (\r\n                <MenuItem key={page} onClick={handleCloseNavMenu} >\r\n                  <Typography textAlign=\"center\">{page}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Menu>\r\n          </Box>\r\n\r\n              \r\n          <Box sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}>\r\n            {pages.map((page) => (\r\n              <Button\r\n                key={page}\r\n                onClick={handleCloseNavMenu}\r\n                sx={{ my: 2, color: 'white', display: 'block' }}\r\n              >\r\n                {page}\r\n              </Button>\r\n            ))}\r\n          </Box>\r\n{\r\n      oplAuthContext && oplAuthContext.user && <Box sx={{ flexGrow: 0 }}>\r\n            <Tooltip title=\"Open settings\">\r\n              <IconButton onClick={handleOpenUserMenu} sx={{ p: 0 }}>\r\n                <Avatar alt=\"Remy Sharp\" src=\"/static/images/avatar/2.jpg\" />\r\n              </IconButton>\r\n            </Tooltip>\r\n            <Menu\r\n              sx={{ mt: '45px' }}\r\n              id=\"menu-appbar\"\r\n              anchorEl={anchorElUser}\r\n              anchorOrigin={{\r\n                vertical: 'top',\r\n                horizontal: 'right',\r\n              }}\r\n              keepMounted\r\n              transformOrigin={{\r\n                vertical: 'top',\r\n                horizontal: 'right',\r\n              }}\r\n              open={Boolean(anchorElUser)}\r\n              onClose={handleCloseUserMenu}\r\n            >\r\n              {settings.map((setting) => (\r\n                <MenuItem key={setting} onClick={handleCloseUserMenu}>\r\n                  <Typography textAlign=\"center\">{setting}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Menu>\r\n          </Box>\r\n}\r\n{\r\n       !oplAuthContext.user && <Box sx={{ flexGrow: 0 }}>\r\n            <Button variant=\"outlined\" color=\"primary\">\r\n              Login\r\n              </Button>\r\n          \r\n          </Box>\r\n}\r\n        </Toolbar>\r\n      </Container>\r\n    </AppBar>\r\n      \r\n      <br/><br/><br/><br/>\r\n      <br/><br/><br/><br/>\r\n    \r\n     <QuickTrack />\r\n     </Router>\r\n    </div>\r\n  );\r\n};\r\nexport default App;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\n//import reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n  // <React.StrictMode>\r\n  <App />,\r\n  // </React.StrictMode>,\r\n  document.getElementById(\"root\")\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\n//reportWebVitals();\r\n"],"sourceRoot":""}