oa-componentbook 0.18.390 → 0.18.391

package/build/index.js

@@ -317,6 +317,12 @@ Object.defineProperty(exports, "CustomUploadDev", {
     return _CustomUpload2.default;
   }
 });
+Object.defineProperty(exports, "CustomViewer", {
+  enumerable: true,
+  get: function get() {
+    return _CustomViewer.default;
+  }
+});
 Object.defineProperty(exports, "CustomerRatingCard", {
   enumerable: true,
   get: function get() {
@@ -807,6 +813,7 @@ var _ProfileDataWidget = _interopRequireDefault(require("./widgets/oa-widget-pro
 var _Search = _interopRequireDefault(require("./layout/GenricLayOut/components/Search"));
 var _CustomTableV = _interopRequireDefault(require("./components/oa-component-table/CustomTableV1"));
 var _GuideWidget = _interopRequireDefault(require("./widgets/oa-widget-guide/GuideWidget"));
+var _CustomViewer = _interopRequireDefault(require("./components/oa-component-viewer/CustomViewer"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/widgets/oa-widget-map-base-location/styles.js

@@ -9,4 +9,4 @@ 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 MapStyles = exports.MapStyles = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");\n\n.ant-input-outlined {\n  background: #ffffff;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #959595;\n  padding: 13px 16px;\n  border-radius: 4px;\n}\n.ant-input-outlined:focus,\n:where(.css-dev-only-do-not-override-vqv1ns).ant-input-outlined:focus-within {\n  border-color: #014fc5;\n  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);\n  outline: 0;\n  background-color: #ffffff;\n}\n\n.map-current-location {\n  position: absolute;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  width: 40px;\n  height: 40px;\n  top: 85px !important;\n  right: 10px !important;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n  border-radius: 2px;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.map-current-location:hover {\n  color: black;\n}\n.mapHeight {\n  height: 570px;\n  min-width: 360px;\n  border-radius: 12px;\n  position: relative;\n  overflow: hidden;\n}\n\n.addresBoxDiv {\n  display: flex;\n  flex-direction: column;\n  padding: 46px 24px 34px;\n  width: calc(100% - 360px);\n  position: relative;\n}\n\n.addressEdit {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-direction: row;\n}\n.addressDetails {\n  max-width: 216px;\n  display: flex;\n  flex-direction: column;\n}\n\n.buttonBottom {\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  right: 0;\n  left: 0;\n  padding: 0 24px;\n}\n.buttonBottom .ant-form-item{\nmargin: 0;\n}\n.buttonBottom button {\n  width: 100%;\n}\n\n.spacing-32 h3 {\n  text-align: center;\n}\n.padding-top-32 button {\n  width: 100%;\n}\n.borderArea {\n  border: 1px solid var(--color-divider);\n}\n.locWithForm button {\n  width: 100%;\n}\n.locWithForm section {\n  padding: 0 0 32px;\n}\n.locWithForm section > div .MuiSvgIcon-root {\n  font-size: 24px !important;\n}\n.ant-form-item .ant-form-item-explain-error,\n.errorMsg {\n  color: var(--color-negative);\n  font-size: 12px;\n}\n.marZero .ant-form-item {\n  margin-bottom: 0;\n}\n.datepicker-modal button {\n  width: 100%;\n}\n.mapHeight + section {\n  justify-content: space-between;\n  overflow: hidden;\n}\n.loadingGif {\n  text-align: center;\n  padding: 12px 0 0;\n}\n.borderArea {\n  border: 1px solid var(--color-divider);\n}\n.mobileHeader {\n  display: none;\n}\n.addLocation li > p {\n  padding: 16px 0 0px;\n  margin: 0 0 32px !important;\n}\n.addLocation {\n  position: relative;\n}\n.flexDisplay {\n  display: flex;\n  gap: 8px;\n}\n.rowGap {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: baseline;\n  cursor: pointer;\n}\n.rowGap + button {\n  cursor: pointer;\n}\n.selectLocation button {\n  margin: 24px 0 0;\n}\n.parentDisplay {\n  padding: 16px;\n  border-bottom: 1px solid var(--color-divider);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n\n.searchLocationForm section {\n  position: relative;\n}\n.searchLocationForm .ant-input-affix-wrapper {\n  height: 48px;\n}\n.searchLocationForm .anticon-close-circle svg {\n  font-size: 20px;\n}\n.searchLocationForm section img {\n  position: absolute;\n  right: 6px;\n  top: 14px;\n  z-index: 9;\n  cursor: pointer;\n  width: 22px;\n}\n.serviceLocationContainer ul li {\n  display: flex;\n  gap: 8px;\n  align-items: start;\n}\n.serviceLocationContainer ul li img {\n  position: relative;\n  top: 2px;\n}\n.searchLocationForm section input {\n  padding: 13px 16px 13px 38px;\n}\n.searchLocationForm section img.crossIcon,\n.searchLocationForm section img.searchLoader {\n  right: 16px;\n}\n.searchLocationForm {\n  min-height: 260px;\n}\n\n.searchLocationForm img.searchIcon {\n  left: 14px;\n  top: 14px;\n}\n.serviceLocationContainer {\n  margin: 32px 0 0;\n  /* border: 1px solid var(--color-divider); */\n  border-radius: 12px;\n  max-height: 300px;\n  overflow: auto;\n}\n.serviceLocationContainer ul {\n  padding: 16px;\n  border-bottom: 1px solid var(--color-divider);\n}\n.serviceLocationContainer ul:last-child {\n  border: none;\n}\n.currentLocationLink {\n  display: flex;\n  gap: 4px;\n}\n.noResultFound {\n  padding: 58px 32px;\n  border: 1px solid var(--color-divider);\n  border-radius: 12px;\n  text-align: center;\n  margin: 32px 0 0;\n}\n.noResultFound img {\n  width: 48px;\n}\n.serviceLocationContainer ul li {\n  padding: 0;\n}\n\n.addLocation aside {\n  border-radius: 12px;\n}\n.addLocation aside svg {\n  padding: 0 0 16px;\n}\n.crossIcon {\n  font-size: 24px;\n  position: absolute;\n  z-index: 1;\n  top: 13px;\n  right: 16px;\n  color: var(--color-secondary-content);\n}\n.crossIcon:hover {\n  color: var(--color-primary-content);\n}\n\n.mapComponent .locationSecBox {\n  display: flex;\n  max-width: 748px;\n  margin: 24px auto;\n\n  flex-direction: column;\n  border-radius: 12px;\n  border: none;\n}\n.mapComponent .listoflocation ul{\n  width: calc(100% + 48px);\n    margin: 16px 0 0 -24px !important;\n}\n.mapComponent .listoflocation{\n  margin: 24px 0 0 0;\n}\n.smallModalWidth{\n  width: 480px !important;\n}\n.fullModalWidth{\n  width: 800px !important;\n}\n.fullModalWidth .ant-modal-content{\n  padding: 0;\n}\n.fullModalWidth .mapHeight{\n  width: 440px;\n}\n.fullModalWidth .addresBoxDiv{\n  width: calc(100% - 440px);\n  padding: 64px 24px 32px;\n}\n.fullModalWidth .buttonBottom{\n  bottom: 32px;\n}\n.fullModalWidth .ant-modal-body > div{\n  padding: 0;\n}\n.mapComponent .locationInner {\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.addressDetaisBox {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.locationlabel {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n.listoflocation {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin: 48px 0 0 0;\n}\n.listoflocation ul {\n  display: flex;\n  padding: 0;\n  flex-direction: column;\n  width: 100%;\n  border-top: solid 4px var(--color-divider);\n  margin: 16px 0 0 0 !important;\n}\n.listoflocation ul li {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  padding: 16px;\n  border-bottom: solid 1px var(--color-divider);\n  align-items: flex-start;\n  cursor: pointer;\n}\n.listoflocation ul li:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n.listoflocation ul li .addressDetails {\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  margin: 0 0 0 12px;\n  max-width: none;\n}\n\n.minHeightAuto {\n  min-height: auto !important;\n}\n\n.oa-pincodeLocation .topHeader {\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  left: 0;\n  height: 56px;\n  width: 100%;\n  z-index: 9;\n  background: var(--color-primary-background);\n}\n.oa-pincodeLocation .topHeader .container {\n  width: 100%;\n}\n\n.oa-pincodeLocation .topHeader img {\n  width: 122px;\n}\n\n@media screen and (max-width: 600px) {\n  .slotContainer {\n    padding: 48px 16px 24px 16px !important;\n  }\n\n  .listoflocation ul li:last-child {\n    padding-bottom: 12px;\n  }\n\n  .oa-pincodeLocation .topHeader {\n    position: fixed;\n    top: 0;\n  }\n  .mobileMarginTop {\n    margin: 80px 0 0 !important;\n  }\n\n  .containerMap {\n    margin: 0 auto;\n    height: 100vh;\n    padding: 56px 16px 0 16px;\n  }\n  .locationSecBox {\n    margin: 0 auto;\n    border: none;\n    overflow: inherit;\n  }\n  .locationInner {\n    padding: 80px 16px 0 16px;\n  }\n  .addressDetaisBox {\n    flex-direction: column;\n  }\n  .mapHeight {\n    height: calc(100vh - 436px);\n    width: calc(100% + 32px);\n    border-radius: 0;\n    position: relative;\n    overflow: hidden;\n    margin: -24px 0 0 -16px;\n  }\n  .fullModalWidth .addresBoxDiv{\n    width: 100%;\n    padding: 0px 16px 32px;\n    margin: 0;\n  }\n  .fullModalWidth .buttonBottom{\n    position: static;\n  }\n  .fullModalWidth .addressDetaisBox{\n    gap: 32px;\n  }\n  .fullModalWidth .mapHeight {\n    width: 100%;\n    margin: 0 !important;\n    height: calc(100vh - 392px) !important;\n}\n.fullModalWidth .ant-modal-content{\n  padding: 0;\n  bottom: 0;\n  top: 0;\n}\n.fullModalWidth .ant-modal-body{\n  max-height: fit-content;\n  padding-right: 0;\n}\n.fullModalWidth .containerMap{\n  padding: 0;\n}\n.fullModalWidth{\n  margin: 0 !important;\n}\n  .addresBoxDiv {\n    flex-direction: column;\n    padding: 33px 16px;\n    width: calc(100% + 32px);\n    background: #fff;\n    margin: 0 0 0 -16px;\n    border-radius: 12px 12px 0 0;\n  }\n\n  .buttonBottom {\n    position: relative;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    padding: 0;\n  }\n\n  .searchLocationForm {\n    min-height: 200px;\n  }\n  .searchLocationContainer .padding-bottom-24 {\n    padding-top: 12px;\n  }\n  .spacing-32 h3,\n  .locationHead,\n  .mobileViewNone {\n    display: none;\n  }\n  .paddingZero {\n    padding: 0;\n    border: none;\n  }\n  /* .mapMobileRadious{\n        width: calc(100% + 32px);\n        position: relative;\n        margin: 0 -16px 0 0;\n        border-radius: 0;\n        border: none;\n    } */\n  .mapHeightMobile .mapHeight {\n    height: calc(96vh - 56px - 80px - 36px - 80px - 24px);\n    padding: 0;\n  }\n  .mapHeightMobile {\n    height: 88vh;\n    overflow: hidden;\n  }\n\n  .mobileHeader {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .noResultFound {\n    padding: 16px;\n    margin: 24px 0 0;\n  }\n  .mobileHeader svg {\n    cursor: pointer;\n  }\n  .serviceLocationContainer {\n    max-height: fit-content;\n    overflow-x: inherit;\n  }\n}\n@media screen and (max-width: 1024px) {\n  .addLocation aside {\n    border: none;\n    padding: 0;\n  }\n  .locFormContainer {\n    padding: 0;\n    border: none;\n  }\n  /* .mapMobileRadious{\n        border-radius: 0;\n    } */\n}\n\n.locFormContainer input[type=\"text\"]:not(.browser-default),\ninput[type=\"date\"]:not(.browser-default) {\n  float: none;\n  width: 100% !important;\n  /* padding: 14px; */\n}\n\n.getCompleteAddress input[type=\"text\"]:not(.browser-default),\ninput[type=\"date\"]:not(.browser-default) {\n  float: none;\n  width: 100% !important;\n  /* padding: 14px; */\n}\n\n"])));
+const MapStyles = exports.MapStyles = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");\n\n.ant-input-outlined {\n  background: #ffffff;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #959595;\n  padding: 13px 16px;\n  border-radius: 4px;\n}\n.ant-input-outlined:focus,\n:where(.css-dev-only-do-not-override-vqv1ns).ant-input-outlined:focus-within {\n  border-color: #014fc5;\n  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);\n  outline: 0;\n  background-color: #ffffff;\n}\n\n.map-current-location {\n  position: absolute;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  width: 40px;\n  height: 40px;\n  top: 85px !important;\n  right: 10px !important;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n  border-radius: 2px;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.map-current-location:hover {\n  color: black;\n}\n.mapHeight {\n  height: 570px;\n  min-width: 360px;\n  border-radius: 12px;\n  position: relative;\n  overflow: hidden;\n}\n\n.addresBoxDiv {\n  display: flex;\n  flex-direction: column;\n  padding: 46px 24px 34px;\n  width: calc(100% - 360px);\n  position: relative;\n}\n\n.addressEdit {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-direction: row;\n}\n.addressDetails {\n  max-width: 200px;\n  display: flex;\n  flex-direction: column;\n}\n\n.buttonBottom {\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  right: 0;\n  left: 0;\n  padding: 0 24px;\n}\n.buttonBottom .ant-form-item{\nmargin: 0;\n}\n.buttonBottom button {\n  width: 100%;\n}\n\n.spacing-32 h3 {\n  text-align: center;\n}\n.padding-top-32 button {\n  width: 100%;\n}\n.borderArea {\n  border: 1px solid var(--color-divider);\n}\n.locWithForm button {\n  width: 100%;\n}\n.locWithForm section {\n  padding: 0 0 32px;\n}\n.locWithForm section > div .MuiSvgIcon-root {\n  font-size: 24px !important;\n}\n.ant-form-item .ant-form-item-explain-error,\n.errorMsg {\n  color: var(--color-negative);\n  font-size: 12px;\n}\n.marZero .ant-form-item {\n  margin-bottom: 0;\n}\n.datepicker-modal button {\n  width: 100%;\n}\n.mapHeight + section {\n  justify-content: space-between;\n  overflow: hidden;\n}\n.loadingGif {\n  text-align: center;\n  padding: 12px 0 0;\n}\n.borderArea {\n  border: 1px solid var(--color-divider);\n}\n.mobileHeader {\n  display: none;\n}\n.addLocation li > p {\n  padding: 16px 0 0px;\n  margin: 0 0 32px !important;\n}\n.addLocation {\n  position: relative;\n}\n.flexDisplay {\n  display: flex;\n  gap: 8px;\n}\n.rowGap {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: baseline;\n  cursor: pointer;\n}\n.rowGap + button {\n  cursor: pointer;\n}\n.selectLocation button {\n  margin: 24px 0 0;\n}\n.parentDisplay {\n  padding: 16px;\n  border-bottom: 1px solid var(--color-divider);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n\n.searchLocationForm section {\n  position: relative;\n}\n.searchLocationForm .ant-input-affix-wrapper {\n  height: 48px;\n}\n.searchLocationForm .anticon-close-circle svg {\n  font-size: 20px;\n}\n.searchLocationForm section img {\n  position: absolute;\n  right: 6px;\n  top: 14px;\n  z-index: 9;\n  cursor: pointer;\n  width: 22px;\n}\n.serviceLocationContainer ul li {\n  display: flex;\n  gap: 8px;\n  align-items: start;\n}\n.serviceLocationContainer ul li img {\n  position: relative;\n  top: 2px;\n}\n.searchLocationForm section input {\n  padding: 13px 16px 13px 38px;\n}\n.searchLocationForm section img.crossIcon,\n.searchLocationForm section img.searchLoader {\n  right: 16px;\n}\n.searchLocationForm {\n  min-height: 260px;\n}\n\n.searchLocationForm img.searchIcon {\n  left: 14px;\n  top: 14px;\n}\n.serviceLocationContainer {\n  margin: 32px 0 0;\n  /* border: 1px solid var(--color-divider); */\n  border-radius: 12px;\n  max-height: 300px;\n  overflow: auto;\n}\n.serviceLocationContainer ul {\n  padding: 16px;\n  border-bottom: 1px solid var(--color-divider);\n}\n.serviceLocationContainer ul:last-child {\n  border: none;\n}\n.currentLocationLink {\n  display: flex;\n  gap: 4px;\n}\n.noResultFound {\n  padding: 58px 32px;\n  border: 1px solid var(--color-divider);\n  border-radius: 12px;\n  text-align: center;\n  margin: 32px 0 0;\n}\n.noResultFound img {\n  width: 48px;\n}\n.serviceLocationContainer ul li {\n  padding: 0;\n}\n\n.addLocation aside {\n  border-radius: 12px;\n}\n.addLocation aside svg {\n  padding: 0 0 16px;\n}\n.crossIcon {\n  font-size: 24px;\n  position: absolute;\n  z-index: 1;\n  top: 13px;\n  right: 16px;\n  color: var(--color-secondary-content);\n}\n.crossIcon:hover {\n  color: var(--color-primary-content);\n}\n\n.mapComponent .locationSecBox {\n  display: flex;\n  max-width: 748px;\n  margin: 24px auto;\n\n  flex-direction: column;\n  border-radius: 12px;\n  border: none;\n}\n.mapComponent .listoflocation ul{\n  width: calc(100% + 48px);\n    margin: 16px 0 0 -24px !important;\n}\n.mapComponent .listoflocation{\n  margin: 24px 0 0 0;\n}\n.smallModalWidth{\n  width: 480px !important;\n}\n.fullModalWidth{\n  width: 800px !important;\n}\n.fullModalWidth .ant-modal-content{\n  padding: 0;\n}\n.fullModalWidth .mapHeight{\n  width: 440px;\n}\n.fullModalWidth .addresBoxDiv{\n  width: calc(100% - 440px);\n  padding: 64px 24px 32px;\n}\n.fullModalWidth .buttonBottom{\n  bottom: 32px;\n}\n.fullModalWidth .ant-modal-body > div{\n  padding: 0;\n}\n.mapComponent .locationInner {\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.addressDetaisBox {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.locationlabel {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n.listoflocation {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin: 48px 0 0 0;\n}\n.listoflocation ul {\n  display: flex;\n  padding: 0;\n  flex-direction: column;\n  width: 100%;\n  border-top: solid 4px var(--color-divider);\n  margin: 16px 0 0 0 !important;\n}\n.listoflocation ul li {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  padding: 16px;\n  border-bottom: solid 1px var(--color-divider);\n  align-items: flex-start;\n  cursor: pointer;\n}\n.listoflocation ul li:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n.listoflocation ul li .addressDetails {\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  margin: 0 0 0 12px;\n  max-width: none;\n}\n\n.minHeightAuto {\n  min-height: auto !important;\n}\n\n.oa-pincodeLocation .topHeader {\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  left: 0;\n  height: 56px;\n  width: 100%;\n  z-index: 9;\n  background: var(--color-primary-background);\n}\n.oa-pincodeLocation .topHeader .container {\n  width: 100%;\n}\n\n.oa-pincodeLocation .topHeader img {\n  width: 122px;\n}\n\n@media screen and (max-width: 600px) {\n  .slotContainer {\n    padding: 48px 16px 24px 16px !important;\n  }\n\n  .listoflocation ul li:last-child {\n    padding-bottom: 12px;\n  }\n\n  .oa-pincodeLocation .topHeader {\n    position: fixed;\n    top: 0;\n  }\n  .mobileMarginTop {\n    margin: 80px 0 0 !important;\n  }\n\n  .containerMap {\n    margin: 0 auto;\n    height: 100vh;\n    padding: 56px 16px 0 16px;\n  }\n  .locationSecBox {\n    margin: 0 auto;\n    border: none;\n    overflow: inherit;\n  }\n  .locationInner {\n    padding: 80px 16px 0 16px;\n  }\n  .addressDetaisBox {\n    flex-direction: column;\n  }\n  .mapHeight {\n    height: calc(100vh - 436px);\n    width: calc(100% + 32px);\n    border-radius: 0;\n    position: relative;\n    overflow: hidden;\n    margin: -24px 0 0 -16px;\n  }\n  .fullModalWidth .addresBoxDiv{\n    width: 100%;\n    padding: 0px 16px 32px;\n    margin: 0;\n  }\n  .fullModalWidth .buttonBottom{\n    position: static;\n  }\n  .fullModalWidth .addressDetaisBox{\n    gap: 32px;\n  }\n  .fullModalWidth .mapHeight {\n    width: 100%;\n    margin: 0 !important;\n    height: calc(100vh - 392px) !important;\n}\n.fullModalWidth .ant-modal-content{\n  padding: 0;\n  bottom: 0;\n  top: 0;\n}\n.fullModalWidth .ant-modal-body{\n  max-height: fit-content;\n  padding-right: 0;\n}\n.fullModalWidth .containerMap{\n  padding: 0;\n}\n.fullModalWidth{\n  margin: 0 !important;\n}\n  .addresBoxDiv {\n    flex-direction: column;\n    padding: 33px 16px;\n    width: calc(100% + 32px);\n    background: #fff;\n    margin: 0 0 0 -16px;\n    border-radius: 12px 12px 0 0;\n  }\n\n  .buttonBottom {\n    position: relative;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    padding: 0;\n  }\n\n  .searchLocationForm {\n    min-height: 200px;\n  }\n  .searchLocationContainer .padding-bottom-24 {\n    padding-top: 12px;\n  }\n  .spacing-32 h3,\n  .locationHead,\n  .mobileViewNone {\n    display: none;\n  }\n  .paddingZero {\n    padding: 0;\n    border: none;\n  }\n  /* .mapMobileRadious{\n        width: calc(100% + 32px);\n        position: relative;\n        margin: 0 -16px 0 0;\n        border-radius: 0;\n        border: none;\n    } */\n  .mapHeightMobile .mapHeight {\n    height: calc(96vh - 56px - 80px - 36px - 80px - 24px);\n    padding: 0;\n  }\n  .mapHeightMobile {\n    height: 88vh;\n    overflow: hidden;\n  }\n\n  .mobileHeader {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .noResultFound {\n    padding: 16px;\n    margin: 24px 0 0;\n  }\n  .mobileHeader svg {\n    cursor: pointer;\n  }\n  .serviceLocationContainer {\n    max-height: fit-content;\n    overflow-x: inherit;\n  }\n}\n@media screen and (max-width: 1024px) {\n  .addLocation aside {\n    border: none;\n    padding: 0;\n  }\n  .locFormContainer {\n    padding: 0;\n    border: none;\n  }\n  /* .mapMobileRadious{\n        border-radius: 0;\n    } */\n}\n\n.locFormContainer input[type=\"text\"]:not(.browser-default),\ninput[type=\"date\"]:not(.browser-default) {\n  float: none;\n  width: 100% !important;\n  /* padding: 14px; */\n}\n\n.getCompleteAddress input[type=\"text\"]:not(.browser-default),\ninput[type=\"date\"]:not(.browser-default) {\n  float: none;\n  width: 100% !important;\n  /* padding: 14px; */\n}\n\n"])));

package/build/widgets/oa-widget-notes/NotesWidget.js

@@ -83,7 +83,8 @@ function NotesWidget(_ref) {
       }
       return /*#__PURE__*/_react.default.createElement("div", {
         style: {
-          overflow: "auto"
+          overflow: "auto",
+          whiteSpace: "pre-wrap"
         }
       }, text);
     },

package/build/widgets/oa-widget-pincode-base-location/PincodeBaseLocation.js

@@ -69,7 +69,8 @@ function PincodeBaseLocation(_ref) {
     emptySearchInput,
     getCurrentLocation,
     setOpenLocationNotDetectedModal,
-    showHeader
+    showHeader,
+    showCurrentLocationOption = true
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_styles.PincodeStyles, null, showHeader && /*#__PURE__*/_react.default.createElement("div", {
     className: "oa-pincodeLocation"
@@ -148,7 +149,7 @@ function PincodeBaseLocation(_ref) {
     placeholder: "Type here...",
     autoFocus: true,
     onChange: handleSearchLocation
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), showCurrentLocationOption && /*#__PURE__*/_react.default.createElement("div", {
     className: "margin-top-4"
   }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
     iconConfig: {

package/build/widgets/oa-widget-pincode-base-location/styles.js

@@ -9,4 +9,4 @@ 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 PincodeStyles = exports.PincodeStyles = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.loadingGif p{\npadding: 8px 0 0;\n}\n\n.errorMsg{\npadding: 4px 0 0;}\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");\n\n.ant-input-outlined {\n  background: #ffffff;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #959595;\n  padding: 13px 16px;\n  border-radius: 4px;\n}\n.ant-input-outlined:focus,\n:where(.css-dev-only-do-not-override-vqv1ns).ant-input-outlined:focus-within {\n  border-color: #014fc5;\n  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);\n  outline: 0;\n  background-color: #ffffff;\n}\n\n.map-current-location {\n  position: absolute;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  width: 40px;\n  height: 40px;\n  top: 85px !important;\n  right: 10px !important;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n  border-radius: 2px;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.map-current-location:hover {\n  color: black;\n}\n.mapHeight {\n  height: 570px;\n  min-width: 360px;\n  border-radius: 12px;\n  position: relative;\n  overflow: hidden;\n}\n\n.addresBoxDiv {\n  display: flex;\n  flex-direction: column;\n  padding: 46px 24px 34px;\n  width: calc(100% - 360px);\n  position: relative;\n}\n\n.addressEdit {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-direction: row;\n}\n.addressDetails {\n  max-width: 216px;\n  display: flex;\n  flex-direction: column;\n}\n\n.buttonBottom {\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  right: 0;\n  left: 0;\n  padding: 0 24px;\n}\n.buttonBottom .ant-form-item{\nmargin: 0;\n}\n.buttonBottom button {\n  width: 100%;\n}\n\n.spacing-32 h3 {\n  text-align: center;\n}\n.padding-top-32 button {\n  width: 100%;\n}\n.borderArea {\n  border: 1px solid var(--color-divider);\n}\n.locWithForm button {\n  width: 100%;\n}\n.locWithForm section {\n  padding: 0 0 32px;\n}\n.locWithForm section > div .MuiSvgIcon-root {\n  font-size: 24px !important;\n}\n.ant-form-item .ant-form-item-explain-error,\n.errorMsg {\n  color: var(--color-negative);\n  font-size: 12px;\n}\n.marZero .ant-form-item {\n  margin-bottom: 0;\n}\n.datepicker-modal button {\n  width: 100%;\n}\n.mapHeight + section {\n  justify-content: space-between;\n  overflow: hidden;\n}\n.loadingGif {\n  text-align: center;\n  padding: 12px 0 0;\n}\n.borderArea {\n  border: 1px solid var(--color-divider);\n}\n.mobileHeader {\n  display: none;\n}\n.addLocation li > p {\n  padding: 16px 0 0px;\n  margin: 0 0 32px !important;\n}\n.addLocation {\n  position: relative;\n}\n.flexDisplay {\n  display: flex;\n  gap: 8px;\n}\n.rowGap {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: baseline;\n  cursor: pointer;\n}\n.rowGap + button {\n  cursor: pointer;\n}\n.selectLocation button {\n  margin: 24px 0 0;\n}\n.parentDisplay {\n  padding: 16px;\n  border-bottom: 1px solid var(--color-divider);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n\n.searchLocationForm section {\n  position: relative;\n}\n.searchLocationForm .ant-input-affix-wrapper {\n  height: 48px;\n}\n.searchLocationForm .anticon-close-circle svg {\n  font-size: 20px;\n}\n.searchLocationForm section img {\n  position: absolute;\n  right: 6px;\n  top: 14px;\n  z-index: 9;\n  cursor: pointer;\n  width: 22px;\n}\n.serviceLocationContainer ul li {\n  display: flex;\n  gap: 8px;\n  align-items: start;\n}\n.serviceLocationContainer ul li img {\n  position: relative;\n  top: 2px;\n}\n.searchLocationForm section input {\n  padding: 13px 16px 13px 38px;\n}\n.searchLocationForm section img.crossIcon,\n.searchLocationForm section img.searchLoader {\n  right: 16px;\n}\n.searchLocationForm {\n  min-height: 260px;\n}\n\n.searchLocationForm img.searchIcon {\n  left: 14px;\n  top: 14px;\n}\n.serviceLocationContainer {\n  margin: 32px 0 0;\n  /* border: 1px solid var(--color-divider); */\n  border-radius: 12px;\n  max-height: 300px;\n  overflow: auto;\n}\n.serviceLocationContainer ul {\n  padding: 16px;\n  border-bottom: 1px solid var(--color-divider);\n}\n.serviceLocationContainer ul:last-child {\n  border: none;\n}\n.currentLocationLink {\n  display: flex;\n  gap: 4px;\n}\n.noResultFound {\n  padding: 58px 32px;\n  border: 1px solid var(--color-divider);\n  border-radius: 12px;\n  text-align: center;\n  margin: 32px 0 0;\n}\n.noResultFound img {\n  width: 48px;\n}\n.serviceLocationContainer ul li {\n  padding: 0;\n}\n\n.addLocation aside {\n  border-radius: 12px;\n}\n.addLocation aside svg {\n  padding: 0 0 16px;\n}\n.crossIcon {\n  font-size: 24px;\n  position: absolute;\n  z-index: 1;\n  top: 13px;\n  right: 16px;\n  color: var(--color-secondary-content);\n}\n.crossIcon:hover {\n  color: var(--color-primary-content);\n}\n\n.mapComponent .locationSecBox {\n  display: flex;\n  max-width: 748px;\n  margin: 24px auto;\n\n  flex-direction: column;\n  border-radius: 12px;\n  border: none;\n}\n.mapComponent .listoflocation ul{\n  width: calc(100% + 48px);\n    margin: 16px 0 0 -24px !important;\n}\n.mapComponent .listoflocation{\n  margin: 24px 0 0 0;\n}\n.smallModalWidth{\n  width: 480px !important;\n}\n.fullModalWidth{\n  width: 800px !important;\n}\n.fullModalWidth .ant-modal-content{\n  padding: 0;\n}\n.fullModalWidth .mapHeight{\n  width: 440px;\n}\n.fullModalWidth .addresBoxDiv{\n  width: calc(100% - 440px);\n  padding: 64px 24px 32px;\n}\n.fullModalWidth .buttonBottom{\n  bottom: 32px;\n}\n.fullModalWidth .ant-modal-body > div{\n  padding: 0;\n}\n.mapComponent .locationInner {\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.addressDetaisBox {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.locationlabel {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n.listoflocation {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin: 48px 0 0 0;\n}\n.listoflocation ul {\n  display: flex;\n  padding: 0;\n  flex-direction: column;\n  width: 100%;\n  border-top: solid 4px var(--color-divider);\n  margin: 16px 0 0 0 !important;\n}\n.listoflocation ul li {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  padding: 16px;\n  border-bottom: solid 1px var(--color-divider);\n  align-items: flex-start;\n  cursor: pointer;\n}\n.listoflocation ul li:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n.listoflocation ul li .addressDetails {\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  margin: 0 0 0 12px;\n  max-width: none;\n}\n\n.minHeightAuto {\n  min-height: auto !important;\n}\n\n.oa-pincodeLocation .topHeader {\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  left: 0;\n  height: 56px;\n  width: 100%;\n  z-index: 9;\n  background: var(--color-primary-background);\n}\n.oa-pincodeLocation .topHeader .container {\n  width: 100%;\n}\n\n.oa-pincodeLocation .topHeader img {\n  width: 122px;\n}\n\n@media screen and (max-width: 600px) {\n  .slotContainer {\n    padding: 48px 16px 24px 16px !important;\n  }\n\n  .listoflocation ul li:last-child {\n    padding-bottom: 12px;\n  }\n\n  .oa-pincodeLocation .topHeader {\n    position: fixed;\n    top: 0;\n  }\n  .mobileMarginTop {\n    margin: 80px 0 0 !important;\n  }\n\n  .containerMap {\n    margin: 0 auto;\n    height: 100vh;\n    padding: 56px 16px 0 16px;\n  }\n  .locationSecBox {\n    margin: 0 auto;\n    border: none;\n    overflow: inherit;\n  }\n  .locationInner {\n    padding: 80px 16px 0 16px;\n  }\n  .addressDetaisBox {\n    flex-direction: column;\n  }\n  .mapHeight {\n    height: calc(100vh - 436px);\n    width: calc(100% + 32px);\n    border-radius: 0;\n    position: relative;\n    overflow: hidden;\n    margin: -24px 0 0 -16px;\n  }\n  .fullModalWidth .addresBoxDiv{\n    width: 100%;\n    padding: 0px 16px 32px;\n    margin: 0;\n  }\n  .fullModalWidth .buttonBottom{\n    position: static;\n  }\n  .fullModalWidth .addressDetaisBox{\n    gap: 32px;\n  }\n  .fullModalWidth .mapHeight {\n    width: 100%;\n    margin: 0 !important;\n    height: calc(100vh - 392px) !important;\n}\n.fullModalWidth .ant-modal-content{\n  padding: 0;\n  bottom: 0;\n  top: 0;\n}\n.fullModalWidth .ant-modal-body{\n  max-height: fit-content;\n  padding-right: 0;\n}\n.fullModalWidth .containerMap{\n  padding: 0;\n}\n.fullModalWidth{\n  margin: 0 !important;\n}\n  .addresBoxDiv {\n    flex-direction: column;\n    padding: 46px 24px 34px\n    width: calc(100% + 32px);\n    background: #fff;\n    margin: 0 0 0 -16px;\n    border-radius: 12px 12px 0 0;\n  }\n\n  .buttonBottom {\n    position: relative;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    padding: 0;\n  }\n\n  .searchLocationForm {\n    min-height: 200px;\n  }\n  .searchLocationContainer .padding-bottom-24 {\n    padding-top: 12px;\n  }\n  .spacing-32 h3,\n  .locationHead,\n  .mobileViewNone {\n    display: none;\n  }\n  .paddingZero {\n    padding: 0;\n    border: none;\n  }\n  /* .mapMobileRadious{\n        width: calc(100% + 32px);\n        position: relative;\n        margin: 0 -16px 0 0;\n        border-radius: 0;\n        border: none;\n    } */\n  .mapHeightMobile .mapHeight {\n    height: calc(96vh - 56px - 80px - 36px - 80px - 24px);\n    padding: 0;\n  }\n  .mapHeightMobile {\n    height: 88vh;\n    overflow: hidden;\n  }\n\n  .mobileHeader {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .noResultFound {\n    padding: 16px;\n    margin: 24px 0 0;\n  }\n  .mobileHeader svg {\n    cursor: pointer;\n  }\n  .serviceLocationContainer {\n    max-height: fit-content;\n    overflow-x: inherit;\n  }\n}\n@media screen and (max-width: 1024px) {\n  .addLocation aside {\n    border: none;\n    padding: 0;\n  }\n  .locFormContainer {\n    padding: 0;\n    border: none;\n  }\n  /* .mapMobileRadious{\n        border-radius: 0;\n    } */\n}\n\n.locFormContainer input[type=\"text\"]:not(.browser-default),\ninput[type=\"date\"]:not(.browser-default) {\n  float: none;\n  width: 100% !important;\n  /* padding: 14px; */\n}\n\n.getCompleteAddress input[type=\"text\"]:not(.browser-default),\ninput[type=\"date\"]:not(.browser-default) {\n  float: none;\n  width: 100% !important;\n  /* padding: 14px; */\n}\n\n"])));
+const PincodeStyles = exports.PincodeStyles = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.loadingGif p{\npadding: 8px 0 0;\n}\n\n.errorMsg{\npadding: 4px 0 0;}\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");\n\n.ant-input-outlined {\n  background: #ffffff;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #959595;\n  padding: 13px 16px;\n  border-radius: 4px;\n}\n.ant-input-outlined:focus,\n:where(.css-dev-only-do-not-override-vqv1ns).ant-input-outlined:focus-within {\n  border-color: #014fc5;\n  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);\n  outline: 0;\n  background-color: #ffffff;\n}\n\n.map-current-location {\n  position: absolute;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  width: 40px;\n  height: 40px;\n  top: 85px !important;\n  right: 10px !important;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n  border-radius: 2px;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.map-current-location:hover {\n  color: black;\n}\n.mapHeight {\n  height: 570px;\n  min-width: 360px;\n  border-radius: 12px;\n  position: relative;\n  overflow: hidden;\n}\n\n.addresBoxDiv {\n  display: flex;\n  flex-direction: column;\n  padding: 46px 24px 34px;\n  width: calc(100% - 360px);\n  position: relative;\n}\n\n.addressEdit {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-direction: row;\n}\n.addressDetails {\n  max-width: 200px;\n  display: flex;\n  flex-direction: column;\n}\n\n.buttonBottom {\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  right: 0;\n  left: 0;\n  padding: 0 24px;\n}\n.buttonBottom .ant-form-item{\nmargin: 0;\n}\n.buttonBottom button {\n  width: 100%;\n}\n\n.spacing-32 h3 {\n  text-align: center;\n}\n.padding-top-32 button {\n  width: 100%;\n}\n.borderArea {\n  border: 1px solid var(--color-divider);\n}\n.locWithForm button {\n  width: 100%;\n}\n.locWithForm section {\n  padding: 0 0 32px;\n}\n.locWithForm section > div .MuiSvgIcon-root {\n  font-size: 24px !important;\n}\n.ant-form-item .ant-form-item-explain-error,\n.errorMsg {\n  color: var(--color-negative);\n  font-size: 12px;\n}\n.marZero .ant-form-item {\n  margin-bottom: 0;\n}\n.datepicker-modal button {\n  width: 100%;\n}\n.mapHeight + section {\n  justify-content: space-between;\n  overflow: hidden;\n}\n.loadingGif {\n  text-align: center;\n  padding: 12px 0 0;\n}\n.borderArea {\n  border: 1px solid var(--color-divider);\n}\n.mobileHeader {\n  display: none;\n}\n.addLocation li > p {\n  padding: 16px 0 0px;\n  margin: 0 0 32px !important;\n}\n.addLocation {\n  position: relative;\n}\n.flexDisplay {\n  display: flex;\n  gap: 8px;\n}\n.rowGap {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: baseline;\n  cursor: pointer;\n}\n.rowGap + button {\n  cursor: pointer;\n}\n.selectLocation button {\n  margin: 24px 0 0;\n}\n.parentDisplay {\n  padding: 16px;\n  border-bottom: 1px solid var(--color-divider);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n\n.searchLocationForm section {\n  position: relative;\n}\n.searchLocationForm .ant-input-affix-wrapper {\n  height: 48px;\n}\n.searchLocationForm .anticon-close-circle svg {\n  font-size: 20px;\n}\n.searchLocationForm section img {\n  position: absolute;\n  right: 6px;\n  top: 14px;\n  z-index: 9;\n  cursor: pointer;\n  width: 22px;\n}\n.serviceLocationContainer ul li {\n  display: flex;\n  gap: 8px;\n  align-items: start;\n}\n.serviceLocationContainer ul li img {\n  position: relative;\n  top: 2px;\n}\n.searchLocationForm section input {\n  padding: 13px 16px 13px 38px;\n}\n.searchLocationForm section img.crossIcon,\n.searchLocationForm section img.searchLoader {\n  right: 16px;\n}\n.searchLocationForm {\n  min-height: 260px;\n}\n\n.searchLocationForm img.searchIcon {\n  left: 14px;\n  top: 14px;\n}\n.serviceLocationContainer {\n  margin: 32px 0 0;\n  /* border: 1px solid var(--color-divider); */\n  border-radius: 12px;\n  max-height: 300px;\n  overflow: auto;\n}\n.serviceLocationContainer ul {\n  padding: 16px;\n  border-bottom: 1px solid var(--color-divider);\n}\n.serviceLocationContainer ul:last-child {\n  border: none;\n}\n.currentLocationLink {\n  display: flex;\n  gap: 4px;\n}\n.noResultFound {\n  padding: 58px 32px;\n  border: 1px solid var(--color-divider);\n  border-radius: 12px;\n  text-align: center;\n  margin: 32px 0 0;\n}\n.noResultFound img {\n  width: 48px;\n}\n.serviceLocationContainer ul li {\n  padding: 0;\n}\n\n.addLocation aside {\n  border-radius: 12px;\n}\n.addLocation aside svg {\n  padding: 0 0 16px;\n}\n.crossIcon {\n  font-size: 24px;\n  position: absolute;\n  z-index: 1;\n  top: 13px;\n  right: 16px;\n  color: var(--color-secondary-content);\n}\n.crossIcon:hover {\n  color: var(--color-primary-content);\n}\n\n.mapComponent .locationSecBox {\n  display: flex;\n  max-width: 748px;\n  margin: 24px auto;\n\n  flex-direction: column;\n  border-radius: 12px;\n  border: none;\n}\n.mapComponent .listoflocation ul{\n  width: calc(100% + 48px);\n    margin: 16px 0 0 -24px !important;\n}\n.mapComponent .listoflocation{\n  margin: 24px 0 0 0;\n}\n.smallModalWidth{\n  width: 480px !important;\n}\n.fullModalWidth{\n  width: 800px !important;\n}\n.fullModalWidth .ant-modal-content{\n  padding: 0;\n}\n.fullModalWidth .mapHeight{\n  width: 440px;\n}\n.fullModalWidth .addresBoxDiv{\n  width: calc(100% - 440px);\n  padding: 64px 24px 32px;\n}\n.fullModalWidth .buttonBottom{\n  bottom: 32px;\n}\n.fullModalWidth .ant-modal-body > div{\n  padding: 0;\n}\n.mapComponent .locationInner {\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.addressDetaisBox {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.locationlabel {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n.listoflocation {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin: 48px 0 0 0;\n}\n.listoflocation ul {\n  display: flex;\n  padding: 0;\n  flex-direction: column;\n  width: 100%;\n  border-top: solid 4px var(--color-divider);\n  margin: 16px 0 0 0 !important;\n}\n.listoflocation ul li {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  padding: 16px;\n  border-bottom: solid 1px var(--color-divider);\n  align-items: flex-start;\n  cursor: pointer;\n}\n.listoflocation ul li:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n.listoflocation ul li .addressDetails {\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  margin: 0 0 0 12px;\n  max-width: none;\n}\n\n.minHeightAuto {\n  min-height: auto !important;\n}\n\n.oa-pincodeLocation .topHeader {\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  left: 0;\n  height: 56px;\n  width: 100%;\n  z-index: 9;\n  background: var(--color-primary-background);\n}\n.oa-pincodeLocation .topHeader .container {\n  width: 100%;\n}\n\n.oa-pincodeLocation .topHeader img {\n  width: 122px;\n}\n\n@media screen and (max-width: 600px) {\n  .slotContainer {\n    padding: 48px 16px 24px 16px !important;\n  }\n\n  .listoflocation ul li:last-child {\n    padding-bottom: 12px;\n  }\n\n  .oa-pincodeLocation .topHeader {\n    position: fixed;\n    top: 0;\n  }\n  .mobileMarginTop {\n    margin: 80px 0 0 !important;\n  }\n\n  .containerMap {\n    margin: 0 auto;\n    height: 100vh;\n    padding: 56px 16px 0 16px;\n  }\n  .locationSecBox {\n    margin: 0 auto;\n    border: none;\n    overflow: inherit;\n  }\n  .locationInner {\n    padding: 80px 16px 0 16px;\n  }\n  .addressDetaisBox {\n    flex-direction: column;\n  }\n  .mapHeight {\n    height: calc(100vh - 436px);\n    width: calc(100% + 32px);\n    border-radius: 0;\n    position: relative;\n    overflow: hidden;\n    margin: -24px 0 0 -16px;\n  }\n  .fullModalWidth .addresBoxDiv{\n    width: 100%;\n    padding: 0px 16px 32px;\n    margin: 0;\n  }\n  .fullModalWidth .buttonBottom{\n    position: static;\n  }\n  .fullModalWidth .addressDetaisBox{\n    gap: 32px;\n  }\n  .fullModalWidth .mapHeight {\n    width: 100%;\n    margin: 0 !important;\n    height: calc(100vh - 392px) !important;\n}\n.fullModalWidth .ant-modal-content{\n  padding: 0;\n  bottom: 0;\n  top: 0;\n}\n.fullModalWidth .ant-modal-body{\n  max-height: fit-content;\n  padding-right: 0;\n}\n.fullModalWidth .containerMap{\n  padding: 0;\n}\n.fullModalWidth{\n  margin: 0 !important;\n}\n  .addresBoxDiv {\n    flex-direction: column;\n    padding: 46px 24px 34px;\n    width: calc(100% + 32px);\n    background: #fff;\n    margin: 0 0 0 -16px;\n    border-radius: 12px 12px 0 0;\n  }\n\n  .buttonBottom {\n    position: relative;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    padding: 0;\n  }\n\n  .searchLocationForm {\n    min-height: 200px;\n  }\n  .searchLocationContainer .padding-bottom-24 {\n    padding-top: 12px;\n  }\n  .spacing-32 h3,\n  .locationHead,\n  .mobileViewNone {\n    display: none;\n  }\n  .paddingZero {\n    padding: 0;\n    border: none;\n  }\n  /* .mapMobileRadious{\n        width: calc(100% + 32px);\n        position: relative;\n        margin: 0 -16px 0 0;\n        border-radius: 0;\n        border: none;\n    } */\n  .mapHeightMobile .mapHeight {\n    height: calc(96vh - 56px - 80px - 36px - 80px - 24px);\n    padding: 0;\n  }\n  .mapHeightMobile {\n    height: 88vh;\n    overflow: hidden;\n  }\n\n  .mobileHeader {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .noResultFound {\n    padding: 16px;\n    margin: 24px 0 0;\n  }\n  .mobileHeader svg {\n    cursor: pointer;\n  }\n  .serviceLocationContainer {\n    max-height: fit-content;\n    overflow-x: inherit;\n  }\n}\n@media screen and (max-width: 1024px) {\n  .addLocation aside {\n    border: none;\n    padding: 0;\n  }\n  .locFormContainer {\n    padding: 0;\n    border: none;\n  }\n  /* .mapMobileRadious{\n        border-radius: 0;\n    } */\n}\n\n.locFormContainer input[type=\"text\"]:not(.browser-default),\ninput[type=\"date\"]:not(.browser-default) {\n  float: none;\n  width: 100% !important;\n  /* padding: 14px; */\n}\n\n.getCompleteAddress input[type=\"text\"]:not(.browser-default),\ninput[type=\"date\"]:not(.browser-default) {\n  float: none;\n  width: 100% !important;\n  /* padding: 14px; */\n}\n\n"])));

package/build/widgets/oa-widget-track-shipment/TrackShipmentWidget.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.string.starts-with.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FileCopyOutlined = _interopRequireDefault(require("@material-ui/icons/FileCopyOutlined"));
@@ -35,6 +36,14 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * @returns {ReactElement} The rendered component.
  */
+function getModifiedByRole(modifiedBy) {
+  if (!modifiedBy) return null;
+  if (modifiedBy.startsWith('admin')) return 'Address/Contact number updated by Admin';
+  if (modifiedBy.startsWith('crm')) return 'Address/Contact number updated by CRM';
+  if (modifiedBy.startsWith('unite')) return 'Partner/AWB number updated by Service center.';
+  if (modifiedBy.startsWith('customer')) return 'Address/Contact number updated by customer';
+  return null;
+}
 function TrackShipmentWidget(_ref) {
   var _tableData, _tableData2;
   let {
@@ -45,7 +54,8 @@ function TrackShipmentWidget(_ref) {
     toAddress,
     heading,
     partnerName,
-    errorReason
+    errorReason,
+    modifiedBy
   } = _ref;
   // local variables
   const deilveryStageText = 'SHIPMENT DELIVERED to Customer';
@@ -92,6 +102,7 @@ function TrackShipmentWidget(_ref) {
     var _tableData3;
     return item.title !== ((_tableData3 = tableData[index - 1]) === null || _tableData3 === void 0 ? void 0 : _tableData3.oneassistDisplayStatus);
   });
+  const modifiedByNote = getModifiedByRole(modifiedBy);
   return /*#__PURE__*/_react.default.createElement(_styles.StyleTrackShipment, {
     className: "trackingDetails"
   }, /*#__PURE__*/_react.default.createElement(_CustomNotification.default, {
@@ -112,7 +123,18 @@ function TrackShipmentWidget(_ref) {
     }
   })), partnerName && /*#__PURE__*/_react.default.createElement("p", {
     className: "type-b2-400 disFlex"
-  }, "Partner:", partnerName), fromAddress && toAddress && /*#__PURE__*/_react.default.createElement(_styles.AddressesContainer, null, /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
+  }, "Partner:", partnerName), modifiedByNote && /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-top-16"
+  }, /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
+    color: "secondary-background",
+    description: modifiedByNote,
+    iconConfig: {
+      icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+        icon: _InfoOutlined.default
+      }),
+      position: 'left'
+    }
+  })), fromAddress && toAddress && /*#__PURE__*/_react.default.createElement(_styles.AddressesContainer, null, /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
     address: fromAddress
   }), /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
     address: toAddress
