ordering-ui-admin-external 1.23.5 → 1.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/_bundles/{ordering-ui-admin.a1255b2c1a2d4b87080d.js → ordering-ui-admin.a45736b66e14ae941ef7.js} +2 -2
  2. package/_modules/components/CartRecovery/RecoveryActionAdd/index.js +325 -0
  3. package/_modules/components/CartRecovery/RecoveryGeneral/index.js +41 -17
  4. package/_modules/components/Delivery/DriversCompaniesList/styles.js +1 -1
  5. package/_modules/components/Delivery/DriversCompaniesListing/index.js +20 -2
  6. package/_modules/components/Delivery/DriversCompaniesListing/styles.js +2 -2
  7. package/_modules/components/Delivery/DriversCompanyAddForm/GeneralForm/index.js +122 -0
  8. package/_modules/components/Delivery/DriversCompanyAddForm/GeneralForm/styles.js +21 -0
  9. package/_modules/components/Delivery/DriversCompanyAddForm/ScheduleForm/index.js +27 -0
  10. package/_modules/components/Delivery/DriversCompanyAddForm/ScheduleForm/styles.js +14 -0
  11. package/_modules/components/Delivery/DriversCompanyAddForm/WebhooksForm/index.js +60 -0
  12. package/_modules/components/Delivery/DriversCompanyAddForm/WebhooksForm/styles.js +16 -0
  13. package/_modules/components/Delivery/DriversCompanyAddForm/index.js +114 -0
  14. package/_modules/components/Delivery/DriversCompanyAddForm/styles.js +18 -0
  15. package/_modules/components/MyProducts/AdvancedSettings/index.js +66 -82
  16. package/_modules/components/MyProducts/AdvancedSettings/styles.js +40 -44
  17. package/_modules/components/MyProducts/OrderingWebsite/SelectBusiness.js +59 -0
  18. package/_modules/components/MyProducts/OrderingWebsite/SelectFranchise.js +59 -0
  19. package/_modules/components/MyProducts/OrderingWebsite/index.js +21 -29
  20. package/_modules/components/MyProducts/OrderingWebsite/styles.js +1 -1
  21. package/_modules/components/MyProducts/UploadAudio/index.js +170 -0
  22. package/_modules/components/MyProducts/UploadAudio/styles.js +30 -0
  23. package/_modules/components/MyProducts/index.js +8 -1
  24. package/_modules/components/Orders/DeliveriesLocation/index.js +1 -0
  25. package/_modules/components/Orders/OrderBill/index.js +4 -3
  26. package/_modules/components/Orders/OrderContactInformation/index.js +14 -12
  27. package/_modules/components/Orders/OrderDetails/index.js +6 -131
  28. package/_modules/components/Orders/OrdersTable/index.js +2 -2
  29. package/_modules/components/Settings/NotificationSetting/index.js +1 -1
  30. package/_modules/components/Settings/SettingsList/index.js +1 -1
  31. package/_modules/components/Settings/SettingsList/styles.js +2 -2
  32. package/_modules/components/SidebarMenu/index.js +22 -22
  33. package/_modules/components/Stores/BusinessDetails/index.js +2 -1
  34. package/_modules/components/Stores/BusinessDeviceDetail/index.js +66 -16
  35. package/_modules/components/Stores/BusinessDeviceDetail/styles.js +7 -5
  36. package/_modules/components/Stores/BusinessSalesChannel/index.js +13 -4
  37. package/_modules/components/Stores/BusinessSalesFacebook/FacebookProfile.js +2 -2
  38. package/_modules/components/Stores/BusinessSalesFacebook/index.js +2 -2
  39. package/_modules/components/Stores/BusinessSalesGoogle/index.js +2 -2
  40. package/_modules/components/Stores/BusinessSalesInstagram/AdvancedInstagram.js +3 -2
  41. package/_modules/components/Stores/BusinessSalesInstagram/GeneralInstagram.js +2 -2
  42. package/_modules/components/Stores/BusinessSalesInstagram/index.js +3 -5
  43. package/_modules/components/Stores/BusinessSummary/index.js +1 -7
  44. package/_modules/components/Users/CustomersListing/index.js +5 -3
  45. package/_modules/utils/index.js +203 -2
  46. package/index-template.js +1 -1
  47. package/index.html +1 -0
  48. package/package.json +2 -2
  49. package/public/push/onesignal/OneSignalSDKUpdaterWorker.js +1 -0
  50. package/public/push/onesignal/OneSignalSDKWorker.js +1 -0
  51. package/src/components/CartRecovery/RecoveryActionAdd/index.js +355 -0
  52. package/src/components/CartRecovery/RecoveryGeneral/index.js +23 -4
  53. package/src/components/Delivery/DriversCompaniesList/styles.js +1 -1
  54. package/src/components/Delivery/DriversCompaniesListing/index.js +29 -12
  55. package/src/components/Delivery/DriversCompaniesListing/styles.js +1 -1
  56. package/src/components/Delivery/DriversCompanyAddForm/GeneralForm/index.js +120 -0
  57. package/src/components/Delivery/DriversCompanyAddForm/GeneralForm/styles.js +32 -0
  58. package/src/components/Delivery/DriversCompanyAddForm/ScheduleForm/index.js +29 -0
  59. package/src/components/Delivery/DriversCompanyAddForm/ScheduleForm/styles.js +11 -0
  60. package/src/components/Delivery/DriversCompanyAddForm/WebhooksForm/index.js +69 -0
  61. package/src/components/Delivery/DriversCompanyAddForm/WebhooksForm/styles.js +24 -0
  62. package/src/components/Delivery/DriversCompanyAddForm/index.js +121 -0
  63. package/src/components/Delivery/DriversCompanyAddForm/styles.js +39 -0
  64. package/src/components/MyProducts/AdvancedSettings/index.js +35 -36
  65. package/src/components/MyProducts/AdvancedSettings/styles.js +3 -11
  66. package/src/components/MyProducts/OrderingWebsite/SelectBusiness.js +47 -0
  67. package/src/components/MyProducts/OrderingWebsite/SelectFranchise.js +47 -0
  68. package/src/components/MyProducts/OrderingWebsite/index.js +20 -30
  69. package/src/components/MyProducts/OrderingWebsite/styles.js +0 -4
  70. package/src/components/MyProducts/UploadAudio/index.js +168 -0
  71. package/src/components/MyProducts/UploadAudio/styles.js +120 -0
  72. package/src/components/MyProducts/index.js +3 -1
  73. package/src/components/Orders/DeliveriesLocation/index.js +1 -0
  74. package/src/components/Orders/OrderBill/index.js +9 -6
  75. package/src/components/Orders/OrderContactInformation/index.js +5 -1
  76. package/src/components/Orders/OrderDetails/index.js +7 -35
  77. package/src/components/Orders/OrdersTable/index.js +3 -1
  78. package/src/components/Settings/NotificationSetting/index.js +2 -0
  79. package/src/components/Settings/SettingsList/index.js +53 -53
  80. package/src/components/Settings/SettingsList/styles.js +2 -1
  81. package/src/components/Settings/SettingsSelectUI/index.js +1 -1
  82. package/src/components/SidebarMenu/index.js +1 -0
  83. package/src/components/Stores/BusinessDetails/index.js +1 -0
  84. package/src/components/Stores/BusinessDeviceDetail/index.js +46 -7
  85. package/src/components/Stores/BusinessDeviceDetail/styles.js +11 -0
  86. package/src/components/Stores/BusinessSalesChannel/index.js +12 -6
  87. package/src/components/Stores/BusinessSalesFacebook/FacebookProfile.js +2 -2
  88. package/src/components/Stores/BusinessSalesFacebook/index.js +3 -3
  89. package/src/components/Stores/BusinessSalesGoogle/index.js +3 -3
  90. package/src/components/Stores/BusinessSalesInstagram/AdvancedInstagram.js +2 -2
  91. package/src/components/Stores/BusinessSalesInstagram/GeneralInstagram.js +2 -2
  92. package/src/components/Stores/BusinessSalesInstagram/index.js +3 -3
  93. package/src/components/Stores/BusinessSummary/index.js +2 -2
  94. package/src/components/Users/CustomersListing/index.js +2 -3
  95. package/src/utils/index.js +53 -0
  96. package/template/app.js +76 -3
  97. package/template/config.json +1 -0
  98. /package/_bundles/{ordering-ui-admin.a1255b2c1a2d4b87080d.js.LICENSE.txt → ordering-ui-admin.a45736b66e14ae941ef7.js.LICENSE.txt} +0 -0
