oa-componentbook 1.0.1-stage.34 → 1.0.1-stage.36

package/build/dev/oa-component-upload/styles.js

@@ -7,7 +7,7 @@ exports.StyledSection = exports.MainStyleSec = void 0;
 var _antd = require("antd");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const MainStyleSec = exports.MainStyleSec = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-upload-list{\n  display: flex !important;\n  gap: 16px !important;\n  flex-wrap: wrap !important;\n}\n.ant-upload-wrapper .ant-upload-list::before {\n    display: none;\n}\n.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{\n  width: 96px;\n  height: 96px;\n  margin-block: 0;\n  margin-inline: 0;\n}\n.ant-upload-select button >  span.UploadImg{\n  width: 24px !important;\n  height: 24px;\n}\n.ant-upload-select button >  span.UploadImg > img{\n  width: 100% !important;\n}\n.ant-upload-list-item-container:last-child{\n  margin: 0 !important;\n}\n.ant-form-item{\n  margin-bottom: 0;\n}\n.ant-upload button{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n} \n\n.uploadSecPad div{\n  padding: 0 0 8px;\n}\n.anticon-upload{\n  font-size: 24px;\n}\n.ant-upload-disabled .button{\n  cursor: not-allowed;\n}\n.uploadSecPad{\n  width: 100%;\n}\n.uploadSecPad div:last-child{\n  padding: 0;\n}\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  .ant-upload-list-item-done,.ant-upload-list-item-A{\n    border: 1px solid var(--color-divider) !important;\n  }\n \n  .ant-upload-list-item-actions{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n  }\n \n.ant-upload-list-item-actions button{\n  background: #212121;\n    border-radius: 50px;\n    height: 24px !important;\n    display: flex;\n    align-items: center;\n}\n.ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover{\n  background: #212121;\n}\n  .ant-upload-list-item-actions a{\n    background: #212121;\n    border-radius: 50px;\n    height: 24px;\n    display: flex;\n  }\n \n  .ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item{\n    opacity: 1 !important;\n  }\n  \n  @media only screen and (max-width: 600px) {\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{\n      width: 64px;\n      height: 64px;\n    }\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action {\n      opacity: 1;\n    }\n    .ant-upload-list-item-actions a {\n      height: 16px;\n      align-items: center;\n      justify-content: center;\n      width: 16px !important;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {\n    font-size: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0px !important;\n    padding: 0px !important;\n    color: #fff;\n}\n  }\n"])));
 const StyledSection = exports.StyledSection = _styledComponents.default.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  h2{\n    margin: 0;\n  }\n \n  @media only screen and (max-width: 600px) {\n    \n    .ant-upload-list-item-actions button {\n      height: 16px!important;\n      width: 16px !important;\n      justify-content: center;\n  }\n  .ant-upload-list-item-actions a {\n    height: 16px;\n    width: 16px !important;\n    align-items: center;\n    justify-content: center;\n}\n    .ant-upload-list-item-actions {\n      gap: 8px;\n    }\n    .ant-upload button span + div{\n      display: none;\n    }\n  }\n"])));

package/build/dev/oa-component-viewer/CustomViewer.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.array.includes.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.url.js");
-require("core-js/modules/web.url.to-json.js");
 require("core-js/modules/web.url-search-params.js");
+require("core-js/modules/es.array.includes.js");
 var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
 var _ArrowBackIos = _interopRequireDefault(require("@material-ui/icons/ArrowBackIos"));
 var _ArrowForwardIos = _interopRequireDefault(require("@material-ui/icons/ArrowForwardIos"));
@@ -30,11 +29,11 @@ var _styles = require("./styles");
 const _excluded = ["downloadCallback", "deleteCallback", "title", "selectedDocumentData", "previewFile", "fileName", "showDownloadButton", "showDeleteButton", "showRoateButton", "showZoomInButton", "showZoomOutButton"],
   _excluded2 = ["zoomIn", "zoomOut"];
 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 && {}.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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 _reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(_reactPdf.pdfjs.version, "/pdf.worker.js");
 const supportedImage = ['png', 'jpeg', 'jpg'];
 const supportedPdf = ['pdf'];

package/build/dev/oa-component-viewer/styles.js

@@ -7,8 +7,8 @@ exports.mainStyle = exports.StyledZoom = exports.PdfStyles = void 0;
 var _antd = require("antd");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const mainStyle = exports.mainStyle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nposition: relative;\nbackground: red;\n"])));
 const StyledZoom = exports.StyledZoom = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n.flextBodyContain{\n    position: absolute;\n    right: 52px;\n    bottom: 116px;\n    flex-direction: column;\n    z-index: 9999;\n    display: flex;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n}\n.posroated{\n    position: absolute;\n    right: 52px;\n    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n    top: 68px;\n    z-index: 999;\n    border-radius: 4px;\n}\n.iconWidthPad{\n    cursor: pointer;\n    background: var(--color-primary-background);    \n    padding: 6px;\n    height: 32px;\n    width: 32px;\n    border-bottom: 1px solid var(--color-divider);\n}\n.iconWidthPad:last-child{\n    border: none;\n}\n@media screen and (max-width: 992px) {\n    .posroated,.flextBodyContain{\n        right: 38px;\n    }\n  }\n"])));
 const PdfStyles = exports.PdfStyles = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\ncanvas{\n    margin: 0 auto;\n}\n.pdfFlexStyles{\n    left: 0;\n    right: 0;\n    bottom: 92px;\n    width: fit-content;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    background: #fff;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    gap: 12px;\n}\n.iconWidthPadPdf {\n    width: auto;\n    height: auto;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    border: none;\n    border-bottom: none;\n}\n\nbutton:disabled {\n    color: var(--color-disabled-button);\n    cursor: not-allowed; \n    border:none;\n  }\n  button{\n    color: var(--color-primary-content);\n  }\n@media screen and (max-width: 600px) {\n\n    canvas {\n        width: 100% !important;\n        height: auto !important;\n    }\n  }\n"])));

package/build/dev/oa-widget-document-upload-card/DocUploadCardWidget.js

@@ -19,9 +19,9 @@ var _PdfSampleImage = _interopRequireDefault(require("../../images/PdfSampleImag
 var _upload = _interopRequireDefault(require("../../images/upload.svg"));
 var _CustomIcon = _interopRequireDefault(require("../../components/oa-component-icons/CustomIcon"));
 var _CustomUpload = _interopRequireDefault(require("../oa-component-upload/CustomUpload"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 && {}.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 _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; }
 /**
  * Takes a file and returns a Promise that resolves with the file as a base64 encoded string.
  * The Promise is rejected if there is an error reading the file.

package/build/dev/oa-widget-document-upload-card/styles.js

@@ -7,7 +7,7 @@ exports.StyledSection = exports.MainStyleSec = void 0;
 var _antd = require("antd");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const MainStyleSec = exports.MainStyleSec = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-form-item{\n  margin-bottom: 0;\n}\n.ant-upload button{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n} \n.uploadDiv{\n  width: 96px;\n  position: relative;\n}\n.uploadDiv em{\n  position: absolute;\n  right: -9px;\n  top: -9px;\n  font-style: normal;\n  width: 20px;\n  height: 20px;\n  background: var(--color-warning);\n  z-index: 9;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  color: #fff;\n  font-size: 12px;\n  line-height: 0;\n}\n.UploadImg img{\n  height: 24px;\n  width: 24px;\n\n}\n.UploadImg{\n  justify-content: center;\n  cursor: pointer;\n}\n.uploadSecPad div{\n  padding: 0 0 8px;\n}\n.anticon-upload{\n  font-size: 24px;\n}\n.uploadSecPad{\n  width: 100%;\n}\n.uploadSecPad div:last-child{\n  padding: 0;\n}\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  .ant-upload-list-item-done,.ant-upload-list-item-A{\n    border: 1px solid var(--color-divider) !important;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before{\n    opacity: 1 !important;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before ant-upload-list-item-actions > a\n  {\n    background: red !important;\n  }\n  .ant-upload-list-item-actions{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before{\n    background: transparent;\n    opacity: 1;\n  }\n.ant-upload-list-item-actions button{\n  background: #212121;\n    border-radius: 50px;\n    height: 24px !important;\n    display: flex;\n    align-items: center;\n}\n.ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover{\n  background: #212121;\n}\n  .ant-upload-list-item-actions a{\n    background: #212121;\n    border-radius: 50px;\n    height: 24px;\n    display: flex;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action {\n    opacity: 1;\n  }\n  .ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item{\n    opacity: 1 !important;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{\n    color: #fff;\n  }\n  @media only screen and (max-width: 600px) {\n    .uploadDiv {\n      width: 64px;\n  }\n  .uploadDiv em{\n    width: 16px;\n    height: 16px;\n  }\n  }\n"])));
 const StyledSection = exports.StyledSection = _styledComponents.default.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  h2{\n    margin: 0;\n  }\n  .ant-upload-select, .ant-upload-wrapper, .ant-upload-wrapper, .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{\n    width: 96px;\n    height: 96px;\n    margin: 0;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{\n    width: 96px !important;\n    height: 96px !important;\n    margin: 0;\n  }\n  @media only screen and (max-width: 600px) {\n    .ant-upload-select, .ant-upload-wrapper, .ant-upload-wrapper, .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{\n      width: 64px;\n      height: 64px;\n    }\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{\n      width: 64px !important;\n      height: 64px !important;\n    }\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{\n      font-size:12px;\n      margin: 0 !important;\n      padding: 0 !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .ant-upload-list-item-actions button {\n      height: 16px!important;\n      width: 16px !important;\n      justify-content: center;\n  }\n  .ant-upload-list-item-actions a {\n    height: 16px;\n    width: 16px !important;\n    align-items: center;\n    justify-content: center;\n}\n    .ant-upload-list-item-actions {\n      gap: 8px;\n    }\n    .ant-upload button span + div{\n      display: none;\n    }\n  }\n"])));

package/build/global-css/BorderRadius.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = require("styled-components");
 var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 /*
 ? Keep this at the top level of the app using any of these components.
 * Do not add any children to it because this element does NOT render any of its children

package/build/global-css/ColorVariables.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _styledComponents = require("styled-components");
 var _ColorVariablesMap = _interopRequireDefault(require("./ColorVariablesMap"));
 var _templateObject;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 /*
 ? Keep this at the top level of the app using any of these components.
 * Do not add any children to it because this element does NOT render any of its children

package/build/global-css/CustomDropDownThemes.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ColorVariablesMap = _interopRequireDefault(require("./ColorVariablesMap"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TypographiesMap = {
   default: {
     colorText: _ColorVariablesMap.default['--color-primary-content'],

package/build/global-css/Elevation.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ElevationMap = void 0;
 var _styledComponents = require("styled-components");
 var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 /*
 ? Keep this at the top level of the app using any of these components.
 * Do not add any children to it because this element does NOT render any of its children

package/build/global-css/GlobalCss.js

@@ -13,7 +13,7 @@ var _GridLayout = _interopRequireDefault(require("./GridLayout"));
 var _SpacingScales = _interopRequireDefault(require("./SpacingScales"));
 var _Typographies = _interopRequireDefault(require("./Typographies"));
 require("antd/dist/reset.css");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function GlobalCss(_ref) {
   let {
     children

package/build/global-css/GridLayout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = require("styled-components");
 var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 /*
 ? Keep this at the top level of the app using any of these components.
 * Do not add any children to it because this element does NOT render any of its children

package/build/global-css/SpacingScales.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = require("styled-components");
 var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const SpacingScales = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.padding-top-4 {\n    padding-top: 4px;\n  }\n  \n  .padding-left-4 {\n    padding-left: 4px;\n  }\n  \n  .padding-right-4 {\n    padding-right: 4px;\n  }\n  \n  .padding-bottom-4 {\n    padding-bottom: 4px;\n  }\n  \n  .padding-top-8 {\n    padding-top: 8px;\n  }\n  \n  .padding-left-8 {\n    padding-left: 8px;\n  }\n  \n  .padding-right-8 {\n    padding-right: 8px;\n  }\n  \n  .padding-bottom-8 {\n    padding-bottom: 8px;\n  }\n  \n  .padding-top-12 {\n    padding-top: 12px;\n  }\n  \n  .padding-left-12 {\n    padding-left: 12px;\n  }\n  \n  .padding-right-12 {\n    padding-right: 12px;\n  }\n  \n  .padding-bottom-12 {\n    padding-bottom: 12px;\n  }\n  \n  .padding-top-16 {\n    padding-top: 16px;\n  }\n  \n  .padding-left-16 {\n    padding-left: 16px;\n  }\n  \n  .padding-right-16 {\n    padding-right: 16px;\n  }\n  \n  .padding-bottom-16 {\n    padding-bottom: 16px;\n  }\n  \n  .padding-top-24 {\n    padding-top: 24px;\n  }\n  \n  .padding-left-24 {\n    padding-left: 24px;\n  }\n  \n  .padding-right-24 {\n    padding-right: 24px;\n  }\n  \n  .padding-bottom-24 {\n    padding-bottom: 24px;\n  }\n  \n  .padding-top-32 {\n    padding-top: 32px;\n  }\n  \n  .padding-left-32 {\n    padding-left: 32px;\n  }\n  \n  .padding-right-32 {\n    padding-right: 32px;\n  }\n  \n  .padding-bottom-32 {\n    padding-bottom: 32px;\n  }\n  \n  .padding-top-40 {\n    padding-top: 40px;\n  }\n  \n  .padding-left-40 {\n    padding-left: 40px;\n  }\n  \n  .padding-right-40 {\n    padding-right: 40px;\n  }\n  \n  .padding-bottom-40 {\n    padding-bottom: 40px;\n  }\n  \n  .padding-top-48 {\n    padding-top: 48px;\n  }\n  \n  .padding-left-48 {\n    padding-left: 48px;\n  }\n  \n  .padding-right-48 {\n    padding-right: 48px;\n  }\n  \n  .padding-bottom-48 {\n    padding-bottom: 48px;\n  }\n  \n  .padding-top-56 {\n    padding-top: 56px;\n  }\n  \n  .padding-left-56 {\n    padding-left: 56px;\n  }\n  \n  .padding-right-56 {\n    padding-right: 56px;\n  }\n  \n  .padding-bottom-56 {\n    padding-bottom: 56px;\n  }\n  \n  .padding-top-64 {\n    padding-top: 64px;\n  }\n  \n  .padding-left-64 {\n    padding-left: 64px;\n  }\n  \n  .padding-right-64 {\n    padding-right: 64px;\n  }\n  \n  .padding-bottom-64 {\n    padding-bottom: 64px;\n  }\n  \n  .padding-top-72 {\n    padding-top: 72px;\n  }\n  \n  .padding-left-72 {\n    padding-left: 72px;\n  }\n  \n  .padding-right-72 {\n    padding-right: 72px;\n  }\n  \n  .padding-bottom-72 {\n    padding-bottom: 72px;\n  }\n  \n  .padding-top-80 {\n    padding-top: 80px;\n  }\n  \n  .padding-left-80 {\n    padding-left: 80px;\n  }\n  \n  .padding-right-80 {\n    padding-right: 80px;\n  }\n  \n  .padding-bottom-80 {\n    padding-bottom: 80px;\n  }\n  \n  .padding-top-96 {\n    padding-top: 96px;\n  }\n  \n  .padding-left-96 {\n    padding-left: 96px;\n  }\n  \n  .padding-right-96 {\n    padding-right: 96px;\n  }\n  \n  .padding-bottom-96 {\n    padding-bottom: 96px;\n  }\n  \n  .padding-top-108 {\n    padding-top: 108px;\n  }\n  \n  .padding-left-108 {\n    padding-left: 108px;\n  }\n  \n  .padding-right-108 {\n    padding-right: 108px;\n  }\n  \n  .padding-bottom-108 {\n    padding-bottom: 108px;\n  }\n  \n  .margin-top-4 {\n    margin-top: 4px;\n  }\n  \n  .margin-left-4 {\n    margin-left: 4px;\n  }\n  \n  .margin-right-4 {\n    margin-right: 4px;\n  }\n  \n  .margin-bottom-4 {\n    margin-bottom: 4px;\n  }\n  \n  .margin-top-8 {\n    margin-top: 8px;\n  }\n  \n  .margin-left-8 {\n    margin-left: 8px;\n  }\n  \n  .margin-right-8 {\n    margin-right: 8px;\n  }\n  \n  .margin-bottom-8 {\n    margin-bottom: 8px;\n  }\n  \n  .margin-top-12 {\n    margin-top: 12px;\n  }\n  \n  .margin-left-12 {\n    margin-left: 12px;\n  }\n  \n  .margin-right-12 {\n    margin-right: 12px;\n  }\n  \n  .margin-bottom-12 {\n    margin-bottom: 12px;\n  }\n  \n  .margin-top-16 {\n    margin-top: 16px;\n  }\n  \n  .margin-left-16 {\n    margin-left: 16px;\n  }\n  \n  .margin-right-16 {\n    margin-right: 16px;\n  }\n  \n  .margin-bottom-16 {\n    margin-bottom: 16px;\n  }\n  \n  .margin-top-24 {\n    margin-top: 24px;\n  }\n  \n  .margin-left-24 {\n    margin-left: 24px;\n  }\n  \n  .margin-right-24 {\n    margin-right: 24px;\n  }\n  \n  .margin-bottom-24 {\n    margin-bottom: 24px;\n  }\n  \n  .margin-top-32 {\n    margin-top: 32px;\n  }\n  \n  .margin-left-32 {\n    margin-left: 32px;\n  }\n  \n  .margin-right-32 {\n    margin-right: 32px;\n  }\n  \n  .margin-bottom-32 {\n    margin-bottom: 32px;\n  }\n  \n  .margin-top-40 {\n    margin-top: 40px;\n  }\n  \n  .margin-left-40 {\n    margin-left: 40px;\n  }\n  \n  .margin-right-40 {\n    margin-right: 40px;\n  }\n  \n  .margin-bottom-40 {\n    margin-bottom: 40px;\n  }\n  \n  .margin-top-48 {\n    margin-top: 48px;\n  }\n  \n  .margin-left-48 {\n    margin-left: 48px;\n  }\n  \n  .margin-right-48 {\n    margin-right: 48px;\n  }\n  \n  .margin-bottom-48 {\n    margin-bottom: 48px;\n  }\n  \n  .margin-top-56 {\n    margin-top: 56px;\n  }\n  \n  .margin-left-56 {\n    margin-left: 56px;\n  }\n  \n  .margin-right-56 {\n    margin-right: 56px;\n  }\n  \n  .margin-bottom-56 {\n    margin-bottom: 56px;\n  }\n  \n  .margin-top-64 {\n    margin-top: 64px;\n  }\n  \n  .margin-left-64 {\n    margin-left: 64px;\n  }\n  \n  .margin-right-64 {\n    margin-right: 64px;\n  }\n  \n  .margin-bottom-64 {\n    margin-bottom: 64px;\n  }\n  \n  .margin-top-72 {\n    margin-top: 72px;\n  }\n  \n  .margin-left-72 {\n    margin-left: 72px;\n  }\n  \n  .margin-right-72 {\n    margin-right: 72px;\n  }\n  \n  .margin-bottom-72 {\n    margin-bottom: 72px;\n  }\n  \n  .margin-top-80 {\n    margin-top: 80px;\n  }\n  \n  .margin-left-80 {\n    margin-left: 80px;\n  }\n  \n  .margin-right-80 {\n    margin-right: 80px;\n  }\n  \n  .margin-bottom-80 {\n    margin-bottom: 80px;\n  }\n  \n  .margin-top-96 {\n    margin-top: 96px;\n  }\n  \n  .margin-left-96 {\n    margin-left: 96px;\n  }\n  \n  .margin-right-96 {\n    margin-right: 96px;\n  }\n  \n  .margin-bottom-96 {\n    margin-bottom: 96px;\n  }\n  \n  .margin-top-108 {\n    margin-top: 108px;\n  }\n  \n  .margin-left-108 {\n    margin-left: 108px;\n  }\n  \n  .margin-right-108 {\n    margin-right: 108px;\n  }\n  \n  .margin-bottom-108 {\n    margin-bottom: 108px;\n  }  \n.spacing-4 {\n  padding: 4px;\n}\n.spacing-8 {\n    padding: 8px;\n  }\n  .spacing-12 {\n    padding: 12px;\n  }\n  .spacing-16 {\n    padding: 16px;\n  }\n  .spacing-24 {\n    padding: 24px;\n  }\n  .spacing-32 {\n    padding: 32px;\n  }\n @media screen and (max-width: 1024px) {\n  .padding-left-96, .padding-right-96, .padding-top-56, .padding-bottom-56{\n    padding: 16px;\n  }\n}\n"])));
 var _default = exports.default = SpacingScales;

package/build/global-css/Typographies.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _styledComponents = require("styled-components");
 var _TypographiesMap = _interopRequireDefault(require("./TypographiesMap"));
 var _templateObject;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 /*
 ? Keep this at the top level of the app using any of these components.
 * Do not add any children to it because this element does NOT render any of its children

package/build/index.js

@@ -401,6 +401,12 @@ Object.defineProperty(exports, "NotesWidget", {
     return _NotesWidget.default;
   }
 });
+Object.defineProperty(exports, "PaymentAndConsent", {
+  enumerable: true,
+  get: function get() {
+    return _PaymentAndConsent.default;
+  }
+});
 Object.defineProperty(exports, "PincodeBaseLocation", {
   enumerable: true,
   get: function get() {
@@ -491,10 +497,10 @@ Object.defineProperty(exports, "TrackShipmentWidget", {
     return _TrackShipmentWidget.default;
   }
 });
-Object.defineProperty(exports, "TrackShipmentWidgetDev", {
+Object.defineProperty(exports, "TrackShipmentWidgetList", {
   enumerable: true,
   get: function get() {
-    return _TrackShipmentWidget2.default;
+    return _TrackShipmentWidgetList.default;
   }
 });
 Object.defineProperty(exports, "Typographies", {
@@ -616,6 +622,7 @@ var _SparePartsWidget = _interopRequireDefault(require("./widgets/oa-widget-spar
 var _SparePartsCollapseWidget = _interopRequireDefault(require("./widgets/oa-widget-spare-part/SparePartsCollapseWidget"));
 var _StageTimelineWidget = _interopRequireWildcard(require("./widgets/oa-widget-stage-timeline/StageTimelineWidget"));
 var _TrackShipmentWidget = _interopRequireDefault(require("./widgets/oa-widget-track-shipment/TrackShipmentWidget"));
+var _TrackShipmentWidgetList = _interopRequireDefault(require("./widgets/oa-widget-track-shipment-list/TrackShipmentWidgetList"));
 var _UploadDownloadWidget = _interopRequireDefault(require("./widgets/oa-widget-upload-download/UploadDownloadWidget"));
 var _ViewHistoryWidget = _interopRequireDefault(require("./widgets/oa-widget-view-history/ViewHistoryWidget"));
 var _ViewPreviousDescriptionWidget = _interopRequireDefault(require("./widgets/oa-widget-view-previous-description/ViewPreviousDescriptionWidget"));
@@ -636,9 +643,9 @@ var _Preview = _interopRequireDefault(require("./widgets/oa-widget-preview/Previ
 var _PincodeBaseLocation = _interopRequireDefault(require("./widgets/oa-widget-pincode-base-location/PincodeBaseLocation"));
 var _MapBaseLocation = _interopRequireDefault(require("./widgets/oa-widget-map-base-location/MapBaseLocation"));
 var _CustomTimeline2 = _interopRequireDefault(require("./dev/oa-component-timeline/CustomTimeline"));
-var _TrackShipmentWidget2 = _interopRequireDefault(require("./dev/oa-widget-track-shipment/TrackShipmentWidget"));
 var _DocUploadCardWidget2 = _interopRequireDefault(require("./dev/oa-widget-document-upload-card/DocUploadCardWidget"));
 var _CustomUpload2 = _interopRequireDefault(require("./dev/oa-component-upload/CustomUpload"));
+var _PaymentAndConsent = _interopRequireDefault(require("./layout/paymentAndConsent/PaymentAndConsent"));
 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 && {}.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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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;

package/build/layout/paymentAndConsent/DetailsList.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _utils = require("../../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function DetailsList(props) {
+  const {
+    detail
+  } = props !== null && props !== void 0 ? props : {};
+  const {
+    title,
+    list,
+    className
+  } = detail !== null && detail !== void 0 ? detail : {};
+  if (!(detail !== null && detail !== void 0 && detail.showDetail)) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(className)
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-sl1-700"
+  }, title)), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "listofDetails"
+  }, list === null || list === void 0 ? void 0 : list.map((_ref, index) => {
+    let {
+      label,
+      value
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: (0, _utils.getUUID)()
+    }, /*#__PURE__*/_react.default.createElement("p", null, label), /*#__PURE__*/_react.default.createElement("span", null, value));
+  })));
+}
+var _default = exports.default = DetailsList;

