ordering-ui-admin-external 1.43.0 → 1.43.2

package/_modules/components/Delivery/DriversGroupGeneralForm/index.js

@@ -151,9 +151,9 @@ var DriversGroupGeneralForm = exports.DriversGroupGeneralForm = function Drivers
       key: driverManager.id
     }, /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
       value: driverManager === null || driverManager === void 0 ? void 0 : driverManager.id,
-      checked: selectedDriverManager.includes(driverManager.id),
+      checked: selectedDriverManager === null || selectedDriverManager === void 0 ? void 0 : selectedDriverManager.includes(driverManager === null || driverManager === void 0 ? void 0 : driverManager.id),
       onChange: function onChange(e) {
-        return handleSelectDriverManager(driverManager.id, e.target.checked);
+        return handleSelectDriverManager(driverManager === null || driverManager === void 0 ? void 0 : driverManager.id, e.target.checked);
       }
     }), /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, driverManager !== null && driverManager !== void 0 && driverManager.photo ? /*#__PURE__*/_react.default.createElement(_styles2.Image, {
       bgimage: driverManager === null || driverManager === void 0 ? void 0 : driverManager.photo,

package/_modules/components/Orders/AllInOne/index.js

@@ -255,6 +255,7 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     setTimeStatus: setTimeStatus,
     setSlaSettingTime: setSlaSettingTime
   }), /*#__PURE__*/_react.default.createElement(_styles.MainContentContainer, null, /*#__PURE__*/_react.default.createElement(_styles.TopContent, null, /*#__PURE__*/_react.default.createElement(_styles.DriversContainer, null, /*#__PURE__*/_react.default.createElement(_DriversManager.DriversManager, {
+    filterValues: filterValues,
     setMapsData: setMapsData,
     handleUpdateAssignedOrders: handleUpdateAssignedOrders,
     disableSocketRoomDriver: true,

package/_modules/components/Orders/Messages/index.js

@@ -45,7 +45,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var MessagesUI = exports.MessagesUI = function MessagesUI(props) {
-  var _configs$change_order, _configs$order_logboo, _order$business, _order$customer, _order$driver, _theme$images, _order$business6, _order$business7, _order$customer6, _order$customer7, _order$customer8, _order$driver6, _order$driver7, _order$driver8;
+  var _configs$change_order, _order$business, _order$customer, _order$driver, _theme$images, _order$business6, _order$business7, _order$customer6, _order$customer7, _order$customer8, _order$driver6, _order$driver7, _order$driver8;
   var isChat = props.isChat,
     order = props.order,
     messages = props.messages,
@@ -123,7 +123,6 @@ var MessagesUI = exports.MessagesUI = function MessagesUI(props) {
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
   var showExternalId = (configs === null || configs === void 0 || (_configs$change_order = configs.change_order_id) === null || _configs$change_order === void 0 ? void 0 : _configs$change_order.value) === '1';
-  var hideLogBookMessages = (configs === null || configs === void 0 || (_configs$order_logboo = configs.order_logbook_enabled) === null || _configs$order_logboo === void 0 ? void 0 : _configs$order_logboo.value) === '0';
   var adminMessageList = [{
     key: 'message_1',
     text: t('ADMIN_MESSAGE_1', 'admin_message_1')
@@ -425,7 +424,7 @@ var MessagesUI = exports.MessagesUI = function MessagesUI(props) {
     var _message$author, _message$author2, _message$author3, _message$author4, _order$business2, _order$customer2, _order$driver2, _order$business3, _order$customer3, _order$driver3, _order$business4, _order$customer4, _order$driver4, _order$business5, _order$customer5, _order$driver5;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: message.id
-    }, history && tabActive === 'order_history' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message.type === 0 && !hideLogBookMessages && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
+    }, history && tabActive === 'order_history' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message.type === 0 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
       key: message.id
     }, /*#__PURE__*/_react.default.createElement(_styles.BubbleConsole, null, /*#__PURE__*/_react.default.createElement("p", {
       dangerouslySetInnerHTML: {
@@ -433,7 +432,7 @@ var MessagesUI = exports.MessagesUI = function MessagesUI(props) {
           utc: false
         }) + '</b>').replace('_via_', '<b>' + t(order.app_id ? order.app_id.toUpperCase() : 'OTHER') + '</b>')
       }
-    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('APP_ID', 'App ID'), ": "), message === null || message === void 0 ? void 0 : message.app_id), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('AUTHOR', 'Author'), ": "), message === null || message === void 0 || (_message$author = message.author) === null || _message$author === void 0 ? void 0 : _message$author.name, " ", message === null || message === void 0 || (_message$author2 = message.author) === null || _message$author2 === void 0 ? void 0 : _message$author2.lastname), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('USER_AGENT', 'User agent'), ": "), message === null || message === void 0 ? void 0 : message.user_agent), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('IP', 'IP'), ": "), message === null || message === void 0 ? void 0 : message.ip), /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message === null || message === void 0 ? void 0 : message.created_at)))), message.type === 1 && !hideLogBookMessages && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
+    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('APP_ID', 'App ID'), ": "), message === null || message === void 0 ? void 0 : message.app_id), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('AUTHOR', 'Author'), ": "), message === null || message === void 0 || (_message$author = message.author) === null || _message$author === void 0 ? void 0 : _message$author.name, " ", message === null || message === void 0 || (_message$author2 = message.author) === null || _message$author2 === void 0 ? void 0 : _message$author2.lastname), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('USER_AGENT', 'User agent'), ": "), message === null || message === void 0 ? void 0 : message.user_agent), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('IP', 'IP'), ": "), message === null || message === void 0 ? void 0 : message.ip), /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message === null || message === void 0 ? void 0 : message.created_at)))), message.type === 1 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
       key: message.id,
       style: {
         display: "".concat(tabActive === 'order_history' ? 'inline-flex' : 'none')
@@ -445,9 +444,9 @@ var MessagesUI = exports.MessagesUI = function MessagesUI(props) {
     }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
       placement: "top",
       overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, null, parseDate(message.created_at))
