oa-componentbook 1.0.1-stage.4 → 1.0.1-stage.400

package/build/layout/GenricLayOut/reducer/layoutReducer.js

@@ -0,0 +1,294 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initialState = exports.genericLayoutReducer = exports.actionTypes = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.symbol.description.js");
+var _immer = require("immer");
+var _staticConfigResolver = require("../resolver/staticConfigResolver");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable */
+const initialState = exports.initialState = {};
+const actionTypes = exports.actionTypes = {
+  INIT: "INIT",
+  SET_LOADING: "SET_LOADING",
+  SET_DROPDOWN_SEARCH_VALUE: "SET_DROPDOWN_SEARCH_VALUE",
+  SET_DROPDOWN_SEARCH_ERROR: "SET_DROPDOWN_SEARCH_ERROR",
+  SET_INPUT_SEARCH_VALUE: "SET_INPUT_SEARCH_VALUE",
+  SET_INPUT_SEARCH_ERROR: "SET_INPUT_SEARCH_ERROR",
+  SET_DROPDOWN_SEARCH_OPTION: "SET_DROPDOWN_SEARCH_OPTION",
+  SET_DRAWER: "SET_DRAWER",
+  SET_NESTED_DRAWER: "SET_NESTED_DRAWER",
+  TOGGLE_IMAGE_VIEW: "TOGGLE_IMAGE_VIEW",
+  SET_TABLE_DATA: "SET_TABLE_DATA",
+  SET_TABLE_EMPTY: "SET_TABLE_EMPTY",
+  SET_PAGINATION: "SET_PAGINATION",
+  SET_SORTING: "SET_SORTING",
+  TAB_CLICK: "TAB_CLICK",
+  TOGGLE_DRAWER: "TOGGLE_DRAWER",
+  CLOSE_DRAWER: "CLOSE_DRAWER",
+  NESTED_DRAWER_OPEN: "NESTED_DRAWER_OPEN",
+  NESTED_DRAWER_CLOSED: "NESTED_DRAWER_CLOSED",
+  TABLE_FOOTER_TOGGLE: "TABLE_FOOTER_TOGGLE",
+  // Use to show hide the footer of the table
+  TABLE_ROW_SELECTED_DATA: "TABLE_ROW_SELECTED_DATA",
+  // Use to store the selected rows of the table
+  TOGGLE_MODAL: "TOGGLE_MODAL",
+  // Use to show hide the modal
+  SET_MODAL: "SET_MODAL",
+  SET_TABLE_FILTER: "SET_TABLE_FILTER",
+  SET_CUSTOM_DRAWER_DATA_SELECT: "SET_CUSTOM_DRAWER_DATA_SELECT",
+  SET_SUBHEADING_SELECTED_CONFIG: "SET_SUBHEADING_SELECTED_CONFIG",
+  SET_CUSTOM_DRAWER: "SET_CUSTOM_DRAWER",
+  CUSTOM_DRAWER_OPEN: "CUSTOM_DRAWER_OPEN",
+  CUSTOM_DRAWER_CLOSED: "CUSTOM_DRAWER_CLOSED",
+  UPDATE_FILTER_DEFAULT_VALUES: "UPDATE_FILTER_DEFAULT_VALUES",
+  SET_STATIC_FILTER_SELECTION: "SET_STATIC_FILTER_SELECTION",
+  SET_STATIC_FILTER_VISIBILITY: "SET_STATIC_FILTER_VISIBILITY",
+  SET_TABLE_COLUMNS_RESET: "SET_TABLE_COLUMNS_RESET",
+  SET_APPLIED_FILTERS: "SET_APPLIED_FILTERS",
+  REMOVE_APPLIED_FILTER: "REMOVE_APPLIED_FILTER",
+  CLEAR_ALL_APPLIED_FILTERS: "CLEAR_ALL_APPLIED_FILTERS",
+  UPDATE_FILTER_FORM_VALUES: "UPDATE_FILTER_FORM_VALUES",
+  SET_STATIC_FILTER: "SET_STATIC_FILTER",
+  SET_PROFILE_DATA: "SET_PROFILE_DATA"
+};
+function getFieldDefaultValue(widget) {
+  switch (widget) {
+    case "select":
+    case "radio":
+      return undefined;
+    case "date":
+      return "";
+    case "input":
+    case "textArea":
+      return "";
+    default:
+      return "";
+  }
+}
+const genericLayoutReducer = exports.genericLayoutReducer = (0, _immer.produce)((draft, action) => {
+  var _draft$imageViewer, _action$payload, _action$payload2, _draft$tabs, _draft$customDrawer$d, _draft$tables, _action$payload3, _action$payload4, _action$payload5, _draft$tabs$active, _draft$tabs2, _action$payload6, _action$payload7, _action$payload8, _draft$staticFilter, _draft$tables2, _draft$customDrawer$d2, _draft$customDrawer$d3, _draft$customDrawer$d4;
+  switch (action.type) {
+    case actionTypes.INIT:
+      return (0, _staticConfigResolver.removeHidden)(action.payload);
+    case actionTypes.SET_LOADING:
+      draft.isLoading = action.payload;
+      break;
+    case actionTypes.SET_DROPDOWN_SEARCH_VALUE:
+      draft.dropdownSearch.value = action.payload;
+      draft.dropdownSearch.error = null;
+      break;
+    case actionTypes.SET_DROPDOWN_SEARCH_ERROR:
+      draft.dropdownSearch.error = action.payload;
+      break;
+    case actionTypes.TOGGLE_IMAGE_VIEW:
+      draft.imageViewer.visible = !((_draft$imageViewer = draft.imageViewer) !== null && _draft$imageViewer !== void 0 && _draft$imageViewer.visible);
+      draft.imageViewer.content = action === null || action === void 0 ? void 0 : action.payload;
+      break;
+    case actionTypes.SET_INPUT_SEARCH_VALUE:
+      draft.inputSearch.value = action.payload;
+      draft.inputSearch.error = null;
+      break;
+    case actionTypes.SET_INPUT_SEARCH_ERROR:
+      draft.inputSearch.error = action.payload;
+      break;
+    case actionTypes.SET_TABLE_EMPTY:
+      draft.tables.data = [];
+    case actionTypes.SET_DROPDOWN_SEARCH_OPTION:
+      draft.dropdownSearch.selectedOption = action === null || action === void 0 ? void 0 : action.payload;
+      draft.dropdownSearch.value = null;
+      draft.dropdownSearch.error = null;
+      break;
+    case actionTypes.SET_TABLE_DATA:
+      draft.tables.data = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.dataSource;
+      draft.tables.pagination = _objectSpread(_objectSpread({}, draft.tables.pagination), {}, {
+        total: (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : _action$payload2.totalRecords
+      });
+      (_draft$tabs = draft.tabs) === null || _draft$tabs === void 0 || (_draft$tabs = _draft$tabs.list) === null || _draft$tabs === void 0 || _draft$tabs.map(l => {
+        l.value = action.payload[l === null || l === void 0 ? void 0 : l.tabKey];
+        return l;
+      });
+      break;
+    case actionTypes.SET_PAGINATION:
+      draft.tables.pagination = _objectSpread(_objectSpread({}, draft.tables.pagination), action.payload);
+      break;
+    case actionTypes.SET_TABLE_FILTER:
+      draft.tables.filter = _objectSpread(_objectSpread({}, draft.tables.filter), action.payload);
+      break;
+    case actionTypes.UPDATE_FILTER_DEFAULT_VALUES:
+      if ((_draft$customDrawer$d = draft.customDrawer.data) !== null && _draft$customDrawer$d !== void 0 && (_draft$customDrawer$d = _draft$customDrawer$d.groups) !== null && _draft$customDrawer$d !== void 0 && (_draft$customDrawer$d = _draft$customDrawer$d[0]) !== null && _draft$customDrawer$d !== void 0 && _draft$customDrawer$d.items) {
+        draft.customDrawer.data.groups[0].items.forEach(item => {
+          if (action.payload[item.name] !== undefined) {
+            item.defaultValue = action.payload[item.name];
+          }
+        });
+      }
+      break;
+    case actionTypes.SET_SORTING:
+      draft.tables.sorting = _objectSpread(_objectSpread({}, (_draft$tables = draft.tables) === null || _draft$tables === void 0 ? void 0 : _draft$tables.sorting), action.payload);
+      break;
+    case actionTypes.TAB_CLICK:
+      draft.tabs.active = (_action$payload3 = action.payload) === null || _action$payload3 === void 0 ? void 0 : _action$payload3.active;
+      const shouldShowStaticFilter = ((_action$payload4 = action.payload) === null || _action$payload4 === void 0 ? void 0 : _action$payload4.active) === "HR-CANCELLED" || ((_action$payload5 = action.payload) === null || _action$payload5 === void 0 ? void 0 : _action$payload5.active) === "FINANCIER-CANCELLED";
+      if (draft.staticFilter) {
+        draft.staticFilter.visible = shouldShowStaticFilter;
+      }
+      break;
+    case actionTypes.SET_DRAWER:
+      draft.drawer.data[(_draft$tabs$active = draft === null || draft === void 0 || (_draft$tabs2 = draft.tabs) === null || _draft$tabs2 === void 0 ? void 0 : _draft$tabs2.active) !== null && _draft$tabs$active !== void 0 ? _draft$tabs$active : "default"][(_action$payload6 = action.payload) === null || _action$payload6 === void 0 ? void 0 : _action$payload6.active] = action.payload.dynamicConfig;
+      break;
+    case actionTypes.SET_MODAL:
+      draft.modal.modalContent = (_action$payload7 = action.payload) === null || _action$payload7 === void 0 || (_action$payload7 = _action$payload7.modalData) === null || _action$payload7 === void 0 ? void 0 : _action$payload7.modalContent;
+      draft.modal.value = (_action$payload8 = action.payload) === null || _action$payload8 === void 0 || (_action$payload8 = _action$payload8.modalData) === null || _action$payload8 === void 0 ? void 0 : _action$payload8.value;
+      break;
+    case actionTypes.SET_NESTED_DRAWER:
+      draft.nestedDrawer.data.cancelOrder = action.payload;
+      break;
+    case actionTypes.TOGGLE_DRAWER:
+      draft.drawer.visible = true;
+      draft.drawer.active = action.payload;
+      break;
+    case actionTypes.NESTED_DRAWER_OPEN:
+      draft.nestedDrawer.visible = true;
+      break;
+    case actionTypes.NESTED_DRAWER_CLOSED:
+      draft.nestedDrawer.visible = false;
+      break;
+    case actionTypes.SET_CUSTOM_DRAWER:
+      draft.customDrawer.data = action.payload;
+      break;
+    case actionTypes.CUSTOM_DRAWER_OPEN:
+      draft.customDrawer.visible = true;
+      break;
+    case actionTypes.CUSTOM_DRAWER_CLOSED:
+      draft.customDrawer.visible = false;
+      break;
+    case actionTypes.CLOSE_DRAWER:
+      draft.drawer.visible = false;
+      break;
+    case actionTypes.TABLE_FOOTER_TOGGLE:
+      draft.tables.tableFooter.visible = action.payload;
+      break;
+    case actionTypes.TABLE_ROW_SELECTED_DATA:
+      draft.tables.selectedRowKeys = action.payload;
+      break;
+    case actionTypes.TOGGLE_MODAL:
+      draft.modal.visible = action.payload;
+      break;
+    case actionTypes.SET_CUSTOM_DRAWER_DATA_SELECT:
+      {
+        var _draft$tabs$active2, _draft$tabs3, _draft$drawer;
+        const tabKey = (_draft$tabs$active2 = draft === null || draft === void 0 || (_draft$tabs3 = draft.tabs) === null || _draft$tabs3 === void 0 ? void 0 : _draft$tabs3.active) !== null && _draft$tabs$active2 !== void 0 ? _draft$tabs$active2 : "default";
+        const record = draft === null || draft === void 0 || (_draft$drawer = draft.drawer) === null || _draft$drawer === void 0 || (_draft$drawer = _draft$drawer.data) === null || _draft$drawer === void 0 || (_draft$drawer = _draft$drawer[tabKey]) === null || _draft$drawer === void 0 ? void 0 : _draft$drawer[action.payload.key];
+        if (!(record !== null && record !== void 0 && record.groups)) break;
+
+        // Loop through all groups
+        for (const group of record.groups) {
+          // Look for a `keyValue` type item containing `Billing Address`
+          const targetItem = (group.items || []).find(item => (item === null || item === void 0 ? void 0 : item.type) === "keyValue" && (item === null || item === void 0 ? void 0 : item.value) && Object.prototype.hasOwnProperty.call(item.value, "Billing Address"));
+
+          // If found, update the value
+          if (targetItem) {
+            targetItem.value["Billing Address"] = action.payload.value;
+            break; // Stop after updating
+          }
+        }
+        break;
+      }
+    case actionTypes.SET_SUBHEADING_SELECTED_CONFIG:
+      draft.header.subHeading.jsxConfig.value = action.payload;
+      draft.dropdownSearch.error = null;
+      break;
+    case actionTypes.SET_STATIC_FILTER_SELECTION:
+      if ((_draft$staticFilter = draft.staticFilter) !== null && _draft$staticFilter !== void 0 && _draft$staticFilter.data) {
+        draft.staticFilter.data = draft.staticFilter.data.map(filter => _objectSpread(_objectSpread({}, filter), {}, {
+          selected: filter.value === action.payload
+        }));
+      }
+      break;
+    case actionTypes.SET_STATIC_FILTER:
+      draft.staticFilter.data = action.payload;
+      break;
+    case actionTypes.SET_STATIC_FILTER_VISIBILITY:
+      if (draft.staticFilter) {
+        draft.staticFilter.visible = action.payload;
+      }
+      break;
+    case actionTypes.SET_TABLE_COLUMNS_RESET:
+      if ((_draft$tables2 = draft.tables) !== null && _draft$tables2 !== void 0 && (_draft$tables2 = _draft$tables2.columns) !== null && _draft$tables2 !== void 0 && _draft$tables2[action.payload.tabKey]) {
+        draft.tables.columns[action.payload.tabKey] = action.payload.columns;
+      }
+      break;
+    case actionTypes.SET_APPLIED_FILTERS:
+      draft.customDrawer.appliedFilters = action.payload;
+      break;
+    case actionTypes.REMOVE_APPLIED_FILTER:
+      const {
+        filterKey
+      } = action.payload;
+      if (draft.customDrawer.appliedFilters[filterKey]) {
+        delete draft.customDrawer.appliedFilters[filterKey];
+      }
+
+      // Reset the corresponding form field in custom drawer
+      if ((_draft$customDrawer$d2 = draft.customDrawer.data) !== null && _draft$customDrawer$d2 !== void 0 && _draft$customDrawer$d2.groups) {
+        draft.customDrawer.data.groups.forEach(group => {
+          group.items.forEach(item => {
+            if (item.name === filterKey) {
+              // Reset to original default value based on widget type
+              item.defaultValue = getFieldDefaultValue(item.widget);
+            }
+          });
+        });
+      }
+      break;
+    case actionTypes.CLEAR_ALL_APPLIED_FILTERS:
+      draft.customDrawer.appliedFilters = {};
+
+      // Reset all form fields to original default values
+      if ((_draft$customDrawer$d3 = draft.customDrawer.data) !== null && _draft$customDrawer$d3 !== void 0 && _draft$customDrawer$d3.groups) {
+        draft.customDrawer.data.groups.forEach(group => {
+          group.items.forEach(item => {
+            if (item.name === "filterBy") {
+              item.defaultValue = draft.customDrawer.defaultAppliedFilter; // Reset to default
+            } else if (item.name === "fromDate" || item.name === "toDate") {
+              item.defaultValue = ""; // Reset dates to empty
+            }
+          });
+        });
+      }
+      break;
+    case actionTypes.UPDATE_FILTER_FORM_VALUES:
+      if ((_draft$customDrawer$d4 = draft.customDrawer.data) !== null && _draft$customDrawer$d4 !== void 0 && _draft$customDrawer$d4.groups) {
+        const {
+          formValues
+        } = action.payload;
+        draft.customDrawer.data.groups.forEach(group => {
+          group.items.forEach(item => {
+            if (item.name && formValues.hasOwnProperty(item.name)) {
+              item.defaultValue = formValues[item.name];
+            } else if (item.name && !formValues.hasOwnProperty(item.name)) {
+              // Reset to original default if not in applied filters
+              if (item.name === "filterBy") {
+                item.defaultValue = draft.customDrawer.defaultAppliedFilter;
+              } else {
+                item.defaultValue = "";
+              }
+            }
+          });
+        });
+      }
+      break;
+    case actionTypes.SET_PROFILE_DATA:
+      draft.profileData = _objectSpread(_objectSpread({}, draft.profileData), action.payload);
+      break;
+    default:
+      break;
+  }
+});

package/build/layout/GenricLayOut/resolver/staticConfigResolver.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.removeHidden = removeHidden;
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.match.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+/*  eslint-disable */
+function replaceVariables(config) {
+  for (var _len = arguments.length, dataSources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    dataSources[_key - 1] = arguments[_key];
+  }
+  // Resolve value from multiple data sources using dot notation
+  const getValueFromSources = key => {
+    const path = key.trim().split(".");
+    for (const dataSource of dataSources) {
+      let current = dataSource;
+      for (const segment of path) {
+        if (current && typeof current === "object" && segment in current) {
+          current = current[segment];
+        } else {
+          current = undefined;
+          break;
+        }
+      }
+      if (current !== undefined) {
+        return current;
+      }
+    }
+    return undefined; // ← Don't default to ""
+  };
+
+  // Replace placeholders in a string
+  const replacePlaceholders = value => {
+    const fullMatch = value.match(/^{{\s*([^}]+)\s*}}$/);
+    if (fullMatch) {
+      const replacement = getValueFromSources(fullMatch[1]);
+      return replacement !== undefined ? replacement : ""; // ← Keep original if not found
+    }
+
+    // Inline replacements: convert only primitive values
+    return value.replace(/{{\s*([^}]+)\s*}}/g, (_, key) => {
+      const replacement = getValueFromSources(key);
+      if (replacement === undefined || typeof replacement === "object" || typeof replacement === "function") {
+        return ""; // ← Keep the placeholder intact
+      }
+      return String(replacement);
+    });
+  };
+
+  // Recursively process entire config object
+  const processValue = value => {
+    if (Array.isArray(value)) {
+      return value.map(processValue);
+    }
+    if (typeof value === "object" && value !== null) {
+      const newObj = {};
+      for (const key in value) {
+        if (Object.hasOwn(value, key)) {
+          newObj[key] = processValue(value[key]);
+        }
+      }
+      return newObj;
+    }
+    if (typeof value === "string" && value.includes("{{")) {
+      return replacePlaceholders(value);
+    }
+    return value;
+  };
+  return processValue(config);
+}
+function removeHidden(obj) {
+  if (typeof obj !== "object" || obj === null) return obj;
+
+  // If the object has isShow: false, remove it entirely
+  if (obj.isShow === false) return undefined;
+
+  // Create a new object to hold filtered keys
+  const result = Array.isArray(obj) ? [] : {};
+  for (const key in obj) {
+    const value = obj[key];
+    const cleanedValue = removeHidden(value);
+
+    // Only add if cleanedValue is not undefined
+    if (cleanedValue !== undefined) {
+      result[key] = cleanedValue;
+    }
+  }
+  return result;
+}
+var _default = exports.default = replaceVariables;