package/build/layout/paymentAndConsent/Header.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Header(props) {
+  const {
+    header
+  } = props !== null && props !== void 0 ? props : {};
+  const {
+    logo
+  } = header !== null && header !== void 0 ? header : {};
+  const {
+    image
+  } = logo !== null && logo !== void 0 ? logo : {};
+  const {
+    src,
+    alt
+  } = image !== null && image !== void 0 ? image : {};
+  if (!(header !== null && header !== void 0 && header.showHeader)) return null;
+  return src && /*#__PURE__*/_react.default.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "container"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: src,
+    alt: alt
+  })));
+}
+var _default = exports.default = Header;

package/build/layout/paymentAndConsent/InProgressScreen.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 InProgressScreen(props) {
+  const {
+    inProgressScreen
+  } = props !== null && props !== void 0 ? props : {};
+  const {
+    image,
+    title,
+    description,
+    subDescription
+  } = inProgressScreen !== null && inProgressScreen !== void 0 ? inProgressScreen : {};
+  const {
+    src,
+    alt
+  } = image !== null && image !== void 0 ? image : {};
+  if (!(inProgressScreen !== null && inProgressScreen !== void 0 && inProgressScreen.showInProgressScreen)) 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 = InProgressScreen;

package/build/layout/paymentAndConsent/Loader.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CustomLoader = _interopRequireDefault(require("../../components/oa-component-loader/CustomLoader"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Loader(props) {
+  const {
+    showLoader
+  } = props !== null && props !== void 0 ? props : {};
+  if (!showLoader) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "loader-container-dashboard"
+  }, /*#__PURE__*/_react.default.createElement(_CustomLoader.default, {
+    spinning: true
+  }));
+}
+var _default = exports.default = Loader;