-    }, /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message.created_at)))))), isChat && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message.type === 0 && !hideLogBookMessages && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
+    }, /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message.created_at)))))), isChat && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message.type === 0 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
       key: message.id
-    }, /*#__PURE__*/_react.default.createElement(_styles.BubbleConsole, null, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_PLACED_FOR', 'Order placed for'), " ", ' ', /*#__PURE__*/_react.default.createElement("strong", null, parseDate(order.created_at)), " ", ' ', t('VIA', 'Via'), ' ', /*#__PURE__*/_react.default.createElement("strong", null, order.app_id ? t(order.app_id.toUpperCase(), order.app_id) : t('OTHER', 'Other')), ' '), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('APP_ID', 'App ID'), ": "), message === null || message === void 0 ? void 0 : message.app_id), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('AUTHOR', 'Author'), ": "), message === null || message === void 0 || (_message$author3 = message.author) === null || _message$author3 === void 0 ? void 0 : _message$author3.name, " ", message === null || message === void 0 || (_message$author4 = message.author) === null || _message$author4 === void 0 ? void 0 : _message$author4.lastname), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('USER_AGENT', 'User agent'), ": "), message === null || message === void 0 ? void 0 : message.user_agent), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('IP', 'IP'), ": "), message === null || message === void 0 ? void 0 : message.ip), /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message === null || message === void 0 ? void 0 : message.created_at)))), message.type === 1 && !hideLogBookMessages && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
+    }, /*#__PURE__*/_react.default.createElement(_styles.BubbleConsole, null, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_PLACED_FOR', 'Order placed for'), " ", ' ', /*#__PURE__*/_react.default.createElement("strong", null, parseDate(order.created_at)), " ", ' ', t('VIA', 'Via'), ' ', /*#__PURE__*/_react.default.createElement("strong", null, order.app_id ? t(order.app_id.toUpperCase(), order.app_id) : t('OTHER', 'Other')), ' '), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('APP_ID', 'App ID'), ": "), message === null || message === void 0 ? void 0 : message.app_id), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('AUTHOR', 'Author'), ": "), message === null || message === void 0 || (_message$author3 = message.author) === null || _message$author3 === void 0 ? void 0 : _message$author3.name, " ", message === null || message === void 0 || (_message$author4 = message.author) === null || _message$author4 === void 0 ? void 0 : _message$author4.lastname), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('USER_AGENT', 'User agent'), ": "), message === null || message === void 0 ? void 0 : message.user_agent), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('IP', 'IP'), ": "), message === null || message === void 0 ? void 0 : message.ip), /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message === null || message === void 0 ? void 0 : message.created_at)))), message.type === 1 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
       key: message.id,
       style: {
         display: "".concat(tabActive === 'order_history' ? 'inline-flex' : 'none')

package/_modules/components/Orders/OrdersFilterGroup/index.js

@@ -71,7 +71,8 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
     handleDeleteMetafield = props.handleDeleteMetafield,
     handleChangeExternalId = props.handleChangeExternalId,
     handleChangeChildFilterValue = props.handleChangeChildFilterValue,
-    handleChangeGroupUnassigned = props.handleChangeGroupUnassigned;
+    handleChangeGroupUnassigned = props.handleChangeGroupUnassigned,
+    handleFilterValues = props.handleFilterValues;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -94,6 +95,9 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
   var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
+  var _useFilterValues = (0, _FilterValuesContext.useFilterValues)(),
+    _useFilterValues2 = _slicedToArray(_useFilterValues, 1),
+    _filterValues = _useFilterValues2[0];
   var configFilter = (configs === null || configs === void 0 || (_configs$filter_order = configs.filter_order_options) === null || _configs$filter_order === void 0 ? void 0 : _configs$filter_order.value.split('|').map(function (value) {
     return value;
   })) || [];
@@ -132,6 +136,7 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
   }];
   var handleAcceptFilter = function handleAcceptFilter() {
     handleChangeFilterValues(filterValues);
+    handleFilterValues(filterValues);
     setFilterModalOpen(false);
   };
   var handleClearFilter = function handleClearFilter() {
@@ -173,10 +178,10 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
   }, [isShow]);
   (0, _react.useEffect)(function () {
     var _filterApplied = false;
-    if (Object.keys(filterValues).length === 0) {
+    if (Object.keys(_filterValues).length === 0) {
       _filterApplied = false;
     } else {
-      Object.values(filterValues).forEach(function (value) {
+      Object.values(_filterValues).forEach(function (value) {
         if (Array.isArray(value)) {
           if (value.length > 0) _filterApplied = true;
         } else {
@@ -185,7 +190,7 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
       });
     }
     setFilterApplied(_filterApplied);
-  }, [filterValues]);
+  }, [_filterValues]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
@@ -383,15 +388,23 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
   }, t('CLEAR', 'Clear'))))));
 };
 var OrdersFilterGroup = exports.OrdersFilterGroup = function OrdersFilterGroup(props) {
-  var _useFilterValues = (0, _FilterValuesContext.useFilterValues)(),
-    _useFilterValues2 = _slicedToArray(_useFilterValues, 2),
-    filterValues = _useFilterValues2[0],
-    handleFilterValues = _useFilterValues2[1].handleFilterValues;
+  var _useFilterValues3 = (0, _FilterValuesContext.useFilterValues)(),
+    _useFilterValues4 = _slicedToArray(_useFilterValues3, 2),
+    filterValues = _useFilterValues4[0],
+    handleFilterValues = _useFilterValues4[1].handleFilterValues;
+  var _useState7 = (0, _react.useState)(filterValues),
+    _useState8 = _slicedToArray(_useState7, 2),
+    savedFilterValues = _useState8[0],
+    setSavedFilterValues = _useState8[1];
+  (0, _react.useEffect)(function () {
+    setSavedFilterValues(filterValues);
+  }, [filterValues]);
   var FilterControlProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: OrdersFilterGroupUI,
     driverGroupList: props.driverGroupList,
-    filterValues: filterValues,
-    setFilterValues: handleFilterValues
+    filterValues: savedFilterValues,
+    setFilterValues: setSavedFilterValues,
+    handleFilterValues: handleFilterValues
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.OrdersFilter, FilterControlProps));
 };