@@ -14,7 +14,7 @@ var _Shared = require("../../Shared");
14
14
  var _OrderType = require("./OrderType");
15
15
  var _FontStyleGroup = require("./FontStyleGroup");
16
16
  var _styles2 = require("./styles");
17
- var _ButtonShadow = require("./ButtonShadow");
17
+ var _UploadAudio = require("../UploadAudio");
18
18
  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); }
19
19
  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; }
20
20
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -24,7 +24,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
24
24
  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; } }
25
25
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
26
26
  var AdvancedSettings = function AdvancedSettings(props) {
27
- 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$;
27
+ var _themeValuesRef$curre, _themeValuesRef$curre2, _themeValuesRef$curre3, _themeValuesRef$curre4, _themeValuesRef$curre5, _themeValuesRef$curre6, _themeValuesRef$curre7, _themesList$themes3, _themesList$themes3$, _themesList$themes4, _themesList$themes4$, _themeValuesRef$curre8, _themeValuesRef$curre9, _themeValuesRef$curre10, _themeValuesRef$curre11, _themeValuesRef$curre12, _themeValuesRef$curre13, _themeValuesRef$curre14, _themeValuesRef$curre15, _themeValuesRef$curre16, _themeValuesRef$curre17, _themesList$themes5, _themesList$themes5$, _themeValuesRef$curre18, _themeValuesRef$curre19, _themeValuesRef$curre20, _themeValuesRef$curre21, _themeValuesRef$curre22, _themesList$themes6, _themesList$themes6$, _themesList$themes7, _themesList$themes7$, _themeValuesRef$curre23, _themeValuesRef$curre24, _themeValuesRef$curre25, _themeValuesRef$curre26, _themeValuesRef$curre27, _themeValuesRef$curre28, _themeValuesRef$curre29, _themesList$themes8, _themesList$themes8$, _themeValuesRef$curre30, _themeValuesRef$curre31, _themeValuesRef$curre32, _themeValuesRef$curre33, _themeValuesRef$curre34, _themesList$themes9, _themesList$themes9$, _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$, _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, _themesList$themes24, _themesList$themes24$, _themesList$themes25, _themesList$themes25$;
28
28
  var themesList = props.themesList,
29
29
  advancedValues = props.advancedValues,
30
30
  handleUpdateSiteTheme = props.handleUpdateSiteTheme,
@@ -44,12 +44,10 @@ var AdvancedSettings = function AdvancedSettings(props) {
44
44
  alertState = _useState4[0],
45
45
  setAlertState = _useState4[1];
46
46
  var themeValuesRef = (0, _react.useRef)({});
47
- var homepageViewList = [{
48
- key: 'homepage_header',
49
- name: t('HOMEPAGE_HEADER', 'Homepage Header'),
50
- type: 'hidden',
51
- path: 'homepage_view.components.homepage_header.hidden'
52
- }];
47
+ var _useState5 = (0, _react.useState)(false),
48
+ _useState6 = _slicedToArray(_useState5, 2),
49
+ isOpenSound = _useState6[0],
50
+ setIsOpenSound = _useState6[1];
53
51
  var headerList = [{
54
52
  name: t('BACKGROUND_COLOR', 'Background color'),
55
53
  type: 'color',
@@ -71,10 +69,6 @@ var AdvancedSettings = function AdvancedSettings(props) {
71
69
  name: t('BUSINESS_LISTING_IMAGE', 'Business listing image'),
72
70
  type: 'image',
73
71
  path: 'business_listing_view.components.business_hero.components.image'
74
- }, {
75
- name: t('PREVIOUS_ORDERS_BLOCK', 'Previous orders block'),
76
- type: 'hidden',
77
- path: 'business_listing_view.components.previous_orders_block.hidden'
78
72
  }, {
79
73
  name: t('HIGHEST_RATED_BUSINESS_BLOCK', 'Highest rated business block'),
80
74
  type: 'hidden',
@@ -87,14 +81,6 @@ var AdvancedSettings = function AdvancedSettings(props) {
87
81
  name: t('AMOUNT_OF_BUSINESSES_TO_DISPLAY_PER_ROW', 'Amount of businesses to display per row:'),
88
82
  type: 'position',
89
83
  path: 'business_listing_view.components.layout.rows'
90
- }, {
91
- name: t('SEARCH_BOX', 'Search box'),
92
- type: 'hidden',
93
- path: 'business_listing_view.components.search.hidden'
94
- }, {
95
- name: t('FILTER_ICON', 'Filter icon'),
96
- type: 'hidden',
97
- path: 'business_listing_view.components.filter.hidden'
98
84
  }, {
99
85
  name: t('CITIES_DROPDOWN', 'Cities dropdown'),
100
86
  type: 'hidden',
@@ -136,10 +122,6 @@ var AdvancedSettings = function AdvancedSettings(props) {
136
122
  name: t('OFFER_BADGE_POSITION', 'Offer badge position'),
137
123
  type: 'position',
138
124
  path: 'business_listing_view.components.business.components.offer.position'
139
- }, {
140
- name: t('CATEGORIES', 'Categories'),
141
- type: 'hidden',
142
- path: 'business_listing_view.components.business.components.categories.hidden'
143
125
  }, {
144
126
  name: t('FEATURED_BADGE', 'Featured badge'),
145
127
  type: 'hidden',
@@ -157,19 +139,11 @@ var AdvancedSettings = function AdvancedSettings(props) {
157
139
  name: t('NEAR_BUSINESS_BLOCK', 'Near business block'),
158
140
  type: 'hidden',
159
141
  path: 'business_view.components.near_business.hidden'
160
- }, {
161
- name: t('ORDER_VIEW_BUTTON', 'Order view button'),
162
- type: 'hidden',
163
- path: 'business_view.components.order_view_button.hidden'
164
142
  }];
165
143
  var businessInfoList = [{
166
144
  name: t('DESCRIPTION', 'Description'),
167
145
  type: 'hidden',
168
146
  path: 'business_view.components.information.components.description.hidden'
169
- }, {
170
- name: t('ABOUT', 'About'),
171
- type: 'hidden',
172
- path: 'business_view.components.information.components.about.hidden'
173
147
  }, {
174
148
  name: t('VIDEOS', 'Videos'),
175
149
  type: 'hidden',
@@ -424,176 +398,175 @@ var AdvancedSettings = function AdvancedSettings(props) {
424
398
  (0, _react.useEffect)(function () {
425
399
  themeValuesRef.current = JSON.parse(JSON.stringify(advancedValues));
426
400
  }, [advancedValues]);
427
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, isApp ? /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h1", null, t('CUSTOMER_APP_ADVANCED_SETTINGS', 'Customer App Advanced Settings')), /*#__PURE__*/_react.default.createElement("h2", null, t('HOMEPAGE', 'Homepage')), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
401
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, isApp && /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h1", null, t('CUSTOMER_APP_ADVANCED_SETTINGS', 'Customer App Advanced Settings')), /*#__PURE__*/_react.default.createElement("h2", null, t('HOMEPAGE', 'Homepage')), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
428
402
  title: t('HOMEPAGE_IMAGE', 'Homepage image'),
429
403
  ratio: "1350 x 400 px",
430
404
  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,
431
405
  path: "my_products.components.images.components.homepage_background.components.image",
432
406
  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,
433
407
  handleChangePhoto: handleUpdateThemeValue
434
- })) : /*#__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, {
435
- settingList: homepageViewList,
436
- handleUpdateThemeValue: handleUpdateThemeValue,
437
- advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
438
- 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
439
- }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUTTONS', 'Buttons')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
408
+ })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, !isApp && /*#__PURE__*/_react.default.createElement("h1", null, t('WEBSITE_ADVANCED_SETTINGS', 'Website Advanced Settings')), /*#__PURE__*/_react.default.createElement("h2", null, t('BUTTONS', 'Buttons')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
440
409
  settingList: buttonList,
441
410
  handleUpdateThemeValue: handleUpdateThemeValue,
442
411
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
443
412
  themeStructure: themeStructure,
444
- 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
445
- }), /*#__PURE__*/_react.default.createElement("h3", null, t('SHAPE', 'Shape')), /*#__PURE__*/_react.default.createElement(_styles2.ShadowWrapper, null, /*#__PURE__*/_react.default.createElement(_ButtonShadow.ButtonShadow, {
446
- 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,
447
- handleUpdateThemeValue: handleUpdateThemeValue,
448
- path: "general.components.buttons.shadow.components"
449
- }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('TIPOGRAPHY', 'Tipography')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_FontStyleGroup.FontStyleGroup, {
450
- fonts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre13 = themeValuesRef.current) === null || _themeValuesRef$curre13 === void 0 ? void 0 : (_themeValuesRef$curre14 = _themeValuesRef$curre13.general) === null || _themeValuesRef$curre14 === void 0 ? void 0 : (_themeValuesRef$curre15 = _themeValuesRef$curre14.components) === null || _themeValuesRef$curre15 === void 0 ? void 0 : (_themeValuesRef$curre16 = _themeValuesRef$curre15.fonts) === null || _themeValuesRef$curre16 === void 0 ? void 0 : _themeValuesRef$curre16.primary,
413
+ 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
414
+ }), /*#__PURE__*/_react.default.createElement(_styles.Button, {
415
+ color: "primary",
416
+ outline: true,
417
+ borderRadius: "8px",
418
+ onClick: function onClick() {
419
+ return setIsOpenSound(true);
420
+ },
421
+ className: "custom"
422
+ }, t('CUSTOM_SOUNDS', 'Custom sounds'))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('TIPOGRAPHY', 'Tipography')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_FontStyleGroup.FontStyleGroup, {
423
+ fonts: 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.fonts) === null || _themeValuesRef$curre11 === void 0 ? void 0 : _themeValuesRef$curre11.primary,
451
424
  path: "general.components.fonts.primary",
452
425
  handleUpdateThemeValue: handleUpdateThemeValue
453
426
  }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('IMAGES', 'Images')), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
454
427
  title: t('BUSINESS_LOGO_DUMMY_IMAGE', 'Business Logo dummy image'),
455
428
  ratio: "512 x 512 px",
456
- 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,
429
+ photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre12 = themeValuesRef.current) === null || _themeValuesRef$curre12 === void 0 ? void 0 : (_themeValuesRef$curre13 = _themeValuesRef$curre12.business_view) === null || _themeValuesRef$curre13 === void 0 ? void 0 : (_themeValuesRef$curre14 = _themeValuesRef$curre13.components) === null || _themeValuesRef$curre14 === void 0 ? void 0 : (_themeValuesRef$curre15 = _themeValuesRef$curre14.header) === null || _themeValuesRef$curre15 === void 0 ? void 0 : (_themeValuesRef$curre16 = _themeValuesRef$curre15.components) === null || _themeValuesRef$curre16 === void 0 ? void 0 : (_themeValuesRef$curre17 = _themeValuesRef$curre16.logo) === null || _themeValuesRef$curre17 === void 0 ? void 0 : _themeValuesRef$curre17.dummy_image,
457
430
  path: "business_view.components.header.components.logo.dummy_image",
458
- 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,
431
+ 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,
459
432
  handleChangePhoto: handleUpdateThemeValue
460
433
  }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
461
434
  title: t('BUSINESS_HEADER_DUMMY_IMAGE', 'Business header dummy image'),
462
435
  ratio: "1350 x 400 px",
463
436
  isBig: true,
464
- 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,
437
+ photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre18 = themeValuesRef.current) === null || _themeValuesRef$curre18 === void 0 ? void 0 : (_themeValuesRef$curre19 = _themeValuesRef$curre18.business_view) === null || _themeValuesRef$curre19 === void 0 ? void 0 : (_themeValuesRef$curre20 = _themeValuesRef$curre19.components) === null || _themeValuesRef$curre20 === void 0 ? void 0 : (_themeValuesRef$curre21 = _themeValuesRef$curre20.header) === null || _themeValuesRef$curre21 === void 0 ? void 0 : (_themeValuesRef$curre22 = _themeValuesRef$curre21.components) === null || _themeValuesRef$curre22 === void 0 ? void 0 : _themeValuesRef$curre22.dummy_image,
465
438
  path: "business_view.components.header.components.dummy_image",
