oa-componentbook 1.0.1-stage.33 → 1.0.1-stage.35

package/build/layout/paymentAndConsent/DetailsCard.js

@@ -1,75 +0,0 @@
-"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

@@ -1,38 +0,0 @@
-"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

@@ -1,33 +0,0 @@
-"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

@@ -1,46 +0,0 @@
-"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

@@ -1,21 +0,0 @@
-"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;

package/build/layout/paymentAndConsent/Modal.js

@@ -1,28 +0,0 @@
-"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 _CustomModal = _interopRequireDefault(require("../../components/oa-component-modal/CustomModal"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function Modal(props) {
-  const {
-    modal
-  } = props !== null && props !== void 0 ? props : {};
-  const {
-    title,
-    description,
-    buttonConfig
-  } = modal !== null && modal !== void 0 ? modal : {};
-  if (!(modal !== null && modal !== void 0 && modal.showModal)) return null;
-  return /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
-    buttonConfig: buttonConfig,
-    onCancel: modal === null || modal === void 0 ? void 0 : modal.onCancel,
-    title: title,
-    open: true
-  }, description);
-}
-var _default = exports.default = Modal;

package/build/layout/paymentAndConsent/PaymentAndConsent.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Header = _interopRequireDefault(require("./Header"));
-var _Loader = _interopRequireDefault(require("./Loader"));
-var _InProgressScreen = _interopRequireDefault(require("./InProgressScreen"));
-var _SuccessScreen = _interopRequireDefault(require("./SuccessScreen"));
-var _Modal = _interopRequireDefault(require("./Modal"));
-var _Section = _interopRequireDefault(require("./Section"));
-var _CancelScreen = _interopRequireDefault(require("./CancelScreen"));
-var _style = require("./style");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function PaymentAndConsent(props) {
-  return /*#__PURE__*/_react.default.createElement(_style.StylePaymentAndConsent, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "service-request-page"
-  }, /*#__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)));
-}
-var _default = exports.default = PaymentAndConsent;

package/build/layout/paymentAndConsent/PaymentCard.js

@@ -1,83 +0,0 @@
-"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 _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 PaymentCard(props) {
-  const {
-    paymentCard
-  } = props !== null && props !== void 0 ? props : {};
-  const {
-    title = '',
-    description = '',
-    image = {},
-    checkBox,
-    tag = {},
-    action1,
-    action3
-  } = paymentCard;
-  const {
-    type,
-    label
-  } = tag !== null && tag !== void 0 ? tag : {};
-  const {
-    src,
-    alt
-  } = image !== null && image !== void 0 ? image : {};
-  if (!(paymentCard !== null && paymentCard !== void 0 && paymentCard.showPaymentCard)) 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
-  })), description && /*#__PURE__*/_react.default.createElement("div", {
-    className: "margin-bottom-8"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    className: "type-b2-400"
-  }, description)), action1 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "margin-bottom-16"
-  }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
-    "data-test": "button",
-    label: action1 === null || action1 === void 0 ? void 0 : action1.label,
-    onClick: action1 === null || action1 === void 0 ? void 0 : action1.onClick,
-    type: "text-only"
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "grayBoxSec"
-  }, /*#__PURE__*/_react.default.createElement(_TncList.default, props), /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkBoxSec"
-  }, checkBox && /*#__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"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "margin-top-32 makePayment"
-  }, (action3 === null || action3 === void 0 ? void 0 : action3.label) && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
-    "data-test": "button",
-    disabled: action3 === null || action3 === void 0 ? void 0 : action3.isDisabled,
-    label: action3 === null || action3 === void 0 ? void 0 : action3.label,
-    onClick: action3 === null || action3 === void 0 ? void 0 : action3.onClick
-  }))));
-}
-var _default = exports.default = PaymentCard;

package/build/layout/paymentAndConsent/Section.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TimeLineCard = _interopRequireDefault(require("./TimeLineCard"));
-var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function Section(props) {
-  const {
-    section
-  } = props !== null && props !== void 0 ? props : {};
-  if (!(section !== null && section !== void 0 && section.showSection)) return null;
-  const {
-    title,
-    subTitle
-  } = section !== null && section !== void 0 ? section : {};
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "cromaOuterContainer"
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
-    className: "margin-top-24"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "primary-content",
-    className: "type-h2-500"
-  }, title)), subTitle && /*#__PURE__*/_react.default.createElement("div", {
-    className: "margin-top-4 margin-bottom-16"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    className: "type-b1-400"
-  }, subTitle)), /*#__PURE__*/_react.default.createElement(_TimeLineCard.default, props));
-}
-var _default = exports.default = Section;