package/_modules/components/Orders/OrdersHeaderFilterGroup/index.js

@@ -12,6 +12,7 @@ var _DriverMultiSelector = require("../DriverMultiSelector");
 var _styles = require("../../../styles");
 var _styles2 = require("./styles");
 var _FilterValuesContext = require("../../../contexts/FilterValuesContext");
+var _Shared = require("../../Shared");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -69,12 +70,21 @@ var OrdersHeaderFilterGroupUI = function OrdersHeaderFilterGroupUI(props) {
       handleChangeFilterValues(filterValues);
     }
   }, [filterValues]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, !loading && configFilter.includes('external_id') && /*#__PURE__*/_react.default.createElement(_styles.Input, {
-    type: "text",
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, !loading && configFilter.includes('external_id') && /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     placeholder: (_dictionary$EXTERNAL_ = dictionary === null || dictionary === void 0 ? void 0 : dictionary.EXTERNAL_ID) !== null && _dictionary$EXTERNAL_ !== void 0 ? _dictionary$EXTERNAL_ : 'External Id',
-    autoComplete: "off",
-    value: (filterValues === null || filterValues === void 0 ? void 0 : filterValues.externalId) || '',
-    onChange: handleChangeExternalId
+    onChange: handleChangeExternalId,
+    search: (filterValues === null || filterValues === void 0 ? void 0 : filterValues.externalId) || '',
+    isCustomLayout: true,
+    hideSearchIcon: true,
+    lazyLoad: true,
+    CustomInput: _styles.Input,
+    onSearch: function onSearch(value) {
+      return handleChangeExternalId({
+        target: {
+          value: value
+        }
+      });
+    }
   }), !loading && configFilter.includes('driver') && /*#__PURE__*/_react.default.createElement(_DriverMultiSelector.DriverMultiSelector, {
     drivers: driversList.drivers,
     filterValues: filterValues,

package/_modules/components/Orders/OrdersHeaderFilterGroup/styles.js

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var WrapperRow = exports.WrapperRow = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100% !important;\n  flex-direction: column;\n  justify-content: space-between;\n  padding-top: 10px;\n  padding-bottom: 0px;\n\n  & > div {\n    width: 100%;\n    height: 47px;\n    margin-bottom: 20px;\n    background-color: ", ";\n    border: none;\n    font-size: 14px;\n    border-radius: 8px;\n    > div:first-child {\n      height: 100%;\n    }\n  }\n\n  .order-status-multi-select {\n    p {\n      padding: 0;\n      color: ", " !important;\n    }\n  }\n\n  .date-filter-container {\n    z-index: 100;\n  }\n\n  > input {\n    width: 100%;\n    height: 47px;\n    margin-bottom: 20px;\n    padding: 10px 25px;\n    box-sizing: border-box;\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    -moz-appearance: textfield;\n  }\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    & > div {\n      width: 48%;\n    }\n\n    > input {\n      width: 48%;\n    }\n  }\n"])), function (props) {
+var WrapperRow = exports.WrapperRow = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100% !important;\n  flex-direction: column;\n  justify-content: space-between;\n  padding-top: 10px;\n  padding-bottom: 0px;\n\n  & > div {\n    width: 100%;\n    height: 47px;\n    margin-bottom: 20px;\n    background-color: ", ";\n    border: none;\n    font-size: 14px;\n    border-radius: 8px;\n    > div:first-child {\n      height: 100%;\n    }\n  }\n\n  .order-status-multi-select {\n    p {\n      padding: 0;\n      color: ", " !important;\n    }\n  }\n\n  .date-filter-container {\n    z-index: 100;\n  }\n\n  input {\n    width: 100%;\n    height: 47px;\n    padding: 10px 25px;\n    box-sizing: border-box;\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    -moz-appearance: textfield;\n  }\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    & > div {\n      width: 48%;\n    }\n\n    > input {\n      width: 48%;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.secundary;
 }, function (props) {
   return props.theme.colors.headingColor;

package/_modules/components/Shared/SearchBar/index.js

@@ -16,7 +16,9 @@ var SearchBar = exports.SearchBar = function SearchBar(props) {
     search = props.search,
     placeholder = props.placeholder,
     lazyLoad = props.lazyLoad,
-    customClass = props.customClass;
+    customClass = props.customClass,
+    hideSearchIcon = props.hideSearchIcon,
+    CustomInput = props.CustomInput;
   var timeout = null;
   var previousSearch;
   var el = (0, _react.useRef)();
@@ -49,16 +51,18 @@ var SearchBar = exports.SearchBar = function SearchBar(props) {
       el.current.value = '';
     }
   }, [search]);
-  return /*#__PURE__*/_react.default.createElement(_styles.SearchContainer, {
-    className: customClass || ''
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: "text",
+  var inputProps = {
+    type: 'text',
     ref: el,
-    name: "search",
+    name: 'search',
     placeholder: placeholder,
-    autoComplete: "off"
-  }), (_el$current = el.current) !== null && _el$current !== void 0 && _el$current.value ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XCircle, {
+    autoComplete: 'off'
+  };
+  return /*#__PURE__*/_react.default.createElement(_styles.SearchContainer, {
+    className: customClass || '',
+    isCustomInput: !!CustomInput
+  }, CustomInput ? /*#__PURE__*/_react.default.createElement(CustomInput, inputProps) : /*#__PURE__*/_react.default.createElement("input", inputProps), (_el$current = el.current) !== null && _el$current !== void 0 && _el$current.value ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XCircle, {
     className: "close",
     onClick: handleClear
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Search, null));
+  }) : !hideSearchIcon && /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Search, null));
 };