466
- 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,
439
+ 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,
467
440
  handleChangePhoto: handleUpdateThemeValue
468
441
  }), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
469
442
  settingList: homeImageFullScreen,
470
443
  handleUpdateThemeValue: handleUpdateThemeValue,
471
444
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
472
445
  themeStructure: themeStructure,
473
- 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,
446
+ 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,
474
447
  noLabel: true
475
448
  }), /*#__PURE__*/_react.default.createElement(_styles2.ImageGroup, null, /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
476
449
  title: t('PRODUCT_DUMMY_IMAGE', 'Product dummy image'),
477
450
  ratio: "900 x 200 px",
478
- 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,
451
+ 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.products) === null || _themeValuesRef$curre26 === void 0 ? void 0 : (_themeValuesRef$curre27 = _themeValuesRef$curre26.components) === null || _themeValuesRef$curre27 === void 0 ? void 0 : (_themeValuesRef$curre28 = _themeValuesRef$curre27.photo) === null || _themeValuesRef$curre28 === void 0 ? void 0 : (_themeValuesRef$curre29 = _themeValuesRef$curre28.components) === null || _themeValuesRef$curre29 === void 0 ? void 0 : _themeValuesRef$curre29.dummy_image,
479
452
  path: "business_view.components.products.components.photo.components.dummy_image",