package/build/layout/GenricLayOut/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Tooltip = exports.TableDataStyle = exports.ProfileSectionContainer = exports.ProfileIcon = exports.OapageWithDataStyle = exports.ListofDamageParts = exports.IncidentListParts = exports.FormWidgetStyle = exports.DrawerWithOutFooter = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+/* eslint-disable */
+// styles.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const DrawerWithOutFooter = exports.DrawerWithOutFooter = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.hubAutomationContainer .fullPageLayout {padding: 0 !important; background: #fff !important;}\n.hubAutomationContainer .fullPageLayout  .oaRightLayouts{\n    max-width: 1154px;\n    margin: 24px auto;\n    padding: 0 16px;\n    box-shadow: none;}\n.oaDrawer div + div.ant-drawer-body{padding-bottom:100px !important;}\n\n.ant-checkbox-indeterminate .ant-checkbox-inner:after {\n    background-color: #014fc5;\n}\n\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::before {display:none;}\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::after{ content: \"*\"; color: #DE350B; visibility: visible !important;}\n\n\n.cstUplaodWithFullWidth{margin-bottom:24px;}\n.cstUplaodWithFullWidth:last-child{margin-bottom:0;}\n.cstUplaodWithFullWidth .uploadDiv{width:100%;}\n.cstUplaodWithFullWidth .uploadDiv .ant-upload-list-item-container, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper .ant-upload-list-picture-card .ant-upload-select, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container {\n     width: 100%; \n    height: 120px;\n}\n\n\n\n\n.oaDrawer .ant-form-item .ant-form-item-explain-error {\n    color: #DE350B;\n    font-size: 12px;\n    margin: 4px 0 0 0;\n}\n.bottomSelectedSecion{background: #F6F6F6; padding: 16px 36px; position: fixed; bottom: 0; left: 0; right: 0;\nbox-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n    display: flex; z-index: 2;\n    align-items: center;\n    justify-content: end;\n    gap: 24px;}\n\n\n\n.listOfItems{ border-radius: 12px;\n    border: 1px solid #E0E0E0;\n    padding: 24px;\n    margin: 24px 0 0 0;}\n    modalSubheading{\n    padding: 24px;\n    margin: 24px 0 0 0;}\n\n.listOfItemsWithoutBorder{\n    padding: 24px 0;\n    margin: 24px 0 0 0;}\n\n    modalSubheading{\n    padding: 24px;\n    margin: 24px 0 0 0;}\n\n\n\n\n.modalIconAndTextBox{display:flex; flex-direction:row; align-items: center;  margin: 0 0 16px 0; gap:4px;}\n\n/* Select List Item Styles */\n.select-list-container {\n  padding: 0;\n  margin: 16px 0 0 0;\n}\n\n.select-list-item {\n  display: flex;\n  align-items: center;\n  padding: 16px 0;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  border-bottom: 1px solid #f0f0f0;\n  position: relative;\n}\n\n.select-list-item:hover {\n  background-color: #f8f9fa;\n}\n\n.select-list-item:last-child {\n  border-bottom: none;\n}\n\n.item-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: #f0f0f0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 12px;\n  font-size: 20px;\n  font-weight: 500;\n  color: #333;\n  flex-shrink: 0;\n}\n\n/* Different avatar colors for different items */\n.select-list-item:nth-child(1) .item-avatar {\n  background-color: #717171;\n  color: #fff;\n}\n\n.select-list-item:nth-child(2) .item-avatar {\n  background-color: #014fc5;\n  color: #fff;\n}\n\n.item-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.item-arrow {\n  flex-shrink: 0;\n  margin-left: 8px;\n  color: #014fc5;\n}\n"])));
+const FormWidgetStyle = exports.FormWidgetStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .formBottomAction {\n    position: absolute;\n    bottom: 0px;\n    background-color: rgb(249, 249, 249);\n    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 8px;\n    padding: 16px;\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n    z-index: 10;\n    left: 0;\n    right: 0;\n  }\n\n  .formBottomAction .ant-form-item {\n    margin-bottom: 0px;\n  }\n\n  .searchErrorMsg {\n    font-size: 12px;\n  }\n  .searchErrorMsg {\n    font-size: 12px;\n  }\n"])));
+const TableDataStyle = exports.TableDataStyle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  .tableContainerList th,\n  button {\n    white-space: nowrap;\n  }\n  .tableContainerList th,\n  button {\n    white-space: nowrap;\n  }\n"])));
+const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  .oaTopHeaderAndBtnSec {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n\n    .headerContent {\n      display: flex;\n      align-items: flex-start; // Changed from 'center' to 'flex-start'\n      justify-content: space-between;\n      width: 100%;\n\n      .headerLeft {\n        flex: 1;\n      }\n\n      .headerRight {\n        display: flex;\n        align-items: flex-start; // Changed from 'center' to 'flex-start'\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  .fullPageLayout {\n    display: flex;\n    padding: 8px;\n    background: #f6f6f6;\n  }\n  .ant-pagination {\n    padding: 0 16px;\n    justify-content: end;\n  }\n  .layoutHeadingPage {\n    display: flex;\n    gap: 8px;\n    margin: 0 0 32px 0;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .topHadingWithIcon span {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 8px;\n  }\n\n  .subHadingText {\n    margin: 0 0 0 36px;\n  }\n\n  .subHading1Text {\n    margin: 0 0 ", " 40px;\n  }\n\n  .marginNone {\n    margin: 0 !important;\n  }\n\n  .subHadingText > span {\n    display: flex;\n    flex-direction: row;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .oaRightLayouts {\n    width: 100%;\n    min-height: calc(100vh - 16px);\n    padding: 76px 48px;\n    overflow-y: auto;\n    border-radius: 16px;\n    background: #fff;\n    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  }\n\n  .oaheaderSearchAndFilter {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 16px 0;\n    gap: 16px;\n  }\n\n  .oaRightLayouts .iconAndTextSecBox {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 8px;\n  }\n  .inLine {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .customeSelectDropdown {\n    margin: 4px 0 0 8px;\n  }\n\n  .cardData {\n    padding: 28px 0 48px 0;\n  }\n\n  .ant-carousel .slick-dots {\n    position: static;\n    margin: 20px auto 12px 0;\n  }\n  .ant-carousel .slick-dots li {\n    width: 8px;\n    height: 8px;\n  }\n  .ant-carousel .slick-dots li button {\n    width: 8px;\n    height: 8px;\n    background: #cacaca;\n    border-radius: 50%;\n    opacity: 0.5;\n  }\n  .ant-carousel .slick-dots li.slick-active {\n    width: 8px;\n    height: 8px;\n  }\n  .ant-carousel .slick-dots li.slick-active button {\n    width: 8px;\n    height: 8px;\n    opacity: 1;\n  }\n  .ant-carousel .slick-dots li::after {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    opacity: 1;\n    background: #717171;\n  }\n\n  .oaTabs .ant-tabs-nav {\n    border-top: 1px solid #e0e0e0;\n    border-left: 1px solid #e0e0e0;\n    border-right: 1px solid #e0e0e0;\n    padding: 12px 22px 0 22px;\n    margin: 0 0 8px 0;\n    background: #fff;\n    border-radius: 4px 4px 0 0;\n  }\n  .ant-card-body {\n    padding: 24px 16px !important;\n    border-radius: 16px;\n    background: #f6f6f6;\n  }\n  .cardContainer {\n    display: flex;\n    gap: 24px;\n  }\n  .selectAndSearch .noClear {\n    border-radius: 0 4px 4px 0;\n    width: 320px;\n  }\n\n  .searchErrorMsg {\n    font-size: 12px;\n    margin: 4px 0px 0px;\n    color: #de350b;\n  }\n  .searchOnly {\n    margin: 0px 0px 16px;\n    position: relative;\n  }\n  .searchOnly .ant-input-affix-wrapper {\n    border-radius: 4px;\n    max-width: 420px;\n    padding-left: 44px;\n  }\n  .searchOnly .cstSearchIcon {\n    position: absolute;\n    left: 16px;\n    top: 14px;\n    z-index: 2;\n  }\n\n  .selectAndSearch .ant-input-affix-wrapper {\n    border-radius: 0 4px 4px 0;\n    width: 320px;\n  }\n\n  .selectAndSearch {\n    flex-shrink: 0;\n  }\n\n  .customeSelectDropdown .ant-select-selector {\n    border: none;\n    padding: 0;\n     max-width: 83vw;\n  }\n  .customeSelectDropdown .ant-select-selection-item > span {\n    font-size: 24px;\n    font-weight: 500;\n    line-height: 32px;\n  }\n\n  .customeSelectDropdown .ant-select {\n    margin: 0 0 0 32px;\n  }\n\n  .customeSelectDropdown .ant-select .ant-select-arrow {\n    color: #014fc5;\n    inset-inline-end: -6px;\n  }\n\n  .customeSelectDropdown .ant-select-selector {\n    box-shadow: none !important;\n  }\n\n.customeSelectDropdown .ant-select-selection-item {\n  display: inline-block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  vertical-align: bottom;\n}\n\n  .oaheaderButtons {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n    position: relative;\n    flex-grow: 1;\n    justify-content: space-between;\n  }\n\n  .oaheaderButtons.single-child {\n    justify-content: flex-end;\n  }\n\n  .oaheaderButtonsRight {\n    display: flex;\n    flex-direction: row;\n    gap: 16px;\n  }\n\n  .oaheaderButtons .notifyDot {\n    width: 12px;\n    height: 12px;\n    background: #de350b;\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    border-radius: 50%;\n  }\n\n  @media only screen and (max-width: 600px) {\n    .selectAndSearch .ant-input-affix-wrapper {\n      width: calc(100% - 84px);\n    }\n    .oaheaderSearchAndFilter .dropDownSearchContainer {\n      width: 100%;\n    }\n\n    .oaheaderSearchAndFilter {\n      align-items: flex-end;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .inLine {\n      flex-direction: column;\n      gap: 0;\n      align-items: flex-start;\n    }\n\n    .subHadingText > span {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .customeSelectDropdown {\n      margin: 4px 0 0 0;\n    }\n\n    .customeSelectDropdown .ant-select {\n      margin: 0 0 0 0;\n    }\n\n    .fullPageLayout {\n      flex-direction: column;\n      padding: 0;\n    }\n    .oaRightLayouts {\n      padding: 16px;\n      border-radius: 0;\n      background: #fff;\n      box-shadow: none;\n      height: auto;\n      background: #f6f6f6;\n    }\n    .oaTabs .ant-tabs-nav {\n      margin: 0 0 28px 0;\n      padding: 12px 0 0 0;\n    }\n    .layoutHeadingPage {\n      margin: 0 0 16px 0;\n      background: #fff;\n      padding: 16px;\n      border-radius: 8px;\n      width: 100%;\n    }\n    .layoutHeadingAndSearch {\n      background: #fff;\n      padding: 20px 16px;\n      margin: 0;\n      width: 100%;\n      border-radius: 8px;\n    }\n    \n    /* Hide profile section on mobile when sidebar has profile icon */\n    .hideProfileOnMobile {\n      display: none !important;\n    }\n  }\n"])), _ref => {
+  let {
+    marginBottom
+  } = _ref;
+  return marginBottom || "0";
+});
+const ListofDamageParts = exports.ListofDamageParts = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ul.damagedParts {\n    display: flex;\n    flex-direction: column;\n    margin: 8px 0 0 16px;\n    list-style-type: disc;\n  }\n  ul.damagedParts li {\n    padding: 4px 0;\n    width: 100%;\n  }\n  ul.damagedParts li::marker {\n    color: #717171;\n    font-size: 20px;\n  }\n"])));
+const IncidentListParts = exports.IncidentListParts = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  .qaSec dl {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n  }\n  .qaSec dl dt {\n    display: flex;\n    flex-direction: column;\n    margin: 16px 0 0 0;\n  }\n  .qaSec dl dt:first-child {\n    margin-top: 8px;\n  }\n"])));
+const ProfileSectionContainer = exports.ProfileSectionContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-left: auto;\n\n  .profile-icon-container {\n    position: relative;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])));
+const ProfileIcon = exports.ProfileIcon = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--color-primary);\n\n  &:hover {\n    transform: scale(1.05);\n  }\n"])));
+const Tooltip = exports.Tooltip = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 8px;\n  background: #000000;\n  color: #ffffff;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 12px;\n  white-space: nowrap;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: -4px;\n    right: 12px;\n    width: 0;\n    height: 0;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-bottom: 4px solid #000000;\n  }\n"])));
+var _default = exports.default = {};