@@ -178,6 +200,7 @@ TrackShipmentWidget.propTypes = {
   awbNumber: _propTypes.default.string.isRequired,
   errorReason: _propTypes.default.string,
   partnerName: _propTypes.default.string,
+  modifiedBy: _propTypes.default.string,
   fromAddress: _propTypes.default.shape({
     heading: _propTypes.default.string,
     addressLine1: _propTypes.default.string,
@@ -220,6 +243,7 @@ TrackShipmentWidget.propTypes = {
 TrackShipmentWidget.defaultProps = {
   errorReason: '',
   partnerName: '',
+  modifiedBy: null,
   fromAddress: {
     heading: ''
   },

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

@@ -24,7 +24,7 @@ function TrackShipmentWidgetList(_ref) {
     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) => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, 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,
@@ -40,7 +40,7 @@ function TrackShipmentWidgetList(_ref) {
       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,

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

@@ -75,7 +75,8 @@ const getSingleShipmentHistory = item => {
       landmark: item === null || item === void 0 ? void 0 : item.destLandmark,
       state: item === null || item === void 0 ? void 0 : item.destState
     },
-    tableData: (_item$history = item === null || item === void 0 ? void 0 : item.history) !== null && _item$history !== void 0 ? _item$history : []
+    tableData: (_item$history = item === null || item === void 0 ? void 0 : item.history) !== null && _item$history !== void 0 ? _item$history : [],
+    modifiedBy: item === null || item === void 0 ? void 0 : item.modifiedBy
   };
 };
 exports.getSingleShipmentHistory = getSingleShipmentHistory;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.18.390",
+  "version": "0.18.391",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",