480
- 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,
453
+ 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,
481
454
  handleChangePhoto: handleUpdateThemeValue
482
455
  }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('FAVICON', 'Favicon')), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
483
456
  title: t('FAVICON', 'Favicon'),
484
457
  ratio: "512 x 512 px",
485
- 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,
458
+ photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre30 = themeValuesRef.current) === null || _themeValuesRef$curre30 === void 0 ? void 0 : (_themeValuesRef$curre31 = _themeValuesRef$curre30.general) === null || _themeValuesRef$curre31 === void 0 ? void 0 : (_themeValuesRef$curre32 = _themeValuesRef$curre31.components) === null || _themeValuesRef$curre32 === void 0 ? void 0 : (_themeValuesRef$curre33 = _themeValuesRef$curre32.favicon) === null || _themeValuesRef$curre33 === void 0 ? void 0 : (_themeValuesRef$curre34 = _themeValuesRef$curre33.components) === null || _themeValuesRef$curre34 === void 0 ? void 0 : _themeValuesRef$curre34.image,
486
459
  path: "general.components.favicon.components.image",
487
- 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,
460
+ 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,
488
461
  handleChangePhoto: handleUpdateThemeValue
489
462
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('HEADER', 'Header')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
490
463
  settingList: headerList,
491
464
  handleUpdateThemeValue: handleUpdateThemeValue,