package/_modules/components/Shared/SearchBar/styles.js

@@ -6,23 +6,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SearchContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SearchContainer = exports.SearchContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  > input {\n    width: 100%;\n    border: 1px solid ", " !important;\n    background: ", ";\n    outline: none;\n    padding: 10px 15px;\n    border-radius: 8px;\n    ", "\n    font-size: 14px;\n    color: ", ";\n\n    &::placeholder {\n      color: #909BA9;\n    }\n  }\n\n  svg {\n    position: absolute;\n    ", "\n    font-size: 16px;\n    color: ", ";\n\n    &.close {\n      cursor: pointer;\n    }\n  }\n\n  @media (max-width: 1200px) {\n    flex: 1;\n\n    input {\n      width: 100%;\n      box-sizing: border-box;\n    }\n  }\n"])), function (props) {
-  return props.theme.colors.borderColor;
-}, function (props) {
-  var _props$theme$colors;
-  return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
-}, function (props) {
-  var _props$theme;
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding-left: 40px;\n    "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      padding-right: 40px;\n    "])));
-}, function (props) {
-  return props.theme.colors.headingColor;
+var SearchContainer = exports.SearchContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  > input {\n    ", "\n  }\n\n  svg {\n    position: absolute;\n    ", "\n    font-size: 16px;\n    color: ", ";\n\n    &.close {\n      cursor: pointer;\n    }\n  }\n\n  @media (max-width: 1200px) {\n    flex: 1;\n\n    input {\n      width: 100%;\n      box-sizing: border-box;\n    }\n  }\n"])), function (_ref) {
+  var isCustomInput = _ref.isCustomInput;
+  return !isCustomInput && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: 100%;\n      border: 1px solid ", " !important;\n      background: ", ";\n      outline: none;\n      padding: 10px 15px;\n      border-radius: 8px;\n      ", "\n      font-size: 14px;\n      color: ", ";\n\n      &::placeholder {\n        color: #909BA9;\n      }\n    "])), function (props) {
+    return props.theme.colors.borderColor;
+  }, function (props) {
+    var _props$theme$colors;
+    return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
+  }, function (props) {
+    var _props$theme;
+    return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        padding-left: 40px;\n      "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding-right: 40px;\n      "])));
+  }, function (props) {
+    return props.theme.colors.headingColor;
+  });
 }, function (props) {
   var _props$theme2;
-  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      left: 15px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      right: 15px;\n    "])));
+  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      left: 15px;\n    "]))) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      right: 15px;\n    "])));
 }, function (props) {
   return props.theme.colors.lightGray;
 });

