oa-componentbook 1.0.1-stage.44 → 1.0.1-stage.440

package/build/widgets/oa-widget-key-value/KeyValueWidget.js

@@ -8,8 +8,11 @@ require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../../utils");
+var _CustomTag = _interopRequireDefault(require("../../components/oa-component-tag/CustomTag"));
 var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable */
+
 /**
  * Renders a view displaying key-value pairs in a structured format.
  *
@@ -17,6 +20,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {Object} props.data - An object containing key-value pairs to be displayed.
  * @param {Array<number>} [props.columnLayout] - An array defining the number of items per column.
  * @param {Object} [props.info] - An object containing information about a key-value pair.
+ * @param {boolean} [props.fullWidth] - If true, uses 30%/70% width distribution, otherwise uses previous layout.
  *
  * @returns {JSX.Element} A component that renders key-value pairs in a grid layout.
  */
@@ -24,7 +28,10 @@ function KeyValueDataView(_ref) {
   let {
     data,
     columnLayout,
-    info
+    info,
+    tagStatus,
+    customClassName,
+    fullWidth = false
   } = _ref;
   let actualColumnLayout = [];
   if (columnLayout.length === 0) {
@@ -40,32 +47,45 @@ function KeyValueDataView(_ref) {
   }, actualColumnLayout.map((element, layoutIdx) => {
     entryIdx += layoutIdx - 1 >= 0 ? actualColumnLayout[layoutIdx - 1] : 0;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: className,
+      className: customClassName !== null && customClassName !== void 0 ? customClassName : className,
       key: (0, _utils.getUUID)()
     }, Object.entries(data).splice(entryIdx, element).map(_ref2 => {
       let [key, value] = _ref2;
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "valuestyle",
+        className: "valuestyle ".concat(fullWidth ? "full-width" : null),
         key: (0, _utils.getUUID)()
       }, (info === null || info === void 0 ? void 0 : info.infoKey) === key ? /*#__PURE__*/_react.default.createElement("b", {
         className: "type-b2-400"
       }, /*#__PURE__*/_react.default.createElement("span", {
         style: {
-          color: 'var(--color-primary-content)'
+          color: "var(--color-primary-content)"
         }
       }, key, /*#__PURE__*/_react.default.createElement("em", {
         style: {
-          marginLeft: '4px',
-          position: 'relative',
-          top: '3px',
-          color: 'var(--color-secondary-content)'
+          marginLeft: "4px",
+          position: "relative",
+          top: "3px",
+          color: "var(--color-secondary-content)"
         }
       }, info === null || info === void 0 ? void 0 : info.infoData))) : /*#__PURE__*/_react.default.createElement("b", {
         className: "type-b2-400"
-      }, key, ":"), ((0, _utils.isString)(value) || (0, _utils.isNumber)(value)) && /*#__PURE__*/_react.default.createElement("span", {
+      }, key, ":"), /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "8px"
+        }
+      }, ((0, _utils.isString)(value) || (0, _utils.isNumber)(value)) && /*#__PURE__*/_react.default.createElement("span", {
         className: "type-b2-400",
         title: value
-      }, value) || _react.default.isValidElement && /*#__PURE__*/_react.default.createElement("span", null, value));
+      }, value) || _react.default.isValidElement && /*#__PURE__*/_react.default.createElement("span", null, value), (tagStatus === null || tagStatus === void 0 ? void 0 : tagStatus.tagKey) === key && (tagStatus === null || tagStatus === void 0 ? void 0 : tagStatus.tagData) && /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
+        style: {
+          width: "100px"
+        },
+        type: tagStatus.tagData.type || "success",
+        label: tagStatus.tagData.label,
+        size: tagStatus.tagData.size || "small"
+      })));
     }));
   }))));
 }
@@ -75,13 +95,27 @@ KeyValueDataView.propTypes = {
   info: _propTypes.default.shape({
     infoData: _propTypes.default.node,
     infoKey: _propTypes.default.string
-  })
+  }),
+  tagStatus: _propTypes.default.shape({
+    tagKey: _propTypes.default.string,
+    tagData: _propTypes.default.shape({
+      type: _propTypes.default.string,
+      label: _propTypes.default.string,
+      size: _propTypes.default.string
+    })
+  }),
+  customClassName: _propTypes.default.string,
+  fullWidth: _propTypes.default.bool
 };
 KeyValueDataView.defaultProps = {
   columnLayout: [],
   info: {
     infoData: null,
-    infoKey: ''
+    infoKey: ""
+  },
+  tagStatus: {
+    tagKey: "",
+    tagData: null
   }
 };
 var _default = exports.default = KeyValueDataView;

