ordering-ui-admin-external 1.19.4 → 1.20.1

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

@@ -77,6 +77,7 @@ var DriversGroupPaymethods = function DriversGroupPaymethods(props) {
       return handleSelectAllPaymethod(false);
     }
   }, t('SELECT_NONE', 'Select none'))), /*#__PURE__*/_react.default.createElement(_styles2.GroupsContainer, null, filteredPaymethods.map(function (paymethod) {
+    var _paymethod$gateway;
     return /*#__PURE__*/_react.default.createElement(_styles2.GroupWrapper, {
       key: paymethod.id,
       isDisabed: actionState.loading
@@ -85,7 +86,7 @@ var DriversGroupPaymethods = function DriversGroupPaymethods(props) {
       onChange: function onChange(e) {
         return handleSelectPaymethod(paymethod.id, e.target.checked);
       }
-    }), /*#__PURE__*/_react.default.createElement("p", null, paymethod === null || paymethod === void 0 ? void 0 : paymethod.name));
+    }), /*#__PURE__*/_react.default.createElement("p", null, t(paymethod === null || paymethod === void 0 ? void 0 : (_paymethod$gateway = paymethod.gateway) === null || _paymethod$gateway === void 0 ? void 0 : _paymethod$gateway.toUpperCase(), paymethod === null || paymethod === void 0 ? void 0 : paymethod.name)));
   })), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "8px",
     color: "primary",

package/_modules/components/Marketing/EnterprisePromotionPaymethods/index.js

@@ -72,7 +72,7 @@ var EnterprisePromotionPaymethods = function EnterprisePromotionPaymethods(props
     if (found) return true;else return false;
   };
   return /*#__PURE__*/_react.default.createElement(_styles2.PaymethodsContainer, null, /*#__PURE__*/_react.default.createElement("h1", null, t('PAYMEN_METHODS_ALLOWED', 'Payment methods allowed')), paymethodsState.paymethods.map(function (paymethod) {
-    var _formState$changes4;
+    var _formState$changes4, _paymethod$gateway;
     return /*#__PURE__*/_react.default.createElement(_styles2.PaymethodItem, {
       key: paymethod.id
     }, /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
@@ -80,7 +80,7 @@ var EnterprisePromotionPaymethods = function EnterprisePromotionPaymethods(props
       onChange: function onChange(e) {
         return handleChangePaymethods(e.target.checked, paymethod.id);
       }
-    }), /*#__PURE__*/_react.default.createElement("span", null, paymethod.name));
+    }), /*#__PURE__*/_react.default.createElement("span", null, t(paymethod === null || paymethod === void 0 ? void 0 : (_paymethod$gateway = paymethod.gateway) === null || _paymethod$gateway === void 0 ? void 0 : _paymethod$gateway.toUpperCase(), paymethod.name)));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "8px",
     color: "primary",

package/_modules/components/MyProducts/AdvancedSettings/ImageBox.js

@@ -30,7 +30,8 @@ var ImageBox = function ImageBox(props) {
     ratio = props.ratio,
     photo = props.photo,
     path = props.path,
-    handleChangePhoto = props.handleChangePhoto;
+    handleChangePhoto = props.handleChangePhoto,
+    themeId = props.themeId;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -141,6 +142,8 @@ var ImageBox = function ImageBox(props) {
       }));
     }
   }, /*#__PURE__*/_react.default.createElement(_Shared.ImageCrop, {
+    useCloudinaryUrl: true,
+    themeId: themeId,
     photo: cropState === null || cropState === void 0 ? void 0 : cropState.data,
     handleChangePhoto: handleChangeImage
   })), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {

package/_modules/components/MyProducts/AdvancedSettings/SettingComponent.js

@@ -24,7 +24,8 @@ var SettingComponent = function SettingComponent(props) {
     handleUpdateThemeValue = props.handleUpdateThemeValue,
     advancedValues = props.advancedValues,
     themeStructure = props.themeStructure,
-    noLabel = props.noLabel;
+    noLabel = props.noLabel,
+    themeId = props.themeId;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -73,6 +74,7 @@ var SettingComponent = function SettingComponent(props) {
       ratio: "900 x 200 px",
       photo: deepFind(advancedValues, setting === null || setting === void 0 ? void 0 : setting.path),
       path: setting === null || setting === void 0 ? void 0 : setting.path,
+      themeId: themeId,
       handleChangePhoto: handleUpdateThemeValue
     }), setting.type === 'color' && /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, setting.name), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
       defaultColor: deepFind(advancedValues, setting === null || setting === void 0 ? void 0 : setting.path) || '#2C7BE5',

package/_modules/components/MyProducts/AdvancedSettings/index.js

