oa-componentbook 1.0.1-stage.90 → 1.0.1-stage.92
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.
- package/build/global-css/commonStyles.js +1 -1
- package/build/widgets/oa-widget-approval/ApprovalWidgetNew.js +7 -6
- package/build/widgets/oa-widget-map-base-location/AddressDetails.js +4 -6
- package/build/widgets/oa-widget-map-base-location/AddressForm.js +3 -26
- package/build/widgets/oa-widget-map-base-location/MapBaseLocation.js +3 -5
- package/build/widgets/oa-widget-membershipcard/MembershipCard.js +7 -5
- package/package.json +1 -1
|
@@ -7,5 +7,5 @@ exports.default = void 0;
|
|
|
7
7
|
var _styledComponents = require("styled-components");
|
|
8
8
|
var _templateObject;
|
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
10
|
-
const CommonStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.tooltip-grid {\n display: flex;\n align-items: flex-start;\n padding: 8px 0 0;\n gap: 0px 32px;\n}\n\n.tooltip-column {\n display: flex;\n flex-direction: column;\n width: 280px;\n}\n\n\n.multipleDocumentTooltip .ant-tooltip-inner{\n padding:
|
|
10
|
+
const CommonStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.tooltip-grid {\n display: flex;\n align-items: flex-start;\n padding: 8px 0 0;\n gap: 0px 32px;\n}\n\n.tooltip-column {\n display: flex;\n flex-direction: column;\n width: 280px;\n}\n\n\n.multipleDocumentTooltip .ant-tooltip-inner{\n padding: 16px;\n background: #fff;\n color: #212121;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n width: max-content;\n border-radius: 12px;\n min-width: 300px;\n\n}\n .multipleDocumentTooltip .ant-tooltip-arrow:before{\n background: #fff;\n }\n .multipleDocumentTooltip li.tooltip-item{\n display: flex;\n gap: 8px;\n align-items: flex-start;\n color: #212121;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px; \n padding: 8px 0;\n // width: max-content;\n }\n .tooltip-item p{\n margin: 0;\n }\n .multipleDocumentTooltip ul .headingName{\n color: #717171;\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px; \n letter-spacing: 0.24px;\n text-transform: uppercase;\n padding: 0 0 16px;\n }\n .multipleDocumentTooltip .flexWrap{\n display: flex;\n flex-wrap: wrap;\n column-count: 1;\n column-gap: 8px;\n list-style: none;\n justify-content: space-between;\n }\n.ant-modal .ant-modal-content {\n padding: 24px 24px 32px;\n border-radius: 12px;\n }\n .ant-select-dropdown .ant-select-item{\n min-height: auto !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-message{\n margin-bottom: 0 !important;\n }\n .ant-notification .ant-notification-notice-wrapper{\n background: transparent;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-close{\n position: inherit !important;\n width: 24px !important;\n height: 24px !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice-closable .ant-notification-notice-message {\n padding-inline-end: 0px !important;\n}\n .ant-notification-notice-close > button{\n width: 24px !important;\n height: 24px !important;\n }\n .ant-notification .ant-notification-notice-wrapper .ant-notification-notice {\n display: flex;\n align-items: center;\n gap: 12px;\n justify-content: space-between;\n }\n .documentDrawer .ant-drawer-body{\n overflow: hidden;\n padding: 0;\n }\n .documentDrawer .rightContSection {\n overflow-y: scroll;\n height: calc(100vh - 114px);\n }\n .documentDrawer .ant-radio-group{\n display: flex;\n white-space: nowrap;\n }\n .documentDrawer .ant-select-selector .ant-select-selection-item > span{\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 269px;\n display: block;\n }\n @media (max-width: 372px) {\n .ant-picker-date-panel .ant-picker-body{\n padding: 8px !important;\n }\n }\n@media (max-width: 600px) {\n .ant-drawer .ant-drawer-header,.ant-drawer .ant-drawer-body{\n padding: 16px !important;\n }\n .ant-drawer .ant-drawer-footer {\n padding: 12px 16px;\n }\n .ant-picker-dropdown .ant-picker-date-panel{\n width: 100%;\n }\n .ant-picker-dropdown .ant-picker-time-panel-column {\n overflow-y: auto;\n}\n.ant-picker-dropdown .ant-picker-time-panel-column::-webkit-scrollbar {\n width: 2px;\n }\n\n .ant-modal-root .ant-modal-wrap {\n position: fixed;\n overflow: inherit;\n }\n .ant-modal-root .ant-modal-centered .ant-modal{\n vertical-align: middle;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100% !important;\n max-width: 100%!important;\n // transform-origin: bottom !important;\n //animation-duration: 0s !important;\n animation-name: slideUp;\n animation-duration: 0.2s;\n transition: .3s ease-in-out;\n animation-timing-function: ease-in;\n }\n @keyframes slideUp {\n 0%,\n 50% {\n transform: translateY(100%);\n opacity: 0;\n }\n \n 60%,\n 100% {\n transform: translateY(0);\n opacity: 1;\n \n }\n }\n .ant-modal .ant-modal-content {\n bottom: -8px;\n left: 0;\n position: absolute;\n right: 0;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n .ant-modal .ant-modal-body{\n max-height: calc(90vh - 126px);\n overflow: auto;\n padding-right: 16px;\n }\n .ant-modal-footer{\n padding-right: 16px !important;\n }\n .ant-modal .ant-modal-content{\n padding: 24px 16px 32px;\n padding-right: 0;\n }\n}\n\n.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{\n padding: 12px 24px;\n}\n.ant-dropdown-menu{\n min-width: 256px;\n top: 4px;\n}\n.ant-space-item span{\n line-height: 0 !important;\n display: flex;\n}\n.ant-select-dropdown{border-radius: 4px; padding:8px 0 !important;\n background: var(--color-primary-background) ;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);}\n\n.ant-select-dropdown .ant-select-item { \n min-height: auto;\n padding: 12px 16px;\n color: var(--color-primary-content) ;\n line-height: 20px;\n border-radius: 0px;\n}\n\n.label-date-dropdown {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n}\n\n.ant-select-dropdown .ant-select-item-option-active span{ color: var(--color-primary) !important;}\n.ant-picker-range {opacity: 0;}\n.ant-picker-dropdown-range { padding: 0; }\n\n.fadeImg{\n position: relative;\n width: 100%;\n max-height: 300px;\n overflow-x: auto;\n}\n.overLayImg{\n background: rgb(0 0 0 / 40%);\n border-radius: 12px 12px 0px 0px;\n overflow: hidden;\n}\n \n.OaTooltip .ant-tooltip-inner{\n padding: 24px 16px;\n background: #fff;\n color: #212121;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n width: 348px;\n border-radius: 12px;\n}\n.OaTooltip .ant-tooltip-arrow:before{\n background: #fff !important;\n}\n.OaFooterBtn{\n display: flex;\n justify-content: end;\n}\n.OaTooltip{\n max-width: 348px !important;\n}\n.paddingBot .ant-drawer-body{\n padding-bottom: 100px !important;\n}\n.react-transform-component,.react-transform-wrapper,.react-transform-component > div{\n width: 100%;\n}\n.ascCollapse .ant-collapse-arrow{\n transform: rotate(90deg);\n color: var(--color-primary) !important;\n font-size: 14px !important;\n}\n.gappingIcons{\n display: flex;\n gap: 16px;\n}\n.imageZoom .ant-modal-body > div{\n height: 350px;\n overflow-y: auto;\n margin: 30px 0px 0px;\n padding: 0px 8px 0 0;;\n \n}\n/* width */\n.imageZoom ::-webkit-scrollbar {\n width: 8px;\n height: 100px;\n border-radius: 8px;\n}\n\n/* Track */\n.imageZoom ::-webkit-scrollbar-track {\n background: #f6f6f6; \n border-radius: 8px;\n}\n \n/* Handle */\n.imageZoom ::-webkit-scrollbar-thumb {\n background: #888; \n border-radius: 8px;\n height: 100px;\n}\n\n/* Handle on hover */\n.imageZoom ::-webkit-scrollbar-thumb:hover {\n background: #555; \n}\n .modalImg{\n width: 100%;\n }\n.overflowScroll{\n position: relative;\n}\n.ascCollapse .ant-collapse-header{\n border-radius: 4px !important;\n background: var(--color-secondary-background);\n}\n.ascCollapse,.ant-collapse{\n overflow: hidden;\n}\n.ascCollapse .totalVal{\n display: flex;\n gap: 12px;\n}\n.ascCollapse.ant-collapse-item-active .ant-collapse-arrow{\n transform: rotate(180deg) !important;\n}.mobilesIcons li.ant-dropdown-menu-item > svg {\n display: none\n}\n .ant-notification-notice-close svg{\n font-size: 24px !important;\n height: auto;\n }\n @media only screen and (max-width: 574px) {\n .ant-steps-item-tail{\n inset-inline-start: 78px !important;\n \n }\n}\n @media only screen and (max-width: 480px) {\n .ant-steps-item-tail{\n inset-inline-start: 60px !important;\n \n }\n}\n@media only screen and (max-width: 600px) {\n \n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-body {\n padding: 8px;\n }\n .ant-picker-dropdown { width: 100%; left: 0 !important; }\n .mobilesIcons li.ant-dropdown-menu-item > svg {\n display: block;\n}\n.imageZoom .ant-modal-body>div{\n height: auto;\n overflow-y: auto;\n}\n.imageZoom .ant-modal-footer{\n padding-right: 16px !important;\n}\n .fadeImg{\n max-height: auto;\n }\n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {\n width: 24px; font-size: 12px; font-weight: bold; }\n\n .ant-picker-dropdown .ant-picker-content th {\n height: 24px;\n }\n .ant-picker-dropdown .ant-picker-content td {\n font-size: 12px;\n }\n .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content {\n width: 100%;\n }\n\n}\n.ant-picker .ant-picker-clear{\n font-size: 20px;\n}\n\n"])));
|
|
11
11
|
var _default = exports.default = CommonStyles;
|
|
@@ -98,7 +98,7 @@ function ApprovalWidget(_ref) {
|
|
|
98
98
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
99
99
|
className: columnDynamicCssClass === null || columnDynamicCssClass === void 0 ? void 0 : columnDynamicCssClass.firstColumn
|
|
100
100
|
}, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h4", {
|
|
101
|
-
className: "type-
|
|
101
|
+
className: "type-button-500"
|
|
102
102
|
}, title, isMandatory && /*#__PURE__*/_react.default.createElement(_styles.RedText, null, "*"))), description && /*#__PURE__*/_react.default.createElement(_styles.Styledescription, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
103
103
|
typography: "type-b2-400",
|
|
104
104
|
color: "secondary-content"
|
|
@@ -128,7 +128,7 @@ function ApprovalWidget(_ref) {
|
|
|
128
128
|
"data-test": dataTest ? "".concat(dataTest, "--upload-download-widget") : undefined
|
|
129
129
|
}, docDetails, {
|
|
130
130
|
formName: isMandatory ? "file-".concat(questionId) : undefined
|
|
131
|
-
})))), viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
131
|
+
})))), children, viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
132
132
|
className: "view-button",
|
|
133
133
|
"data-test": dataTest ? "".concat(dataTest, "--view-button") : undefined,
|
|
134
134
|
onClick: () => viewOnClick(questionId),
|
|
@@ -138,7 +138,7 @@ function ApprovalWidget(_ref) {
|
|
|
138
138
|
// ? "View Previous Description"
|
|
139
139
|
// :
|
|
140
140
|
"View History"
|
|
141
|
-
})
|
|
141
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
142
142
|
className: columnDynamicCssClass === null || columnDynamicCssClass === void 0 ? void 0 : columnDynamicCssClass.secondColumn
|
|
143
143
|
}, systemStatus === null || systemStatus === void 0 ? void 0 : systemStatus.map(status => {
|
|
144
144
|
var _status$items;
|
|
@@ -148,7 +148,7 @@ function ApprovalWidget(_ref) {
|
|
|
148
148
|
}, status.label), status.renderType === "tag" && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomTag.default, status)), status.renderType === "toolTip" && ((_status$items = status.items) === null || _status$items === void 0 ? void 0 : _status$items.length) > 0 && /*#__PURE__*/_react.default.createElement(_CustomTooltip.default, {
|
|
149
149
|
overlayClassName: "multipleDocumentTooltip",
|
|
150
150
|
isDisplayed: true,
|
|
151
|
-
placement: tooltipPlacement // Pass placement as a prop
|
|
151
|
+
placement: status.tooltipPlacement // Pass placement as a prop
|
|
152
152
|
,
|
|
153
153
|
title: (() => {
|
|
154
154
|
const totalItems = status.items.length;
|
|
@@ -193,13 +193,14 @@ function ApprovalWidget(_ref) {
|
|
|
193
193
|
className: "oaActionText"
|
|
194
194
|
}, (actionContent === null || actionContent === void 0 ? void 0 : actionContent.icon) && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
|
|
195
195
|
icon: _CheckCircle.default,
|
|
196
|
+
size: 20,
|
|
196
197
|
color: "secondary-content"
|
|
197
198
|
}), /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
198
199
|
typography: "type-b2-400",
|
|
199
200
|
color: "secondary-content"
|
|
200
|
-
}, (_actionContent$label = actionContent === null || actionContent === void 0 ? void 0 : actionContent.label) !== null && _actionContent$label !== void 0 ? _actionContent$label : "-")), actionRenderType === "button" && /*#__PURE__*/_react.default.createElement(_CustomButton.default, _extends({
|
|
201
|
+
}, (_actionContent$label = actionContent === null || actionContent === void 0 ? void 0 : actionContent.label) !== null && _actionContent$label !== void 0 ? _actionContent$label : "-")), actionRenderType === "button" && /*#__PURE__*/_react.default.createElement(_CustomButton.default, _extends({
|
|
201
202
|
disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false
|
|
202
|
-
})), actionRenderType === "radio" &&
|
|
203
|
+
}, actionContent)), actionRenderType === "radio" &&
|
|
203
204
|
/*#__PURE__*/
|
|
204
205
|
//className="col-sm-12 col-md-4 col-lg-4"
|
|
205
206
|
_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
|
|
@@ -33,8 +33,7 @@ function AddressDetails(_ref) {
|
|
|
33
33
|
geolocationData,
|
|
34
34
|
pinCodeServisible,
|
|
35
35
|
editLocationHandler,
|
|
36
|
-
onFinish
|
|
37
|
-
showAddressType
|
|
36
|
+
onFinish
|
|
38
37
|
} = _ref;
|
|
39
38
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
40
39
|
className: "addresBoxDiv"
|
|
@@ -50,12 +49,12 @@ function AddressDetails(_ref) {
|
|
|
50
49
|
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
51
50
|
className: "type-b3-400",
|
|
52
51
|
color: "secondary-content"
|
|
53
|
-
}, (_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) ?
|
|
52
|
+
}, (_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, {
|
|
54
53
|
iconConfig: {
|
|
55
54
|
icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
|
|
56
55
|
icon: _EditOutlined.default
|
|
57
56
|
}),
|
|
58
|
-
position:
|
|
57
|
+
position: 'left'
|
|
59
58
|
},
|
|
60
59
|
size: "small",
|
|
61
60
|
label: "Edit location",
|
|
@@ -63,8 +62,7 @@ function AddressDetails(_ref) {
|
|
|
63
62
|
onClick: editLocationHandler
|
|
64
63
|
})), pinCodeServisible ? /*#__PURE__*/_react.default.createElement(_AddressForm.default, {
|
|
65
64
|
geolocationData: geolocationData,
|
|
66
|
-
onFinish: onFinish
|
|
67
|
-
showAddressType: showAddressType
|
|
65
|
+
onFinish: onFinish
|
|
68
66
|
}) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
69
67
|
color: "negative"
|
|
70
68
|
}, "Pincode according to your pin on map is Non-serviceable, please move the pin to serviceable pincode."));
|
|
@@ -10,7 +10,6 @@ var _antd = require("antd");
|
|
|
10
10
|
var _CustomInput = _interopRequireDefault(require("../../components/oa-component-input/CustomInput"));
|
|
11
11
|
var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
|
|
12
12
|
var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
|
|
13
|
-
var _CustomRadio = _interopRequireDefault(require("../../components/oa-component-radio/CustomRadio"));
|
|
14
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
14
|
/* eslint-disable */
|
|
16
15
|
|
|
@@ -29,8 +28,7 @@ function AddressForm(props) {
|
|
|
29
28
|
const [form] = _antd.Form.useForm();
|
|
30
29
|
const {
|
|
31
30
|
geolocationData,
|
|
32
|
-
onFinish
|
|
33
|
-
showAddressType
|
|
31
|
+
onFinish
|
|
34
32
|
} = props;
|
|
35
33
|
return /*#__PURE__*/_react.default.createElement(_antd.Form, {
|
|
36
34
|
form: form,
|
|
@@ -53,7 +51,7 @@ function AddressForm(props) {
|
|
|
53
51
|
name: "houseNo",
|
|
54
52
|
rules: [{
|
|
55
53
|
required: true,
|
|
56
|
-
message:
|
|
54
|
+
message: 'Please input your House no. / Flat / Floor!'
|
|
57
55
|
}]
|
|
58
56
|
}, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
|
|
59
57
|
placeholder: "Type here",
|
|
@@ -69,28 +67,7 @@ function AddressForm(props) {
|
|
|
69
67
|
name: "landmark"
|
|
70
68
|
}, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
|
|
71
69
|
placeholder: "Type here"
|
|
72
|
-
})))),
|
|
73
|
-
className: "margin-top-12"
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
75
|
-
color: "primary-content",
|
|
76
|
-
className: "type-b2-400"
|
|
77
|
-
}, "Address Type", /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
78
|
-
color: "negative"
|
|
79
|
-
}, "*")), /*#__PURE__*/_react.default.createElement("div", {
|
|
80
|
-
className: "margin-top-4"
|
|
81
|
-
}, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
|
|
82
|
-
name: "addressType",
|
|
83
|
-
rules: [{
|
|
84
|
-
required: true,
|
|
85
|
-
message: "Please select Address Type"
|
|
86
|
-
}]
|
|
87
|
-
}, /*#__PURE__*/_react.default.createElement(_CustomRadio.default.Group, null, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
|
|
88
|
-
value: "RESIDENTIAL",
|
|
89
|
-
label: "Residential"
|
|
90
|
-
}), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
|
|
91
|
-
value: "COMMERCIAL",
|
|
92
|
-
label: "Commercial"
|
|
93
|
-
}))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
70
|
+
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
94
71
|
className: "buttonBottom margin-top-24"
|
|
95
72
|
}, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
96
73
|
type: "primary",
|
|
@@ -44,8 +44,7 @@ function MapBaseLocation(_ref) {
|
|
|
44
44
|
form,
|
|
45
45
|
onFinish,
|
|
46
46
|
openLocationNotDetectedModal,
|
|
47
|
-
setOpenLocationNotDetectedModalState
|
|
48
|
-
showAddressType
|
|
47
|
+
setOpenLocationNotDetectedModalState
|
|
49
48
|
} = _ref;
|
|
50
49
|
return /*#__PURE__*/_react.default.createElement(_styles.MapStyles, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
50
|
className: "containerMap"
|
|
@@ -59,7 +58,7 @@ function MapBaseLocation(_ref) {
|
|
|
59
58
|
googleMapURL: googleMapURL,
|
|
60
59
|
loadingElement: /*#__PURE__*/_react.default.createElement("div", {
|
|
61
60
|
style: {
|
|
62
|
-
height:
|
|
61
|
+
height: '100%'
|
|
63
62
|
}
|
|
64
63
|
}),
|
|
65
64
|
containerElement: /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -67,7 +66,7 @@ function MapBaseLocation(_ref) {
|
|
|
67
66
|
}),
|
|
68
67
|
mapElement: /*#__PURE__*/_react.default.createElement("div", {
|
|
69
68
|
style: {
|
|
70
|
-
height:
|
|
69
|
+
height: '100%'
|
|
71
70
|
}
|
|
72
71
|
}),
|
|
73
72
|
googleMapRef: googleMapRef,
|
|
@@ -75,7 +74,6 @@ function MapBaseLocation(_ref) {
|
|
|
75
74
|
fetchAddressFromGoogleApi: fetchAddressFromGoogleApi,
|
|
76
75
|
setOpenLocationNotDetectedModal: setOpenLocationNotDetectedModal
|
|
77
76
|
}), /*#__PURE__*/_react.default.createElement(_AddressDetails.default, {
|
|
78
|
-
showAddressType: showAddressType,
|
|
79
77
|
geolocationData: geolocationData,
|
|
80
78
|
pinCodeServisible: pinCodeServisible,
|
|
81
79
|
editLocationHandler: editLocationHandler,
|
|
@@ -118,7 +118,12 @@ function MembershipCard(_ref) {
|
|
|
118
118
|
}, /*#__PURE__*/_react.default.createElement("label", null, ' ', /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
119
119
|
color: primaryInfo.type === 'success' ? 'positive' : 'negative',
|
|
120
120
|
className: "type-t2-700"
|
|
121
|
-
}, primaryInfo.label)))
|
|
121
|
+
}, primaryInfo.label))), tag && /*#__PURE__*/_react.default.createElement("div", {
|
|
122
|
+
className: "topPad24"
|
|
123
|
+
}, /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
|
|
124
|
+
label: tag.text,
|
|
125
|
+
type: tag.type
|
|
126
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
122
127
|
className: "imgBg"
|
|
123
128
|
}, /*#__PURE__*/_react.default.createElement(_CustomIcon.default, {
|
|
124
129
|
alt: "phone img",
|
|
@@ -129,10 +134,7 @@ function MembershipCard(_ref) {
|
|
|
129
134
|
}, itemsToShow.join(', '), remainingItems.length > 0 && /*#__PURE__*/_react.default.createElement("span", {
|
|
130
135
|
role: "button",
|
|
131
136
|
tabIndex: 0
|
|
132
|
-
}, "...+".concat(remainingItems.length, " more")))),
|
|
133
|
-
label: tag.text,
|
|
134
|
-
type: tag.type
|
|
135
|
-
})), primaryPanel && /*#__PURE__*/_react.default.createElement("div", {
|
|
137
|
+
}, "...+".concat(remainingItems.length, " more")))), primaryPanel && /*#__PURE__*/_react.default.createElement("div", {
|
|
136
138
|
onClick: primaryPanel.name,
|
|
137
139
|
onKeyDown: e => {
|
|
138
140
|
if (e.key === 'Enter') primaryPanel.name();
|