inboxlookup_screen 1.0.2

package/src/devextreme-license.js

@@ -0,0 +1 @@
+export const licenseKey = "ewogICJmb3JtYXQiOiAxLAogICJjdXN0b21lcklkIjogIjhiZGIzM2I0LWE0YTktNGViYS05ZjhkLTY0NTVmNmYyOThiZSIsCiAgIm1heFZlcnNpb25BbGxvd2VkIjogMjQyCn0=.UVvc2/hmUQwH85cL9+EQwrrwiXGZbuZV22WA3Pm2DplGyo6oqFoSBTycnzR5pq3LeEXDW/7neFeA9LLKUO17cz6LqCR+sntUiLVkSBYU73OA3iybdh4IIACRh9hjtoxF5gJUaA==";

package/src/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

package/src/index.js

@@ -0,0 +1,261 @@
+// import React, { useState, useEffect } from "react";
+// import "./styles/custom_field.css";
+// import SubPanel from "./components/SubPanel";
+// import "devextreme/dist/css/dx.light.css";
+// import { BrowserRouter } from "react-router-dom";
+// import { ToastProvider, useToast } from "./utils/ToastContext";
+
+
+// const FieldMapping = () => {
+//   const [apiResponse, setApiResponse] = useState(null);
+//   const [isLoading, setIsLoading] = useState(true);
+//   const [error, setError] = useState(null);
+//   const { showToast } = useToast();
+
+
+//   const API_URL =
+//     "https://arcdev.accesshealthcare.com/ETL/api/ETLApi/GetFieldListForProcessMapping?processId=20";
+
+//   useEffect(() => {
+//     const fetchData = async () => {
+//       try {
+//         const response = await fetch(API_URL);
+//         if (!response.ok) {
+//           throw new Error(`HTTP error! Status: ${response.status}`);
+//         }
+//         const data = await response.json();
+//         setApiResponse(data);
+//       } catch (err) {
+//         setError(err.message);
+//       } finally {
+//         setIsLoading(false);
+//       }
+//     };
+
+//     fetchData();
+//   }, []);
+
+//   if (isLoading) return <div>Loading...</div>;
+//   if (error) return <div>Error: {error}</div>;
+
+//   const validate = () => {
+//     showToast("Some mapper field is incorrect, Please check and update");
+//   }
+
+//   const { fields, fieldMappingConfigData } = apiResponse;
+
+//   // Group fields by TableName
+//   const groupedFields = fields.reduce((acc, field) => {
+//     const tableName = field.TableName;
+
+//     if (!acc[tableName]) acc[tableName] = [];
+//     acc[tableName].push(field);
+
+//     return acc;
+//   }, {});
+
+//   const getMapperOptions = (cpTableId) => {
+//     if (!cpTableId) return [];
+//     return fieldMappingConfigData.fieldData
+//       .filter((field) => field.CpTableId === cpTableId)
+//       .map((mapping) => ({
+//         value: mapping.Column,
+//         label: mapping.Column,
+//       }));
+//   };
+
+//   const relationshipData = fieldMappingConfigData.relationshipData;
+
+//   return (
+//     <div>
+//       <div className="container-fluid">
+//         <div className="sectionpanel">
+
+//           <div className="boxpanel submenulist">
+//           <BrowserRouter>
+//               <SubPanel />
+//             </BrowserRouter>            <div className="content_section">
+//               <div className="datalevel">
+//                 <h3 className="fieldmapping_title">Field Mapping </h3>
+//               </div>
+
+//               <div className="contentbox">
+//                 <div className="content">
+//                   <div className="acc accordated">
+//                     {Object.entries(groupedFields).map(([tableName, fields]) => (
+//                       <div className="acc__card" key={tableName}>
+//                         <div className="acc__title active">{tableName}</div>
+//                         <div className="acc__panel" style={{ display: "block" }}>
+//                           <table className="table encounter_tables">
+//                             <thead>
+//                               <tr>
+//                                 <th>Fields</th>
+//                                 <th>Mandatory</th>
+//                                 <th>Mapper Column</th>
+//                               </tr>
+//                             </thead>
+//                             <tbody>
+//                               {fields.map((field) => (
+//                                 <tr key={field.FieldId}>
+//                                   <td>{field.FieldsName}</td>
+//                                   <td>
+//                                     {field.IsRequired ? (
+//                                       <img
+//                                         src="data:image/png;base64,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"
+//                                         className="tick_image"
+//                                         alt="Mandatory"
+//                                       />
+//                                     ) : (
+//                                       <img
+//                                         src="http://10.20.0.187:84/ETL/image/disablecheck.png"
+//                                         className="tick_image"
+//                                         alt="Mandatory"
+//                                       />
+//                                     )}
+//                                   </td>
+//                                   <td>
+//                                     <select
+//                                       className="fieldmappingSelect"
+//                                       defaultValue={
+//                                         fieldMappingConfigData.fieldData.find(
+//                                           (mapping) =>
+//                                             mapping.FieldId === field.FieldId
+//                                         )?.Column || ""
+//                                       }
+//                                       onChange={(e) =>
+//                                         console.log(
+//                                           `Selected for ${field.FieldsName}: ${e.target.value}`
+//                                         )
+//                                       }
+//                                     >
+//                                       <option value="" disabled>
+//                                         Select an option
+//                                       </option>
+//                                       {getMapperOptions(
+//                                         field.CptableId
+//                                       ).map((option) => (
+//                                         <option
+//                                           key={option.value}
+//                                           value={option.value}
+//                                         >
+//                                           {option.label}
+//                                         </option>
+//                                       ))}
+//                                     </select>
+//                                   </td>
+//                                 </tr>
+//                               ))}
+//                             </tbody>
+//                           </table>
+
+//                           {/* Relationship Section */}
+//                           {relationshipData
+//                             .filter(
+//                               (relation) =>
+//                                 relation.CpTableId === fields[0]?.CptableId
+//                             )
+//                             .map((relation) => (
+//                               <div
+//                                 className="relationship-section"
+//                                 key={relation.CpTableId}
+//                                 style={{
+//                                   marginTop: "15px",
+//                                   display: "flex",
+//                                   alignItems: "center",
+//                                 }}
+//                               >
+//                                 <label
+//                                   style={{ marginRight: "10px", fontWeight: "bold" }}
+//                                 >
+//                                   Relationship
+//                                 </label>
+//                                 <select
+//                                   className="relationshipSelect"
+//                                   defaultValue={relation.JoinType}
+//                                   style={{ marginRight: "10px", width: "150px" }}
+//                                   disabled
+//                                 >
+//                                   <option value="From">From</option>
+//                                   <option value="Inner">Inner Join</option>
+//                                   <option value="Left">Left Join</option>
+//                                 </select>
+//                                 <label>{relation.DsName}</label>
+//                                 <input
+//                                   type="text"
+//                                   value={relation.JoinColumn}
+//                                   className="form-control"
+//                                   style={{ marginLeft: "10px", width: "300px" }}
+//                                   disabled
+//                                 />
+//                               </div>
+//                             ))}
+//                         </div>
+//                       </div>
+//                     ))}
+//                   </div>
+//                   <div className="footerlevel">
+//                     <div className="footerbutton">
+//                       <button
+//                         onClick={validate}
+//                         type="button"
+//                         className="btn btn-default btnsave"
+//                         data-dismiss="modal"
+//                       >
+//                         Validate And Save
+//                       </button>
+//                     </div>
+//                   </div>
+//                 </div>
+//               </div>
+//             </div>
+//           </div>
+//         </div>
+//       </div>
+//     </div>
+//   );
+// };
+
+// const App = () => (
+//     <ToastProvider>
+//       <FieldMapping />
+//     </ToastProvider>
+//   );
+
+// export default App;
+
+
+// import React from "react";
+// import AppRoutes from "./routes/AppRoutes"; // Adjust path as needed
+// import store from './redux/store';
+// import { Provider } from "react-redux";
+// import 'devextreme/dist/css/dx.light.css';
+// import DashBoard from './components/DashBoard'; // Import components
+
+// import config from 'devextreme/core/config';
+// import { licenseKey } from './devextreme-license';
+
+// config({ licenseKey });
+// const App = (props) => (
+//     <Provider store={store}>
+//           <DashBoard {...props}/>
+//         </Provider>
+
+//       );
+//        export default App;
+import React from "react";
+// import { Provider } from "react-redux";
+import 'devextreme/dist/css/dx.light.css';
+import OrdersMasterDetail from "./components/Service/OrdersMasterDetail";
+
+import config from 'devextreme/core/config';
+import { licenseKey } from './devextreme-license';
+
+config({ licenseKey });
+
+const App = (props) => (
+  // <Provider>
+  <OrdersMasterDetail {...props} />
+  // </Provider>
+);
+
+export default App;

package/src/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

package/src/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/src/routes/AppRoutes.js

@@ -0,0 +1,18 @@
+
+import React from 'react';
+import { HashRouter, Routes, Route, Navigate } from 'react-router-dom'; // Correct imports
+import OrdersMasterDetail from "./components/Service/OrdersMasterDetail";
+
+const AppRoutes = (props) => {
+  return (
+    <HashRouter> {/* Wrap the app in HashRouter */}
+      <Routes>
+        <Route path="/" element={<OrdersMasterDetail />} />
+
+      </Routes>
+    </HashRouter>
+  );
+};
+
+export default AppRoutes;
+

package/src/setupTests.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';