package/build/layout/paymentAndConsent/SuccessScreen.js

@@ -1,46 +0,0 @@
-"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 SuccessScreen(props) {
-  const {
-    successScreen
-  } = props !== null && props !== void 0 ? props : {};
-  const {
-    image,
-    title,
-    description,
-    subDescription
-  } = successScreen !== null && successScreen !== void 0 ? successScreen : {};
-  const {
-    src,
-    alt
-  } = image !== null && image !== void 0 ? image : {};
-  if (!(successScreen !== null && successScreen !== void 0 && successScreen.showSuccessScreen)) 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 = SuccessScreen;

package/build/layout/paymentAndConsent/TimeLineCard.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _PaymentCard = _interopRequireDefault(require("./PaymentCard"));
-var _DetailsCard = _interopRequireDefault(require("./DetailsCard"));
-var _ConsentCard = _interopRequireDefault(require("./ConsentCard"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function TimelineCard(props) {
-  const {
-    detailsCard,
-    paymentCard,
-    consentCard
-  } = props !== null && props !== void 0 ? props : {};
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "cromaContainer"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "cromaInnerContainer"
-  }, (detailsCard === null || detailsCard === void 0 ? void 0 : detailsCard.showDetailsCard) && /*#__PURE__*/_react.default.createElement(_DetailsCard.default, props), (paymentCard === null || paymentCard === void 0 ? void 0 : paymentCard.showPaymentCard) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "cromaCard"
-  }, /*#__PURE__*/_react.default.createElement(_PaymentCard.default, props)), (consentCard === null || consentCard === void 0 ? void 0 : consentCard.showConsentCard) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "cromaCard"
-  }, /*#__PURE__*/_react.default.createElement(_ConsentCard.default, props))));
-}
-var _default = exports.default = TimelineCard;

package/build/layout/paymentAndConsent/TncList.js

@@ -1,32 +0,0 @@
-"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 TncList(props) {
-  const {
-    tncList
-  } = props !== null && props !== void 0 ? props : {};
-  const {
-    heading,
-    list
-  } = tncList !== null && tncList !== void 0 ? tncList : {};
-  if (!(tncList !== null && tncList !== void 0 && tncList.showTncList)) return null;
-  return /*#__PURE__*/_react.default.createElement("div", null, heading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: "type-b2-400",
-    color: "primary-content"
-  }, /*#__PURE__*/_react.default.createElement("b", null, heading)), list && /*#__PURE__*/_react.default.createElement("ul", {
-    className: "oa-tncList"
-  }, list.map(item => /*#__PURE__*/_react.default.createElement("li", {
-    key: (0, _utils.getUUID)()
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: "type-b2-400",
-    color: "primary-content"
-  }, item)))));
-}
-var _default = exports.default = TncList;

package/build/layout/paymentAndConsent/style.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StylePaymentAndConsent = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
-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) } })); }
-var _default = exports.default = {};
-const StylePaymentAndConsent = exports.StylePaymentAndConsent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .header {\n    width: 100%;\n    padding: 18px 0;\n    background: #fff;\n    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  }\n  .oa-tncList {\n    padding: 0;\n    list-style: disc;\n    margin: 0 0 24px 16px !important;\n  }\n  .oa-tncList li {\n    margin: 16px 0 0 0;\n  }\n  .container {\n    max-width: 1100px;\n    margin: 0 auto;\n    width: 100%;\n  }\n  body {\n    background: #f1f2f3;\n  }\n  .cromaOuterContainer {\n    max-width: 736px;\n    width: 100%;\n    margin: 0 auto;\n  }\n  .cromaContainer {\n    border-radius: 12px;\n    border: 1px solid #e0e0e0;\n    background: #fff;\n    width: 100%;\n    padding: 56px 96px;\n  }\n\n  .cromaInnerContainer {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n  .cromaInnerContainer .cromaCard {\n    overflow: hidden;\n    border-radius: 12px;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    padding-top: 32px;\n    border: 1px solid #e0e0e0;\n    background: #fff;\n    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  }\n  .cromaInnerContainer .cromaCard .grayBoxSec {\n    border-radius: 12px 12px 0px 0px;\n    padding: 16px 16px 24px 16px;\n    background: #f6f6f6;\n  }\n  .cromaInnerContainer .cromaCard .checkBoxSec {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .cromaInnerContainer .cromaCard .checkBoxSec .ant-checkbox + span {\n    padding-inline-end: 6px;\n  }\n  .makePayment {\n    width: 100%;\n  }\n  .makePayment button {\n    width: 100%;\n  }\n  .cromaCardHeader {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    padding: 0 16px 0 16px;\n  }\n  .serviceRequestBoxHeader {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    margin: 0 0 0 16px;\n    align-items: center;\n  }\n  .serviceRequestBoxHeader img {\n    width: 24px;\n  }\n  .serviceRequestBoxBody {\n    border-left: solid 1px #00875a;\n    padding: 0 0 32px 20px;\n    margin: 0 0 0 26px;\n  }\n  .grayBoxList {\n    border-radius: 8px;\n    padding: 12px;\n    margin: 12px 0 0 0;\n    background: #f6f6f6;\n  }\n  .listofDetails {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n  }\n  .listofDetails li {\n    display: flex;\n    flex-direction: row;\n    margin: 8px 0 0 0;\n    padding: 0;\n  }\n  .listofDetails li p {\n    color: #000;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    width: 120px;\n  }\n  .listofDetails li span {\n    color: #71777d;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    width: calc(100% - 120px);\n  }\n  .hideDetails {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n  .hideDetails button {\n    margin-right: 4px;\n  }\n  .icRepairBox {\n    padding: 0 16px;\n    display: flex;\n    margin: 130px 0 0 0;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .loader-container-dashboard {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(255, 255, 255, 0.5);\n    z-index: 1000;\n  }\n\n  .bar-ddm {\n    display: inline-flex;\n    color: var(--color-primary);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px;\n    align-items: center;\n    gap: 4px;\n    margin: 4px 0;\n    cursor: pointer;\n  }\n\n  .textAlign {\n    display: flex;\n  }\n  @media screen and (max-width: 600px) {\n    .container {\n      padding: 0 16px;\n    }\n\n    .cromaOuterContainer {\n      padding: 0 16px;\n    }\n    .cromaContainer {\n      border-radius: 0;\n      border: none;\n      background: #fff;\n      padding: 24px 0;\n    }\n    .cromaInnerContainer .cromaCard .checkBoxSec {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .cromaInnerContainer .cromaCard .checkBoxSec button {\n      margin: 0 0 0 28px;\n    }\n    .service-request-page {\n      background: #fff;\n      min-height: 100vh;\n      height: 100%;\n    }\n  }\n"])));

package/build/widgets/oa-widget-track-shipment-list/TrackShipmentWidgetList.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _fn = require("./fn");
-var _TrackShipmentWidget = _interopRequireDefault(require("../oa-widget-track-shipment/TrackShipmentWidget"));
-var _Accordion = _interopRequireDefault(require("../../components/oa-component-accordion/Accordion"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function TrackShipmentWidgetList(_ref) {
-  var _assignments$map;
-  let {
-    shipmentData,
-    onChange
-  } = _ref;
-  const assignments = (shipmentData === null || shipmentData === void 0 ? void 0 : shipmentData.assignments) || [];
-  if (assignments.length === 0) {
-    return /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(shipmentData));
-  }
-  if (assignments.length === 1) {
-    return /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(assignments[0]));
-  }
-  const lastReassignmentId = assignments && assignments.length > 0 ? assignments[assignments.length - 1].assignmentId || 0 : 0;
-  return assignments === null || assignments === void 0 || (_assignments$map = assignments.map) === null || _assignments$map === void 0 ? void 0 : _assignments$map.call(assignments, (item, index) => {
-    const {
-      assignmentId,
-      assignmentDate,
-      assignmentClosedTime,
-      status
-    } = item !== null && item !== void 0 ? item : {};
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "margin-bottom-16",
-      key: assignmentId
-    }, /*#__PURE__*/_react.default.createElement(_Accordion.default, {
-      defaultActiveKey: lastReassignmentId,
-      activeKey: assignmentId,
-      body: /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(item)),
-      headerText: (0, _fn.headerText)(index, assignmentDate, assignmentClosedTime, status)
-    }));
-  });
-}
-const HistoryPropType = _propTypes.default.shape({
-  shipmentStatus: _propTypes.default.string.isRequired,
-  fromDate: _propTypes.default.string.isRequired,
-  toDate: _propTypes.default.string.isRequired,
-  partnerStatus: _propTypes.default.string,
-  customerDisplayStatus: _propTypes.default.string.isRequired,
-  oneassistDisplayStatus: _propTypes.default.string.isRequired,
-  stageConsistent: _propTypes.default.bool.isRequired
-});
-const AssignmentPropType = _propTypes.default.shape({
-  assignmentDate: _propTypes.default.number.isRequired,
-  assignmentClosedTime: _propTypes.default.number.isRequired,
-  logisticPartnerName: _propTypes.default.string.isRequired,
-  assignmentId: _propTypes.default.number.isRequired,
-  logisticPartnerRefNum: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  originAddressLine1: _propTypes.default.string.isRequired,
-  originDistrict: _propTypes.default.string.isRequired,
-  originPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-  destAddressLine1: _propTypes.default.string.isRequired,
-  destDistrict: _propTypes.default.string,
-  destPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-  history: _propTypes.default.arrayOf(HistoryPropType).isRequired,
-  origAddressFullName: _propTypes.default.string.isRequired,
-  destAddressFullName: _propTypes.default.string.isRequired,
-  assignments: _propTypes.default.arrayOf(_propTypes.default.shape({
-    logisticPartnerRefNum: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-    originAddressLine1: _propTypes.default.string.isRequired,
-    originDistrict: _propTypes.default.string.isRequired,
-    originPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-    destAddressLine1: _propTypes.default.string.isRequired,
-    destDistrict: _propTypes.default.string,
-    destPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-    history: _propTypes.default.arrayOf(HistoryPropType).isRequired,
-    origAddressFullName: _propTypes.default.string.isRequired,
-    destAddressFullName: _propTypes.default.string.isRequired,
-    assignments: _propTypes.default.array // Placeholder to break recursion
-  }))
-});
-TrackShipmentWidgetList.propTypes = {
-  shipmentData: _propTypes.default.shape({
-    logisticPartnerRefNum: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-    originAddressLine1: _propTypes.default.string.isRequired,
-    originDistrict: _propTypes.default.string.isRequired,
-    originPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-    destAddressLine1: _propTypes.default.string.isRequired,
-    destDistrict: _propTypes.default.string,
-    destPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-    history: _propTypes.default.arrayOf(HistoryPropType).isRequired,
-    origAddressFullName: _propTypes.default.string.isRequired,
-    destAddressFullName: _propTypes.default.string.isRequired,
-    assignments: _propTypes.default.arrayOf(AssignmentPropType)
-  }),
-  onChange: _propTypes.default.func
-};
-TrackShipmentWidgetList.defaultProps = {
-  shipmentData: {},
-  onChange: () => {}
-};
-var _default = exports.default = TrackShipmentWidgetList;