492
465
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
493
466
  themeStructure: themeStructure,
494
- 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
467
+ 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
495
468
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_LISTING', 'Business listing')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
496
469
  settingList: businessListing,
497
470
  handleUpdateThemeValue: handleUpdateThemeValue,
498
471
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
499
472
  themeStructure: themeStructure,
500
- 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
473
+ 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
501
474
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_BLOCK', 'Business block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
502
475
  settingList: businessBlockList,
503
476
  handleUpdateThemeValue: handleUpdateThemeValue,
504
477
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
505
478
  themeStructure: themeStructure,
506
- 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
479
+ 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
507
480
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_PAGE', 'Business page')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
508
481
  settingList: businessPageList,
509
482
  handleUpdateThemeValue: handleUpdateThemeValue,
510
483
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
511
484
  themeStructure: themeStructure,
512
- 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
485
+ 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
513
486
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_INFORMATION', 'Business Information')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
514
487
  settingList: businessInfoList,
515
488
  handleUpdateThemeValue: handleUpdateThemeValue,
516
489
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
517
490
  themeStructure: themeStructure,
518
- 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
491
+ 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
519
492
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('PRODUCTS_BLOCK', 'Products block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
520
493
  settingList: productBlockList,
521
494
  handleUpdateThemeValue: handleUpdateThemeValue,
522
495
  advancedValues: advancedValues,
523
496
  themeStructure: themeStructure,
524
- 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
497
+ 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
525
498
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('REVIEWS_POPUPS', 'Reviews popups')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
526
499
  settingList: reviewsPopups,
527
500
  handleUpdateThemeValue: handleUpdateThemeValue,
528
501
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
529
502
  themeStructure: themeStructure,
530
- 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
503
+ 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
531
504
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('CART_HEADER', 'Cart Header')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
532
505
  settingList: cartHeaderList,
533
506
  handleUpdateThemeValue: handleUpdateThemeValue,
534
507
  advancedValues: advancedValues,
535
508
  themeStructure: themeStructure,
536
- 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
509
+ 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
537
510
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('CHECKOUT', 'Checkout')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
538
511
  settingList: checkoutList,
539
512
  handleUpdateThemeValue: handleUpdateThemeValue,
540
513
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
541
514
  themeStructure: themeStructure,
542
- 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
543
- }), /*#__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, {
515
+ 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
516
+ })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__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, {
544
517
  settingList: orderBlockList,
545
518
  handleUpdateThemeValue: handleUpdateThemeValue,
546
519
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
547
520
  themeStructure: themeStructure,
548
- 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
549
- }), /*#__PURE__*/_react.default.createElement("h3", null, t('POPUP_ADDRESS', 'Popup: Address')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
521
+ 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
522
+ })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h3", null, t('POPUP_ADDRESS', 'Popup: Address')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
550
523
  settingList: popupAddressList,
