ordering-ui-admin-external 1.45.53 → 1.45.54

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 (17) hide show
  1. package/_bundles/{ordering-ui-admin.d37267eddecc95a310a7.js → ordering-ui-admin.c0299e531b6b528aec44.js} +2 -2
  2. package/_modules/components/Settings/CountrySettingDetail/index.js +11 -1
  3. package/_modules/components/Settings/EmailSetting/index.js +16 -4
  4. package/_modules/components/Settings/NotificationSetting/index.js +19 -2
  5. package/_modules/components/Settings/SettingsList/index.js +13 -2
  6. package/_modules/components/Settings/SiteSettingDetails/index.js +11 -1
  7. package/_modules/components/Stores/BusinessWalletsList/index.js +10 -0
  8. package/_modules/components/Stores/PaymentOptionStripeLink/index.js +10 -0
  9. package/package.json +1 -1
  10. package/src/components/Settings/CountrySettingDetail/index.js +14 -0
  11. package/src/components/Settings/EmailSetting/index.js +25 -5
  12. package/src/components/Settings/NotificationSetting/index.js +41 -4
  13. package/src/components/Settings/SettingsList/index.js +22 -4
  14. package/src/components/Settings/SiteSettingDetails/index.js +14 -0
  15. package/src/components/Stores/BusinessWalletsList/index.js +9 -0
  16. package/src/components/Stores/PaymentOptionStripeLink/index.js +9 -0
  17. /package/_bundles/{ordering-ui-admin.d37267eddecc95a310a7.js.LICENSE.txt → ordering-ui-admin.c0299e531b6b528aec44.js.LICENSE.txt} +0 -0
package/_modules/components/Settings/CountrySettingDetail/index.js CHANGED
@@ -56,7 +56,17 @@ var CountrySettingDetail = exports.CountrySettingDetail = function CountrySettin
56
56
  handleSelectChange: function handleSelectChange(value) {
57
57
  return handleChangeConfig(value, selectedCountryId, config === null || config === void 0 ? void 0 : config.id);
58
58
  }
59
- }));
59
+ }), config.type === 7 && /*#__PURE__*/_react.default.createElement(_styles.FormGroupText, {
60
+ className: "form-group"
61
+ }, /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), /*#__PURE__*/_react.default.createElement("input", {
62
+ type: "password",
63
+ defaultValue: config === null || config === void 0 ? void 0 : config.value,
64
+ onChange: function onChange(e) {
65
+ return handleChangeConfig(e.target.value, selectedCountryId, config === null || config === void 0 ? void 0 : config.id);
66
+ },
67
+ className: "form-control",
68
+ placeholder: config === null || config === void 0 ? void 0 : config.name
69
+ })));
60
70
  }))), !countryConfigState.loading && countryConfigState.error && /*#__PURE__*/_react.default.createElement(_Shared.NotFoundSource, {
61
71
  content: t('NOT_FOUND_CONFIG', 'Sorry, we couldn\'t find the config.')
62
72
  })));
package/_modules/components/Settings/EmailSetting/index.js CHANGED
@@ -35,7 +35,8 @@ var EmailSettingUI = function EmailSettingUI(props) {
35
35
  handleInputChange = props.handleInputChange,
36
36
  handleCheckBoxChange = props.handleCheckBoxChange,
37
37
  settingsState = props.settingsState,
38
- handleClickUpdate = props.handleClickUpdate;
38
+ handleClickUpdate = props.handleClickUpdate,
39
+ isCampaign = props.isCampaign;
39
40
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
40
41
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
41
42
  t = _useLanguage2[1];
@@ -46,7 +47,7 @@ var EmailSettingUI = function EmailSettingUI(props) {
46
47
  _useState2 = _slicedToArray(_useState, 2),
47
48
  alertState = _useState2[0],
48
49
  setAlertState = _useState2[1];
49
- var generalList = ['email_main_name', 'email_reply_name', 'email_reply', 'email_main', 'email_smtp_host', 'email_smtp_port', 'email_smtp_username', 'email_smtp_password', 'email_smtp_encryption', 'email_smtp_use_default'];
50
+ var generalList = ['email_main_name', 'email_reply_name', 'email_reply', 'email_main', 'email_smtp_host', 'email_smtp_port', 'email_smtp_username', 'email_smtp_password', 'email_smtp_encryption', 'email_smtp_use_default', 'email_template'];
50
51
  var _useState3 = (0, _react.useState)(null),
51
52
  _useState4 = _slicedToArray(_useState3, 2),
52
53
  general = _useState4[0],
@@ -98,7 +99,7 @@ var EmailSettingUI = function EmailSettingUI(props) {
98
99
  });
99
100
  }