package/build/widgets/oa-widget-key-value/styles.js

@@ -8,7 +8,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4; // KeyValueWidgetStyles.js
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const KeyValueGroup = exports.KeyValueGroup = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .col-md-4:last-child,.col-md-12:last-child,.col-md-3:last-child,.col-md-6:last-child  {\n    padding: 0;\n  }\n  \n  .valuestyle {\n    display: flex;\n    gap: 16px;\n    padding: 0 0 8px;\n  }\n\n  .valuestyle b {\n    width: 38.734%;\n    font-style: normal;\n    color: var(--color-primary-content); \n  }\n\n  .valuestyle span {\n    width: 180px;\n    word-wrap: break-word;\n    font-style: normal;\n    color: var(--color-secondary-content);  }\n\n  .valuestyle span + span{\n    color: var(--color-primary-content);\n    font-size: 14px;\n    padding: 0 4px 0 0;\n  }\n"])));
+const KeyValueGroup = exports.KeyValueGroup = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .col-md-4:last-child,.col-md-12:last-child,.col-md-3:last-child,.col-md-6:last-child  {\n    padding: 0;\n  }\n  \n  .valuestyle {\n    display: flex;\n    gap: 16px;\n    padding: 0 0 8px;\n  }\n\n  .valuestyle b {\n    width: 38.734%;\n    font-style: normal;\n    color: var(--color-primary-content); \n  }\n\n  .valuestyle span {\n    width: 180px;\n    word-wrap: break-word;\n    font-style: normal;\n    color: var(--color-secondary-content);  }\n\n  .valuestyle span + span{\n    color: var(--color-primary-content);\n    font-size: 14px;\n    padding: 0 4px 0 0;\n  }\n\n  /* Add these CSS rules for full-width */\n    .valuestyle.full-width {\n    display: flex;\n    gap: 16px;\n    padding: 0 0 8px;\n  }\n\n  .valuestyle.full-width b {\n    width: 30%;\n  }\n\n  .valuestyle.full-width span {\n    width: 100%;\n  }\n\n"])));
 const KeyValueGroups = exports.KeyValueGroups = _styledComponents.default.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n.container {\n  max-width: 1154px;\n  margin: 0 auto;\n  padding: 0 16px;\n}\n.container-fluid{\n    width: 100%;\n    padding: 0 16px;\n}\n.row {\n    display: flex;\n    flex-direction: column;\n}\n.row::after {\n    content: \"\";\n    clear: both;\n    display: table;\n}\n.col-xs-1 {\n  width: 8.33333%;\n}\n\n.col-xs-2 {\n  width: 16.66667%;\n}\n\n.col-xs-3 {\n  width: 25%;\n}\n\n.col-xs-4 {\n  width: 33.33333%;\n}\n\n.col-xs-5 {\n  width: 41.66667%;\n}\n\n.col-xs-6 {\n  width: 50%;\n}\n\n.col-xs-7 {\n  width: 58.33333%;\n}\n\n.col-xs-8 {\n  width: 66.66667%;\n}\n\n.col-xs-9 {\n  width: 75%;\n}\n\n.col-xs-10 {\n  width: 83.33333%;\n}\n\n.col-xs-11 {\n  width: 91.66667%;\n}\n\n.col-xs-12 {\n  width: 100%;\n}\n@media (min-width: 768px) {\n    .row {\n    flex-direction: row;\n}\n  .col-sm-1 {\n    width: 8.33333%;\n  }\n\n  .col-sm-2 {\n    width: 16.66667%;\n  }\n\n  .col-sm-3 {\n    width: 25%;\n  }\n\n  .col-sm-4 {\n    width: 33.33333%;\n  }\n\n  .col-sm-5 {\n    width: 41.66667%;\n  }\n\n  .col-sm-6 {\n    width: 50%;\n  }\n  .col-sm-7 {\n    width: 58.33333%;\n  }\n  .col-sm-8 {\n    width: 66.66667%;\n  }\n  .col-sm-9 {\n    width: 75%;\n  }\n  .col-sm-10 {\n    width: 83.33333%;\n  }\n  .col-sm-11 {\n    width: 91.66667%;\n  }\n  .col-sm-12 {\n    width: 100%;\n  }\n}\n\n@media (min-width: 768px) {\n  .col-md-1 {\n    width: 8.33333%;\n  }\n  .col-md-2 {\n    width: 16.66667%;\n  }\n  .col-md-3 {\n    width: 25%;\n  }\n  .col-md-4 {\n    width: 33.33333%;\n    float: left;\n  }\n\n  .col-md-5 {\n    width: 41.66667%;\n  }\n\n  .col-md-6 {\n    width: 50%;\n  }\n\n  .col-md-7 {\n    width: 58.33333%;\n  }\n\n  .col-md-8 {\n    width: 66.66667%;\n  }\n\n  .col-md-9 {\n    width: 75%;\n  }\n\n  .col-md-10 {\n    width: 83.33333%;\n  }\n  .col-md-11 {\n    width: 91.66667%;\n  }\n\n  .col-md-12 {\n    width: 100%;\n  }\n\n}\n/* Large Devices (desktops) */\n@media (min-width: 992px) {\n    .gutter{\n        padding: 0 24px 0 0;\n    }\n  .col-lg-1 {\n    width: 8.33333%;\n  }\n  .col-lg-2 {\n    width: 16.66667%;\n  }\n  .col-lg-3 {\n    width: 25%;\n    float: left;\n  }\n  .col-lg-4 {\n    width: 33.33333%;\n    float: left;\n  }\n  .col-lg-5 {\n    width: 41.66667%;\n  }\n  .col-lg-6 {\n    width: 50%;\n  }\n  .col-lg-7 {\n    width: 58.33333%;\n  }\n  .col-lg-8 {\n    width: 66.66667%;\n  }\n  .col-lg-9 {\n    width: 75%;\n  }\n  .col-lg-10 {\n    width: 83.33333%;\n  }\n\n  .col-lg-11 {\n    width: 91.66667%;\n  }\n\n  .col-lg-12 {\n    width: 100%;\n  }\n}\n\n@media (min-width: 1200px) {\n    .gutter{\n        padding: 0 32px 0 0;\n    }\n  .col-xl-1 {\n    width: 8.33333%;\n  }\n\n \n}\n@media (max-width: 767px) {\n  .gutter{\n      padding: 0;\n  }\n}\n"])));
 const StyledBold = exports.StyledBold = _styledComponents.default.b(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: var(--color-primary-content);\n  font-weight: 400;\n"])));
 const StyledSpan = exports.StyledSpan = _styledComponents.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  /* vertical-align: bottom; */\n  color: var(--color-secondary-content);\n  font-weight: 400;\n  word-break: break-word;\n"])));

package/build/widgets/oa-widget-kpi/KPICardWidget.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
+var _CustomTooltip = _interopRequireDefault(require("../../components/oa-component-tooltip/CustomTooltip"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _AccessAlarmOutlined = _interopRequireDefault(require("@material-ui/icons/AccessAlarmOutlined"));
+const _excluded = ["type", "iconConfig", "tooltip"];
+/* eslint-disable */
+// ✅ no curly braces
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function KPICardWidget(_ref) {
+  let {
+    title,
+    subTitle,
+    subText,
+    titleSubConfig
+  } = _ref;
+  const renderTitleSubConfig = () => {
+    if (!titleSubConfig) return null;
+    const {
+        type,
+        iconConfig,
+        tooltip
+      } = titleSubConfig,
+      config = _objectWithoutProperties(titleSubConfig, _excluded);
+    if (type === "tooltip" && iconConfig && tooltip) {
+      return /*#__PURE__*/_react.default.createElement(_CustomTooltip.default, {
+        title: tooltip,
+        placement: config.placement || "top"
+      }, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, iconConfig));
+    }
+
+    // Add more types here as needed
+    // if (type === "button" && iconConfig) {
+    //   return <CustomButton {...config} iconConfig={iconConfig} />;
+    // }
+
+    return null;
+  };
+  return /*#__PURE__*/_react.default.createElement(_styles.default, null, /*#__PURE__*/_react.default.createElement(_antd.Card, null, title && /*#__PURE__*/_react.default.createElement("div", {
+    className: "title-container"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    typography: "type-t2-700",
+    color: "parimary-content"
+  }, title, " ", renderTitleSubConfig())), subTitle && /*#__PURE__*/_react.default.createElement("div", {
+    className: "padding-top-8 inclGst"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    typography: "type-h1-500",
+    color: "parimary-content"
+  }, subTitle), subText && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    typography: "type-t2-700",
+    color: "secondary-content"
+  }, subText))));
+}
+KPICardWidget.propTypes = {
+  title: _propTypes.default.string,
+  subTitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  subText: _propTypes.default.string,
+  titleSubConfig: _propTypes.default.shape({
+    type: _propTypes.default.oneOf(["tooltip", "button"]),
+    // Add more types as needed
+    iconConfig: _propTypes.default.object,
+    // MaterialIcon props (same as SidebarWidget)
+    tooltip: _propTypes.default.string,
+    // For tooltip type
+    placement: _propTypes.default.string // Tooltip placement
+    // Add more config options as needed
+  })
+};
+KPICardWidget.defaultProps = {
+  title: "Total Active Orders",
+  subTitle: "",
+  subText: "",
+  titleSubConfig: null
+};
+var _default = exports.default = KPICardWidget;