551
524
  handleUpdateThemeValue: handleUpdateThemeValue,
552
525
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
553
526
  themeStructure: themeStructure,
554
- 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
555
- }), /*#__PURE__*/_react.default.createElement("h3", null, t('MY_ACCOUNT_PAGE', 'My account page')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
527
+ 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
528
+ })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h3", null, t('MY_ACCOUNT_PAGE', 'My account page')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
556
529
  settingList: myAccountList,
557
530
  handleUpdateThemeValue: handleUpdateThemeValue,
558
531
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
559
532
  themeStructure: themeStructure,
560
- 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
561
- }), /*#__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, {
533
+ 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
534
+ })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__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, {
562
535
  settingList: activeOrderBlockList,
563
536
  handleUpdateThemeValue: handleUpdateThemeValue,
564
537
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
565
538
  themeStructure: themeStructure,
566
- 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
539
+ 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
567
540
  })), !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, {
568
541
  settingList: menuOptionList,
569
542
  handleUpdateThemeValue: handleUpdateThemeValue,
570
543
  advancedValues: advancedValues,
571
544
  themeStructure: themeStructure,
572
- 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
545
+ 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
573
546
  })), /*#__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, {
574
547
  placeholder: t('TITLE_MENU_OPTIONS', 'Title Menu options'),
575
- 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,
548
+ defaultValue: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre35 = themeValuesRef.current) === null || _themeValuesRef$curre35 === void 0 ? void 0 : (_themeValuesRef$curre36 = _themeValuesRef$curre35.order_types) === null || _themeValuesRef$curre36 === void 0 ? void 0 : (_themeValuesRef$curre37 = _themeValuesRef$curre36.components) === null || _themeValuesRef$curre37 === void 0 ? void 0 : _themeValuesRef$curre37.title_menu,
576
549
  onChange: function onChange(e) {
577
550
  return handleUpdateThemeValue(e.target.value, 'order_types.components.title_menu');
578
551
  }
579
552
  })), /*#__PURE__*/_react.default.createElement("h3", null, t('DELIVERY', 'Delivery')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
580
- typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre43 = themeValuesRef.current) === null || _themeValuesRef$curre43 === void 0 ? void 0 : (_themeValuesRef$curre44 = _themeValuesRef$curre43.order_types) === null || _themeValuesRef$curre44 === void 0 ? void 0 : (_themeValuesRef$curre45 = _themeValuesRef$curre44.components) === null || _themeValuesRef$curre45 === void 0 ? void 0 : (_themeValuesRef$curre46 = _themeValuesRef$curre45.delivery) === null || _themeValuesRef$curre46 === void 0 ? void 0 : _themeValuesRef$curre46.components,
553
+ typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre38 = themeValuesRef.current) === null || _themeValuesRef$curre38 === void 0 ? void 0 : (_themeValuesRef$curre39 = _themeValuesRef$curre38.order_types) === null || _themeValuesRef$curre39 === void 0 ? void 0 : (_themeValuesRef$curre40 = _themeValuesRef$curre39.components) === null || _themeValuesRef$curre40 === void 0 ? void 0 : (_themeValuesRef$curre41 = _themeValuesRef$curre40.delivery) === null || _themeValuesRef$curre41 === void 0 ? void 0 : _themeValuesRef$curre41.components,
581
554
  path: "order_types.components.delivery.components",