100
101
  }, [settingsState === null || settingsState === void 0 ? void 0 : settingsState.result]);
101
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.EmailSettingsContainer, null, /*#__PURE__*/_react.default.createElement(_styles3.GeneralTitle, null, /*#__PURE__*/_react.default.createElement("p", null, t('SETTINGS', 'All Settings'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
102
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.EmailSettingsContainer, null, !isCampaign && /*#__PURE__*/_react.default.createElement(_styles3.GeneralTitle, null, /*#__PURE__*/_react.default.createElement("p", null, t('SETTINGS', 'All Settings'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
102
103
  eventKey: "0"
103
104
  }, /*#__PURE__*/_react.default.createElement(_styles2.AccordionTitle, null, t('GENERAL', 'General'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
104
105
  eventKey: "0"
@@ -121,7 +122,18 @@ var EmailSettingUI = function EmailSettingUI(props) {
121
122
  handleSelectChange: function handleSelectChange(value) {
122
123
  return handleInputChange(value, config === null || config === void 0 ? void 0 : config.id);
123
124
  }
124
- }));
125
+ }), config.type === 7 && /*#__PURE__*/_react.default.createElement(_styles3.FormGroupText, {
126
+ className: "form-group"
127
+ }, /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), (config === null || config === void 0 ? void 0 : config.description) && /*#__PURE__*/_react.default.createElement(_styles3.Description, null, config === null || config === void 0 ? void 0 : config.description), /*#__PURE__*/_react.default.createElement("input", {
128
+ type: "password",
129
+ defaultValue: config === null || config === void 0 ? void 0 : config.value,
130
+ onChange: function onChange(e) {
131
+ return handleInputChange(e.target.value, config === null || config === void 0 ? void 0 : config.id);
132
+ },
133
+ className: "form-control",
134
+ placeholder: config === null || config === void 0 ? void 0 : config.name,
135
+ autoComplete: "new-password"
136
+ })));
125
137
  }))), /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
126
138
  eventKey: "1"
127
139
  }, /*#__PURE__*/_react.default.createElement(_styles2.AccordionTitle, null, t('ADMINISTRATOR', 'Administrator'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
package/_modules/components/Settings/NotificationSetting/index.js CHANGED
@@ -36,7 +36,8 @@ var NotificationSettingUI = function NotificationSettingUI(props) {
36
36
  handleInputChange = props.handleInputChange,
37
37
  handleCheckBoxChange = props.handleCheckBoxChange,
38
38
  settingsState = props.settingsState,
39
- handleClickUpdate = props.handleClickUpdate;
39
+ handleClickUpdate = props.handleClickUpdate,
40
+ isCampaign = props.isCampaign;
40
41
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
41
42
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
42
43
  t = _useLanguage2[1];
@@ -114,7 +115,7 @@ var NotificationSettingUI = function NotificationSettingUI(props) {
114
115
  });
115
116
  }
116
117
  }, [settingsState === null || settingsState === void 0 ? void 0 : settingsState.result]);