package/build/widgets/oa-widget-kpi/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject; // styles.js
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const OaCardStyle = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  .ant-card-body {\n    padding: 24px 16px !important;\n    border-radius: 16px;\n    background: #f6f6f6;\n  }\n  .ant-card-bordered {\n    border: none;\n  }\n  .padding-top-8 {\n    padding: 8px 0 0;\n  }\n\n  .inclGst {\n    display: flex;\n    flex-direction: row;\n    gap: 6px;\n    align-items: anchor-center;\n  }\n\n  .title-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  }\n\n  .title-container span{\n    display: flex; align-items: center;\n    gap: 4px;\n  }\n\n  .title-container .ant-typography {\n    flex: 1;\n  }\n"])));
+var _default = exports.default = OaCardStyle;

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

@@ -15,7 +15,6 @@ var _AddressForm = _interopRequireDefault(require("./AddressForm"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable */
 
-// Address Details Component
 /**
  * Address Details component.
  * This component renders the address details and edit button.
@@ -28,18 +27,31 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @returns {React.ReactNode} Address Details component.
  */
 function AddressDetails(_ref) {
-  var _geolocationData$addr, _geolocationData$addr2, _geolocationData$addr3, _geolocationData$addr4;
+  var _geolocationData$addr, _geolocationData$addr2;
   let {
     geolocationData,
     pinCodeServisible,
     editLocationHandler,
-    onFinish
+    onFinish,
+    showAddressType,
+    isSaveButtonDisabled
   } = _ref;
+  const showPinCode = () => {
+    var _addressLine2$mainAdd, _addressLine2$seconda;
+    const {
+      addressLine2,
+      pincode
+    } = geolocationData;
+    const isPincodeIncluded = (addressLine2 === null || addressLine2 === void 0 || (_addressLine2$mainAdd = addressLine2.mainAddress) === null || _addressLine2$mainAdd === void 0 ? void 0 : _addressLine2$mainAdd.includes(pincode)) || (addressLine2 === null || addressLine2 === void 0 || (_addressLine2$seconda = addressLine2.secondaryAddress) === null || _addressLine2$seconda === void 0 ? void 0 : _addressLine2$seconda.includes(pincode));
+    if (isPincodeIncluded) return "";
+    if (pincode) return ", ".concat(pincode);
+    return "";
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "addresBoxDiv"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "addressEdit"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, pinCodeServisible && /*#__PURE__*/_react.default.createElement("div", {
     className: "addressDetails"
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     className: "type-t1-400",
@@ -49,12 +61,12 @@ function AddressDetails(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     className: "type-b3-400",
     color: "secondary-content"
-  }, (_geolocationData$addr2 = geolocationData.addressLine2) === null || _geolocationData$addr2 === void 0 ? void 0 : _geolocationData$addr2.secondaryAddress, (_geolocationData$addr3 = geolocationData.addressLine2) !== null && _geolocationData$addr3 !== void 0 && (_geolocationData$addr3 = _geolocationData$addr3.mainAddress) !== null && _geolocationData$addr3 !== void 0 && _geolocationData$addr3.includes(geolocationData.pincode) || (_geolocationData$addr4 = geolocationData.addressLine2) !== null && _geolocationData$addr4 !== void 0 && (_geolocationData$addr4 = _geolocationData$addr4.secondaryAddress) !== null && _geolocationData$addr4 !== void 0 && _geolocationData$addr4.includes(geolocationData.pincode) ? '' : ", ".concat(geolocationData.pincode)))), pinCodeServisible && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+  }, (_geolocationData$addr2 = geolocationData.addressLine2) === null || _geolocationData$addr2 === void 0 ? void 0 : _geolocationData$addr2.secondaryAddress, showPinCode()))), pinCodeServisible && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
     iconConfig: {
       icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
         icon: _EditOutlined.default
       }),