@@ -24,7 +24,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var AdvancedSettings = function AdvancedSettings(props) {
-  var _themeValuesRef$curre, _themeValuesRef$curre2, _themeValuesRef$curre3, _themeValuesRef$curre4, _themeValuesRef$curre5, _themeValuesRef$curre6, _themeValuesRef$curre7, _themeValuesRef$curre8, _themeValuesRef$curre9, _themeValuesRef$curre10, _themeValuesRef$curre11, _themeValuesRef$curre12, _themeValuesRef$curre13, _themeValuesRef$curre14, _themeValuesRef$curre15, _themeValuesRef$curre16, _themeValuesRef$curre17, _themeValuesRef$curre18, _themeValuesRef$curre19, _themeValuesRef$curre20, _themeValuesRef$curre21, _themeValuesRef$curre22, _themeValuesRef$curre23, _themeValuesRef$curre24, _themeValuesRef$curre25, _themeValuesRef$curre26, _themeValuesRef$curre27, _themeValuesRef$curre28, _themeValuesRef$curre29, _themeValuesRef$curre30, _themeValuesRef$curre31, _themeValuesRef$curre32, _themeValuesRef$curre33, _themeValuesRef$curre34, _themeValuesRef$curre35, _themeValuesRef$curre36, _themeValuesRef$curre37, _themeValuesRef$curre38, _themeValuesRef$curre39, _themeValuesRef$curre40, _themeValuesRef$curre41, _themeValuesRef$curre42, _themeValuesRef$curre43, _themeValuesRef$curre44, _themeValuesRef$curre45, _themeValuesRef$curre46, _themeValuesRef$curre47, _themeValuesRef$curre48, _themeValuesRef$curre49, _themeValuesRef$curre50, _themeValuesRef$curre51, _themeValuesRef$curre52, _themeValuesRef$curre53, _themeValuesRef$curre54, _themeValuesRef$curre55, _themeValuesRef$curre56, _themeValuesRef$curre57, _themeValuesRef$curre58, _themeValuesRef$curre59, _themeValuesRef$curre60, _themeValuesRef$curre61, _themeValuesRef$curre62;
+  var _themeValuesRef$curre, _themeValuesRef$curre2, _themeValuesRef$curre3, _themeValuesRef$curre4, _themeValuesRef$curre5, _themeValuesRef$curre6, _themeValuesRef$curre7, _themesList$themes3, _themesList$themes3$, _themesList$themes4, _themesList$themes4$, _themesList$themes5, _themesList$themes5$, _themeValuesRef$curre8, _themeValuesRef$curre9, _themeValuesRef$curre10, _themeValuesRef$curre11, _themeValuesRef$curre12, _themeValuesRef$curre13, _themeValuesRef$curre14, _themeValuesRef$curre15, _themeValuesRef$curre16, _themeValuesRef$curre17, _themeValuesRef$curre18, _themeValuesRef$curre19, _themeValuesRef$curre20, _themeValuesRef$curre21, _themeValuesRef$curre22, _themesList$themes6, _themesList$themes6$, _themeValuesRef$curre23, _themeValuesRef$curre24, _themeValuesRef$curre25, _themeValuesRef$curre26, _themeValuesRef$curre27, _themesList$themes7, _themesList$themes7$, _themesList$themes8, _themesList$themes8$, _themeValuesRef$curre28, _themeValuesRef$curre29, _themeValuesRef$curre30, _themeValuesRef$curre31, _themeValuesRef$curre32, _themeValuesRef$curre33, _themeValuesRef$curre34, _themesList$themes9, _themesList$themes9$, _themeValuesRef$curre35, _themeValuesRef$curre36, _themeValuesRef$curre37, _themeValuesRef$curre38, _themeValuesRef$curre39, _themesList$themes10, _themesList$themes10$, _themesList$themes11, _themesList$themes11$, _themesList$themes12, _themesList$themes12$, _themesList$themes13, _themesList$themes13$, _themesList$themes14, _themesList$themes14$, _themesList$themes15, _themesList$themes15$, _themesList$themes16, _themesList$themes16$, _themesList$themes17, _themesList$themes17$, _themesList$themes18, _themesList$themes18$, _themesList$themes19, _themesList$themes19$, _themesList$themes20, _themesList$themes20$, _themesList$themes21, _themesList$themes21$, _themesList$themes22, _themesList$themes22$, _themesList$themes23, _themesList$themes23$, _themesList$themes24, _themesList$themes24$, _themeValuesRef$curre40, _themeValuesRef$curre41, _themeValuesRef$curre42, _themeValuesRef$curre43, _themeValuesRef$curre44, _themeValuesRef$curre45, _themeValuesRef$curre46, _themeValuesRef$curre47, _themeValuesRef$curre48, _themeValuesRef$curre49, _themeValuesRef$curre50, _themeValuesRef$curre51, _themeValuesRef$curre52, _themeValuesRef$curre53, _themeValuesRef$curre54, _themeValuesRef$curre55, _themeValuesRef$curre56, _themeValuesRef$curre57, _themeValuesRef$curre58, _themeValuesRef$curre59, _themeValuesRef$curre60, _themeValuesRef$curre61, _themeValuesRef$curre62, _themesList$themes25, _themesList$themes25$, _themesList$themes26, _themesList$themes26$;
   var themesList = props.themesList,
     advancedValues = props.advancedValues,
     handleUpdateSiteTheme = props.handleUpdateSiteTheme,
@@ -433,16 +433,19 @@ var AdvancedSettings = function AdvancedSettings(props) {
     ratio: "1350 x 400 px",
     photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre = themeValuesRef.current) === null || _themeValuesRef$curre === void 0 ? void 0 : (_themeValuesRef$curre2 = _themeValuesRef$curre.my_products) === null || _themeValuesRef$curre2 === void 0 ? void 0 : (_themeValuesRef$curre3 = _themeValuesRef$curre2.components) === null || _themeValuesRef$curre3 === void 0 ? void 0 : (_themeValuesRef$curre4 = _themeValuesRef$curre3.images) === null || _themeValuesRef$curre4 === void 0 ? void 0 : (_themeValuesRef$curre5 = _themeValuesRef$curre4.components) === null || _themeValuesRef$curre5 === void 0 ? void 0 : (_themeValuesRef$curre6 = _themeValuesRef$curre5.homepage_background) === null || _themeValuesRef$curre6 === void 0 ? void 0 : (_themeValuesRef$curre7 = _themeValuesRef$curre6.components) === null || _themeValuesRef$curre7 === void 0 ? void 0 : _themeValuesRef$curre7.image,
     path: "my_products.components.images.components.homepage_background.components.image",
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes3 = themesList.themes) === null || _themesList$themes3 === void 0 ? void 0 : (_themesList$themes3$ = _themesList$themes3[0]) === null || _themesList$themes3$ === void 0 ? void 0 : _themesList$themes3$.id,
     handleChangePhoto: handleUpdateThemeValue
   })) : /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h1", null, t('WEBSITE_ADVANCED_SETTINGS', 'Website  Advanced Settings')), /*#__PURE__*/_react.default.createElement(_styles2.HomePageWrapper, null, /*#__PURE__*/_react.default.createElement("h2", null, t('HOMEPAGE', 'Homepage')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: homepageViewList,
     handleUpdateThemeValue: handleUpdateThemeValue,