package/_modules/components/Stores/BusinessInformation/index.js

@@ -30,14 +30,15 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var BusinessInformationUI = function BusinessInformationUI(props) {
-  var _configs$format_numbe, _formState$changes5, _formState$result3, _businessState$busine2, _businessState$busine3, _formState$changes6, _formState$changes7, _formState$changes8, _formState$result4, _businessState$busine4, _businessState$busine5, _formState$changes9, _formState$changes10, _formState$changes$na, _formState$changes11, _businessState$busine6, _formState$changes$ex, _formState$changes12, _businessState$busine7, _formState$changes$de, _formState$changes13, _businessState$busine8, _formState$changes$ph, _formState$changes14, _businessState$busine9, _formState$changes$ce, _formState$changes15, _businessState$busine10, _businessState$busine11, _businessState$busine12, _formState$changes16, _formState$changes17, _businessState$busine13, _formState$changes$ri, _formState$changes18, _businessState$busine14, _businessState$busine15, _formState$changes19, _formState$changes20, _businessState$busine16, _formState$changes$ri2, _formState$changes21, _businessState$busine17, _businessState$busine20, _formState$changes$di, _formState$changes26, _businessState$busine21, _formState$changes$fa, _formState$changes29, _businessState$busine24, _formState$changes$in, _formState$changes30, _businessState$busine25, _formState$changes$ti, _formState$changes31, _businessState$busine26, _formState$changes$pi, _formState$changes32, _businessState$busine27, _formState$changes$wh, _formState$changes33, _businessState$busine28, _formState$changes$sn, _formState$changes34, _businessState$busine29;
+  var _configs$format_numbe, _formState$changes5, _formState$result3, _businessState$busine2, _businessState$busine3, _formState$changes6, _formState$changes7, _formState$changes8, _formState$result4, _businessState$busine4, _businessState$busine5, _formState$changes9, _formState$changes10, _formState$changes$na, _formState$changes11, _businessState$busine6, _formState$changes$ex, _formState$changes12, _businessState$busine7, _formState$changes$de, _formState$changes13, _businessState$busine8, _formState$changes$ph, _formState$changes14, _businessState$busine9, _formState$changes$ce, _formState$changes15, _businessState$busine10, _businessState$busine11, _businessState$busine12, _formState$changes16, _formState$changes17, _businessState$busine13, _formState$changes$ri, _formState$changes18, _businessState$busine14, _businessState$busine15, _formState$changes19, _formState$changes20, _businessState$busine16, _formState$changes$ri2, _formState$changes21, _businessState$busine17, _businessState$busine20, _ref, _formState$changes$di, _formState$changes26, _businessState$busine21, _formState$changes$fa, _formState$changes29, _businessState$busine24, _formState$changes$in, _formState$changes30, _businessState$busine25, _formState$changes$ti, _formState$changes31, _businessState$busine26, _formState$changes$pi, _formState$changes32, _businessState$busine27, _formState$changes$wh, _formState$changes33, _businessState$busine28, _formState$changes$sn, _formState$changes34, _businessState$busine29;
   var formState = props.formState,
     businessState = props.businessState,
     handlechangeImage = props.handlechangeImage,
     handleChangeInput = props.handleChangeInput,
     handleButtonUpdateClick = props.handleButtonUpdateClick,
     handleChangeSwtich = props.handleChangeSwtich,
-    handleChangeRibbon = props.handleChangeRibbon;
+    handleChangeRibbon = props.handleChangeRibbon,
+    handleChangeSelectedOption = props.handleChangeSelectedOption;
   var formMethods = (0, _reactHookForm.useForm)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -63,6 +64,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     cropState = _useState4[0],
     setCropState = _useState4[1];
   var priceSymbol = configs === null || configs === void 0 || (_configs$format_numbe = configs.format_number_currency) === null || _configs$format_numbe === void 0 || (_configs$format_numbe = _configs$format_numbe.value) === null || _configs$format_numbe === void 0 ? void 0 : _configs$format_numbe.trim();
+  var disableReasonDictionary = (0, _utils.disableReasons)();
   var priceList = [{
     key: '1',
     value: "".concat(priceSymbol)
@@ -79,6 +81,183 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     key: '5',
     value: "".concat(Array(5).fill(priceSymbol).join(''))
   }];
+  var reasonOptionList = [{
+    value: 'default',
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, t('SELECT_OPTION', 'Select option'))),
+    color: 'primary',
+    disabled: true,
+    showDisable: true
+  }, {
+    value: disableReasonDictionary.SALE_DIVIATION,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.SALE_DIVIATION)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.MOTORCYCLE_FAILURE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.MOTORCYCLE_FAILURE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.NO_DRIVERS,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.NO_DRIVERS)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.EXCESS_ORDERS,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.EXCESS_ORDERS)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.NO_ELECTRIC_POWER,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.NO_ELECTRIC_POWER)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.NO_GAS,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.NO_GAS)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.CONECTION_FAILURE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.CONECTION_FAILURE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.NO_WATER,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.NO_WATER)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.SYSTEM_FAILURE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.SYSTEM_FAILURE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.STREETS_CLOSED,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.STREETS_CLOSED)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.NO_SERVICE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.NO_SERVICE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.UNSAFETY,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.UNSAFETY)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.MAINTENANCE_IN_STORE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.MAINTENANCE_IN_STORE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.RAINING,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.RAINING)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.STORE_EVENT,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.STORE_EVENT)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.PROBLEM_WITH_POWER,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.PROBLEM_WITH_POWER)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.DRIVER_ACCIDENT,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.DRIVER_ACCIDENT)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.MAINTENANCE_SYSTEM_IN_STORE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.MAINTENANCE_SYSTEM_IN_STORE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.PROBLEM_WITH_GAS,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.PROBLEM_WITH_GAS)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.ROLLER_FAILURE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.ROLLER_FAILURE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.WEATHER,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.WEATHER)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.GAS_LEAK,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.GAS_LEAK)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.MANIFESTATION,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.MANIFESTATION)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.LACK_OF_STAFF,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.LACK_OF_STAFF)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.MIXER_FAILURE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.MIXER_FAILURE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.AUTOMATICS,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.AUTOMATICS)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.PRODUCT_SHORTAGE,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.PRODUCT_SHORTAGE)),
+    color: 'primary'
+  }, {
+    value: disableReasonDictionary.TERMINAL_FAILURES,
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, {
+      padding: "0px"
+    }, /*#__PURE__*/_react.default.createElement("span", null, disableReasonDictionary.TERMINAL_FAILURES)),
+    color: 'primary'
+  }];
   var socialOriginalURL = {
     facebook: 'https://www.facebook.com/',
     instagram: 'https://www.instagram.com/',
@@ -341,13 +520,17 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
         });
       }
     }, /*#__PURE__*/_react.default.createElement("div", null), (formState !== null && formState !== void 0 && (_formState$changes24 = formState.changes) !== null && _formState$changes24 !== void 0 && (_formState$changes24 = _formState$changes24.ribbon) !== null && _formState$changes24 !== void 0 && _formState$changes24.shape ? (formState === null || formState === void 0 || (_formState$changes25 = formState.changes) === null || _formState$changes25 === void 0 || (_formState$changes25 = _formState$changes25.ribbon) === null || _formState$changes25 === void 0 ? void 0 : _formState$changes25.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 || (_businessState$busine19 = businessState.business) === null || _businessState$busine19 === void 0 || (_businessState$busine19 = _businessState$busine19.ribbon) === null || _businessState$busine19 === void 0 ? void 0 : _businessState$busine19.shape) === _utils.shape[key]) ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null));
-  }))))), (businessState === null || businessState === void 0 || (_businessState$busine20 = businessState.business) === null || _businessState$busine20 === void 0 ? void 0 : _businessState$busine20.enabled) === false && /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('DISABLED_REASON', 'Disabled reason'), " ", /*#__PURE__*/_react.default.createElement("span", null, "(", t('MAX_60_CHAR', 'Max 60 Characters'), ")")), /*#__PURE__*/_react.default.createElement(_styles.Input, {
-    name: "disabled_reason",
-    defaultValue: (_formState$changes$di = formState === null || formState === void 0 || (_formState$changes26 = formState.changes) === null || _formState$changes26 === void 0 ? void 0 : _formState$changes26.disabled_reason) !== null && _formState$changes$di !== void 0 ? _formState$changes$di : businessState === null || businessState === void 0 || (_businessState$busine21 = businessState.business) === null || _businessState$busine21 === void 0 ? void 0 : _businessState$busine21.disabled_reason,
-    onChange: handleChangeInput,
-    disabled: formState.loading,
-    autoComplete: "off",
-    maxLength: 60
+  }))))), (businessState === null || businessState === void 0 || (_businessState$busine20 = businessState.business) === null || _businessState$busine20 === void 0 ? void 0 : _businessState$busine20.enabled) === false && /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('DISABLED_REASON', 'Disabled reason')), /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
+    defaultValue: (_ref = (_formState$changes$di = formState === null || formState === void 0 || (_formState$changes26 = formState.changes) === null || _formState$changes26 === void 0 ? void 0 : _formState$changes26.disabled_reason) !== null && _formState$changes$di !== void 0 ? _formState$changes$di : businessState === null || businessState === void 0 || (_businessState$busine21 = businessState.business) === null || _businessState$busine21 === void 0 ? void 0 : _businessState$busine21.disabled_reason) !== null && _ref !== void 0 ? _ref : 'default',
+    options: reasonOptionList,
+    optionInnerMaxHeight: "200px",
+    onChange: function onChange(value) {
+      return handleChangeSelectedOption('disabled_reason', value);
+    }
+    // isShowSearchBar
+    // searchBarPlaceholder={t('SEARCH', 'Search')}
+    // searchValue={searchValue}
+    // handleChangeSearch={handleSearch}
   })), /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('PRICE_FILTER', 'Price filter')), /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterListWrapper, null, priceList.map(function (item, i) {
     var _formState$changes$pr, _formState$changes27, _businessState$busine22, _formState$changes$pr2, _formState$changes28, _businessState$busine23;
     return /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterItem, {

package/_modules/components/Stores/BusinessInformation/styles.js

@@ -4,9 +4,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UploadImageIconContainer = exports.UploadImageIcon = exports.SwitchWrapper = exports.SocialWrapper = exports.SocialItemWrapper = exports.SocialItemHeader = exports.SocialItemContent = exports.SkeletonWrapper = exports.ShapeWrapper = exports.ShapeContentWrapper = exports.ShapeBoxWrapper = exports.RibbonSwitchWrapper = exports.PriceFilterWrapper = exports.PriceFilterListWrapper = exports.PriceFilterItem = exports.PhoneWrapper = exports.LogoImage = exports.InputWrapper = exports.HeaderImage = exports.FormInput = exports.ColorWrapper = exports.ColorShapeWrapper = exports.ActionsForm = void 0;
+exports.UploadImageIconContainer = exports.UploadImageIcon = exports.SwitchWrapper = exports.SocialWrapper = exports.SocialItemWrapper = exports.SocialItemHeader = exports.SocialItemContent = exports.SkeletonWrapper = exports.ShapeWrapper = exports.ShapeContentWrapper = exports.ShapeBoxWrapper = exports.RibbonSwitchWrapper = exports.PriceFilterWrapper = exports.PriceFilterListWrapper = exports.PriceFilterItem = exports.PhoneWrapper = exports.Option = exports.LogoImage = exports.InputWrapper = exports.HeaderImage = exports.FormInput = exports.ColorWrapper = exports.ColorShapeWrapper = exports.ActionsForm = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -82,4 +82,28 @@ var SocialItemHeader = exports.SocialItemHeader = _styledComponents.default.div(
 }, function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n      margin-left: 0px;\n      margin-right: 12px;\n    "])));
 });
-var SocialItemContent = exports.SocialItemContent = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  width: 100%;\n  input {\n    width: 100%;\n    border-radius: 8px;\n  }\n"])));
+var SocialItemContent = exports.SocialItemContent = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  width: 100%;\n  input {\n    width: 100%;\n    border-radius: 8px;\n  }\n"])));
+var Option = exports.Option = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n  padding: ", ";\n  white-space: nowrap;\n  ", "\n  ", "\n\n  img {\n    width: 45px;\n    border-radius: 8px;\n  }\n\n  ", "\n\n  span {\n    font-size: 14px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    max-width: 350px;\n  }\n\n  @media (max-width: 576px) {\n    padding: ", ";\n    span {\n      max-width: 280px;\n    }\n  }\n"])), function (props) {
+  var _props$theme$colors;
+  return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.headingColor;
+}, function (_ref8) {
+  var padding = _ref8.padding;
+  return padding || '5px 10px';
+}, function (_ref9) {
+  var isPhoneView = _ref9.isPhoneView;
+  return isPhoneView && (0, _styledComponents.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n    width: 100%;\n  "])));
+}, function (_ref10) {
+  var isRemove = _ref10.isRemove;
+  return isRemove && (0, _styledComponents.css)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n    color: ", ";\n    padding: 3px 10px;\n    font-size: 14px;\n  "])), function (props) {
+    return props.theme.colors.danger;
+  });
+}, function (_ref11) {
+  var small = _ref11.small;
+  return small && (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n    padding: ", ";\n    img {\n      width: 25px;\n    }\n  "])), function (_ref12) {
+    var padding = _ref12.padding;
+    return padding || '5px 0px';
+  });
+}, function (_ref13) {
+  var padding = _ref13.padding;
+  return padding || '5px 0px';
+});