-      position: 'left'
+      position: "left"
     },
     size: "small",
     label: "Edit location",
@@ -62,7 +74,9 @@ function AddressDetails(_ref) {
     onClick: editLocationHandler
   })), pinCodeServisible ? /*#__PURE__*/_react.default.createElement(_AddressForm.default, {
     geolocationData: geolocationData,
-    onFinish: onFinish
+    onFinish: onFinish,
+    showAddressType: showAddressType,
+    isSaveButtonDisabled: isSaveButtonDisabled
   }) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "negative"
   }, "Pincode according to your pin on map is Non-serviceable, please move the pin to serviceable pincode."));

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

@@ -10,6 +10,7 @@ var _antd = require("antd");
 var _CustomInput = _interopRequireDefault(require("../../components/oa-component-input/CustomInput"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
 var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
+var _CustomRadio = _interopRequireDefault(require("../../components/oa-component-radio/CustomRadio"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable */
 
@@ -28,7 +29,9 @@ function AddressForm(props) {
   const [form] = _antd.Form.useForm();
   const {
     geolocationData,
-    onFinish
+    onFinish,
+    showAddressType,
+    isSaveButtonDisabled = false
   } = props;
   return /*#__PURE__*/_react.default.createElement(_antd.Form, {
     form: form,
@@ -51,11 +54,12 @@ function AddressForm(props) {
     name: "houseNo",
     rules: [{
       required: true,
-      message: 'Please input your House no. / Flat / Floor!'
+      message: "Please input your House no. / Flat / Floor!"
     }]
   }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
     placeholder: "Type here",
-    autoFocus: true
+    autoFocus: true,
+    maxLength: 250
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: "margin-top-12"
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -66,10 +70,33 @@ function AddressForm(props) {
   }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
     name: "landmark"
   }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
-    placeholder: "Type here"
-  })))), /*#__PURE__*/_react.default.createElement("div", {
+    placeholder: "Type here",
+    maxLength: 50
+  })))), showAddressType && /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-top-12"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-b2-400"
+  }, "Address Type", /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "negative"
+  }, "*")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-top-4"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "addressType",
+    rules: [{
+      required: true,
+      message: "Please select Address Type"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default.Group, null, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
+    value: "RESIDENTIAL",
+    label: "Residential"
+  }), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
+    value: "COMMERCIAL",
+    label: "Commercial"
+  }))))), /*#__PURE__*/_react.default.createElement("div", {
     className: "buttonBottom margin-top-24"
   }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+    disabled: isSaveButtonDisabled || false,
     type: "primary",
     size: "large",
     label: "Save and Proceed",

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

@@ -44,7 +44,10 @@ function MapBaseLocation(_ref) {
     form,
     onFinish,
     openLocationNotDetectedModal,
-    setOpenLocationNotDetectedModalState
+    setOpenLocationNotDetectedModalState,
+    showAddressType,
+    isSaveButtonDisabled,
+    showCurrentLocation = true
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_styles.MapStyles, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "containerMap"
@@ -55,10 +58,11 @@ function MapBaseLocation(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "addressDetaisBox"
   }, /*#__PURE__*/_react.default.createElement(_MapComponent.default, {
+    showCurrentLocation: showCurrentLocation,
     googleMapURL: googleMapURL,
     loadingElement: /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        height: '100%'
+        height: "100%"
       }
     }),
     containerElement: /*#__PURE__*/_react.default.createElement("div", {
@@ -66,7 +70,7 @@ function MapBaseLocation(_ref) {
     }),
     mapElement: /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        height: '100%'
+        height: "100%"
       }
     }),
     googleMapRef: googleMapRef,