-    advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current
+    advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes4 = themesList.themes) === null || _themesList$themes4 === void 0 ? void 0 : (_themesList$themes4$ = _themesList$themes4[0]) === null || _themesList$themes4$ === void 0 ? void 0 : _themesList$themes4$.id
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUTTONS', 'Buttons')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: buttonList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes5 = themesList.themes) === null || _themesList$themes5 === void 0 ? void 0 : (_themesList$themes5$ = _themesList$themes5[0]) === null || _themesList$themes5$ === void 0 ? void 0 : _themesList$themes5$.id
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('SHAPE', 'Shape')), /*#__PURE__*/_react.default.createElement(_styles2.ShadowWrapper, null, /*#__PURE__*/_react.default.createElement(_ButtonShadow.ButtonShadow, {
     initialValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre8 = themeValuesRef.current) === null || _themeValuesRef$curre8 === void 0 ? void 0 : (_themeValuesRef$curre9 = _themeValuesRef$curre8.general) === null || _themeValuesRef$curre9 === void 0 ? void 0 : (_themeValuesRef$curre10 = _themeValuesRef$curre9.components) === null || _themeValuesRef$curre10 === void 0 ? void 0 : (_themeValuesRef$curre11 = _themeValuesRef$curre10.buttons) === null || _themeValuesRef$curre11 === void 0 ? void 0 : (_themeValuesRef$curre12 = _themeValuesRef$curre11.shadow) === null || _themeValuesRef$curre12 === void 0 ? void 0 : _themeValuesRef$curre12.components,
     handleUpdateThemeValue: handleUpdateThemeValue,
@@ -456,6 +459,7 @@ var AdvancedSettings = function AdvancedSettings(props) {
     ratio: "512 x 512 px",
     photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre17 = themeValuesRef.current) === null || _themeValuesRef$curre17 === void 0 ? void 0 : (_themeValuesRef$curre18 = _themeValuesRef$curre17.business_view) === null || _themeValuesRef$curre18 === void 0 ? void 0 : (_themeValuesRef$curre19 = _themeValuesRef$curre18.components) === null || _themeValuesRef$curre19 === void 0 ? void 0 : (_themeValuesRef$curre20 = _themeValuesRef$curre19.header) === null || _themeValuesRef$curre20 === void 0 ? void 0 : (_themeValuesRef$curre21 = _themeValuesRef$curre20.components) === null || _themeValuesRef$curre21 === void 0 ? void 0 : (_themeValuesRef$curre22 = _themeValuesRef$curre21.logo) === null || _themeValuesRef$curre22 === void 0 ? void 0 : _themeValuesRef$curre22.dummy_image,
     path: "business_view.components.header.components.logo.dummy_image",
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes6 = themesList.themes) === null || _themesList$themes6 === void 0 ? void 0 : (_themesList$themes6$ = _themesList$themes6[0]) === null || _themesList$themes6$ === void 0 ? void 0 : _themesList$themes6$.id,
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('BUSINESS_HEADER_DUMMY_IMAGE', 'Business header dummy image'),
@@ -463,95 +467,113 @@ var AdvancedSettings = function AdvancedSettings(props) {
     isBig: true,
     photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre23 = themeValuesRef.current) === null || _themeValuesRef$curre23 === void 0 ? void 0 : (_themeValuesRef$curre24 = _themeValuesRef$curre23.business_view) === null || _themeValuesRef$curre24 === void 0 ? void 0 : (_themeValuesRef$curre25 = _themeValuesRef$curre24.components) === null || _themeValuesRef$curre25 === void 0 ? void 0 : (_themeValuesRef$curre26 = _themeValuesRef$curre25.header) === null || _themeValuesRef$curre26 === void 0 ? void 0 : (_themeValuesRef$curre27 = _themeValuesRef$curre26.components) === null || _themeValuesRef$curre27 === void 0 ? void 0 : _themeValuesRef$curre27.dummy_image,
     path: "business_view.components.header.components.dummy_image",
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes7 = themesList.themes) === null || _themesList$themes7 === void 0 ? void 0 : (_themesList$themes7$ = _themesList$themes7[0]) === null || _themesList$themes7$ === void 0 ? void 0 : _themesList$themes7$.id,
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: homeImageFullScreen,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes8 = themesList.themes) === null || _themesList$themes8 === void 0 ? void 0 : (_themesList$themes8$ = _themesList$themes8[0]) === null || _themesList$themes8$ === void 0 ? void 0 : _themesList$themes8$.id,
     noLabel: true
   }), /*#__PURE__*/_react.default.createElement(_styles2.ImageGroup, null, /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('PRODUCT_DUMMY_IMAGE', 'Product dummy image'),
     ratio: "900 x 200 px",
     photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre28 = themeValuesRef.current) === null || _themeValuesRef$curre28 === void 0 ? void 0 : (_themeValuesRef$curre29 = _themeValuesRef$curre28.business_view) === null || _themeValuesRef$curre29 === void 0 ? void 0 : (_themeValuesRef$curre30 = _themeValuesRef$curre29.components) === null || _themeValuesRef$curre30 === void 0 ? void 0 : (_themeValuesRef$curre31 = _themeValuesRef$curre30.products) === null || _themeValuesRef$curre31 === void 0 ? void 0 : (_themeValuesRef$curre32 = _themeValuesRef$curre31.components) === null || _themeValuesRef$curre32 === void 0 ? void 0 : (_themeValuesRef$curre33 = _themeValuesRef$curre32.photo) === null || _themeValuesRef$curre33 === void 0 ? void 0 : (_themeValuesRef$curre34 = _themeValuesRef$curre33.components) === null || _themeValuesRef$curre34 === void 0 ? void 0 : _themeValuesRef$curre34.dummy_image,
     path: "business_view.components.products.components.photo.components.dummy_image",
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes9 = themesList.themes) === null || _themesList$themes9 === void 0 ? void 0 : (_themesList$themes9$ = _themesList$themes9[0]) === null || _themesList$themes9$ === void 0 ? void 0 : _themesList$themes9$.id,
     handleChangePhoto: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('FAVICON', 'Favicon')), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('FAVICON', 'Favicon'),
     ratio: "512 x 512 px",
     photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre35 = themeValuesRef.current) === null || _themeValuesRef$curre35 === void 0 ? void 0 : (_themeValuesRef$curre36 = _themeValuesRef$curre35.general) === null || _themeValuesRef$curre36 === void 0 ? void 0 : (_themeValuesRef$curre37 = _themeValuesRef$curre36.components) === null || _themeValuesRef$curre37 === void 0 ? void 0 : (_themeValuesRef$curre38 = _themeValuesRef$curre37.favicon) === null || _themeValuesRef$curre38 === void 0 ? void 0 : (_themeValuesRef$curre39 = _themeValuesRef$curre38.components) === null || _themeValuesRef$curre39 === void 0 ? void 0 : _themeValuesRef$curre39.image,
     path: "general.components.favicon.components.image",
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes10 = themesList.themes) === null || _themesList$themes10 === void 0 ? void 0 : (_themesList$themes10$ = _themesList$themes10[0]) === null || _themesList$themes10$ === void 0 ? void 0 : _themesList$themes10$.id,
     handleChangePhoto: handleUpdateThemeValue
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('HEADER', 'Header')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: headerList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes11 = themesList.themes) === null || _themesList$themes11 === void 0 ? void 0 : (_themesList$themes11$ = _themesList$themes11[0]) === null || _themesList$themes11$ === void 0 ? void 0 : _themesList$themes11$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_LISTING', 'Business listing')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: businessListing,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes12 = themesList.themes) === null || _themesList$themes12 === void 0 ? void 0 : (_themesList$themes12$ = _themesList$themes12[0]) === null || _themesList$themes12$ === void 0 ? void 0 : _themesList$themes12$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_BLOCK', 'Business block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: businessBlockList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes13 = themesList.themes) === null || _themesList$themes13 === void 0 ? void 0 : (_themesList$themes13$ = _themesList$themes13[0]) === null || _themesList$themes13$ === void 0 ? void 0 : _themesList$themes13$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_PAGE', 'Business page')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: businessPageList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes14 = themesList.themes) === null || _themesList$themes14 === void 0 ? void 0 : (_themesList$themes14$ = _themesList$themes14[0]) === null || _themesList$themes14$ === void 0 ? void 0 : _themesList$themes14$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_INFORMATION', 'Business Information')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: businessInfoList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes15 = themesList.themes) === null || _themesList$themes15 === void 0 ? void 0 : (_themesList$themes15$ = _themesList$themes15[0]) === null || _themesList$themes15$ === void 0 ? void 0 : _themesList$themes15$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('PRODUCTS_BLOCK', 'Products block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: productBlockList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: advancedValues,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes16 = themesList.themes) === null || _themesList$themes16 === void 0 ? void 0 : (_themesList$themes16$ = _themesList$themes16[0]) === null || _themesList$themes16$ === void 0 ? void 0 : _themesList$themes16$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('REVIEWS_POPUPS', 'Reviews popups')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: reviewsPopups,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes17 = themesList.themes) === null || _themesList$themes17 === void 0 ? void 0 : (_themesList$themes17$ = _themesList$themes17[0]) === null || _themesList$themes17$ === void 0 ? void 0 : _themesList$themes17$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('CART_HEADER', 'Cart Header')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: cartHeaderList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: advancedValues,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes18 = themesList.themes) === null || _themesList$themes18 === void 0 ? void 0 : (_themesList$themes18$ = _themesList$themes18[0]) === null || _themesList$themes18$ === void 0 ? void 0 : _themesList$themes18$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('CHECKOUT', 'Checkout')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: checkoutList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes19 = themesList.themes) === null || _themesList$themes19 === void 0 ? void 0 : (_themesList$themes19$ = _themesList$themes19[0]) === null || _themesList$themes19$ === void 0 ? void 0 : _themesList$themes19$.id
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('CONFIRMATION_PAGE', 'Confirmation page')), /*#__PURE__*/_react.default.createElement("h3", null, t('ORDER_BLOCK', 'Order block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: orderBlockList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes20 = themesList.themes) === null || _themesList$themes20 === void 0 ? void 0 : (_themesList$themes20$ = _themesList$themes20[0]) === null || _themesList$themes20$ === void 0 ? void 0 : _themesList$themes20$.id
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('POPUP_ADDRESS', 'Popup: Address')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: popupAddressList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes21 = themesList.themes) === null || _themesList$themes21 === void 0 ? void 0 : (_themesList$themes21$ = _themesList$themes21[0]) === null || _themesList$themes21$ === void 0 ? void 0 : _themesList$themes21$.id
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('MY_ACCOUNT_PAGE', 'My account page')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: myAccountList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes22 = themesList.themes) === null || _themesList$themes22 === void 0 ? void 0 : (_themesList$themes22$ = _themesList$themes22[0]) === null || _themesList$themes22$ === void 0 ? void 0 : _themesList$themes22$.id
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('MY_ORDERS', 'My orders')), /*#__PURE__*/_react.default.createElement("h3", null, t('ACTIVE_ORDERS_BLOCK', 'Active Orders Block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: activeOrderBlockList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes23 = themesList.themes) === null || _themesList$themes23 === void 0 ? void 0 : (_themesList$themes23$ = _themesList$themes23[0]) === null || _themesList$themes23$ === void 0 ? void 0 : _themesList$themes23$.id
   })), !isApp && /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('MENU_OPTIONS', 'Menu options')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: menuOptionList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: advancedValues,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes24 = themesList.themes) === null || _themesList$themes24 === void 0 ? void 0 : (_themesList$themes24$ = _themesList$themes24[0]) === null || _themesList$themes24$ === void 0 ? void 0 : _themesList$themes24$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('POPUP_ORDER_TYPES', 'Popup: Order types ')), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('TITLE_MENU_OPTIONS', 'Title Menu options')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     placeholder: t('TITLE_MENU_OPTIONS', 'Title Menu options'),
     defaultValue: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre40 = themeValuesRef.current) === null || _themeValuesRef$curre40 === void 0 ? void 0 : (_themeValuesRef$curre41 = _themeValuesRef$curre40.order_types) === null || _themeValuesRef$curre41 === void 0 ? void 0 : (_themeValuesRef$curre42 = _themeValuesRef$curre41.components) === null || _themeValuesRef$curre42 === void 0 ? void 0 : _themeValuesRef$curre42.title_menu,