117
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.NotificationSettingContainer, null, /*#__PURE__*/_react.default.createElement(_styles3.GeneralTitle, null, /*#__PURE__*/_react.default.createElement("p", null, t('SETTINGS', 'All Settings'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
118
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.NotificationSettingContainer, null, !isCampaign && /*#__PURE__*/_react.default.createElement(_styles3.GeneralTitle, null, /*#__PURE__*/_react.default.createElement("p", null, t('SETTINGS', 'All Settings'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
118
119
  eventKey: "0"
119
120
  }, /*#__PURE__*/_react.default.createElement(_styles2.AccordionTitle, null, t('GENERAL', 'General'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
120
121
  eventKey: "0"
@@ -150,6 +151,22 @@ var NotificationSettingUI = function NotificationSettingUI(props) {
150
151
  handleSelectChange: function handleSelectChange(value) {
151
152
  return handleInputChange(value, config === null || config === void 0 ? void 0 : config.id);
152
153
  }
154
+ })), config.type === 7 && /*#__PURE__*/_react.default.createElement(_styles3.FormGroupText, {
155
+ className: "form-group"
156
+ }, /*#__PURE__*/_react.default.createElement(_styles2.TitleWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), (tooltips === null || tooltips === void 0 ? void 0 : tooltips[config === null || config === void 0 ? void 0 : config.key]) && /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
157
+ placement: "bottom",
158
+ overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, null, tooltips === null || tooltips === void 0 ? void 0 : tooltips[config === null || config === void 0 ? void 0 : config.key])
159
+ }, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
160
+ color: "primary",
161
+ className: "tour_btn"
162
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.InfoCircle, null)))), (config === null || config === void 0 ? void 0 : config.description) && /*#__PURE__*/_react.default.createElement(_styles3.Description, null, config === null || config === void 0 ? void 0 : config.description), /*#__PURE__*/_react.default.createElement("input", {
163
+ type: "password",
164
+ defaultValue: config === null || config === void 0 ? void 0 : config.value,
165
+ onChange: function onChange(e) {
166
+ return handleInputChange(e.target.value, config === null || config === void 0 ? void 0 : config.id);
167
+ },
168
+ className: "form-control",
169
+ placeholder: config === null || config === void 0 ? void 0 : config.name
153
170
  })));
154
171
  }))), /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
155
172
  eventKey: "1"
package/_modules/components/Settings/SettingsList/index.js CHANGED
@@ -41,7 +41,8 @@ var SettingsListUI = exports.SettingsListUI = function SettingsListUI(props) {
41
41
  handleCheckBoxChange = props.handleCheckBoxChange,
42
42
  handleInputChange = props.handleInputChange,
43
43
  handleClickUpdate = props.handleClickUpdate,
44
- saveConfig = props.saveConfig;
44
+ saveConfig = props.saveConfig,
45
+ isCampaign = props.isCampaign;
45
46
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
46
47
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
47
48
  t = _useLanguage2[1];
@@ -140,7 +141,7 @@ var SettingsListUI = exports.SettingsListUI = function SettingsListUI(props) {
140
141
  });
141
142
  }
142
143
  }, [settingsState === null || settingsState === void 0 ? void 0 : settingsState.result]);
143
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.SettingsListContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.GeneralTitle, null, /*#__PURE__*/_react.default.createElement("p", null, t('SETTINGS', 'All Settings'))), !settingsState.error && settingsState.loading && /*#__PURE__*/_react.default.createElement(_styles2.SkeletonWrapper, null, _toConsumableArray(Array(6)).map(function (i) {
144
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.SettingsListContainer, null, !isCampaign && /*#__PURE__*/_react.default.createElement(_styles2.GeneralTitle, null, /*#__PURE__*/_react.default.createElement("p", null, t('SETTINGS', 'All Settings'))), !settingsState.error && settingsState.loading && /*#__PURE__*/_react.default.createElement(_styles2.SkeletonWrapper, null, _toConsumableArray(Array(6)).map(function (i) {
144
145
  return /*#__PURE__*/_react.default.createElement("div", {
145
146
  key: i
146
147
  }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
@@ -169,6 +170,16 @@ var SettingsListUI = exports.SettingsListUI = function SettingsListUI(props) {
169
170
  },
170
171
  className: "form-control",
171
172
  placeholder: config === null || config === void 0 ? void 0 : config.name
173
+ })), config.type === 7 && /*#__PURE__*/_react.default.createElement(_styles2.FormGroupText, {
174
+ className: "form-group"
175
+ }, /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), (config === null || config === void 0 ? void 0 : config.description) && /*#__PURE__*/_react.default.createElement(_styles2.Description, null, config === null || config === void 0 ? void 0 : config.description), /*#__PURE__*/_react.default.createElement("input", {
176
+ type: "password",
177
+ defaultValue: config === null || config === void 0 ? void 0 : config.value,
178
+ onChange: function onChange(e) {
179
+ return handleInputChange(e.target.value, config === null || config === void 0 ? void 0 : config.id);
180
+ },
181
+ className: "form-control",
182
+ placeholder: config === null || config === void 0 ? void 0 : config.name
172
183
  })), config.type === 2 && (config.key === 'country_autocomplete' ? /*#__PURE__*/_react.default.createElement(_SettingsCountryFilter.SettingsCountryFilter, {
173
184
  defaultValue: config === null || config === void 0 ? void 0 : config.value,
174
185
  handleSelectChange: function handleSelectChange(value) {
package/_modules/components/Settings/SiteSettingDetails/index.js CHANGED
@@ -56,7 +56,17 @@ var SiteSettingDetails = exports.SiteSettingDetails = function SiteSettingDetail
56
56
  handleSelectChange: function handleSelectChange(value) {
57
57
  return handleChangeConfig(value, selectedSiteId, config === null || config === void 0 ? void 0 : config.id);
58
58
  }
59
- }));
59
+ }), config.type === 7 && /*#__PURE__*/_react.default.createElement(_styles.FormGroupText, {
60
+ className: "form-group"
61
+ }, /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), /*#__PURE__*/_react.default.createElement("input", {
62
+ type: "password",
63
+ defaultValue: config === null || config === void 0 ? void 0 : config.value,
64
+ onChange: function onChange(e) {
65
+ return handleChangeConfig(e.target.value, selectedSiteId, config === null || config === void 0 ? void 0 : config.id);
66
+ },
67
+ className: "form-control",
68
+ placeholder: config === null || config === void 0 ? void 0 : config.name
69
+ })));
60
70
  }))), !siteConfigsState.loading && siteConfigsState.error && /*#__PURE__*/_react.default.createElement(_Shared.NotFoundSource, {
61
71
  content: t('NOT_FOUND_CONFIG', 'Sorry, we couldn\'t find the config.')
62
72
  })));