package/build/layout/paymentAndConsent/CancelScreen.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _react = _interopRequireDefault(require("react"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CancelScreen(props) {
+  const {
+    cancelScreen
+  } = props !== null && props !== void 0 ? props : {};
+  const {
+    image,
+    title,
+    description,
+    subDescription
+  } = cancelScreen !== null && cancelScreen !== void 0 ? cancelScreen : {};
+  const {
+    src,
+    alt
+  } = image !== null && image !== void 0 ? image : {};
+  if (!(cancelScreen !== null && cancelScreen !== void 0 && cancelScreen.showCancelScreen)) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "icRepairBox"
+  }, src && /*#__PURE__*/_react.default.createElement("img", {
+    src: src,
+    alt: alt
+  }), title && /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-top-16 margin-bottom-16"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-t1-500"
+  }, title)), description && /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-bottom-16"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-b2-400"
+  }, description)), subDescription && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-b2-400"
+  }, subDescription));
+}
+var _default = exports.default = CancelScreen;

package/build/layout/paymentAndConsent/ConsentCard.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
+var _CustomCheckBox = _interopRequireDefault(require("../../components/oa-component-checkbox/CustomCheckBox"));
+var _CustomTag = _interopRequireDefault(require("../../components/oa-component-tag/CustomTag"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _TncList = _interopRequireDefault(require("./TncList"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ConsentCard(props) {
+  const {
+    consentCard
+  } = props !== null && props !== void 0 ? props : {};
+  const {
+    title,
+    image = {},
+    checkBox = {},
+    tag,
+    action2
+  } = consentCard;
+  const {
+    src,
+    alt
+  } = image !== null && image !== void 0 ? image : {};
+  const {
+    label,
+    type
+  } = tag !== null && tag !== void 0 ? tag : {};
+  if (!(consentCard !== null && consentCard !== void 0 && consentCard.showConsentCard)) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cromaCardHeader"
+  }, src && /*#__PURE__*/_react.default.createElement("div", {
+    className: "iconBox"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: src,
+    alt: alt
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "textAreaSecBox"
+  }, title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-t2-700"
+  }, title), label && /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-top-8 margin-bottom-8"
+  }, /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
+    label: label,
+    type: type
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "grayBoxSec"
+  }, /*#__PURE__*/_react.default.createElement(_TncList.default, props), (checkBox === null || checkBox === void 0 ? void 0 : checkBox.label) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkBoxSec"
+  }, /*#__PURE__*/_react.default.createElement(_CustomCheckBox.default, {
+    label: /*#__PURE__*/_react.default.createElement("p", null, checkBox === null || checkBox === void 0 ? void 0 : checkBox.label),
+    onChange: checkBox === null || checkBox === void 0 ? void 0 : checkBox.onChange,
+    size: "large"
+  })), action2 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-top-32 makePayment"
+  }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+    "data-test": "button",
+    disabled: action2 === null || action2 === void 0 ? void 0 : action2.isDisabled,
+    label: action2 === null || action2 === void 0 ? void 0 : action2.label,
+    onClick: action2 === null || action2 === void 0 ? void 0 : action2.onClick
+  }))));
+}
+var _default = exports.default = ConsentCard;