582
555
  handleUpdateThemeValue: handleUpdateThemeValue
583
556
  }), /*#__PURE__*/_react.default.createElement("h3", null, t('PICKUP', 'Pickup')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
584
- typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre47 = themeValuesRef.current) === null || _themeValuesRef$curre47 === void 0 ? void 0 : (_themeValuesRef$curre48 = _themeValuesRef$curre47.order_types) === null || _themeValuesRef$curre48 === void 0 ? void 0 : (_themeValuesRef$curre49 = _themeValuesRef$curre48.components) === null || _themeValuesRef$curre49 === void 0 ? void 0 : (_themeValuesRef$curre50 = _themeValuesRef$curre49.pickup) === null || _themeValuesRef$curre50 === void 0 ? void 0 : _themeValuesRef$curre50.components,
557
+ typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre42 = themeValuesRef.current) === null || _themeValuesRef$curre42 === void 0 ? void 0 : (_themeValuesRef$curre43 = _themeValuesRef$curre42.order_types) === null || _themeValuesRef$curre43 === void 0 ? void 0 : (_themeValuesRef$curre44 = _themeValuesRef$curre43.components) === null || _themeValuesRef$curre44 === void 0 ? void 0 : (_themeValuesRef$curre45 = _themeValuesRef$curre44.pickup) === null || _themeValuesRef$curre45 === void 0 ? void 0 : _themeValuesRef$curre45.components,
585
558
  path: "order_types.components.pickup.components",
586
559
  handleUpdateThemeValue: handleUpdateThemeValue
587
560
  }), /*#__PURE__*/_react.default.createElement("h3", null, t('EAT_IN', 'Eat in')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
588
- typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre51 = themeValuesRef.current) === null || _themeValuesRef$curre51 === void 0 ? void 0 : (_themeValuesRef$curre52 = _themeValuesRef$curre51.order_types) === null || _themeValuesRef$curre52 === void 0 ? void 0 : (_themeValuesRef$curre53 = _themeValuesRef$curre52.components) === null || _themeValuesRef$curre53 === void 0 ? void 0 : (_themeValuesRef$curre54 = _themeValuesRef$curre53.eat_in) === null || _themeValuesRef$curre54 === void 0 ? void 0 : _themeValuesRef$curre54.components,
561
+ typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre46 = themeValuesRef.current) === null || _themeValuesRef$curre46 === void 0 ? void 0 : (_themeValuesRef$curre47 = _themeValuesRef$curre46.order_types) === null || _themeValuesRef$curre47 === void 0 ? void 0 : (_themeValuesRef$curre48 = _themeValuesRef$curre47.components) === null || _themeValuesRef$curre48 === void 0 ? void 0 : (_themeValuesRef$curre49 = _themeValuesRef$curre48.eat_in) === null || _themeValuesRef$curre49 === void 0 ? void 0 : _themeValuesRef$curre49.components,
589
562
  path: "order_types.components.eat_in.components",