package/_modules/components/Stores/BusinessWalletsList/index.js CHANGED
@@ -138,6 +138,16 @@ var BusinessWalletsListUI = function BusinessWalletsListUI(props) {
138
138
  });
139
139
  },
140
140
  placeholder: t('SELECT_A_OPTION', 'Select a option')
141
+ }), (currentConfig === null || currentConfig === void 0 ? void 0 : currentConfig.type) === 7 && /*#__PURE__*/_react.default.createElement("input", {
142
+ type: "password",
143
+ defaultValue: currentConfig === null || currentConfig === void 0 ? void 0 : currentConfig.value,
144
+ onChange: function onChange(e) {
145
+ return handleUpdateWallet(currentConfig === null || currentConfig === void 0 ? void 0 : currentConfig.id, {
146
+ value: e.target.value
147
+ });
148
+ },
149
+ className: "form-control",
150
+ placeholder: currentConfig === null || currentConfig === void 0 ? void 0 : currentConfig.name
141
151
  }))));
142
152
  };
143
153
  var BusinessWalletsList = exports.BusinessWalletsList = function BusinessWalletsList(props) {
package/_modules/components/Stores/PaymentOptionStripeLink/index.js CHANGED
@@ -272,6 +272,16 @@ var PaymentOptionStripeLinkUI = function PaymentOptionStripeLinkUI(props) {
272
272
  });
273
273
  },
274
274
  placeholder: t('SELECT_A_OPTION', 'Select a option')
275
+ }), (config === null || config === void 0 ? void 0 : config.type) === 7 && /*#__PURE__*/_react.default.createElement("input", {
276
+ type: "password",
277
+ defaultValue: config === null || config === void 0 ? void 0 : config.value,
278
+ onChange: function onChange(e) {
279
+ return handleUpdateConfigs(config === null || config === void 0 ? void 0 : config.id, {
280
+ value: e.target.value
281
+ });
282
+ },
283
+ className: "form-control",
284
+ placeholder: config === null || config === void 0 ? void 0 : config.name
275
285
  }));
276
286
  }))), paymentTabs === 1 && (sitesState === null || sitesState === void 0 || (_sitesState$sites3 = sitesState.sites) === null || _sitesState$sites3 === void 0 ? void 0 : _sitesState$sites3.length) > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
277
287
  key: "all",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.45.53",
3
+ "version": "1.45.54",
4
4
  "description": "Ordering UI Admin Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
package/src/components/Settings/CountrySettingDetail/index.js CHANGED
@@ -66,6 +66,20 @@ export const CountrySettingDetail = (props) => {
66
66
  />
67
67
  )
68
68
  }
69
+ {
70
+ config.type === 7 && (
71
+ <FormGroupText className='form-group'>
72
+ <label>{config?.name}</label>
73
+ <input
74
+ type='password'
75
+ defaultValue={config?.value}
76
+ onChange={(e) => handleChangeConfig(e.target.value, selectedCountryId, config?.id)}
77
+ className='form-control'
78
+ placeholder={config?.name}
79
+ />
80
+ </FormGroupText>
81
+ )
82
+ }
69
83
  </div>