package/build/layout/paymentAndConsent/DetailsCard.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _react = _interopRequireDefault(require("react"));
+var _ExpandLess = _interopRequireDefault(require("@material-ui/icons/ExpandLess"));
+var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _DetailsList = _interopRequireDefault(require("./DetailsList"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function DetailsCard(props) {
+  var _detailsCard$detailsS, _detailsCard$detailsS2, _detailsCard$detailsS3;
+  const {
+    detailsCard
+  } = props !== null && props !== void 0 ? props : {};
+  const {
+    title,
+    image,
+    description,
+    action1
+  } = detailsCard !== null && detailsCard !== void 0 ? detailsCard : {};
+  const {
+    src,
+    alt
+  } = image !== null && image !== void 0 ? image : {};
+  const {
+    text,
+    showDescription
+  } = description !== null && description !== void 0 ? description : {};
+  if (!(detailsCard !== null && detailsCard !== void 0 && detailsCard.showDetailsCard)) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "serviceRequestBox"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "serviceRequestBoxHeader"
+  }, src && /*#__PURE__*/_react.default.createElement("img", {
+    src: src,
+    alt: alt
+  }), title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-button-500"
+  }, title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "serviceRequestBoxBody"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-top-4 margin-bottom-4 hideDetails",
+    onClick: action1 === null || action1 === void 0 ? void 0 : action1.onClick,
+    onKeyDown: e => {
+      var _action1$onClick;
+      if (e.key === 'Enter' || e.key === ' ') action1 === null || action1 === void 0 || (_action1$onClick = action1.onClick) === null || _action1$onClick === void 0 || _action1$onClick.call(action1, e);
+    },
+    role: "button",
+    tabIndex: 0
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "bar-ddm"
+  }, (action1 === null || action1 === void 0 ? void 0 : action1.label) && (action1 === null || action1 === void 0 ? void 0 : action1.label), /*#__PURE__*/_react.default.createElement("span", {
+    className: "textAlign"
+  }, (action1 === null || action1 === void 0 ? void 0 : action1.showExpandedLessIcon) && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+    color: "color-primary",
+    size: 16,
+    icon: _ExpandLess.default
+  }), ' ', (action1 === null || action1 === void 0 ? void 0 : action1.showExpandedIcon) && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+    color: "color-primary",
+    size: 16,
+    icon: _ExpandMore.default
+  })))), showDescription && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "secondary-content",
+    className: "type-b1-400"
+  }, text), (detailsCard === null || detailsCard === void 0 || (_detailsCard$detailsS = detailsCard.detailsSection) === null || _detailsCard$detailsS === void 0 ? void 0 : _detailsCard$detailsS.showDetailsSection) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "grayBoxList"
+  }, /*#__PURE__*/_react.default.createElement(_DetailsList.default, detailsCard === null || detailsCard === void 0 || (_detailsCard$detailsS2 = detailsCard.detailsSection) === null || _detailsCard$detailsS2 === void 0 ? void 0 : _detailsCard$detailsS2.firstDetail), /*#__PURE__*/_react.default.createElement(_DetailsList.default, detailsCard === null || detailsCard === void 0 || (_detailsCard$detailsS3 = detailsCard.detailsSection) === null || _detailsCard$detailsS3 === void 0 ? void 0 : _detailsCard$detailsS3.secondDetail))));
+}
+var _default = exports.default = DetailsCard;