590
563
  handleUpdateThemeValue: handleUpdateThemeValue
591
564
  }), /*#__PURE__*/_react.default.createElement("h3", null, t('CURBSIDE', 'Curbside')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
592
- typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre55 = themeValuesRef.current) === null || _themeValuesRef$curre55 === void 0 ? void 0 : (_themeValuesRef$curre56 = _themeValuesRef$curre55.order_types) === null || _themeValuesRef$curre56 === void 0 ? void 0 : (_themeValuesRef$curre57 = _themeValuesRef$curre56.components) === null || _themeValuesRef$curre57 === void 0 ? void 0 : (_themeValuesRef$curre58 = _themeValuesRef$curre57.curbside) === null || _themeValuesRef$curre58 === void 0 ? void 0 : _themeValuesRef$curre58.components,
565
+ typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre50 = themeValuesRef.current) === null || _themeValuesRef$curre50 === void 0 ? void 0 : (_themeValuesRef$curre51 = _themeValuesRef$curre50.order_types) === null || _themeValuesRef$curre51 === void 0 ? void 0 : (_themeValuesRef$curre52 = _themeValuesRef$curre51.components) === null || _themeValuesRef$curre52 === void 0 ? void 0 : (_themeValuesRef$curre53 = _themeValuesRef$curre52.curbside) === null || _themeValuesRef$curre53 === void 0 ? void 0 : _themeValuesRef$curre53.components,
593
566
  path: "order_types.components.curbside.components",
594
567
  handleUpdateThemeValue: handleUpdateThemeValue
595
568
  }), /*#__PURE__*/_react.default.createElement("h3", null, t('DRIVE_THRU', 'Drive thru')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
596
- typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre59 = themeValuesRef.current) === null || _themeValuesRef$curre59 === void 0 ? void 0 : (_themeValuesRef$curre60 = _themeValuesRef$curre59.order_types) === null || _themeValuesRef$curre60 === void 0 ? void 0 : (_themeValuesRef$curre61 = _themeValuesRef$curre60.components) === null || _themeValuesRef$curre61 === void 0 ? void 0 : (_themeValuesRef$curre62 = _themeValuesRef$curre61.drive_thru) === null || _themeValuesRef$curre62 === void 0 ? void 0 : _themeValuesRef$curre62.components,
569
+ typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre54 = themeValuesRef.current) === null || _themeValuesRef$curre54 === void 0 ? void 0 : (_themeValuesRef$curre55 = _themeValuesRef$curre54.order_types) === null || _themeValuesRef$curre55 === void 0 ? void 0 : (_themeValuesRef$curre56 = _themeValuesRef$curre55.components) === null || _themeValuesRef$curre56 === void 0 ? void 0 : (_themeValuesRef$curre57 = _themeValuesRef$curre56.drive_thru) === null || _themeValuesRef$curre57 === void 0 ? void 0 : _themeValuesRef$curre57.components,
597
570
  path: "order_types.components.drive_thru.components",
598
571
  handleUpdateThemeValue: handleUpdateThemeValue
599
572
  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('THIRD_PARTY_CODE', 'Third-party code')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
@@ -601,20 +574,31 @@ var AdvancedSettings = function AdvancedSettings(props) {
601
574
  handleUpdateThemeValue: handleUpdateThemeValue,
602
575
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
603
576
  themeStructure: themeStructure,
604
- 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
577
+ 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
605
578
  })), 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, {
606
579
  settingList: navigationBarList,
607
580
  handleUpdateThemeValue: handleUpdateThemeValue,
608
581
  advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
609
582
  themeStructure: themeStructure,
610
- 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
583
+ 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
611
584
  })), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
612
585
  color: "primary",
613
586
  borderRadius: "8px",
614
587
  onClick: function onClick() {
615
588
  return handleUpdateSiteTheme(themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current);
616
589
  }
617
- }, t('SAVE', 'Save')))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
590
+ }, t('SAVE', 'Save')))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
591
+ width: "769px",
592
+ padding: "25px",
593
+ open: isOpenSound,
594
+ onClose: function onClose() {
595
+ return setIsOpenSound(false);
596
+ }
597
+ }, /*#__PURE__*/_react.default.createElement(_UploadAudio.UploadAudio, {
598
+ onClose: function onClose() {
599
+ return setIsOpenSound(false);
600
+ }
601
+ })), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
618
602
  title: t('ORDERING', 'Ordering'),
619
603
  content: alertState.content,
620
604
  acceptText: t('ACCEPT', 'Accept'),