oa-componentbook 0.18.389 → 0.18.391

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 (11) hide show
  1. package/build/index.js +7 -0
  2. package/build/layout/GenricLayOut/GenricLayOut.js +4 -4
  3. package/build/widgets/oa-widget-dropdown-search-input/DropdownSearchInput.js +3 -1
  4. package/build/widgets/oa-widget-map-base-location/styles.js +1 -1
  5. package/build/widgets/oa-widget-notes/NotesWidget.js +2 -1
  6. package/build/widgets/oa-widget-pincode-base-location/PincodeBaseLocation.js +3 -2
  7. package/build/widgets/oa-widget-pincode-base-location/styles.js +1 -1
  8. package/build/widgets/oa-widget-track-shipment/TrackShipmentWidget.js +26 -2
  9. package/build/widgets/oa-widget-track-shipment-list/TrackShipmentWidgetList.js +2 -2
  10. package/build/widgets/oa-widget-track-shipment-list/fn.js +2 -1
  11. package/package.json +1 -1
package/build/index.js CHANGED
@@ -317,6 +317,12 @@ Object.defineProperty(exports, "CustomUploadDev", {
317
317
  return _CustomUpload2.default;
318
318
  }
319
319
  });
320
+ Object.defineProperty(exports, "CustomViewer", {
321
+ enumerable: true,
322
+ get: function get() {
323
+ return _CustomViewer.default;
324
+ }
325
+ });
320
326
  Object.defineProperty(exports, "CustomerRatingCard", {
321
327
  enumerable: true,
322
328
  get: function get() {
@@ -807,6 +813,7 @@ var _ProfileDataWidget = _interopRequireDefault(require("./widgets/oa-widget-pro
807
813
  var _Search = _interopRequireDefault(require("./layout/GenricLayOut/components/Search"));
808
814
  var _CustomTableV = _interopRequireDefault(require("./components/oa-component-table/CustomTableV1"));
809
815
  var _GuideWidget = _interopRequireDefault(require("./widgets/oa-widget-guide/GuideWidget"));
816
+ var _CustomViewer = _interopRequireDefault(require("./components/oa-component-viewer/CustomViewer"));
810
817
  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); }
811
818
  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; }
812
819
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/build/layout/GenricLayOut/GenricLayOut.js CHANGED
@@ -336,7 +336,7 @@ function GenricLayOut(_ref) {
336
336
  } = _ref2;
337
337
  dispatch({
338
338
  type: _layoutReducer.actionTypes.SET_INPUT_SEARCH_VALUE,
339
- payload: value
339
+ payload: value.trim()
340
340
  });
341
341
  if (value === "") {
342
342
  resetTabsExtraActionSwitch();
@@ -483,7 +483,7 @@ function GenricLayOut(_ref) {
483
483
  } = _ref3;
484
484
  dispatch({
485
485
  type: _layoutReducer.actionTypes.SET_DROPDOWN_SEARCH_VALUE,
486
- payload: value
486
+ payload: value === null || value === void 0 ? void 0 : value.trim()
487
487
  });
488
488
  if (value === "") {
489
489
  resetTabsExtraActionSwitch();
@@ -577,7 +577,7 @@ function GenricLayOut(_ref) {
577
577
  }
578
578
  dispatch({
579
579
  type: _layoutReducer.actionTypes.SET_DROPDOWN_SEARCH_VALUE,
580
- payload: value
580
+ payload: trimedValue
581
581
  });
582
582
  resetTabsExtraActionSwitch();
583
583
  if (handleDropdownSearchEnter) {
@@ -586,7 +586,7 @@ function GenricLayOut(_ref) {
586
586
  error,
587
587
  data
588
588
  } = await handleDropdownSearchEnter(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
589
- searchedValue: value,
589
+ searchedValue: trimedValue,
590
590
  selectedTab: state === null || state === void 0 || (_state$tabs4 = state.tabs) === null || _state$tabs4 === void 0 ? void 0 : _state$tabs4.active,
591
591
  selectedOption: state === null || state === void 0 ? void 0 : state.dropdownSearch.selectedOption,
592
592
  current: config === null || config === void 0 || (_config$tables13 = config.tables) === null || _config$tables13 === void 0 || (_config$tables13 = _config$tables13.pagination) === null || _config$tables13 === void 0 ? void 0 : _config$tables13.current,
package/build/widgets/oa-widget-dropdown-search-input/DropdownSearchInput.js CHANGED
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
  require("core-js/modules/web.dom-collections.iterator.js");
10
+ require("core-js/modules/es.string.trim.js");
10
11
  var _react = _interopRequireWildcard(require("react"));
11
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
13
  var _antd = require("antd");
@@ -112,7 +113,8 @@ function DropdownSearchInput(_ref) {
112
113
  * @param {React.ChangeEvent<HTMLInputElement>} e - The change event.
113
114
  */
114
115
  const handleInputChange = e => {
115
- setInternalInputValue(e.target.value);
116
+ var _e$target$value;
117
+ setInternalInputValue((_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.trim()); // Update internal state with trimmed value
116
118
  if (onInputChange) {
117
119
  onInputChange(e); // Return the event `e` instead of just its value
118
120
  }
package/build/widgets/oa-widget-map-base-location/styles.js CHANGED
@@ -9,4 +9,4 @@ var _templateObject;
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
11
11
  var _default = exports.default = {};
12
- 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"])));
12
+ 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 CHANGED
@@ -83,7 +83,8 @@ function NotesWidget(_ref) {
83
83
  }
84
84
  return /*#__PURE__*/_react.default.createElement("div", {
85
85
  style: {
86
- overflow: "auto"
86
+ overflow: "auto",
87
+ whiteSpace: "pre-wrap"
87
88
  }
88
89
  }, text);
89
90
  },
package/build/widgets/oa-widget-pincode-base-location/PincodeBaseLocation.js CHANGED
@@ -69,7 +69,8 @@ function PincodeBaseLocation(_ref) {
69
69
  emptySearchInput,
70
70
  getCurrentLocation,
71
71
  setOpenLocationNotDetectedModal,
72
- showHeader
72
+ showHeader,
73
+ showCurrentLocationOption = true
73
74
  } = _ref;
74
75
  return /*#__PURE__*/_react.default.createElement(_styles.PincodeStyles, null, showHeader && /*#__PURE__*/_react.default.createElement("div", {
75
76
  className: "oa-pincodeLocation"
@@ -148,7 +149,7 @@ function PincodeBaseLocation(_ref) {
148
149
  placeholder: "Type here...",
149
150
  autoFocus: true,
150
151
  onChange: handleSearchLocation
151
- })), /*#__PURE__*/_react.default.createElement("div", {
152
+ })), showCurrentLocationOption && /*#__PURE__*/_react.default.createElement("div", {
152
153
  className: "margin-top-4"
153
154
  }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
154
155
  iconConfig: {
package/build/widgets/oa-widget-pincode-base-location/styles.js CHANGED
@@ -9,4 +9,4 @@ var _templateObject;
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
11
11
  var _default = exports.default = {};
12
- 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"])));
12
+ 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 CHANGED
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
+ require("core-js/modules/es.string.starts-with.js");
9
10
  var _react = _interopRequireWildcard(require("react"));
10
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
12
  var _FileCopyOutlined = _interopRequireDefault(require("@material-ui/icons/FileCopyOutlined"));
@@ -35,6 +36,14 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
35
36
  *
36
37
  * @returns {ReactElement} The rendered component.
37
38
  */
39
+ function getModifiedByRole(modifiedBy) {
40
+ if (!modifiedBy) return null;
41
+ if (modifiedBy.startsWith('admin')) return 'Address/Contact number updated by Admin';
42
+ if (modifiedBy.startsWith('crm')) return 'Address/Contact number updated by CRM';
43
+ if (modifiedBy.startsWith('unite')) return 'Partner/AWB number updated by Service center.';
44
+ if (modifiedBy.startsWith('customer')) return 'Address/Contact number updated by customer';
45
+ return null;
46
+ }
38
47
  function TrackShipmentWidget(_ref) {
39
48
  var _tableData, _tableData2;
40
49
  let {
@@ -45,7 +54,8 @@ function TrackShipmentWidget(_ref) {
45
54
  toAddress,
46
55
  heading,
47
56
  partnerName,
48
- errorReason
57
+ errorReason,
58
+ modifiedBy
49
59
  } = _ref;
50
60
  // local variables
51
61
  const deilveryStageText = 'SHIPMENT DELIVERED to Customer';
@@ -92,6 +102,7 @@ function TrackShipmentWidget(_ref) {
92
102
  var _tableData3;
93
103
  return item.title !== ((_tableData3 = tableData[index - 1]) === null || _tableData3 === void 0 ? void 0 : _tableData3.oneassistDisplayStatus);
94
104
  });
105
+ const modifiedByNote = getModifiedByRole(modifiedBy);
95
106
  return /*#__PURE__*/_react.default.createElement(_styles.StyleTrackShipment, {
96
107
  className: "trackingDetails"
97
108
  }, /*#__PURE__*/_react.default.createElement(_CustomNotification.default, {
@@ -112,7 +123,18 @@ function TrackShipmentWidget(_ref) {
112
123
  }
113
124
  })), partnerName && /*#__PURE__*/_react.default.createElement("p", {
114
125
  className: "type-b2-400 disFlex"
115
- }, "Partner:", partnerName), fromAddress && toAddress && /*#__PURE__*/_react.default.createElement(_styles.AddressesContainer, null, /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
126
+ }, "Partner:", partnerName), modifiedByNote && /*#__PURE__*/_react.default.createElement("div", {
127
+ className: "margin-top-16"
128
+ }, /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
129
+ color: "secondary-background",
130
+ description: modifiedByNote,
131
+ iconConfig: {
132
+ icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
133
+ icon: _InfoOutlined.default
134
+ }),
135
+ position: 'left'
136
+ }
137
+ })), fromAddress && toAddress && /*#__PURE__*/_react.default.createElement(_styles.AddressesContainer, null, /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
116
138
  address: fromAddress
117
139
  }), /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
118
140
  address: toAddress
@@ -178,6 +200,7 @@ TrackShipmentWidget.propTypes = {
178
200
  awbNumber: _propTypes.default.string.isRequired,
179
201
  errorReason: _propTypes.default.string,
180
202
  partnerName: _propTypes.default.string,
203
+ modifiedBy: _propTypes.default.string,
181
204
  fromAddress: _propTypes.default.shape({
182
205
  heading: _propTypes.default.string,
183
206
  addressLine1: _propTypes.default.string,
@@ -220,6 +243,7 @@ TrackShipmentWidget.propTypes = {
220
243
  TrackShipmentWidget.defaultProps = {
221
244
  errorReason: '',
222
245
  partnerName: '',
246
+ modifiedBy: null,
223
247
  fromAddress: {
224
248
  heading: ''
225
249
  },
package/build/widgets/oa-widget-track-shipment-list/TrackShipmentWidgetList.js CHANGED
@@ -24,7 +24,7 @@ function TrackShipmentWidgetList(_ref) {
24
24
  return /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(assignments[0]));
25
25
  }
26
26
  const lastReassignmentId = assignments && assignments.length > 0 ? assignments[assignments.length - 1].assignmentId || 0 : 0;
27
- return assignments === null || assignments === void 0 || (_assignments$map = assignments.map) === null || _assignments$map === void 0 ? void 0 : _assignments$map.call(assignments, (item, index) => {
27
+ 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) => {
28
28
  const {
29
29
  assignmentId,
30
30
  assignmentDate,
@@ -40,7 +40,7 @@ function TrackShipmentWidgetList(_ref) {
40
40
  body: /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(item)),
41
41
  headerText: (0, _fn.headerText)(index, assignmentDate, assignmentClosedTime, status)
42
42
  }));
43
- });
43
+ }));
44
44
  }
45
45
  const HistoryPropType = _propTypes.default.shape({
46
46
  shipmentStatus: _propTypes.default.string.isRequired,
package/build/widgets/oa-widget-track-shipment-list/fn.js CHANGED
@@ -75,7 +75,8 @@ const getSingleShipmentHistory = item => {
75
75
  landmark: item === null || item === void 0 ? void 0 : item.destLandmark,
76
76
  state: item === null || item === void 0 ? void 0 : item.destState
77
77
  },
78
- tableData: (_item$history = item === null || item === void 0 ? void 0 : item.history) !== null && _item$history !== void 0 ? _item$history : []
78
+ tableData: (_item$history = item === null || item === void 0 ? void 0 : item.history) !== null && _item$history !== void 0 ? _item$history : [],
79
+ modifiedBy: item === null || item === void 0 ? void 0 : item.modifiedBy
79
80
  };
80
81
  };
81
82
  exports.getSingleShipmentHistory = getSingleShipmentHistory;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.18.389",
3
+ "version": "0.18.391",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",