@@ -582,12 +604,14 @@ var AdvancedSettings = function AdvancedSettings(props) {
     settingList: thirdPartyCodeList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes25 = themesList.themes) === null || _themesList$themes25 === void 0 ? void 0 : (_themesList$themes25$ = _themesList$themes25[0]) === null || _themesList$themes25$ === void 0 ? void 0 : _themesList$themes25$.id
   })), isApp && /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('NAVIGATION_BAR_MENU', 'Navigation bar menu')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: navigationBarList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
-    themeStructure: themeStructure
+    themeStructure: themeStructure,
+    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes26 = themesList.themes) === null || _themesList$themes26 === void 0 ? void 0 : (_themesList$themes26$ = _themesList$themes26[0]) === null || _themesList$themes26$ === void 0 ? void 0 : _themesList$themes26$.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",

package/_modules/components/MyProducts/CallCenterApp/index.js

@@ -31,7 +31,7 @@ var CallCenterApp = function CallCenterApp() {
     live_description: t('CALL_CENTER_APP_LIVE_DEMO_DESCRIPTION', 'This is a branded Ordering.co product; play with it and understand how it works'),
     web_url: 'https://callcenter.tryordering.com/search',
     web_link_title: t('CALL_CENTER', 'Call center'),
-    brand_title: t('YOUR_BRANDED_KIOSK', 'Your Branded Kiosk'),
+    brand_title: t('YOUR_BRANDED_CALL_CENTER', 'Your Branded Call Center'),
     brand_description: t('CALL_CENTER_BRANDED_DESCRIPTION', 'The Call Center is delivered in less than five working days, fully branded with your guidelines, and ready to be used on any tablet or device you add it to.'),
     demo_book_message: 'I would like to book a Demo about the Call center , can you assist me?',
     purchase_message: 'I would like to know about the Call center, can you assist me?'

package/_modules/components/MyProducts/OrderingWebsite/index.js

@@ -33,7 +33,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
-  var _themeValues$website_, _themeValues$website_2, _themeValues$website_3, _themeValues$website_4, _themeValues$website_5, _themeValues$website_6, _themeValues$website_7, _themeValues$website_8, _themeValues$website_9, _themeValues$website_10, _themeValues$website_11, _themeValues$website_12, _themeValues$website_13, _themeValues$website_14, _themeValues$website_15, _themeValues$website_16, _themeValues$website_17, _themeValues$website_18, _themeValues$website_19, _themeValues$website_20, _themeValues$images, _themeValues$images$c, _themeValues$images$c2, _themeValues$images$c3, _themeValues$images2, _themeValues$images2$, _themeValues$images2$2, _themeValues$images2$3, _themeValues$images3, _themeValues$images3$, _themeValues$images3$2, _themeValues$images3$3, _themeValues$images4, _themeValues$images4$, _themeValues$images4$2, _themeValues$images4$3, _themeValues$images5, _themeValues$images5$, _themeValues$images5$2, _themeValues$images5$3, _themeValues$images6, _themeValues$images6$, _themeValues$images6$2, _themeValues$images6$3, _themeValues$images7, _themeValues$images7$, _themeValues$images7$2, _themeValues$images7$3, _themeValues$images8, _themeValues$images8$, _themeValues$images8$2, _themeValues$images8$3, _themeValues$images9, _themeValues$images9$, _themeValues$images9$2, _themeValues$images9$3, _themeValues$images12, _themeValues$images13, _themeValues$theme_se, _themeValues$theme_se2, _themeValues$theme_se3, _themeValues$theme_se4, _themeValues$theme_se5, _themeValues$theme_se6, _themeValues$theme_se7, _themeValues$theme_se8, _themeValues$theme_se9;
+  var _themeValues$website_, _themeValues$website_2, _themeValues$website_3, _themeValues$website_4, _themeValues$website_5, _themeValues$website_6, _themeValues$website_7, _themeValues$website_8, _themeValues$website_9, _themeValues$website_10, _themeValues$website_11, _themeValues$website_12, _themeValues$website_13, _themeValues$website_14, _themeValues$website_15, _themeValues$website_16, _themeValues$website_17, _themeValues$website_18, _themeValues$website_19, _themeValues$website_20, _themeValues$images, _themeValues$images$c, _themeValues$images$c2, _themeValues$images$c3, _themeValues$images2, _themeValues$images2$, _themeValues$images2$2, _themeValues$images2$3, _themeValues$images3, _themeValues$images3$, _themeValues$images3$2, _themeValues$images3$3, _themeValues$images4, _themeValues$images4$, _themeValues$images4$2, _themeValues$images4$3, _themeValues$images5, _themeValues$images5$, _themeValues$images5$2, _themeValues$images5$3, _themeValues$images6, _themeValues$images6$, _themeValues$images6$2, _themeValues$images6$3, _themeValues$images7, _themeValues$images7$, _themeValues$images7$2, _themeValues$images7$3, _themeValues$images8, _themeValues$images8$, _themeValues$images8$2, _themeValues$images8$3, _themeValues$images9, _themeValues$images9$, _themeValues$images9$2, _themeValues$images9$3, _themeValues$images12, _themeValues$images13, _themeValues$theme_se, _themeValues$theme_se2, _themeValues$theme_se3, _orderingTheme$themes, _orderingTheme$themes2, _themeValues$theme_se4, _themeValues$theme_se5, _themeValues$theme_se6, _themeValues$theme_se7, _themeValues$theme_se8, _themeValues$theme_se9;
   var themeValues = props.themeValues,
     orderingTheme = props.orderingTheme,
     setThemeValues = props.setThemeValues,
@@ -466,6 +466,8 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
       }));
     }
   }, /*#__PURE__*/_react.default.createElement(_Shared.ImageCrop, {
+    themeId: orderingTheme === null || orderingTheme === void 0 ? void 0 : (_orderingTheme$themes = orderingTheme.themes) === null || _orderingTheme$themes === void 0 ? void 0 : (_orderingTheme$themes2 = _orderingTheme$themes[0]) === null || _orderingTheme$themes2 === void 0 ? void 0 : _orderingTheme$themes2.theme_id,
+    useCloudinaryUrl: true,
     photo: cropState === null || cropState === void 0 ? void 0 : cropState.data,
     handleChangePhoto: handleChangePhoto
   })), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {

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

@@ -29,6 +29,10 @@ var BusinessesSelector = function BusinessesSelector(props) {
     _useState2 = _slicedToArray(_useState, 2),
     businessTypes = _useState2[0],
     setBusinessTypes = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchValue = _useState4[0],
+    setSearchValue = _useState4[1];
   var Placeholder = /*#__PURE__*/_react.default.createElement(_styles2.PlaceholderTitle, null, t('SELECT_BUSINESS', 'Select business'));
   var businessesLoading = [{
     value: 'default',
@@ -37,7 +41,9 @@ var BusinessesSelector = function BusinessesSelector(props) {
   (0, _react.useEffect)(function () {
     var _businessesOptionList = [];
     if (!businessesList.loading) {
-      var _businessesOption = businessesList.businesses.map(function (business) {
+      var _businessesOption = businessesList.businesses.filter(function (option) {
+        return option === null || option === void 0 ? void 0 : option.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+      }).map(function (business) {
         return {
           value: business.id,
           content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperBusinessImage, null, business.logo && /*#__PURE__*/_react.default.createElement(_styles2.BusinessImage, {
@@ -59,7 +65,7 @@ var BusinessesSelector = function BusinessesSelector(props) {
       }
     }
     setBusinessTypes(_businessesOptionList);
-  }, [businessesList]);
+  }, [businessesList, searchValue]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !businessesList.loading ? /*#__PURE__*/_react.default.createElement(_styles.MultiSelect, {
     defaultValue: filterValues.businessIds,
     placeholder: Placeholder,
@@ -69,13 +75,27 @@ var BusinessesSelector = function BusinessesSelector(props) {
     optionBottomBorder: true,
     onChange: function onChange(business) {
       return handleChangeBusinesses(business);
+    },
+    isShowSearchBar: true,
+    searchBarIsCustomLayout: true,
+    searchBarIsNotLazyLoad: true,
+    searchValue: searchValue,
+    handleChangeSearch: function handleChangeSearch(val) {
+      return setSearchValue(val);
     }
   }) : /*#__PURE__*/_react.default.createElement(_styles.MultiSelect, {
     defaultValue: "default",
     options: businessesLoading,
     optionInnerMargin: "10px",
     optionInnerMaxHeight: "150px",
-    optionBottomBorder: true
+    optionBottomBorder: true,
+    isShowSearchBar: true,
+    searchBarIsCustomLayout: true,
+    searchBarIsNotLazyLoad: true,
+    searchValue: searchValue,
+    handleChangeSearch: function handleChangeSearch(val) {
+      return setSearchValue(val);
+    }
   }));
 };
 exports.BusinessesSelector = BusinessesSelector;

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

@@ -32,15 +32,21 @@ var CountryFilterUI = function CountryFilterUI(props) {
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_A_COUNTRY', 'Select a country'));
-  var _useState = (0, _react.useState)([]),
+  var _useState = (0, _react.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
-    countryTypes = _useState2[0],
-    setCountryTypes = _useState2[1];
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    countryTypes = _useState4[0],
+    setCountryTypes = _useState4[1];
+  var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_A_COUNTRY', 'Select a country'));
   (0, _react.useEffect)(function () {
     var _countryList = [];
     if (!countriesState.loading) {
-      var _groupsOption = countriesState.countries.map(function (country) {
+      var _groupsOption = countriesState.countries.filter(function (option) {
+        return option === null || option === void 0 ? void 0 : option.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+      }).map(function (country) {
         return {
           value: country.code,
           content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, country.name)
@@ -60,7 +66,7 @@ var CountryFilterUI = function CountryFilterUI(props) {
       }
     }
     setCountryTypes(_countryList);
-  }, [countriesState]);
+  }, [countriesState, searchValue]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !countriesState.loading ? /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
     placeholder: placeholder,
     defaultValue: filterValues.countryCode,
@@ -68,7 +74,14 @@ var CountryFilterUI = function CountryFilterUI(props) {
     onChange: function onChange(code) {
       return handleChangeCountryCode(code);
     },
-    optionInnerMaxHeight: "200px"
+    optionInnerMaxHeight: "200px",
+    isShowSearchBar: true,
+    searchBarIsCustomLayout: true,
+    searchBarIsNotLazyLoad: true,
+    searchValue: searchValue,
+    handleChangeSearch: function handleChangeSearch(val) {
+      return setSearchValue(val);
+    }
   }) : /*#__PURE__*/_react.default.createElement(_styles.SkeletonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     style: {
       height: '57px'

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

@@ -25,14 +25,20 @@ var CurrencyFilter = function CurrencyFilter(props) {
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_A_CURRENCY', 'Select a currency'));
-  var _useState = (0, _react.useState)([]),
+  var _useState = (0, _react.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
-    countryTypes = _useState2[0],
-    setCountryTypes = _useState2[1];
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_A_CURRENCY', 'Select a currency'));
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    countryTypes = _useState4[0],
+    setCountryTypes = _useState4[1];
   (0, _react.useEffect)(function () {
     var _countryList = [];
-    var _groupsOption = _constants.currencyList.map(function (country) {
+    var _groupsOption = _constants.currencyList.filter(function (option) {
+      return option === null || option === void 0 ? void 0 : option.text.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+    }).map(function (country) {
       return {
         value: country.value,
         content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, country.text)
@@ -51,7 +57,7 @@ var CurrencyFilter = function CurrencyFilter(props) {
       _iterator.f();
     }
     setCountryTypes(_countryList);
-  }, [_constants.currencyList]);
+  }, [_constants.currencyList, searchValue]);
   return /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
     placeholder: placeholder,
     defaultValue: filterValues.currency,
@@ -59,7 +65,14 @@ var CurrencyFilter = function CurrencyFilter(props) {
     onChange: function onChange(code) {
       return handleChangeCurrency(code);
     },
-    optionInnerMaxHeight: "200px"
+    optionInnerMaxHeight: "200px",
+    isShowSearchBar: true,
+    searchBarIsCustomLayout: true,
+    searchBarIsNotLazyLoad: true,
+    searchValue: searchValue,
+    handleChangeSearch: function handleChangeSearch(val) {
+      return setSearchValue(val);
+    }
   });
 };
 exports.CurrencyFilter = CurrencyFilter;

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

@@ -1,14 +1,16 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeliveryTypeSelector = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _MultiSelect = require("../../../styles/MultiSelect");
 var _styles = require("./styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -21,22 +23,41 @@ var DeliveryTypeSelector = function DeliveryTypeSelector(props) {
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  var deliveryTypes = [{
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    deliveryTypes = _useState4[0],
+    setDeliveryTypes = _useState4[1];
+  var deliveryTypeList = [{
     value: 1,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('DELIVERY', 'Delivery'))
+    name: t('DELIVERY', 'Delivery')
   }, {
     value: 2,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('PICKUP', 'Pickup'))
+    name: t('PICKUP', 'Pickup')
   }, {
     value: 3,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('EAT_IN', 'Eat in'))
+    name: t('EAT_IN', 'Eat in')
   }, {
     value: 4,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('CURBSIDE', 'Curbside'))
+    name: t('CURBSIDE', 'Curbside')
   }, {
     value: 5,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('DRIVE_THRU', 'Drive thru'))
+    name: t('DRIVE_THRU', 'Drive thru')
   }];
+  (0, _react.useEffect)(function () {
+    var _deliveryTypes = deliveryTypeList.filter(function (option) {
+      return option === null || option === void 0 ? void 0 : option.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+    }).map(function (type) {
+      return {
+        value: type.value,
+        content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, type.name)
+      };
+    });
+    setDeliveryTypes(_deliveryTypes);
+  }, [searchValue]);
   var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_DELIVERY_TYPE', 'Select delivery type'));
   return /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
     placeholder: placeholder,
@@ -44,6 +65,13 @@ var DeliveryTypeSelector = function DeliveryTypeSelector(props) {
     options: deliveryTypes,
     onChange: function onChange(deliveryType) {
       return handleChangeDeliveryType(deliveryType);
+    },
+    isShowSearchBar: true,
+    searchBarIsCustomLayout: true,
+    searchBarIsNotLazyLoad: true,
+    searchValue: searchValue,
+    handleChangeSearch: function handleChangeSearch(val) {
+      return setSearchValue(val);
     }
   });
 };

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

@@ -188,13 +188,27 @@ var DriverSelectorUI = function DriverSelectorUI(props) {
       optionInnerMaxHeight: "150px",
       onChange: function onChange(driver) {
         return handleChangeDriver(driver);
+      },
+      isShowSearchBar: true,
+      searchBarIsCustomLayout: true,
+      searchBarIsNotLazyLoad: true,
+      searchValue: searchValue,
+      handleChangeSearch: function handleChangeSearch(val) {
+        return setSearchValue(val);
       }
     }) : /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
       defaultValue: "default",
       options: driversLoading,
       optionInnerMargin: "10px",
       optionInnerMaxHeight: "150px",
-      className: "driver-select"
+      className: "driver-select",
+      isShowSearchBar: true,
+      searchBarIsCustomLayout: true,
+      searchBarIsNotLazyLoad: true,
+      searchValue: searchValue,
+      handleChangeSearch: function handleChangeSearch(val) {
+        return setSearchValue(val);
+      }
     }));
   } else {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !driversList.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isFirstSelect ? /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {