oa-componentbook 1.0.1-stage.8 → 1.0.1-stage.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/build/components/oa-component-accordion/Accordion.js +16 -5
  2. package/build/components/oa-component-feedback-form/FeedbackForm.js +75 -0
  3. package/build/components/oa-component-feedback-tooltip/FeedbackTooltip.js +69 -0
  4. package/build/components/oa-component-modal/styles.js +1 -1
  5. package/build/dev/oa-component-document-viewer/CustomDocumentViewer.js +278 -0
  6. package/build/dev/oa-component-document-viewer/styles.js +12 -0
  7. package/build/dev/oa-component-upload/CustomUpload.js +3 -0
  8. package/build/dev/oa-widget-document-side-drawer/DocumentSideDrawer.js +124 -0
  9. package/build/dev/oa-widget-document-side-drawer/styles.js +12 -0
  10. package/build/global-css/GlobalCss.js +2 -1
  11. package/build/global-css/GridLayout.js +1 -1
  12. package/build/global-css/commonStyles.js +11 -0
  13. package/build/images/oaChat.svg +5 -0
  14. package/build/index.js +56 -0
  15. package/build/layout/paymentAndConsent/CancelScreen.js +46 -0
  16. package/build/layout/paymentAndConsent/ConsentCard.js +68 -0
  17. package/build/layout/paymentAndConsent/DetailsCard.js +75 -0
  18. package/build/layout/paymentAndConsent/DetailsList.js +38 -0
  19. package/build/layout/paymentAndConsent/Header.js +33 -0
  20. package/build/layout/paymentAndConsent/InProgressScreen.js +46 -0
  21. package/build/layout/paymentAndConsent/Loader.js +21 -0
  22. package/build/layout/paymentAndConsent/Modal.js +28 -0
  23. package/build/layout/paymentAndConsent/PaymentAndConsent.js +22 -0
  24. package/build/layout/paymentAndConsent/PaymentCard.js +83 -0
  25. package/build/layout/paymentAndConsent/Section.js +34 -0
  26. package/build/layout/paymentAndConsent/SuccessScreen.js +46 -0
  27. package/build/layout/paymentAndConsent/TimeLineCard.js +28 -0
  28. package/build/layout/paymentAndConsent/TncList.js +32 -0
  29. package/build/layout/paymentAndConsent/style.js +12 -0
  30. package/build/widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget.js +17 -11
  31. package/build/widgets/oa-widget-approval/ApprovalWidgetNew.js +369 -0
  32. package/build/widgets/oa-widget-approval/styles.js +2 -2
  33. package/build/widgets/oa-widget-document-upload/DocUploadWidget.js +6 -6
  34. package/build/widgets/oa-widget-feedback/FeedbackWidget.js +83 -0
  35. package/build/widgets/oa-widget-feedback/styles.js +13 -0
  36. package/build/widgets/oa-widget-image-carousel/ImageCarouselWidget.js +257 -0
  37. package/build/widgets/oa-widget-image-carousel/styles.js +23 -0
  38. package/build/widgets/oa-widget-map-base-location/AddressDetails.js +6 -4
  39. package/build/widgets/oa-widget-map-base-location/AddressForm.js +26 -3
  40. package/build/widgets/oa-widget-map-base-location/MapBaseLocation.js +5 -3
  41. package/build/widgets/oa-widget-membershipcard/MembershipCard.js +5 -7
  42. package/build/widgets/oa-widget-notes/NotesWidget.js +2 -1
  43. package/build/widgets/oa-widget-reupload-drawer/ReUploadDrawer.js +163 -0
  44. package/build/widgets/oa-widget-track-shipment/TrackShipmentWidget.js +4 -2
  45. package/build/widgets/oa-widget-track-shipment-list/TrackShipmentWidgetList.js +77 -38
  46. package/build/widgets/oa-widget-track-shipment-list/fn.js +8 -8
  47. package/package.json +6 -3
package/build/global-css/GlobalCss.js CHANGED
@@ -12,13 +12,14 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
12
12
  var _GridLayout = _interopRequireDefault(require("./GridLayout"));
13
13
  var _SpacingScales = _interopRequireDefault(require("./SpacingScales"));
14
14
  var _Typographies = _interopRequireDefault(require("./Typographies"));
15
+ var _commonStyles = _interopRequireDefault(require("./commonStyles"));
15
16
  require("antd/dist/reset.css");
16
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
18
  function GlobalCss(_ref) {
18
19
  let {
19
20
  children
20
21
  } = _ref;
21
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BorderRadius.default, null), /*#__PURE__*/_react.default.createElement(_SpacingScales.default, null), /*#__PURE__*/_react.default.createElement(_ColorVariables.default, null), /*#__PURE__*/_react.default.createElement(_Elevation.default, null), /*#__PURE__*/_react.default.createElement(_GridLayout.default, null), /*#__PURE__*/_react.default.createElement(_Typographies.default, null), children);
22
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BorderRadius.default, null), /*#__PURE__*/_react.default.createElement(_SpacingScales.default, null), /*#__PURE__*/_react.default.createElement(_ColorVariables.default, null), /*#__PURE__*/_react.default.createElement(_Elevation.default, null), /*#__PURE__*/_react.default.createElement(_GridLayout.default, null), /*#__PURE__*/_react.default.createElement(_commonStyles.default, null), /*#__PURE__*/_react.default.createElement(_Typographies.default, null), children);
22
23
  }
23
24
  GlobalCss.propTypes = {
24
25
  children: _propTypes.default.node.isRequired
package/build/global-css/GridLayout.js CHANGED
@@ -21,5 +21,5 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
21
21
  // TODO: Figure out a way to make this work with storybook.
22
22
  // Can be used to wrap the entire application, to make these styles available to every component
23
23
 
24
- const GridLayout = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.container {\n max-width: 1154px;\n margin: 0 auto;\n padding: 0 16px;\n}\n\n.container-fluid {\n width: 100%;\n padding: 0 16px;\n}\n\n.row {\n display: flex;\n flex-direction: column;\n}\n\n.gutter {\n padding: 0 24px 0 0;\n}\n\n.row::after {\n content: \"\";\n clear: both;\n display: table;\n}\n\n.col-xs-1 {\n width: 8.33333%;\n}\n\n.col-xs-2 {\n width: 16.66667%;\n}\n\n.col-xs-3 {\n width: 25%;\n}\n\n.col-xs-4 {\n width: 33.33333%;\n}\n\n.col-xs-5 {\n width: 41.66667%;\n}\n\n.col-xs-6 {\n width: 50%;\n}\n\n.col-xs-7 {\n width: 58.33333%;\n}\n\n.col-xs-8 {\n width: 66.66667%;\n}\n\n.col-xs-9 {\n width: 75%;\n}\n\n.col-xs-10 {\n width: 83.33333%;\n}\n\n.col-xs-11 {\n width: 91.66667%;\n}\n\n.col-xs-12 {\n width: 100%;\n}\n\n@media (min-width: 768px) {\n .row {\n flex-direction: row;\n }\n\n .col-sm-1 {\n width: 8.33333%;\n }\n\n .col-sm-2 {\n width: 16.66667%;\n }\n\n .col-sm-3 {\n width: 25%;\n }\n\n .col-sm-4 {\n width: 33.33333%;\n }\n\n .col-sm-5 {\n width: 41.66667%;\n }\n\n .col-sm-6 {\n width: 50%;\n }\n\n .col-sm-7 {\n width: 58.33333%;\n }\n\n .col-sm-8 {\n width: 66.66667%;\n }\n\n .col-sm-9 {\n width: 75%;\n }\n\n .col-sm-10 {\n width: 83.33333%;\n }\n\n .col-sm-11 {\n width: 91.66667%;\n }\n\n .col-sm-12 {\n width: 100%;\n }\n}\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%;\n }\n\n .col-md-2 {\n width: 16.66667%;\n }\n\n .col-md-3 {\n width: 25%;\n }\n\n .col-md-4 {\n width: 33.33333%;\n float: left;\n }\n\n .col-md-5 {\n width: 41.66667%;\n }\n\n .col-md-6 {\n width: 50%;\n }\n\n .col-md-7 {\n width: 58.33333%;\n }\n\n .col-md-8 {\n width: 66.66667%;\n }\n\n .col-md-9 {\n width: 75%;\n }\n\n .col-md-10 {\n width: 83.33333%;\n }\n\n .col-md-11 {\n width: 91.66667%;\n }\n\n .col-md-12 {\n width: 100%;\n }\n}\n\n/* Large Devices (desktops) */\n@media (min-width: 992px) {\n .gutter {\n padding: 0 24px 0 0;\n }\n\n .col-lg-1 {\n width: 8.33333%;\n }\n\n .col-lg-2 {\n width: 16.66667%;\n }\n\n .col-lg-3 {\n width: 25%;\n }\n\n .col-lg-4 {\n width: 33.33333%;\n }\n\n .col-lg-5 {\n width: 41.66667%;\n }\n\n .col-lg-6 {\n width: 50%;\n }\n\n .col-lg-7 {\n width: 58.33333%;\n }\n\n .col-lg-8 {\n width: 66.66667%;\n }\n\n .col-lg-9 {\n width: 75%;\n }\n\n .col-lg-10 {\n width: 83.33333%;\n }\n\n .col-lg-11 {\n width: 91.66667%;\n }\n\n .col-lg-12 {\n width: 100%;\n }\n}\n.ant-modal .ant-modal-content {\n padding: 24px 24px 32px;\n border-radius: 12px;\n }\n .ant-select-dropdown .ant-select-item{\n min-height: auto !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-message{\n margin-bottom: 0 !important;\n }\n .ant-notification .ant-notification-notice-wrapper{\n background: transparent;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-close{\n position: inherit !important;\n width: 24px !important;\n height: 24px !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-closable .ant-notification-notice-message {\n padding-inline-end: 0px !important;\n}\n .ant-notification-notice-close > button{\n width: 24px !important;\n height: 24px !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice {\n display: flex;\n align-items: center;\n gap: 12px;\n justify-content: space-between;\n }\n @media (max-width: 372px) {\n .ant-picker-date-panel .ant-picker-body{\n padding: 8px !important;\n }\n }\n@media (max-width: 600px) {\n .ant-drawer .ant-drawer-header,.ant-drawer .ant-drawer-body{\n padding: 16px !important;\n }\n .ant-drawer .ant-drawer-footer {\n padding: 12px 16px;\n }\n .ant-picker-dropdown .ant-picker-date-panel{\n width: 100%;\n }\n .ant-picker-dropdown .ant-picker-time-panel-column {\n overflow-y: auto;\n}\n.ant-picker-dropdown .ant-picker-time-panel-column::-webkit-scrollbar {\n width: 2px;\n }\n\n .ant-modal-root .ant-modal-wrap {\n position: fixed;\n overflow: inherit;\n }\n .ant-modal-root .ant-modal-centered .ant-modal{\n vertical-align: middle;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100% !important;\n max-width: 100%!important;\n // transform-origin: bottom !important;\n //animation-duration: 0s !important;\n animation-name: slideUp;\n animation-duration: 0.2s;\n transition: .3s ease-in-out;\n animation-timing-function: ease-in;\n }\n @keyframes slideUp {\n 0%,\n 50% {\n transform: translateY(100%);\n opacity: 0;\n }\n \n 60%,\n 100% {\n transform: translateY(0);\n opacity: 1;\n \n }\n }\n .ant-modal .ant-modal-content {\n bottom: -8px;\n left: 0;\n position: absolute;\n right: 0;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n .ant-modal .ant-modal-body{\n max-height: calc(90vh - 126px);\n overflow: auto;\n padding-right: 16px;\n }\n .ant-modal-footer{\n padding-right: 16px !important;\n }\n .ant-modal .ant-modal-content{\n padding: 24px 16px 32px;\n padding-right: 0;\n }\n}\n@media (min-width: 1200px) {\n .gutter {\n padding: 0 32px 0 0;\n }\n\n .col-xl-1 {\n width: 8.33333%;\n }\n \n .col-xl-2 {\n width: 16.66667%;\n }\n\n .col-xl-3 {\n width: 25%;\n }\n\n .col-xl-4 {\n width: 33.33333%;\n }\n\n .col-xl-5 {\n width: 41.66667%;\n }\n\n .col-xl-6 {\n width: 50%;\n }\n\n .col-xl-7 {\n width: 58.33333%;\n }\n\n .col-xl-8 {\n width: 66.66667%;\n }\n\n .col-xl-9 {\n width: 75%;\n }\n\n .col-xl-10 {\n width: 83.33333%;\n }\n\n .col-xl-11 {\n width: 91.66667%;\n }\n\n .col-xl-12 {\n width: 100%;\n }\n \n}\n\n.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{\n padding: 12px 24px;\n}\n.ant-dropdown-menu{\n min-width: 256px;\n top: 4px;\n}\n.ant-space-item span{\n line-height: 0 !important;\n display: flex;\n}\n\n\n.ant-select-dropdown{border-radius: 4px; padding:8px 0 !important;\n background: var(--color-primary-background) ;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);}\n\n\n\n .ant-select-dropdown .ant-select-item { \n min-height: auto;\n padding: 12px 16px;\n color: var(--color-primary-content) ;\n line-height: 20px;\n border-radius: 0px;\n}\n\n.label-date-dropdown {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n}\n\n.ant-select-dropdown .ant-select-item-option-active span{ color: var(--color-primary) !important;}\n.ant-picker-range {opacity: 0;}\n.ant-picker-dropdown-range { padding: 0; }\n\n.fadeImg{\n position: relative;\n width: 100%;\n max-height: 300px;\n overflow-x: auto;\n}\n.overLayImg{\n background: rgb(0 0 0 / 40%);\n border-radius: 12px 12px 0px 0px;\n overflow: hidden;\n}\n.paddingBot .ant-drawer-body{\n padding-bottom: 100px !important;\n}\n.react-transform-component,.react-transform-wrapper,.react-transform-component > div{\n width: 100%;\n}\n.ascCollapse .ant-collapse-arrow{\n transform: rotate(90deg);\n color: var(--color-primary) !important;\n font-size: 14px !important;\n}\n.gappingIcons{\n display: flex;\n gap: 16px;\n}\n.imageZoom .ant-modal-body > div{\n height: 350px;\n overflow-y: auto;\n margin: 30px 0px 0px;\n padding: 0px 8px 0 0;;\n \n}\n/* width */\n.imageZoom ::-webkit-scrollbar {\n width: 8px;\n height: 100px;\n border-radius: 8px;\n}\n\n/* Track */\n.imageZoom ::-webkit-scrollbar-track {\n background: #f6f6f6; \n border-radius: 8px;\n}\n \n/* Handle */\n.imageZoom ::-webkit-scrollbar-thumb {\n background: #888; \n border-radius: 8px;\n height: 100px;\n}\n\n/* Handle on hover */\n.imageZoom ::-webkit-scrollbar-thumb:hover {\n background: #555; \n}\n .modalImg{\n width: 100%;\n }\n.overflowScroll{\n position: relative;\n}\n.ascCollapse .ant-collapse-header{\n border-radius: 4px !important;\n background: var(--color-secondary-background);\n}\n.ascCollapse,.ant-collapse{\n overflow: hidden;\n}\n.ascCollapse .totalVal{\n display: flex;\n gap: 12px;\n}\n.ascCollapse.ant-collapse-item-active .ant-collapse-arrow{\n transform: rotate(180deg) !important;\n}.mobilesIcons li.ant-dropdown-menu-item > svg {\n display: none\n}\n .ant-notification-notice-close svg{\n font-size: 24px !important;\n height: auto;\n }\n @media only screen and (max-width: 574px) {\n .ant-steps-item-tail{\n inset-inline-start: 78px !important;\n \n }\n}\n @media only screen and (max-width: 480px) {\n .ant-steps-item-tail{\n inset-inline-start: 60px !important;\n \n }\n}\n@media only screen and (max-width: 600px) {\n \n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-body {\n padding: 8px;\n }\n .mobilesIcons li.ant-dropdown-menu-item > svg {\n display: block;\n}\n.imageZoom .ant-modal-body>div{\n height: auto;\n overflow-y: auto;\n}\n.imageZoom .ant-modal-footer{\n padding-right: 16px !important;\n}\n .fadeImg{\n max-height: auto;\n }\n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {\n width: 24px; font-size: 12px; font-weight: bold; }\n\n .ant-picker-dropdown .ant-picker-content th {\n height: 24px;\n }\n .ant-picker-dropdown .ant-picker-content td {\n font-size: 12px;\n }\n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content {\n width: 100%;\n }\n\n}\n\n\n.ant-picker .ant-picker-clear{\n font-size: 20px;\n}\n \n"])));
24
+ const GridLayout = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.container {\n max-width: 1154px;\n margin: 0 auto;\n padding: 0 16px;\n}\n\n.container-fluid {\n width: 100%;\n padding: 0 16px;\n}\n\n.row {\n display: flex;\n flex-direction: column;\n}\n\n.gutter {\n padding: 0 24px 0 0;\n}\n\n.row::after {\n content: \"\";\n clear: both;\n display: table;\n}\n\n.col-xs-1 {\n width: 8.33333%;\n}\n\n.col-xs-2 {\n width: 16.66667%;\n}\n\n.col-xs-3 {\n width: 25%;\n}\n\n.col-xs-4 {\n width: 33.33333%;\n}\n\n.col-xs-5 {\n width: 41.66667%;\n}\n\n.col-xs-6 {\n width: 50%;\n}\n\n.col-xs-7 {\n width: 58.33333%;\n}\n\n.col-xs-8 {\n width: 66.66667%;\n}\n\n.col-xs-9 {\n width: 75%;\n}\n\n.col-xs-10 {\n width: 83.33333%;\n}\n\n.col-xs-11 {\n width: 91.66667%;\n}\n\n.col-xs-12 {\n width: 100%;\n}\n\n@media (min-width: 768px) {\n .row {\n flex-direction: row;\n }\n\n .col-sm-1 {\n width: 8.33333%;\n }\n\n .col-sm-2 {\n width: 16.66667%;\n }\n\n .col-sm-3 {\n width: 25%;\n }\n\n .col-sm-4 {\n width: 33.33333%;\n }\n\n .col-sm-5 {\n width: 41.66667%;\n }\n\n .col-sm-6 {\n width: 50%;\n }\n\n .col-sm-7 {\n width: 58.33333%;\n }\n\n .col-sm-8 {\n width: 66.66667%;\n }\n\n .col-sm-9 {\n width: 75%;\n }\n\n .col-sm-10 {\n width: 83.33333%;\n }\n\n .col-sm-11 {\n width: 91.66667%;\n }\n\n .col-sm-12 {\n width: 100%;\n }\n}\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%;\n }\n\n .col-md-2 {\n width: 16.66667%;\n }\n\n .col-md-3 {\n width: 25%;\n }\n\n .col-md-4 {\n width: 33.33333%;\n float: left;\n }\n\n .col-md-5 {\n width: 41.66667%;\n }\n\n .col-md-6 {\n width: 50%;\n }\n\n .col-md-7 {\n width: 58.33333%;\n }\n\n .col-md-8 {\n width: 66.66667%;\n }\n\n .col-md-9 {\n width: 75%;\n }\n\n .col-md-10 {\n width: 83.33333%;\n }\n\n .col-md-11 {\n width: 91.66667%;\n }\n\n .col-md-12 {\n width: 100%;\n }\n}\n\n/* Large Devices (desktops) */\n@media (min-width: 992px) {\n .gutter {\n padding: 0 24px 0 0;\n }\n\n .col-lg-1 {\n width: 8.33333%;\n }\n\n .col-lg-2 {\n width: 16.66667%;\n }\n\n .col-lg-3 {\n width: 25%;\n }\n\n .col-lg-4 {\n width: 33.33333%;\n }\n\n .col-lg-5 {\n width: 41.66667%;\n }\n\n .col-lg-6 {\n width: 50%;\n }\n\n .col-lg-7 {\n width: 58.33333%;\n }\n\n .col-lg-8 {\n width: 66.66667%;\n }\n\n .col-lg-9 {\n width: 75%;\n }\n\n .col-lg-10 {\n width: 83.33333%;\n }\n\n .col-lg-11 {\n width: 91.66667%;\n }\n\n .col-lg-12 {\n width: 100%;\n }\n} \n \n\n@media (min-width: 1200px) {\n .gutter {\n padding: 0 32px 0 0;\n }\n\n .col-xl-1 {\n width: 8.33333%;\n }\n \n .col-xl-2 {\n width: 16.66667%;\n }\n\n .col-xl-3 {\n width: 25%;\n }\n\n .col-xl-4 {\n width: 33.33333%;\n }\n\n .col-xl-5 {\n width: 41.66667%;\n }\n\n .col-xl-6 {\n width: 50%;\n }\n\n .col-xl-7 {\n width: 58.33333%;\n }\n\n .col-xl-8 {\n width: 66.66667%;\n }\n\n .col-xl-9 {\n width: 75%;\n }\n\n .col-xl-10 {\n width: 83.33333%;\n }\n\n .col-xl-11 {\n width: 91.66667%;\n }\n\n .col-xl-12 {\n width: 100%;\n }\n \n}\n"])));
25
25
  var _default = exports.default = GridLayout;
package/build/global-css/commonStyles.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _styledComponents = require("styled-components");
8
+ var _templateObject;
9
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
+ const CommonStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.tooltip-grid {\n display: flex;\n align-items: flex-start;\n padding: 8px 0 0;\n row-gap: 32px;\n}\n\n.tooltip-column {\n display: flex;\n flex-direction: column;\n width: 280px;\n}\n\n\n.multipleDocumentTooltip .ant-tooltip-inner{\n padding: 24px 16px;\n background: #fff;\n color: #212121;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n width: max-content;\n border-radius: 12px;\n min-width: 300px;\n\n}\n .multipleDocumentTooltip .ant-tooltip-arrow:before{\n background: #fff;\n }\n .multipleDocumentTooltip li.tooltip-item{\n display: flex;\n gap: 8px;\n align-items: flex-start;\n color: #212121;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px; \n padding: 8px 0;\n // width: max-content;\n }\n .tooltip-item p{\n margin: 0;\n }\n .multipleDocumentTooltip ul .headingName{\n color: #717171;\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px; \n letter-spacing: 0.24px;\n text-transform: uppercase;\n padding: 0 0 16px;\n }\n .multipleDocumentTooltip .flexWrap{\n display: flex;\n flex-wrap: wrap;\n column-count: 1;\n column-gap: 8px;\n list-style: none;\n justify-content: space-between;\n }\n.ant-modal .ant-modal-content {\n padding: 24px 24px 32px;\n border-radius: 12px;\n }\n .ant-select-dropdown .ant-select-item{\n min-height: auto !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-message{\n margin-bottom: 0 !important;\n }\n .ant-notification .ant-notification-notice-wrapper{\n background: transparent;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-close{\n position: inherit !important;\n width: 24px !important;\n height: 24px !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-closable .ant-notification-notice-message {\n padding-inline-end: 0px !important;\n}\n .ant-notification-notice-close > button{\n width: 24px !important;\n height: 24px !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice {\n display: flex;\n align-items: center;\n gap: 12px;\n justify-content: space-between;\n }\n .documentDrawer .ant-drawer-body{\n overflow: hidden;\n padding: 0;\n }\n .documentDrawer .rightContSection {\n overflow-y: scroll;\n height: calc(100vh - 114px);\n }\n .documentDrawer .ant-radio-group{\n display: flex;\n white-space: nowrap;\n }\n @media (max-width: 372px) {\n .ant-picker-date-panel .ant-picker-body{\n padding: 8px !important;\n }\n }\n@media (max-width: 600px) {\n .ant-drawer .ant-drawer-header,.ant-drawer .ant-drawer-body{\n padding: 16px !important;\n }\n .ant-drawer .ant-drawer-footer {\n padding: 12px 16px;\n }\n .ant-picker-dropdown .ant-picker-date-panel{\n width: 100%;\n }\n .ant-picker-dropdown .ant-picker-time-panel-column {\n overflow-y: auto;\n}\n.ant-picker-dropdown .ant-picker-time-panel-column::-webkit-scrollbar {\n width: 2px;\n }\n\n .ant-modal-root .ant-modal-wrap {\n position: fixed;\n overflow: inherit;\n }\n .ant-modal-root .ant-modal-centered .ant-modal{\n vertical-align: middle;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100% !important;\n max-width: 100%!important;\n // transform-origin: bottom !important;\n //animation-duration: 0s !important;\n animation-name: slideUp;\n animation-duration: 0.2s;\n transition: .3s ease-in-out;\n animation-timing-function: ease-in;\n }\n @keyframes slideUp {\n 0%,\n 50% {\n transform: translateY(100%);\n opacity: 0;\n }\n \n 60%,\n 100% {\n transform: translateY(0);\n opacity: 1;\n \n }\n }\n .ant-modal .ant-modal-content {\n bottom: -8px;\n left: 0;\n position: absolute;\n right: 0;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n .ant-modal .ant-modal-body{\n max-height: calc(90vh - 126px);\n overflow: auto;\n padding-right: 16px;\n }\n .ant-modal-footer{\n padding-right: 16px !important;\n }\n .ant-modal .ant-modal-content{\n padding: 24px 16px 32px;\n padding-right: 0;\n }\n}\n\n.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{\n padding: 12px 24px;\n}\n.ant-dropdown-menu{\n min-width: 256px;\n top: 4px;\n}\n.ant-space-item span{\n line-height: 0 !important;\n display: flex;\n}\n.ant-select-dropdown{border-radius: 4px; padding:8px 0 !important;\n background: var(--color-primary-background) ;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);}\n\n.ant-select-dropdown .ant-select-item { \n min-height: auto;\n padding: 12px 16px;\n color: var(--color-primary-content) ;\n line-height: 20px;\n border-radius: 0px;\n}\n\n.label-date-dropdown {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n}\n\n.ant-select-dropdown .ant-select-item-option-active span{ color: var(--color-primary) !important;}\n.ant-picker-range {opacity: 0;}\n.ant-picker-dropdown-range { padding: 0; }\n\n.fadeImg{\n position: relative;\n width: 100%;\n max-height: 300px;\n overflow-x: auto;\n}\n.overLayImg{\n background: rgb(0 0 0 / 40%);\n border-radius: 12px 12px 0px 0px;\n overflow: hidden;\n}\n \n.OaTooltip .ant-tooltip-inner{\n padding: 24px 16px;\n background: #fff;\n color: #212121;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n width: 348px;\n border-radius: 12px;\n}\n.OaTooltip .ant-tooltip-arrow:before{\n background: #fff !important;\n}\n.OaFooterBtn{\n display: flex;\n justify-content: end;\n}\n.OaTooltip{\n max-width: 348px !important;\n}\n.paddingBot .ant-drawer-body{\n padding-bottom: 100px !important;\n}\n.react-transform-component,.react-transform-wrapper,.react-transform-component > div{\n width: 100%;\n}\n.ascCollapse .ant-collapse-arrow{\n transform: rotate(90deg);\n color: var(--color-primary) !important;\n font-size: 14px !important;\n}\n.gappingIcons{\n display: flex;\n gap: 16px;\n}\n.imageZoom .ant-modal-body > div{\n height: 350px;\n overflow-y: auto;\n margin: 30px 0px 0px;\n padding: 0px 8px 0 0;;\n \n}\n/* width */\n.imageZoom ::-webkit-scrollbar {\n width: 8px;\n height: 100px;\n border-radius: 8px;\n}\n\n/* Track */\n.imageZoom ::-webkit-scrollbar-track {\n background: #f6f6f6; \n border-radius: 8px;\n}\n \n/* Handle */\n.imageZoom ::-webkit-scrollbar-thumb {\n background: #888; \n border-radius: 8px;\n height: 100px;\n}\n\n/* Handle on hover */\n.imageZoom ::-webkit-scrollbar-thumb:hover {\n background: #555; \n}\n .modalImg{\n width: 100%;\n }\n.overflowScroll{\n position: relative;\n}\n.ascCollapse .ant-collapse-header{\n border-radius: 4px !important;\n background: var(--color-secondary-background);\n}\n.ascCollapse,.ant-collapse{\n overflow: hidden;\n}\n.ascCollapse .totalVal{\n display: flex;\n gap: 12px;\n}\n.ascCollapse.ant-collapse-item-active .ant-collapse-arrow{\n transform: rotate(180deg) !important;\n}.mobilesIcons li.ant-dropdown-menu-item > svg {\n display: none\n}\n .ant-notification-notice-close svg{\n font-size: 24px !important;\n height: auto;\n }\n @media only screen and (max-width: 574px) {\n .ant-steps-item-tail{\n inset-inline-start: 78px !important;\n \n }\n}\n @media only screen and (max-width: 480px) {\n .ant-steps-item-tail{\n inset-inline-start: 60px !important;\n \n }\n}\n@media only screen and (max-width: 600px) {\n \n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-body {\n padding: 8px;\n }\n .ant-picker-dropdown { width: 100%; left: 0 !important; }\n .mobilesIcons li.ant-dropdown-menu-item > svg {\n display: block;\n}\n.imageZoom .ant-modal-body>div{\n height: auto;\n overflow-y: auto;\n}\n.imageZoom .ant-modal-footer{\n padding-right: 16px !important;\n}\n .fadeImg{\n max-height: auto;\n }\n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {\n width: 24px; font-size: 12px; font-weight: bold; }\n\n .ant-picker-dropdown .ant-picker-content th {\n height: 24px;\n }\n .ant-picker-dropdown .ant-picker-content td {\n font-size: 12px;\n }\n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content {\n width: 100%;\n }\n\n}\n.ant-picker .ant-picker-clear{\n font-size: 20px;\n}\n\n"])));
11
+ var _default = exports.default = CommonStyles;
package/build/images/oaChat.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="72" height="205" viewBox="0 0 72 205" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="72" height="205" fill="white"/>
3
+ <path d="M18 195C13.5817 195 10 191.418 10 187L10 18C10 13.5817 13.5817 10 18 10H62L62 195H18Z" fill="#212121"/>
4
+ <path d="M35.7344 166.637H41.1641C41.431 166.839 41.724 167.154 42.043 167.584C42.3555 168.007 42.6257 168.57 42.8535 169.273C43.0814 169.977 43.1953 170.852 43.1953 171.9C43.1953 172.792 43.0456 173.609 42.7461 174.352C42.4401 175.094 41.9941 175.735 41.4082 176.275C40.8223 176.809 40.1094 177.223 39.2695 177.516C38.4232 177.809 37.4596 177.955 36.3789 177.955H35.3926C34.3184 177.955 33.3613 177.822 32.5215 177.555C31.6751 177.281 30.959 176.891 30.373 176.383C29.7871 175.875 29.3444 175.263 29.0449 174.547C28.7389 173.824 28.5859 173.007 28.5859 172.096C28.5859 170.93 28.7812 169.967 29.1719 169.205C29.556 168.437 30.0898 167.844 30.7734 167.428C31.457 167.011 32.2383 166.747 33.1172 166.637V169.039C32.6224 169.117 32.1797 169.27 31.7891 169.498C31.3984 169.719 31.0924 170.038 30.8711 170.455C30.6432 170.865 30.5293 171.399 30.5293 172.057C30.5293 172.623 30.6367 173.121 30.8516 173.551C31.0664 173.98 31.3822 174.339 31.7988 174.625C32.2155 174.905 32.7233 175.117 33.3223 175.26C33.9212 175.403 34.6048 175.475 35.373 175.475H36.3789C37.1602 175.475 37.8535 175.393 38.459 175.23C39.0645 175.061 39.5755 174.82 39.9922 174.508C40.4089 174.189 40.7246 173.801 40.9395 173.346C41.1478 172.89 41.252 172.376 41.252 171.803C41.252 171.243 41.2064 170.784 41.1152 170.426C41.0176 170.068 40.9036 169.785 40.7734 169.576C40.6367 169.361 40.5065 169.195 40.3828 169.078H37.5605V172.037H35.7344V166.637ZM32.4336 159.837H43V162.2H32.4336V159.837ZM29.6602 162.356C29.3021 162.356 29.0059 162.239 28.7715 162.005C28.5306 161.764 28.4102 161.432 28.4102 161.009C28.4102 160.592 28.5306 160.263 28.7715 160.022C29.0059 159.781 29.3021 159.661 29.6602 159.661C30.0117 159.661 30.3047 159.781 30.5391 160.022C30.7734 160.263 30.8906 160.592 30.8906 161.009C30.8906 161.432 30.7734 161.764 30.5391 162.005C30.3047 162.239 30.0117 162.356 29.6602 162.356ZM41.1348 152.021L32.4336 149.433V146.992L43 150.664V152.187L41.1348 152.021ZM32.4336 154.004L41.1738 151.367L43 151.24V152.763L32.4336 156.455V154.004ZM43.1953 139.215C43.1953 139.996 43.0684 140.703 42.8145 141.334C42.554 141.959 42.1927 142.493 41.7305 142.936C41.2682 143.372 40.7246 143.707 40.0996 143.942C39.4746 144.176 38.8008 144.293 38.0781 144.293H37.6875C36.8607 144.293 36.112 144.173 35.4414 143.932C34.7708 143.691 34.1979 143.356 33.7227 142.926C33.2409 142.496 32.873 141.989 32.6191 141.403C32.3652 140.817 32.2383 140.182 32.2383 139.498C32.2383 138.743 32.3652 138.082 32.6191 137.516C32.873 136.95 33.2311 136.481 33.6934 136.11C34.1491 135.732 34.6927 135.452 35.3242 135.27C35.9557 135.081 36.6523 134.987 37.4141 134.987H38.4199V143.151H36.7305V137.311H36.5449C36.1217 137.324 35.7246 137.409 35.3535 137.565C34.9824 137.715 34.6829 137.946 34.4551 138.258C34.2272 138.571 34.1133 138.987 34.1133 139.508C34.1133 139.899 34.1979 140.247 34.3672 140.553C34.5299 140.853 34.7676 141.103 35.0801 141.305C35.3926 141.507 35.7702 141.663 36.2129 141.774C36.6491 141.878 37.1406 141.93 37.6875 141.93H38.0781C38.5404 141.93 38.9701 141.868 39.3672 141.745C39.7578 141.614 40.0996 141.426 40.3926 141.178C40.6855 140.931 40.9167 140.631 41.0859 140.28C41.2487 139.928 41.3301 139.528 41.3301 139.079C41.3301 138.512 41.2161 138.008 40.9883 137.565C40.7604 137.122 40.4382 136.738 40.0215 136.412L41.2227 135.172C41.5547 135.4 41.8737 135.696 42.1797 136.061C42.4792 136.426 42.7233 136.871 42.9121 137.399C43.1009 137.92 43.1953 138.525 43.1953 139.215ZM28.7813 121.885H43V124.336H28.7813V121.885ZM35.002 116.084H36.9453V122.51H35.002V116.084ZM28.7813 115.273H30.7344V122.51H28.7813V115.273ZM43.1953 107.311C43.1953 108.093 43.0684 108.799 42.8145 109.43C42.554 110.055 42.1927 110.589 41.7305 111.032C41.2682 111.468 40.7246 111.804 40.0996 112.038C39.4746 112.272 38.8008 112.389 38.0781 112.389H37.6875C36.8607 112.389 36.112 112.269 35.4414 112.028C34.7708 111.787 34.1979 111.452 33.7227 111.022C33.2409 110.593 32.873 110.085 32.6191 109.499C32.3652 108.913 32.2383 108.278 32.2383 107.595C32.2383 106.839 32.3652 106.179 32.6191 105.612C32.873 105.046 33.2311 104.577 33.6934 104.206C34.1491 103.828 34.6927 103.548 35.3242 103.366C35.9557 103.177 36.6523 103.083 37.4141 103.083H38.4199V111.247H36.7305L36.7305 105.407H36.5449C36.1217 105.42 35.7246 105.505 35.3535 105.661C34.9824 105.811 34.6829 106.042 34.4551 106.354C34.2272 106.667 34.1133 107.083 34.1133 107.604C34.1133 107.995 34.1979 108.343 34.3672 108.649C34.5299 108.949 34.7676 109.199 35.0801 109.401C35.3926 109.603 35.7702 109.759 36.2129 109.87C36.6491 109.974 37.1406 110.026 37.6875 110.026H38.0781C38.5404 110.026 38.9701 109.964 39.3672 109.841C39.7578 109.71 40.0996 109.522 40.3926 109.274C40.6855 109.027 40.9167 108.727 41.0859 108.376C41.2487 108.024 41.3301 107.624 41.3301 107.175C41.3301 106.608 41.2161 106.104 40.9883 105.661C40.7604 105.218 40.4382 104.834 40.0215 104.509L41.2227 103.268C41.5547 103.496 41.8737 103.792 42.1797 104.157C42.4792 104.522 42.7233 104.968 42.9121 105.495C43.1009 106.016 43.1953 106.621 43.1953 107.311ZM43.1953 94.7887C43.1953 95.5699 43.0684 96.2763 42.8145 96.9078C42.554 97.5328 42.1927 98.0667 41.7305 98.5094C41.2682 98.9456 40.7246 99.2809 40.0996 99.5152C39.4746 99.7496 38.8008 99.8668 38.0781 99.8668H37.6875C36.8607 99.8668 36.112 99.7464 35.4414 99.5055C34.7708 99.2646 34.1979 98.9293 33.7227 98.4996C33.2409 98.0699 32.873 97.5621 32.6191 96.9762C32.3652 96.3902 32.2383 95.7555 32.2383 95.0719C32.2383 94.3167 32.3652 93.6559 32.6191 93.0895C32.873 92.523 33.2311 92.0543 33.6934 91.6832C34.1491 91.3056 34.6927 91.0257 35.3242 90.8434C35.9557 90.6546 36.6523 90.5602 37.4141 90.5602H38.4199L38.4199 98.7242H36.7305V92.8844H36.5449C36.1217 92.8974 35.7246 92.982 35.3535 93.1383C34.9824 93.288 34.6829 93.5191 34.4551 93.8316C34.2272 94.1441 34.1133 94.5608 34.1133 95.0816C34.1133 95.4723 34.1979 95.8206 34.3672 96.1266C34.5299 96.426 34.7676 96.6767 35.0801 96.8785C35.3926 97.0803 35.7702 97.2366 36.2129 97.3473C36.6491 97.4514 37.1406 97.5035 37.6875 97.5035H38.0781C38.5404 97.5035 38.9701 97.4417 39.3672 97.318C39.7578 97.1878 40.0996 96.999 40.3926 96.7516C40.6855 96.5042 40.9167 96.2047 41.0859 95.8531C41.2487 95.5016 41.3301 95.1012 41.3301 94.652C41.3301 94.0855 41.2161 93.581 40.9883 93.1383C40.7604 92.6956 40.4382 92.3115 40.0215 91.9859L41.2227 90.7457C41.5547 90.9736 41.8737 91.2698 42.1797 91.6344C42.4792 91.999 42.7233 92.4449 42.9121 92.9723C43.1009 93.4931 43.1953 94.0986 43.1953 94.7887ZM40.8125 80.4789H28V78.1156H43V80.2543L40.8125 80.4789ZM37.834 87.3539H37.6289C36.8281 87.3539 36.099 87.2595 35.4414 87.0707C34.7773 86.8819 34.2077 86.6085 33.7324 86.2504C33.2507 85.8923 32.8828 85.4561 32.6289 84.9418C32.3685 84.4275 32.2383 83.848 32.2383 83.2035C32.2383 82.5655 32.362 82.0056 32.6094 81.5238C32.8568 81.0421 33.2116 80.6319 33.6738 80.2934C34.1296 79.9548 34.6764 79.6846 35.3145 79.4828C35.946 79.281 36.6491 79.1378 37.4238 79.0531H38.0781C38.8333 79.1378 39.5234 79.281 40.1484 79.4828C40.7734 79.6846 41.3138 79.9548 41.7695 80.2934C42.2253 80.6319 42.5768 81.0453 42.8242 81.5336C43.0716 82.0154 43.1953 82.5785 43.1953 83.223C43.1953 83.8611 43.0618 84.4372 42.7949 84.9516C42.528 85.4594 42.1536 85.8923 41.6719 86.2504C41.1901 86.6085 40.6237 86.8819 39.9727 87.0707C39.3151 87.2595 38.6022 87.3539 37.834 87.3539ZM37.6289 85.0004H37.834C38.3158 85.0004 38.765 84.9581 39.1816 84.8734C39.5983 84.7823 39.9661 84.6423 40.2852 84.4535C40.5977 84.2647 40.8451 84.0206 41.0273 83.7211C41.2031 83.4151 41.291 83.0505 41.291 82.6273C41.291 82.0935 41.1738 81.654 40.9395 81.309C40.7051 80.9639 40.3893 80.6937 39.9922 80.4984C39.5885 80.2966 39.1393 80.1599 38.6445 80.0883H36.877C36.4928 80.1273 36.1348 80.2087 35.8027 80.3324C35.4707 80.4496 35.181 80.6091 34.9336 80.8109C34.6797 81.0128 34.4844 81.2634 34.3477 81.5629C34.2044 81.8559 34.1328 82.2042 34.1328 82.6078C34.1328 83.0375 34.224 83.4021 34.4063 83.7016C34.5885 84.001 34.8392 84.2484 35.1582 84.4437C35.4772 84.6326 35.8483 84.7725 36.2715 84.8637C36.6947 84.9548 37.1471 85.0004 37.6289 85.0004ZM28 73.8449V71.4914H40.7441L43 71.716V73.8449H28ZM37.6191 64.5969H37.8242C38.6055 64.5969 39.3249 64.6848 39.9824 64.8605C40.6335 65.0298 41.1999 65.2902 41.6816 65.6418C42.1634 65.9869 42.5378 66.4165 42.8047 66.9309C43.0651 67.4387 43.1953 68.0279 43.1953 68.6984C43.1953 69.356 43.0716 69.9289 42.8242 70.4172C42.5768 70.9055 42.2253 71.3156 41.7695 71.6477C41.3138 71.9732 40.7702 72.2369 40.1387 72.4387C39.5072 72.6405 38.8105 72.7837 38.0488 72.8684H37.3945C36.6263 72.7837 35.9297 72.6405 35.3047 72.4387C34.6732 72.2369 34.1296 71.9732 33.6738 71.6477C33.2116 71.3156 32.8568 70.9087 32.6094 70.427C32.362 69.9387 32.2383 69.369 32.2383 68.718C32.2383 68.0409 32.3685 67.4452 32.6289 66.9309C32.8893 66.41 33.2604 65.9771 33.7422 65.632C34.2174 65.287 34.7839 65.0298 35.4414 64.8605C36.099 64.6848 36.8249 64.5969 37.6191 64.5969ZM37.8242 66.9504H37.6191C37.1439 66.9504 36.6979 66.9895 36.2813 67.0676C35.8581 67.1457 35.487 67.2759 35.168 67.4582C34.849 67.634 34.5983 67.8749 34.416 68.1809C34.2272 68.4803 34.1328 68.8547 34.1328 69.3039C34.1328 69.7206 34.2044 70.0786 34.3477 70.3781C34.4909 70.6776 34.6862 70.9283 34.9336 71.1301C35.181 71.3319 35.4674 71.4914 35.793 71.6086C36.1185 71.7193 36.4701 71.7941 36.8477 71.8332H38.6152C39.1035 71.7746 39.5527 71.6509 39.9629 71.4621C40.3665 71.2668 40.6921 70.9934 40.9395 70.6418C41.1803 70.2902 41.3008 69.8378 41.3008 69.2844C41.3008 68.8482 41.2129 68.4803 41.0371 68.1809C40.8613 67.8814 40.6172 67.6438 40.3047 67.468C39.9857 67.2857 39.6146 67.1555 39.1914 67.0773C38.7682 66.9927 38.3125 66.9504 37.8242 66.9504ZM40.8809 54.8477H35.8418C35.4642 54.8477 35.1387 54.916 34.8652 55.0527C34.5918 55.1895 34.3802 55.3978 34.2305 55.6777C34.0807 55.9512 34.0059 56.2962 34.0059 56.7129C34.0059 57.097 34.071 57.429 34.2012 57.709C34.3314 57.9889 34.5072 58.207 34.7285 58.3633C34.9499 58.5195 35.2005 58.5977 35.4805 58.5977V60.9414C35.0638 60.9414 34.6602 60.8405 34.2695 60.6387C33.8789 60.4368 33.5306 60.1439 33.2246 59.7598C32.9186 59.3757 32.6777 58.9167 32.502 58.3828C32.3262 57.849 32.2383 57.25 32.2383 56.5859C32.2383 55.7917 32.3717 55.0885 32.6387 54.4766C32.9056 53.8581 33.3092 53.373 33.8496 53.0215C34.3835 52.6634 35.054 52.4844 35.8613 52.4844H40.5586C41.0404 52.4844 41.4733 52.4518 41.8574 52.3867C42.235 52.3151 42.5638 52.2142 42.8438 52.084H43V54.4961C42.7461 54.6068 42.4238 54.6947 42.0332 54.7598C41.6361 54.8184 41.252 54.8477 40.8809 54.8477ZM36.5742 54.5059L38.0293 54.4863V56.1758C38.0293 56.612 38.0716 56.9961 38.1563 57.3281C38.2344 57.6602 38.3516 57.9368 38.5078 58.1582C38.6641 58.3796 38.8529 58.5456 39.0742 58.6562C39.2956 58.7669 39.5462 58.8223 39.8262 58.8223C40.1061 58.8223 40.3633 58.7572 40.5977 58.627C40.8255 58.4967 41.0046 58.3079 41.1348 58.0605C41.265 57.8066 41.3301 57.5007 41.3301 57.1426C41.3301 56.6608 41.2324 56.2409 41.0371 55.8828C40.8353 55.5182 40.5911 55.2318 40.3047 55.0234C40.0117 54.8151 39.735 54.7044 39.4746 54.6914L40.5195 53.9297C40.7865 54.0078 41.0729 54.1413 41.3789 54.3301C41.6849 54.5189 41.9779 54.7663 42.2578 55.0723C42.5313 55.3717 42.7559 55.7331 42.9316 56.1562C43.1074 56.5729 43.1953 57.0547 43.1953 57.6016C43.1953 58.2917 43.0586 58.9069 42.7852 59.4473C42.5052 59.9876 42.1309 60.4108 41.6621 60.7168C41.1868 61.0228 40.6497 61.1758 40.0508 61.1758C39.4909 61.1758 38.9961 61.0716 38.5664 60.8633C38.1302 60.6484 37.7656 60.3359 37.4727 59.9258C37.1797 59.5091 36.9583 59.0013 36.8086 58.4023C36.6523 57.8034 36.5742 57.1198 36.5742 56.3516V54.5059ZM41.3203 43.907C41.3203 43.5229 41.2454 43.1779 41.0957 42.8719C40.9395 42.5594 40.7246 42.3087 40.4512 42.1199C40.1777 41.9246 39.862 41.8172 39.5039 41.7977V39.5809C40.1875 39.5939 40.8092 39.7957 41.3691 40.1863C41.929 40.577 42.375 41.0945 42.707 41.7391C43.0326 42.3836 43.1953 43.0965 43.1953 43.8777C43.1953 44.685 43.0586 45.3881 42.7852 45.9871C42.5052 46.5861 42.1211 47.0841 41.6328 47.4812C41.1445 47.8784 40.5814 48.1779 39.9434 48.3797C39.3053 48.575 38.6217 48.6727 37.8926 48.6727H37.5508C36.8216 48.6727 36.138 48.575 35.5 48.3797C34.8555 48.1779 34.2891 47.8784 33.8008 47.4812C33.3125 47.0841 32.9316 46.5861 32.6582 45.9871C32.3783 45.3881 32.2383 44.6883 32.2383 43.8875C32.2383 43.0411 32.4076 42.299 32.7461 41.6609C33.0781 41.0229 33.5436 40.5216 34.1426 40.157C34.735 39.7859 35.4251 39.5939 36.2129 39.5809V41.7977C35.8223 41.8172 35.4707 41.9148 35.1582 42.0906C34.8392 42.2599 34.5853 42.5008 34.3965 42.8133C34.2077 43.1193 34.1133 43.4871 34.1133 43.9168C34.1133 44.3921 34.2109 44.7859 34.4063 45.0984C34.5951 45.4109 34.8555 45.6551 35.1875 45.8309C35.513 46.0066 35.8809 46.1336 36.291 46.2117C36.6947 46.2833 37.1146 46.3191 37.5508 46.3191H37.8926C38.3288 46.3191 38.752 46.2833 39.1621 46.2117C39.5723 46.1401 39.9401 46.0164 40.2656 45.8406C40.5846 45.6583 40.8418 45.4109 41.0371 45.0984C41.2259 44.7859 41.3203 44.3888 41.3203 43.907ZM28 33.6012H43L43 35.9644H28V33.6012ZM32.4336 27.0387L37.5313 31.6383L40.1094 34.1578L38.1172 34.773L35.7637 32.8687L32.4336 29.8805V27.0387ZM43 29.3727L38.0391 32.8004L36.3887 31.316L43 26.648V29.3727Z" fill="white"/>
5
+ </svg>
package/build/index.js CHANGED
@@ -35,6 +35,12 @@ Object.defineProperty(exports, "ApprovalWidget", {
35
35
  return _ApprovalWidget.default;
36
36
  }
37
37
  });
38
+ Object.defineProperty(exports, "ApprovalWidgetNew", {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _ApprovalWidgetNew.default;
42
+ }
43
+ });
38
44
  Object.defineProperty(exports, "BarChart", {
39
45
  enumerable: true,
40
46
  get: function get() {
@@ -119,6 +125,12 @@ Object.defineProperty(exports, "CustomDetails", {
119
125
  return _CustomDetails.default;
120
126
  }
121
127
  });
128
+ Object.defineProperty(exports, "CustomDocumentViewer", {
129
+ enumerable: true,
130
+ get: function get() {
131
+ return _CustomDocumentViewer.default;
132
+ }
133
+ });
122
134
  Object.defineProperty(exports, "CustomDrawer", {
123
135
  enumerable: true,
124
136
  get: function get() {
@@ -311,6 +323,12 @@ Object.defineProperty(exports, "DocUploadWidget", {
311
323
  return _DocUploadWidget.default;
312
324
  }
313
325
  });
326
+ Object.defineProperty(exports, "DocumentSideDrawer", {
327
+ enumerable: true,
328
+ get: function get() {
329
+ return _DocumentSideDrawer.default;
330
+ }
331
+ });
314
332
  Object.defineProperty(exports, "DropdownSearchInput", {
315
333
  enumerable: true,
316
334
  get: function get() {
@@ -329,6 +347,18 @@ Object.defineProperty(exports, "ElevationDemo", {
329
347
  return _ElevationDemo.default;
330
348
  }
331
349
  });
350
+ Object.defineProperty(exports, "FeedbackWidget", {
351
+ enumerable: true,
352
+ get: function get() {
353
+ return _FeedbackWidget.default;
354
+ }
355
+ });
356
+ Object.defineProperty(exports, "GenericUpload", {
357
+ enumerable: true,
358
+ get: function get() {
359
+ return _ReUploadDrawer.default;
360
+ }
361
+ });
332
362
  Object.defineProperty(exports, "GlobalCss", {
333
363
  enumerable: true,
334
364
  get: function get() {
@@ -347,6 +377,12 @@ Object.defineProperty(exports, "GridLayout", {
347
377
  return _GridLayout.default;
348
378
  }
349
379
  });
380
+ Object.defineProperty(exports, "ImageCarouselWidget", {
381
+ enumerable: true,
382
+ get: function get() {
383
+ return _ImageCarouselWidget.default;
384
+ }
385
+ });
350
386
  Object.defineProperty(exports, "KeyValueWidget", {
351
387
  enumerable: true,
352
388
  get: function get() {
@@ -395,6 +431,12 @@ Object.defineProperty(exports, "NotesWidget", {
395
431
  return _NotesWidget.default;
396
432
  }
397
433
  });
434
+ Object.defineProperty(exports, "PaymentAndConsent", {
435
+ enumerable: true,
436
+ get: function get() {
437
+ return _PaymentAndConsent.default;
438
+ }
439
+ });
398
440
  Object.defineProperty(exports, "PincodeBaseLocation", {
399
441
  enumerable: true,
400
442
  get: function get() {
@@ -527,6 +569,12 @@ Object.defineProperty(exports, "colorOptions", {
527
569
  return _colorOptions.colorOptions;
528
570
  }
529
571
  });
572
+ Object.defineProperty(exports, "customForm", {
573
+ enumerable: true,
574
+ get: function get() {
575
+ return _antd.Form;
576
+ }
577
+ });
530
578
  Object.defineProperty(exports, "getCheckboxTheme", {
531
579
  enumerable: true,
532
580
  get: function get() {
@@ -545,6 +593,8 @@ Object.defineProperty(exports, "typographyOptions", {
545
593
  return _typographyOptions.typographyOptions;
546
594
  }
547
595
  });
596
+ var _antd = require("antd");
597
+ var _ReUploadDrawer = _interopRequireDefault(require("./widgets/oa-widget-reupload-drawer/ReUploadDrawer"));
548
598
  var _Accordion = _interopRequireDefault(require("./components/oa-component-accordion/Accordion"));
549
599
  var _CustomDetails = _interopRequireDefault(require("./widgets/oa-widget-custom-details/CustomDetails"));
550
600
  var _DocUploadWidget = _interopRequireDefault(require("./widgets/oa-widget-document-upload/DocUploadWidget"));
@@ -598,11 +648,13 @@ var _AddressWidget = _interopRequireDefault(require("./widgets/oa-widget-address
598
648
  var _AddSparePartWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/AddSparePartWidget"));
599
649
  var _AddSparePartCollapseWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget"));
600
650
  var _ApprovalWidget = _interopRequireDefault(require("./widgets/oa-widget-approval/ApprovalWidget"));
651
+ var _ApprovalWidgetNew = _interopRequireDefault(require("./widgets/oa-widget-approval/ApprovalWidgetNew"));
601
652
  var _CloseClaimWidget = _interopRequireDefault(require("./widgets/oa-widget-close-claim/CloseClaimWidget"));
602
653
  var _KeyValueWidget = _interopRequireDefault(require("./widgets/oa-widget-key-value/KeyValueWidget"));
603
654
  var _NotesWidget = _interopRequireDefault(require("./widgets/oa-widget-notes/NotesWidget"));
604
655
  var _PlanCard = _interopRequireDefault(require("./widgets/oa-widget-plan-card/PlanCard"));
605
656
  var _CustomerRatingCard = _interopRequireDefault(require("./widgets/oa-widget-customer-rating-card/CustomerRatingCard"));
657
+ var _FeedbackWidget = _interopRequireDefault(require("./widgets/oa-widget-feedback/FeedbackWidget"));
606
658
  var _ReimbursementBreakupWidget = _interopRequireDefault(require("./widgets/oa-widget-reimbursement-breakup/ReimbursementBreakupWidget"));
607
659
  var _SendPaymentLinkWidget = _interopRequireDefault(require("./widgets/oa-widget-send-payment-link/SendPaymentLinkWidget"));
608
660
  var _SparePartsWidget = _interopRequireDefault(require("./widgets/oa-widget-spare-part/SparePartsWidget"));
@@ -620,6 +672,7 @@ var _ServiceCard = _interopRequireDefault(require("./widgets/oa-widget-serviceca
620
672
  var _CustomProgressBar = _interopRequireDefault(require("./components/oa-component-progress-bar/CustomProgressBar"));
621
673
  var _CustomHeaderWidget = _interopRequireDefault(require("./widgets/oa-widget-header/CustomHeaderWidget"));
622
674
  var _CustomPinPatternCaptureWidget = _interopRequireDefault(require("./widgets/oa-widget-input-pattern-pin/CustomPinPatternCaptureWidget"));
675
+ var _ImageCarouselWidget = _interopRequireDefault(require("./widgets/oa-widget-image-carousel/ImageCarouselWidget"));
623
676
  var _CustomFormWidget = _interopRequireDefault(require("./widgets/oa-widget-form/CustomFormWidget"));
624
677
  var _DateDropDown = _interopRequireDefault(require("./widgets/oa-widget-date-dropdown/DateDropDown"));
625
678
  var _CustomRating = _interopRequireDefault(require("./components/oa-component-rating/CustomRating"));
@@ -632,6 +685,9 @@ var _MapBaseLocation = _interopRequireDefault(require("./widgets/oa-widget-map-b
632
685
  var _CustomTimeline2 = _interopRequireDefault(require("./dev/oa-component-timeline/CustomTimeline"));
633
686
  var _DocUploadCardWidget2 = _interopRequireDefault(require("./dev/oa-widget-document-upload-card/DocUploadCardWidget"));
634
687
  var _CustomUpload2 = _interopRequireDefault(require("./dev/oa-component-upload/CustomUpload"));
688
+ var _DocumentSideDrawer = _interopRequireDefault(require("./dev/oa-widget-document-side-drawer/DocumentSideDrawer"));
689
+ var _CustomDocumentViewer = _interopRequireDefault(require("./dev/oa-component-document-viewer/CustomDocumentViewer"));
690
+ var _PaymentAndConsent = _interopRequireDefault(require("./layout/paymentAndConsent/PaymentAndConsent"));
635
691
  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); }
636
692
  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; }
637
693
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/build/layout/paymentAndConsent/CancelScreen.js ADDED
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ require("core-js/modules/es.symbol.description.js");
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function CancelScreen(props) {
12
+ const {
13
+ cancelScreen
14
+ } = props !== null && props !== void 0 ? props : {};
15
+ const {
16
+ image,
17
+ title,
18
+ description,
19
+ subDescription
20
+ } = cancelScreen !== null && cancelScreen !== void 0 ? cancelScreen : {};
21
+ const {
22
+ src,
23
+ alt
24
+ } = image !== null && image !== void 0 ? image : {};
25
+ if (!(cancelScreen !== null && cancelScreen !== void 0 && cancelScreen.showCancelScreen)) return null;
26
+ return /*#__PURE__*/_react.default.createElement("div", {
27
+ className: "icRepairBox"
28
+ }, src && /*#__PURE__*/_react.default.createElement("img", {
29
+ src: src,
30
+ alt: alt
31
+ }), title && /*#__PURE__*/_react.default.createElement("div", {
32
+ className: "margin-top-16 margin-bottom-16"
33
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
34
+ color: "primary-content",
35
+ className: "type-t1-500"
36
+ }, title)), description && /*#__PURE__*/_react.default.createElement("div", {
37
+ className: "margin-bottom-16"
38
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
39
+ color: "primary-content",
40
+ className: "type-b2-400"
41
+ }, description)), subDescription && /*#__PURE__*/_react.default.createElement(_Typography.default, {
42
+ color: "primary-content",
43
+ className: "type-b2-400"
44
+ }, subDescription));
45
+ }
46
+ var _default = exports.default = CancelScreen;
package/build/layout/paymentAndConsent/ConsentCard.js ADDED
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
9
+ var _CustomCheckBox = _interopRequireDefault(require("../../components/oa-component-checkbox/CustomCheckBox"));
10
+ var _CustomTag = _interopRequireDefault(require("../../components/oa-component-tag/CustomTag"));
11
+ var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
12
+ var _TncList = _interopRequireDefault(require("./TncList"));
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ function ConsentCard(props) {
15
+ const {
16
+ consentCard
17
+ } = props !== null && props !== void 0 ? props : {};
18
+ const {
19
+ title,
20
+ image = {},
21
+ checkBox = {},
22
+ tag,
23
+ action2
24
+ } = consentCard;
25
+ const {
26
+ src,
27
+ alt
28
+ } = image !== null && image !== void 0 ? image : {};
29
+ const {
30
+ label,
31
+ type
32
+ } = tag !== null && tag !== void 0 ? tag : {};
33
+ if (!(consentCard !== null && consentCard !== void 0 && consentCard.showConsentCard)) return null;
34
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
35
+ className: "cromaCardHeader"
36
+ }, src && /*#__PURE__*/_react.default.createElement("div", {
37
+ className: "iconBox"
38
+ }, /*#__PURE__*/_react.default.createElement("img", {
39
+ src: src,
40
+ alt: alt
41
+ })), /*#__PURE__*/_react.default.createElement("div", {
42
+ className: "textAreaSecBox"
43
+ }, title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
44
+ color: "primary-content",
45
+ className: "type-t2-700"
46
+ }, title), label && /*#__PURE__*/_react.default.createElement("div", {
47
+ className: "margin-top-8 margin-bottom-8"
48
+ }, /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
49
+ label: label,
50
+ type: type
51
+ })))), /*#__PURE__*/_react.default.createElement("div", {
52
+ className: "grayBoxSec"
53
+ }, /*#__PURE__*/_react.default.createElement(_TncList.default, props), (checkBox === null || checkBox === void 0 ? void 0 : checkBox.label) && /*#__PURE__*/_react.default.createElement("div", {
54
+ className: "checkBoxSec"
55
+ }, /*#__PURE__*/_react.default.createElement(_CustomCheckBox.default, {
56
+ label: /*#__PURE__*/_react.default.createElement("p", null, checkBox === null || checkBox === void 0 ? void 0 : checkBox.label),
57
+ onChange: checkBox === null || checkBox === void 0 ? void 0 : checkBox.onChange,
58
+ size: "large"
59
+ })), action2 && /*#__PURE__*/_react.default.createElement("div", {
60
+ className: "margin-top-32 makePayment"
61
+ }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
62
+ "data-test": "button",
63
+ disabled: action2 === null || action2 === void 0 ? void 0 : action2.isDisabled,
64
+ label: action2 === null || action2 === void 0 ? void 0 : action2.label,
65
+ onClick: action2 === null || action2 === void 0 ? void 0 : action2.onClick
66
+ }))));
67
+ }
68
+ var _default = exports.default = ConsentCard;
package/build/layout/paymentAndConsent/DetailsCard.js ADDED
@@ -0,0 +1,75 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ require("core-js/modules/es.symbol.description.js");
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _ExpandLess = _interopRequireDefault(require("@material-ui/icons/ExpandLess"));
10
+ var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
11
+ var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
12
+ var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
13
+ var _DetailsList = _interopRequireDefault(require("./DetailsList"));
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ function DetailsCard(props) {
16
+ var _detailsCard$detailsS, _detailsCard$detailsS2, _detailsCard$detailsS3;
17
+ const {
18
+ detailsCard
19
+ } = props !== null && props !== void 0 ? props : {};
20
+ const {
21
+ title,
22
+ image,
23
+ description,
24
+ action1
25
+ } = detailsCard !== null && detailsCard !== void 0 ? detailsCard : {};
26
+ const {
27
+ src,
28
+ alt
29
+ } = image !== null && image !== void 0 ? image : {};
30
+ const {
31
+ text,
32
+ showDescription
33
+ } = description !== null && description !== void 0 ? description : {};
34
+ if (!(detailsCard !== null && detailsCard !== void 0 && detailsCard.showDetailsCard)) return null;
35
+ return /*#__PURE__*/_react.default.createElement("div", {
36
+ className: "serviceRequestBox"
37
+ }, /*#__PURE__*/_react.default.createElement("div", {
38
+ className: "serviceRequestBoxHeader"
39
+ }, src && /*#__PURE__*/_react.default.createElement("img", {
40
+ src: src,
41
+ alt: alt
42
+ }), title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
43
+ color: "primary-content",
44
+ className: "type-button-500"
45
+ }, title)), /*#__PURE__*/_react.default.createElement("div", {
46
+ className: "serviceRequestBoxBody"
47
+ }, /*#__PURE__*/_react.default.createElement("div", {
48
+ className: "margin-top-4 margin-bottom-4 hideDetails",
49
+ onClick: action1 === null || action1 === void 0 ? void 0 : action1.onClick,
50
+ onKeyDown: e => {
51
+ var _action1$onClick;
52
+ 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);
53
+ },
54
+ role: "button",
55
+ tabIndex: 0
56
+ }, /*#__PURE__*/_react.default.createElement("div", {
57
+ className: "bar-ddm"
58
+ }, (action1 === null || action1 === void 0 ? void 0 : action1.label) && (action1 === null || action1 === void 0 ? void 0 : action1.label), /*#__PURE__*/_react.default.createElement("span", {
59
+ className: "textAlign"
60
+ }, (action1 === null || action1 === void 0 ? void 0 : action1.showExpandedLessIcon) && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
61
+ color: "color-primary",
62
+ size: 16,
63
+ icon: _ExpandLess.default
64
+ }), ' ', (action1 === null || action1 === void 0 ? void 0 : action1.showExpandedIcon) && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
65
+ color: "color-primary",
66
+ size: 16,
67
+ icon: _ExpandMore.default
68
+ })))), showDescription && /*#__PURE__*/_react.default.createElement(_Typography.default, {
69
+ color: "secondary-content",
70
+ className: "type-b1-400"
71
+ }, 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", {
72
+ className: "grayBoxList"
73
+ }, /*#__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))));
74
+ }
75
+ var _default = exports.default = DetailsCard;
package/build/layout/paymentAndConsent/DetailsList.js ADDED
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
9
+ var _utils = require("../../utils");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function DetailsList(props) {
12
+ const {
13
+ detail
14
+ } = props !== null && props !== void 0 ? props : {};
15
+ const {
16
+ title,
17
+ list,
18
+ className
19
+ } = detail !== null && detail !== void 0 ? detail : {};
20
+ if (!(detail !== null && detail !== void 0 && detail.showDetail)) return null;
21
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title && /*#__PURE__*/_react.default.createElement("div", {
22
+ className: "".concat(className)
23
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
24
+ color: "primary-content",
25
+ className: "type-sl1-700"
26
+ }, title)), /*#__PURE__*/_react.default.createElement("ul", {
27
+ className: "listofDetails"
28
+ }, list === null || list === void 0 ? void 0 : list.map((_ref, index) => {
29
+ let {
30
+ label,
31
+ value
32
+ } = _ref;
33
+ return /*#__PURE__*/_react.default.createElement("li", {
34
+ key: (0, _utils.getUUID)()
35
+ }, /*#__PURE__*/_react.default.createElement("p", null, label), /*#__PURE__*/_react.default.createElement("span", null, value));
36
+ })));
37
+ }
38
+ var _default = exports.default = DetailsList;
package/build/layout/paymentAndConsent/Header.js ADDED
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ function Header(props) {
10
+ const {
11
+ header
12
+ } = props !== null && props !== void 0 ? props : {};
13
+ const {
14
+ logo
15
+ } = header !== null && header !== void 0 ? header : {};
16
+ const {
17
+ image
18
+ } = logo !== null && logo !== void 0 ? logo : {};
19
+ const {
20
+ src,
21
+ alt
22
+ } = image !== null && image !== void 0 ? image : {};
23
+ if (!(header !== null && header !== void 0 && header.showHeader)) return null;
24
+ return src && /*#__PURE__*/_react.default.createElement("div", {
25
+ className: "header"
26
+ }, /*#__PURE__*/_react.default.createElement("div", {
27
+ className: "container"
28
+ }, /*#__PURE__*/_react.default.createElement("img", {
29
+ src: src,
30
+ alt: alt
31
+ })));
32
+ }
33
+ var _default = exports.default = Header;
package/build/layout/paymentAndConsent/InProgressScreen.js ADDED
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ require("core-js/modules/es.symbol.description.js");
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function InProgressScreen(props) {
12
+ const {
13
+ inProgressScreen
14
+ } = props !== null && props !== void 0 ? props : {};
15
+ const {
16
+ image,
17
+ title,
18
+ description,
19
+ subDescription
20
+ } = inProgressScreen !== null && inProgressScreen !== void 0 ? inProgressScreen : {};
21
+ const {
22
+ src,
23
+ alt
24
+ } = image !== null && image !== void 0 ? image : {};
25
+ if (!(inProgressScreen !== null && inProgressScreen !== void 0 && inProgressScreen.showInProgressScreen)) return null;
26
+ return /*#__PURE__*/_react.default.createElement("div", {
27
+ className: "icRepairBox"
28
+ }, src && /*#__PURE__*/_react.default.createElement("img", {
29
+ src: src,
30
+ alt: alt
31
+ }), title && /*#__PURE__*/_react.default.createElement("div", {
32
+ className: "margin-top-16 margin-bottom-16"
33
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
34
+ color: "primary-content",
35
+ className: "type-t1-500"
36
+ }, title)), description && /*#__PURE__*/_react.default.createElement("div", {
37
+ className: "margin-bottom-16"
38
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
39
+ color: "primary-content",
40
+ className: "type-b2-400"
41
+ }, description)), subDescription && /*#__PURE__*/_react.default.createElement(_Typography.default, {
42
+ color: "primary-content",
43
+ className: "type-b2-400"
44
+ }, subDescription));
45
+ }
46
+ var _default = exports.default = InProgressScreen;
package/build/layout/paymentAndConsent/Loader.js ADDED
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _CustomLoader = _interopRequireDefault(require("../../components/oa-component-loader/CustomLoader"));
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ function Loader(props) {
11
+ const {
12
+ showLoader
13
+ } = props !== null && props !== void 0 ? props : {};
14
+ if (!showLoader) return null;
15
+ return /*#__PURE__*/_react.default.createElement("div", {
16
+ className: "loader-container-dashboard"
17
+ }, /*#__PURE__*/_react.default.createElement(_CustomLoader.default, {
18
+ spinning: true
19
+ }));
20
+ }
21
+ var _default = exports.default = Loader;
package/build/layout/paymentAndConsent/Modal.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ require("core-js/modules/es.symbol.description.js");
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _CustomModal = _interopRequireDefault(require("../../components/oa-component-modal/CustomModal"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function Modal(props) {
12
+ const {
13
+ modal
14
+ } = props !== null && props !== void 0 ? props : {};
15
+ const {
16
+ title,
17
+ description,
18
+ buttonConfig
19
+ } = modal !== null && modal !== void 0 ? modal : {};
20
+ if (!(modal !== null && modal !== void 0 && modal.showModal)) return null;
21
+ return /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
22
+ buttonConfig: buttonConfig,
23
+ onCancel: modal === null || modal === void 0 ? void 0 : modal.onCancel,
24
+ title: title,
25
+ open: true
26
+ }, description);
27
+ }
28
+ var _default = exports.default = Modal;
package/build/layout/paymentAndConsent/PaymentAndConsent.js ADDED
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _Header = _interopRequireDefault(require("./Header"));
9
+ var _Loader = _interopRequireDefault(require("./Loader"));
10
+ var _InProgressScreen = _interopRequireDefault(require("./InProgressScreen"));
11
+ var _SuccessScreen = _interopRequireDefault(require("./SuccessScreen"));
12
+ var _Modal = _interopRequireDefault(require("./Modal"));
13
+ var _Section = _interopRequireDefault(require("./Section"));
14
+ var _CancelScreen = _interopRequireDefault(require("./CancelScreen"));
15
+ var _style = require("./style");
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+ function PaymentAndConsent(props) {
18
+ return /*#__PURE__*/_react.default.createElement(_style.StylePaymentAndConsent, null, /*#__PURE__*/_react.default.createElement("div", {
19
+ className: "service-request-page"
20
+ }, /*#__PURE__*/_react.default.createElement(_Loader.default, props), /*#__PURE__*/_react.default.createElement(_Header.default, props), /*#__PURE__*/_react.default.createElement(_InProgressScreen.default, props), /*#__PURE__*/_react.default.createElement(_CancelScreen.default, props), /*#__PURE__*/_react.default.createElement(_Section.default, props), /*#__PURE__*/_react.default.createElement(_Modal.default, props), /*#__PURE__*/_react.default.createElement(_SuccessScreen.default, props)));
21
+ }
22
+ var _default = exports.default = PaymentAndConsent;