70
84
  ))
71
85
  }
package/src/components/Settings/EmailSetting/index.js CHANGED
@@ -22,7 +22,8 @@ const EmailSettingUI = (props) => {
22
22
  handleInputChange,
23
23
  handleCheckBoxChange,
24
24
  settingsState,
25
- handleClickUpdate
25
+ handleClickUpdate,
26
+ isCampaign
26
27
  } = props
27
28
 
28
29
  const [, t] = useLanguage()
@@ -38,7 +39,8 @@ const EmailSettingUI = (props) => {
38
39
  'email_smtp_username',
39
40
  'email_smtp_password',
40
41
  'email_smtp_encryption',
41
- 'email_smtp_use_default'
42
+ 'email_smtp_use_default',
43
+ 'email_template'
42
44
  ]
43
45
 
44
46
  const [general, setGeneral] = useState(null)
@@ -77,9 +79,11 @@ const EmailSettingUI = (props) => {
77
79
  return (
78
80
  <>
79
81
  <EmailSettingsContainer>
80
- <GeneralTitle>
81
- <p>{t('SETTINGS', 'All Settings')}</p>
82
- </GeneralTitle>
82
+ {!isCampaign && (
83
+ <GeneralTitle>
84
+ <p>{t('SETTINGS', 'All Settings')}</p>
85
+ </GeneralTitle>
86
+ )}
83
87
  <Accordion>
84
88
  <ContextAwareToggle eventKey='0'>
85
89
  <AccordionTitle>{t('GENERAL', 'General')}</AccordionTitle>
@@ -113,6 +117,22 @@ const EmailSettingUI = (props) => {
113
117
  />
114
118
  )
115
119
  }
120
+ {
121
+ config.type === 7 && (
122
+ <FormGroupText className='form-group'>
123
+ <label>{config?.name}</label>
124
+ {config?.description && <Description>{config?.description}</Description>}
125
+ <input
126
+ type='password'
127
+ defaultValue={config?.value}
128
+ onChange={(e) => handleInputChange(e.target.value, config?.id)}
129
+ className='form-control'
130
+ placeholder={config?.name}
131
+ autoComplete='new-password'
132
+ />
133
+ </FormGroupText>
134
+ )
135
+ }
116
136
  </div>
117
137
  ))
118
138
  }
package/src/components/Settings/NotificationSetting/index.js CHANGED
@@ -29,7 +29,8 @@ const NotificationSettingUI = (props) => {
29
29
  handleInputChange,
30
30
  handleCheckBoxChange,
31
31
  settingsState,
32
- handleClickUpdate
32
+ handleClickUpdate,
33
+ isCampaign
33
34
  } = props
34
35
 
35
36
  const [, t] = useLanguage()
@@ -83,9 +84,11 @@ const NotificationSettingUI = (props) => {
83
84
  return (
84
85
  <>
85
86
  <NotificationSettingContainer>
86
- <GeneralTitle>
87
- <p>{t('SETTINGS', 'All Settings')}</p>
88
- </GeneralTitle>
87
+ {!isCampaign && (
88
+ <GeneralTitle>
89
+ <p>{t('SETTINGS', 'All Settings')}</p>
90
+ </GeneralTitle>
91
+ )}
89
92
  <Accordion>
90
93
  <ContextAwareToggle eventKey='0'>
91
94
  <AccordionTitle>{t('GENERAL', 'General')}</AccordionTitle>
@@ -162,6 +165,40 @@ const NotificationSettingUI = (props) => {
162
165
  </>
163
166
  )
164
167
  }
168
+ {
169
+ config.type === 7 && (
170
+ <FormGroupText className='form-group'>
171
+ <TitleWrapper>
172
+ <label>{config?.name}</label>
173
+ {tooltips?.[config?.key] && (
174
+ <OverlayTrigger
175
+ placement='bottom'
176
+ overlay={
177
+ <Tooltip>
178
+ {tooltips?.[config?.key]}
179
+ </Tooltip>
180
+ }
181
+ >
182
+ <IconButton
183
+ color='primary'
184
+ className='tour_btn'
185
+ >
186
+ <InfoCircle />
187
+ </IconButton>
188
+ </OverlayTrigger>
189
+ )}
190
+ </TitleWrapper>
191
+ {config?.description && <Description>{config?.description}</Description>}
192
+ <input
193
+ type='password'
194
+ defaultValue={config?.value}
195
+ onChange={(e) => handleInputChange(e.target.value, config?.id)}
196
+ className='form-control'
197
+ placeholder={config?.name}
198
+ />
199
+ </FormGroupText>
200
+ )
201
+ }
165
202
  </div>
166
203
  ))
167
204
  }
package/src/components/Settings/SettingsList/index.js CHANGED
@@ -30,7 +30,8 @@ export const SettingsListUI = (props) => {
30
30
  handleCheckBoxChange,
31
31
  handleInputChange,
32
32
  handleClickUpdate,
33
- saveConfig
33
+ saveConfig,
34
+ isCampaign
34
35
  } = props
35
36
 
36
37
  const [, t] = useLanguage()
@@ -120,9 +121,11 @@ export const SettingsListUI = (props) => {
120
121
  return (
121
122
  <>
122
123
  <SettingsListContainer>
123
- <GeneralTitle>
124
- <p>{t('SETTINGS', 'All Settings')}</p>
125
- </GeneralTitle>
124
+ {!isCampaign && (
125
+ <GeneralTitle>
126
+ <p>{t('SETTINGS', 'All Settings')}</p>
127
+ </GeneralTitle>
128
+ )}
126
129
  {
127
130
  !settingsState.error && settingsState.loading && (
128
131
  <SkeletonWrapper>
@@ -159,6 +162,21 @@ export const SettingsListUI = (props) => {
159
162
  </FormGroupText>
160
163
  )
161
164
  }
165
+ {
166
+ config.type === 7 && (
167
+ <FormGroupText className='form-group'>
168
+ <label>{config?.name}</label>
169
+ {config?.description && <Description>{config?.description}</Description>}
170
+ <input
171
+ type='password'
172
+ defaultValue={config?.value}
173
+ onChange={(e) => handleInputChange(e.target.value, config?.id)}
174
+ className='form-control'
175
+ placeholder={config?.name}
176
+ />
177
+ </FormGroupText>
178
+ )
179
+ }
162
180
  {
163
181
  config.type === 2 && (
164
182
  config.key === 'country_autocomplete' ? (
package/src/components/Settings/SiteSettingDetails/index.js CHANGED
@@ -66,6 +66,20 @@ export const SiteSettingDetails = (props) => {
66
66
  />
67
67
  )
68
68
  }
69
+ {
70
+ config.type === 7 && (
71
+ <FormGroupText className='form-group'>
72
+ <label>{config?.name}</label>
73
+ <input
74
+ type='password'
75
+ defaultValue={config?.value}
76
+ onChange={(e) => handleChangeConfig(e.target.value, selectedSiteId, config?.id)}
77
+ className='form-control'
78
+ placeholder={config?.name}
79
+ />
80
+ </FormGroupText>
81
+ )
82
+ }
69
83
  </div>
70
84
  ))
71
85
  }
package/src/components/Stores/BusinessWalletsList/index.js CHANGED
@@ -130,6 +130,15 @@ const BusinessWalletsListUI = (props) => {
130
130
  placeholder={t('SELECT_A_OPTION', 'Select a option')}
131
131
  />
132
132
  )}
133
+ {currentConfig?.type === 7 && (
134
+ <input
135
+ type='password'
136
+ defaultValue={currentConfig?.value}
137
+ onChange={(e) => handleUpdateWallet(currentConfig?.id, { value: e.target.value })}
138
+ className='form-control'
139
+ placeholder={currentConfig?.name}
140
+ />
141
+ )}
133
142
  </DetailsContainer>
134
143
  </SideBar>
135
144
  )}
package/src/components/Stores/PaymentOptionStripeLink/index.js CHANGED
@@ -273,6 +273,15 @@ const PaymentOptionStripeLinkUI = (props) => {
273
273
  placeholder={t('SELECT_A_OPTION', 'Select a option')}
274
274
  />
275
275
  )}
276
+ {config?.type === 7 && (
277
+ <input
278
+ type='password'
279
+ defaultValue={config?.value}
280
+ onChange={(e) => handleUpdateConfigs(config?.id, { value: e.target.value })}
281
+ className='form-control'
282
+ placeholder={config?.name}
283
+ />
284
+ )}
276
285
  </>
277
286
  )
278
287
  })}