@@ -74,6 +78,8 @@ function MapBaseLocation(_ref) {
     fetchAddressFromGoogleApi: fetchAddressFromGoogleApi,
     setOpenLocationNotDetectedModal: setOpenLocationNotDetectedModal
   }), /*#__PURE__*/_react.default.createElement(_AddressDetails.default, {
+    isSaveButtonDisabled: isSaveButtonDisabled,
+    showAddressType: showAddressType,
     geolocationData: geolocationData,
     pinCodeServisible: pinCodeServisible,
     editLocationHandler: editLocationHandler,

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

@@ -13,6 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactGoogleMaps = require("react-google-maps");
 var _map_pointer = _interopRequireDefault(require("../../images/map_pointer.svg"));
 var _currentLocation = _interopRequireDefault(require("../../images/current-location.svg"));
+var _CustomTooltip = _interopRequireDefault(require("../../components/oa-component-tooltip/CustomTooltip"));
+var _InfoBox = _interopRequireDefault(require("react-google-maps/lib/components/addons/InfoBox"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && 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; }
@@ -134,14 +136,27 @@ const MapComponent = (0, _reactGoogleMaps.withScriptjs)((0, _reactGoogleMaps.wit
         style: google.maps.ZoomControlStyle.LARGE
       },
       mapTypeId: google.maps.MapTypeId.ROADMAP,
-      draggable: window.location.origin.includes('oneassist') // Disable dragging in non-prod environment
+      draggable: window.location.origin.includes("oneassist") // Disable dragging in non-prod environment
     }
   }, /*#__PURE__*/_react.default.createElement(_reactGoogleMaps.Marker, {
     position: markerPosition,
     draggable: false,
     icon: _map_pointer.default,
     title: "You are here"
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_InfoBox.default, {
+    defaultPosition: markerPosition,
+    options: {
+      pixelOffset: new window.google.maps.Size(0, -40),
+      // Adjust -40 to move higher
+      closeBoxURL: "",
+      enableEventPropagation: true
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CustomTooltip.default, {
+    placement: "top",
+    title: "Place the pin accurately on map",
+    defaultOpen: true,
+    open: true
+  }))), props.showCurrentLocation && /*#__PURE__*/_react.default.createElement("div", {
     className: "map-current-location"
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: _currentLocation.default,

package/build/widgets/oa-widget-membershipcard/MembershipCard.js

@@ -39,6 +39,8 @@ var _Laptop = _interopRequireDefault(require("../../images/Laptop.png"));
 var _Luggage = _interopRequireDefault(require("../../images/Luggage.png"));
 var _Microwave = _interopRequireDefault(require("../../images/Microwave.png"));
 var _HA = _interopRequireDefault(require("../../images/HA.png"));
+var _Car = _interopRequireDefault(require("../../images/Car.png"));
+var _TwoWheeler = _interopRequireDefault(require("../../images/TwoWheeler.png"));
 var _CustomIcon = _interopRequireDefault(require("../../components/oa-component-icons/CustomIcon"));
 var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -98,6 +100,8 @@ function MembershipCard(_ref) {
     Footwear: _Footwear.default,
     Furniture: _Furniture.default,
     HA: _HA.default,
+    Car: _Car.default,
+    Two_Wheeler: _TwoWheeler.default,
     Default: _Default.default
   };
   const iconSrc = icons[icon] || _Default.default;
@@ -159,7 +163,7 @@ function MembershipCard(_ref) {
     color: "primary-background",
     icon: _ArrowForwardIos.default
   }))), alert.length > 0 && alert.map((item, i) => {
-    var _item$description, _item$description2, _item$description3, _item$description4, _item$description5, _item$description6;
+    var _item$description, _item$description2, _item$description3, _item$description4, _item$description5, _item$description6, _item$description7;
     return ((item === null || item === void 0 ? void 0 : item.subHeading) !== '' || (item === null || item === void 0 ? void 0 : item.heading) !== '' || (item === null || item === void 0 || (_item$description = item.description) === null || _item$description === void 0 ? void 0 : _item$description.text) !== undefined) && /*#__PURE__*/_react.default.createElement("div", {
       className: item !== null && item !== void 0 && (_item$description2 = item.description) !== null && _item$description2 !== void 0 && _item$description2.text && (item === null || item === void 0 || (_item$description3 = item.description) === null || _item$description3 === void 0 ? void 0 : _item$description3.text) !== '' ? "toolTipInfo ".concat(item.type) : "toolTipInfo ".concat(item.type, " flexChangeBody")
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -181,7 +185,13 @@ function MembershipCard(_ref) {
     }, item === null || item === void 0 ? void 0 : item.heading))), (item === null || item === void 0 ? void 0 : item.description) && (item === null || item === void 0 || (_item$description4 = item.description) === null || _item$description4 === void 0 ? void 0 : _item$description4.text) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
       color: "primary-content",
       className: "type-b2-400"
-    }, item.description.text))), (item === null || item === void 0 ? void 0 : item.description) && (item === null || item === void 0 || (_item$description5 = item.description) === null || _item$description5 === void 0 ? void 0 : _item$description5.listData) && (item === null || item === void 0 || (_item$description6 = item.description) === null || _item$description6 === void 0 || (_item$description6 = _item$description6.listData) === null || _item$description6 === void 0 ? void 0 : _item$description6.length) > 0 && /*#__PURE__*/_react.default.createElement("ul", null, item.description.listData.map((temp, j) => /*#__PURE__*/_react.default.createElement("li", null, temp))))), item.actions && /*#__PURE__*/_react.default.createElement("div", {
+    }, item.description.text))), (item === null || item === void 0 || (_item$description5 = item.description) === null || _item$description5 === void 0 ? void 0 : _item$description5.additionalText) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      dangerouslySetInnerHTML: {
+        __html: item.description.additionalText
+      },
+      color: "primary-content",
+      className: "type-b2-400"
+    }))), (item === null || item === void 0 ? void 0 : item.description) && (item === null || item === void 0 || (_item$description6 = item.description) === null || _item$description6 === void 0 ? void 0 : _item$description6.listData) && (item === null || item === void 0 || (_item$description7 = item.description) === null || _item$description7 === void 0 || (_item$description7 = _item$description7.listData) === null || _item$description7 === void 0 ? void 0 : _item$description7.length) > 0 && /*#__PURE__*/_react.default.createElement("ul", null, item.description.listData.map((temp, j) => /*#__PURE__*/_react.default.createElement("li", null, temp))))), item.actions && /*#__PURE__*/_react.default.createElement("div", {
       className: "viewStatus"
     }, item.actions.map((action, index) => /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
       key: action.label,
@@ -230,7 +240,8 @@ MembershipCard.propTypes = {
         subHeading: _propTypes.default.string,
         heading: _propTypes.default.string,
         description: _propTypes.default.shape({
-          text: _propTypes.default.string
+          text: _propTypes.default.string,
+          additionalText: _propTypes.default.string
         }),
         actions: _propTypes.default.arrayOf(_propTypes.default.shape({
           label: _propTypes.default.string,

package/build/widgets/oa-widget-membershipcard/styles.js

@@ -8,6 +8,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const MembershipCardStyle = exports.MembershipCardStyle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.topPad24{\n  padding: 16px 0 0;\n}\n.flexGap div{\n  padding: 0 0 8px;\n}\n.flexGap ul{\n  margin: 0;\n  padding: 0 0 0 16px;\n  list-style-type: disc;\n}\n.flexGap li{\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.viewStatus button{\n  margin: 16px 0 0;\n}\n.flexGap div:last-child{\n  padding: 0;\n}\n.primaryInfo svg{\n  cursor: pointer;\n}\np,h1, h2, h3, h4, h5, h6{\n  margin: 0;\n}\n  padding: 24px;\n  background: var(--color-primary-background);\n  border-radius: 12px;\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  position: relative;\n  margin: 0 0 24px;\n  border: 1px solid var(--color-divider);\n  @media only screen and (max-width: 600px) {\n    gap: 16px;\n    padding: 24px 16px 16px;\n    .cardHead p .type-b1-400{\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px;\n    }\n    .primary-info label .type-t2-700{\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 20px;\n    }\n  }\n  .primaryInfo{\n    display: flex;\n    padding: 12px 8px;\n    justify-content: space-between;\n    background: var(--color-primary);\n    border-radius: 8px;\n    align-items: center;\n    cursor: pointer;\n  }\n  .primaryInfo img{\n    width: 24px;\n    height: 24px;\n  }\n  .toolTipInfo .text-container svg {\n    font-size: 16px !important;\n  }\n  .paraWithIcon{\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n  .toolTipInfo{\n    display: flex;\n    background: var(--color-background-positive);\n    padding: 12px;\n    border-radius: 8px;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n  .flexChangeBody{\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .toolTipInfo .toolTip + div{\n    display: flex;\n    justify-content: end;\n  }\n  .error{\n    background: var(--color-background-negative);\n  }\n  .error .toolTip svg{\n    color: var(--color-negative);\n  }\n  .warning{\n    background: var(--color-background-warning);\n  }\n  .warning .toolTip svg{\n    color: var(--color-warning);\n  }\n  .success{\n    background: var(--color-background-positive);\n  }\n\n  .success .toolTip svg{\n    color: var(--color-positive);\n  }\n  .toolTip{\n    display: flex;\n    gap: 8px;\n  }\n  .cardHead{\n    display: flex;\n    justify-content: space-between;\n    gap: 24px;\n  }\n  .imgBg{\n    border-radius: 8px;\n    background: #DEF1FB;\n    min-width: 56px;\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n \n  .ant-modal-footer{\n    display: none;\n  }\n  .toolTip svg{\n    margin: 0px 0 0;\n  }\n  .flexChangeBody{\n    align-items: center !important;\n    flex-direction: row !important;\n    gap: 8px !important;\n  }\n  .flexChangeBody .text-container{\n    white-space: nowrap;\n  }\n  .flexChangeBody .viewStatus button {\n    margin: 0 !important;\n}\n.displayFlex{\n  display: flex;\n}\n  @media only screen and (max-width: 600px) {\n    .type-b1-400{\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px;\n    }\n    .toolTipInfo {\n      flex-direction: column;\n      gap: 0;\n      align-items: unset;\n    }\n    \n    .cardHead .titleHead > span{\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 24px;\n    }\n  }\n"])));
+const MembershipCardStyle = exports.MembershipCardStyle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.topPad24{\n  padding: 16px 0 0;\n}\n.flexGap div{\n  padding: 0 0 8px;\n}\n.flexGap ul{\n  margin: 0;\n  padding: 0 0 0 16px;\n  list-style-type: disc;\n}\n.flexGap li{\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.viewStatus button{\n  margin: 16px 0 0;\n}\n.flexGap div:last-child{\n  padding: 0;\n}\n.primaryInfo svg{\n  cursor: pointer;\n}\np,h1, h2, h3, h4, h5, h6{\n  margin: 0;\n}\n  padding: 24px;\n  background: var(--color-primary-background);\n  border-radius: 12px;\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  position: relative;\n  margin: 0 0 24px;\n  border: 1px solid var(--color-divider);\n  @media only screen and (max-width: 600px) {\n    gap: 16px;\n    padding: 24px 16px 16px;\n    .cardHead p .type-b1-400{\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px;\n    }\n    .primary-info label .type-t2-700{\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 20px;\n    }\n  }\n  .primaryInfo{\n    display: flex;\n    padding: 12px 8px;\n    justify-content: space-between;\n    background: var(--color-primary);\n    border-radius: 8px;\n    align-items: center;\n    cursor: pointer;\n  }\n  .primaryInfo img{\n    width: 24px;\n    height: 24px;\n  }\n  .toolTipInfo .text-container svg {\n    font-size: 16px !important;\n  }\n  .paraWithIcon{\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n  .toolTipInfo{\n    display: flex;\n    background: var(--color-background-positive);\n    padding: 12px;\n    border-radius: 8px;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n  .flexChangeBody{\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .toolTipInfo .toolTip + div{\n    display: flex;\n    justify-content: end;\n  }\n  .error{\n    background: var(--color-background-negative);\n  }\n  .error .toolTip svg{\n    color: var(--color-negative);\n  }\n  .warning{\n    background: var(--color-background-warning);\n  }\n  .warning .toolTip svg{\n    color: var(--color-warning);\n  }\n  .success{\n    background: var(--color-background-positive);\n  }\n\n  .success .toolTip svg{\n    color: var(--color-positive);\n  }\n  \n  .intermediate{\n    background: var(--color-background-info);\n  }\n  .toolTip{\n    display: flex;\n    gap: 8px;\n  }\n  .cardHead{\n    display: flex;\n    justify-content: space-between;\n    gap: 24px;\n  }\n  .imgBg{\n    border-radius: 8px;\n    background: #DEF1FB;\n    min-width: 56px;\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n \n  .ant-modal-footer{\n    display: none;\n  }\n  .toolTip svg{\n    margin: 0px 0 0;\n  }\n  .flexChangeBody{\n    align-items: center !important;\n    flex-direction: row !important;\n    gap: 8px !important;\n  }\n  .flexChangeBody .text-container{\n    white-space: nowrap;\n  }\n  .flexChangeBody .viewStatus button {\n    margin: 0 !important;\n}\n.displayFlex{\n  display: flex;\n}\n  @media only screen and (max-width: 600px) {\n    .type-b1-400{\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px;\n    }\n    .toolTipInfo {\n      flex-direction: column;\n      gap: 0;\n      align-items: unset;\n    }\n    \n    .cardHead .titleHead > span{\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 24px;\n    }\n  }\n"])));
 const CardBody = exports.CardBody = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\ndisplay: flex;\nflex-direction: column;\ngap: 24px;\n@media only screen and (max-width: 600px) {\n  gap: 16px;\n}\n"])));
 const CardFooter = exports.CardFooter = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\ndisplay: flex;\npadding: 16px 24px;\ngap: 24px;\nborder-top: 1px solid var(--color-divider);\nwidth: calc(100% + 48px);\nmargin: 0 0 0 -24px;\nposition: relative;\ntop: 24px;\njustify-content: end;\n@media only screen and (max-width: 600px) {\n  padding: 16px 16px;\n  width: calc(100% + 32px);\n  margin: 0 0 0 -16px;\n  top: 16px;\n\n  .text-container .type-t2-700 {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n}\n.large {\n  height: 36px;\n  min-width: 100px;\n  padding: 10px 16px;\n}\n}\n"])));