ordering-ui-admin-external 1.4.2 → 1.4.4

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.
@@ -52,7 +52,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
52
52
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
53
53
 
54
54
  var BusinessInformationUI = function BusinessInformationUI(props) {
55
- var _formState$changes5, _formState$result3, _businessState$busine2, _businessState$busine3, _formState$changes6, _formState$changes7, _formState$changes8, _formState$result4, _businessState$busine4, _businessState$busine5, _formState$changes9, _formState$changes10, _formState$changes$na, _formState$changes11, _businessState$busine6, _formState$changes$de, _formState$changes12, _businessState$busine7, _formState$changes$ph, _formState$changes13, _businessState$busine8, _formState$changes$ce, _formState$changes14, _businessState$busine9, _businessState$busine10, _businessState$busine11, _businessState$busine12, _formState$changes15, _formState$changes15$, _formState$changes16, _formState$changes16$, _businessState$busine13, _businessState$busine14, _formState$changes$ri, _formState$changes17, _formState$changes17$, _businessState$busine15, _businessState$busine16, _businessState$busine17, _formState$changes18, _formState$changes18$, _formState$changes19, _formState$changes19$, _businessState$busine18, _businessState$busine19, _formState$changes$ri2, _formState$changes20, _formState$changes20$, _businessState$busine20, _businessState$busine21, _formState$changes$fa, _formState$changes27, _businessState$busine28, _formState$changes$in, _formState$changes28, _businessState$busine29, _formState$changes$ti, _formState$changes29, _businessState$busine30, _formState$changes$pi, _formState$changes30, _businessState$busine31, _formState$changes$wh, _formState$changes31, _businessState$busine32, _formState$changes$sn, _formState$changes32, _businessState$busine33;
55
+ var _formState$changes5, _formState$result3, _businessState$busine2, _businessState$busine3, _formState$changes6, _formState$changes7, _formState$changes8, _formState$result4, _businessState$busine4, _businessState$busine5, _formState$changes9, _formState$changes10, _formState$changes$na, _formState$changes11, _businessState$busine6, _formState$changes$ex, _formState$changes12, _businessState$busine7, _formState$changes$de, _formState$changes13, _businessState$busine8, _formState$changes$ph, _formState$changes14, _businessState$busine9, _formState$changes$ce, _formState$changes15, _businessState$busine10, _businessState$busine11, _businessState$busine12, _businessState$busine13, _formState$changes16, _formState$changes16$, _formState$changes17, _formState$changes17$, _businessState$busine14, _businessState$busine15, _formState$changes$ri, _formState$changes18, _formState$changes18$, _businessState$busine16, _businessState$busine17, _businessState$busine18, _formState$changes19, _formState$changes19$, _formState$changes20, _formState$changes20$, _businessState$busine19, _businessState$busine20, _formState$changes$ri2, _formState$changes21, _formState$changes21$, _businessState$busine21, _businessState$busine22, _formState$changes$fa, _formState$changes28, _businessState$busine29, _formState$changes$in, _formState$changes29, _businessState$busine30, _formState$changes$ti, _formState$changes30, _businessState$busine31, _formState$changes$pi, _formState$changes31, _businessState$busine32, _formState$changes$wh, _formState$changes32, _businessState$busine33, _formState$changes$sn, _formState$changes33, _businessState$busine34;
56
56
 
57
57
  var formState = props.formState,
58
58
  businessState = props.businessState,
@@ -311,41 +311,53 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
311
311
  }),
312
312
  disabled: formState.loading,
313
313
  autoComplete: "off"
314
+ })), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('EXTERNAL_ID', 'External Id')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
315
+ name: "external_id",
316
+ placeholder: t('EXTERNAL_ID', 'External Id'),
317
+ defaultValue: (_formState$changes$ex = formState === null || formState === void 0 ? void 0 : (_formState$changes12 = formState.changes) === null || _formState$changes12 === void 0 ? void 0 : _formState$changes12.external_id) !== null && _formState$changes$ex !== void 0 ? _formState$changes$ex : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine7 = businessState.business) === null || _businessState$busine7 === void 0 ? void 0 : _businessState$busine7.external_id,
318
+ onChange: handleChangeInput,
319
+ disabled: formState.loading,
320
+ autoComplete: "off",
321
+ onKeyPress: function onKeyPress(e) {
322
+ if (!/^[0-9]$/.test(e.key)) {
323
+ e.preventDefault();
324
+ }
325
+ }
314
326
  })), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('SHORT_DESCRIPTION', 'Short description')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
315
327
  name: "description",
316
328
  placeholder: t('TYPE_BUSINESS_SHORT_DESCRIPTION', 'Write a little description'),
317
- defaultValue: (_formState$changes$de = formState === null || formState === void 0 ? void 0 : (_formState$changes12 = formState.changes) === null || _formState$changes12 === void 0 ? void 0 : _formState$changes12.description) !== null && _formState$changes$de !== void 0 ? _formState$changes$de : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine7 = businessState.business) === null || _businessState$busine7 === void 0 ? void 0 : _businessState$busine7.description,
329
+ defaultValue: (_formState$changes$de = formState === null || formState === void 0 ? void 0 : (_formState$changes13 = formState.changes) === null || _formState$changes13 === void 0 ? void 0 : _formState$changes13.description) !== null && _formState$changes$de !== void 0 ? _formState$changes$de : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine8 = businessState.business) === null || _businessState$busine8 === void 0 ? void 0 : _businessState$busine8.description,
318
330
  onChange: handleChangeInput,
319
331
  disabled: formState.loading,
320
332
  autoComplete: "off"
321
333
  })), /*#__PURE__*/_react.default.createElement(_styles2.PhoneWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('PHONE_NUMBER', 'Phone number')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
322
334
  name: "phone",
323
335
  placeholder: "(000) 0000 000",
324
- defaultValue: (_formState$changes$ph = formState === null || formState === void 0 ? void 0 : (_formState$changes13 = formState.changes) === null || _formState$changes13 === void 0 ? void 0 : _formState$changes13.phone) !== null && _formState$changes$ph !== void 0 ? _formState$changes$ph : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine8 = businessState.business) === null || _businessState$busine8 === void 0 ? void 0 : _businessState$busine8.phone,
336
+ defaultValue: (_formState$changes$ph = formState === null || formState === void 0 ? void 0 : (_formState$changes14 = formState.changes) === null || _formState$changes14 === void 0 ? void 0 : _formState$changes14.phone) !== null && _formState$changes$ph !== void 0 ? _formState$changes$ph : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine9 = businessState.business) === null || _businessState$busine9 === void 0 ? void 0 : _businessState$busine9.phone,
325
337
  onChange: handleChangeInput,
326
338
  disabled: formState.loading,
327
339
  autoComplete: "off"
328
340
  })), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('MOBILE_NUMBER', 'Mobile number'), " ", /*#__PURE__*/_react.default.createElement("span", null, t('OPTIONAL', 'Optional'))), /*#__PURE__*/_react.default.createElement(_styles.Input, {
329
341
  name: "cellphone",
330
342
  placeholder: "(000) 0000 000",
331
- defaultValue: (_formState$changes$ce = formState === null || formState === void 0 ? void 0 : (_formState$changes14 = formState.changes) === null || _formState$changes14 === void 0 ? void 0 : _formState$changes14.cellphone) !== null && _formState$changes$ce !== void 0 ? _formState$changes$ce : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine9 = businessState.business) === null || _businessState$busine9 === void 0 ? void 0 : _businessState$busine9.cellphone,
343
+ defaultValue: (_formState$changes$ce = formState === null || formState === void 0 ? void 0 : (_formState$changes15 = formState.changes) === null || _formState$changes15 === void 0 ? void 0 : _formState$changes15.cellphone) !== null && _formState$changes$ce !== void 0 ? _formState$changes$ce : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine10 = businessState.business) === null || _businessState$busine10 === void 0 ? void 0 : _businessState$busine10.cellphone,
332
344
  onChange: handleChangeInput,
333
345
  disabled: formState.loading,
334
346
  autoComplete: "off"
335
347
  }))), /*#__PURE__*/_react.default.createElement(_styles2.SwitchWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, t('FEATURED', 'Featured')), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
336
- defaultChecked: (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine10 = businessState.business) === null || _businessState$busine10 === void 0 ? void 0 : _businessState$busine10.featured) || false,
348
+ defaultChecked: (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine11 = businessState.business) === null || _businessState$busine11 === void 0 ? void 0 : _businessState$busine11.featured) || false,
337
349
  onChange: function onChange(val) {
338
350
  return handleChangeSwtich('featured', val);
339
351
  }
340
352
  })), /*#__PURE__*/_react.default.createElement(_styles2.RibbonSwitchWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, t('RIBBON', 'Ribbon')), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
341
- defaultChecked: (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine11 = businessState.business) === null || _businessState$busine11 === void 0 ? void 0 : (_businessState$busine12 = _businessState$busine11.ribbon) === null || _businessState$busine12 === void 0 ? void 0 : _businessState$busine12.enabled) || false,
353
+ defaultChecked: (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine12 = businessState.business) === null || _businessState$busine12 === void 0 ? void 0 : (_businessState$busine13 = _businessState$busine12.ribbon) === null || _businessState$busine13 === void 0 ? void 0 : _businessState$busine13.enabled) || false,
342
354
  onChange: function onChange(val) {
343
355
  return handleChangeEnable(val);
344
356
  }
345
- })), (typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes15 = formState.changes) === null || _formState$changes15 === void 0 ? void 0 : (_formState$changes15$ = _formState$changes15.ribbon) === null || _formState$changes15$ === void 0 ? void 0 : _formState$changes15$.enabled) !== 'undefined' ? formState === null || formState === void 0 ? void 0 : (_formState$changes16 = formState.changes) === null || _formState$changes16 === void 0 ? void 0 : (_formState$changes16$ = _formState$changes16.ribbon) === null || _formState$changes16$ === void 0 ? void 0 : _formState$changes16$.enabled : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine13 = businessState.business) === null || _businessState$busine13 === void 0 ? void 0 : (_businessState$busine14 = _businessState$busine13.ribbon) === null || _businessState$busine14 === void 0 ? void 0 : _businessState$busine14.enabled) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('TEXT', 'Text')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
357
+ })), (typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes16 = formState.changes) === null || _formState$changes16 === void 0 ? void 0 : (_formState$changes16$ = _formState$changes16.ribbon) === null || _formState$changes16$ === void 0 ? void 0 : _formState$changes16$.enabled) !== 'undefined' ? formState === null || formState === void 0 ? void 0 : (_formState$changes17 = formState.changes) === null || _formState$changes17 === void 0 ? void 0 : (_formState$changes17$ = _formState$changes17.ribbon) === null || _formState$changes17$ === void 0 ? void 0 : _formState$changes17$.enabled : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine14 = businessState.business) === null || _businessState$busine14 === void 0 ? void 0 : (_businessState$busine15 = _businessState$busine14.ribbon) === null || _businessState$busine15 === void 0 ? void 0 : _businessState$busine15.enabled) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('TEXT', 'Text')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
346
358
  name: "text",
347
359
  placeholder: t('TEXT', 'Text'),
348
- defaultValue: (_formState$changes$ri = formState === null || formState === void 0 ? void 0 : (_formState$changes17 = formState.changes) === null || _formState$changes17 === void 0 ? void 0 : (_formState$changes17$ = _formState$changes17.ribbon) === null || _formState$changes17$ === void 0 ? void 0 : _formState$changes17$.text) !== null && _formState$changes$ri !== void 0 ? _formState$changes$ri : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine15 = businessState.business) === null || _businessState$busine15 === void 0 ? void 0 : (_businessState$busine16 = _businessState$busine15.ribbon) === null || _businessState$busine16 === void 0 ? void 0 : _businessState$busine16.text,
360
+ defaultValue: (_formState$changes$ri = formState === null || formState === void 0 ? void 0 : (_formState$changes18 = formState.changes) === null || _formState$changes18 === void 0 ? void 0 : (_formState$changes18$ = _formState$changes18.ribbon) === null || _formState$changes18$ === void 0 ? void 0 : _formState$changes18$.text) !== null && _formState$changes$ri !== void 0 ? _formState$changes$ri : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine16 = businessState.business) === null || _businessState$busine16 === void 0 ? void 0 : (_businessState$busine17 = _businessState$busine16.ribbon) === null || _businessState$busine17 === void 0 ? void 0 : _businessState$busine17.text,
349
361
  onChange: function onChange(e) {
350
362
  return handleChangeRibbon({
351
363
  text: e.target.value
@@ -354,41 +366,41 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
354
366
  disabled: formState.loading,
355
367
  autoComplete: "off",
356
368
  ref: formMethods.register({
357
- required: businessState !== null && businessState !== void 0 && (_businessState$busine17 = businessState.business) !== null && _businessState$busine17 !== void 0 && _businessState$busine17.ribbon && (typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes18 = formState.changes) === null || _formState$changes18 === void 0 ? void 0 : (_formState$changes18$ = _formState$changes18.ribbon) === null || _formState$changes18$ === void 0 ? void 0 : _formState$changes18$.enabled) !== 'undefined' ? formState === null || formState === void 0 ? void 0 : (_formState$changes19 = formState.changes) === null || _formState$changes19 === void 0 ? void 0 : (_formState$changes19$ = _formState$changes19.ribbon) === null || _formState$changes19$ === void 0 ? void 0 : _formState$changes19$.enabled : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine18 = businessState.business) === null || _businessState$busine18 === void 0 ? void 0 : (_businessState$busine19 = _businessState$busine18.ribbon) === null || _businessState$busine19 === void 0 ? void 0 : _businessState$busine19.enabled) ? t('VALIDATION_ERROR_REQUIRED', 'The Ribbon text field is required').replace('_attribute_', t('Ribbon_Text', 'Ribbon text')) : false
369
+ required: businessState !== null && businessState !== void 0 && (_businessState$busine18 = businessState.business) !== null && _businessState$busine18 !== void 0 && _businessState$busine18.ribbon && (typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes19 = formState.changes) === null || _formState$changes19 === void 0 ? void 0 : (_formState$changes19$ = _formState$changes19.ribbon) === null || _formState$changes19$ === void 0 ? void 0 : _formState$changes19$.enabled) !== 'undefined' ? formState === null || formState === void 0 ? void 0 : (_formState$changes20 = formState.changes) === null || _formState$changes20 === void 0 ? void 0 : (_formState$changes20$ = _formState$changes20.ribbon) === null || _formState$changes20$ === void 0 ? void 0 : _formState$changes20$.enabled : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine19 = businessState.business) === null || _businessState$busine19 === void 0 ? void 0 : (_businessState$busine20 = _businessState$busine19.ribbon) === null || _businessState$busine20 === void 0 ? void 0 : _businessState$busine20.enabled) ? t('VALIDATION_ERROR_REQUIRED', 'The Ribbon text field is required').replace('_attribute_', t('Ribbon_Text', 'Ribbon text')) : false
358
370
  })
359
371
  })), /*#__PURE__*/_react.default.createElement(_styles2.ColorShapeWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ColorWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('COLOR', 'Color')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
360
- defaultColor: (_formState$changes$ri2 = formState === null || formState === void 0 ? void 0 : (_formState$changes20 = formState.changes) === null || _formState$changes20 === void 0 ? void 0 : (_formState$changes20$ = _formState$changes20.ribbon) === null || _formState$changes20$ === void 0 ? void 0 : _formState$changes20$.color) !== null && _formState$changes$ri2 !== void 0 ? _formState$changes$ri2 : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine20 = businessState.business) === null || _businessState$busine20 === void 0 ? void 0 : (_businessState$busine21 = _businessState$busine20.ribbon) === null || _businessState$busine21 === void 0 ? void 0 : _businessState$busine21.color,
372
+ defaultColor: (_formState$changes$ri2 = formState === null || formState === void 0 ? void 0 : (_formState$changes21 = formState.changes) === null || _formState$changes21 === void 0 ? void 0 : (_formState$changes21$ = _formState$changes21.ribbon) === null || _formState$changes21$ === void 0 ? void 0 : _formState$changes21$.color) !== null && _formState$changes$ri2 !== void 0 ? _formState$changes$ri2 : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine21 = businessState.business) === null || _businessState$busine21 === void 0 ? void 0 : (_businessState$busine22 = _businessState$busine21.ribbon) === null || _businessState$busine22 === void 0 ? void 0 : _businessState$busine22.color,
361
373
  onChangeColor: function onChangeColor(color) {
362
374
  return handleChangeRibbon({
363
375
  color: color
364
376
  });
365
377
  }
366
378
  })), /*#__PURE__*/_react.default.createElement(_styles2.ShapeWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('SHAPE', 'Shape')), /*#__PURE__*/_react.default.createElement(_styles2.ShapeContentWrapper, null, _utils.shape && Object.keys(_utils.shape).map(function (key, i) {
367
- var _formState$changes21, _formState$changes21$, _formState$changes22, _formState$changes22$, _businessState$busine22, _businessState$busine23, _formState$changes23, _formState$changes23$, _formState$changes24, _formState$changes24$, _businessState$busine24, _businessState$busine25;
379
+ var _formState$changes22, _formState$changes22$, _formState$changes23, _formState$changes23$, _businessState$busine23, _businessState$busine24, _formState$changes24, _formState$changes24$, _formState$changes25, _formState$changes25$, _businessState$busine25, _businessState$busine26;
368
380
 
369
381
  return /*#__PURE__*/_react.default.createElement(_styles2.ShapeBoxWrapper, {
370
382
  key: i,
371
383
  shapeRect: _utils.shape[key] === (_utils.shape === null || _utils.shape === void 0 ? void 0 : _utils.shape.rectangleRound),
372
384
  round: _utils.shape[key] === (_utils.shape === null || _utils.shape === void 0 ? void 0 : _utils.shape.capsuleShape),
373
- active: formState !== null && formState !== void 0 && (_formState$changes21 = formState.changes) !== null && _formState$changes21 !== void 0 && (_formState$changes21$ = _formState$changes21.ribbon) !== null && _formState$changes21$ !== void 0 && _formState$changes21$.shape ? (formState === null || formState === void 0 ? void 0 : (_formState$changes22 = formState.changes) === null || _formState$changes22 === void 0 ? void 0 : (_formState$changes22$ = _formState$changes22.ribbon) === null || _formState$changes22$ === void 0 ? void 0 : _formState$changes22$.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine22 = businessState.business) === null || _businessState$busine22 === void 0 ? void 0 : (_businessState$busine23 = _businessState$busine22.ribbon) === null || _businessState$busine23 === void 0 ? void 0 : _businessState$busine23.shape) === _utils.shape[key],
385
+ active: formState !== null && formState !== void 0 && (_formState$changes22 = formState.changes) !== null && _formState$changes22 !== void 0 && (_formState$changes22$ = _formState$changes22.ribbon) !== null && _formState$changes22$ !== void 0 && _formState$changes22$.shape ? (formState === null || formState === void 0 ? void 0 : (_formState$changes23 = formState.changes) === null || _formState$changes23 === void 0 ? void 0 : (_formState$changes23$ = _formState$changes23.ribbon) === null || _formState$changes23$ === void 0 ? void 0 : _formState$changes23$.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine23 = businessState.business) === null || _businessState$busine23 === void 0 ? void 0 : (_businessState$busine24 = _businessState$busine23.ribbon) === null || _businessState$busine24 === void 0 ? void 0 : _businessState$busine24.shape) === _utils.shape[key],
374
386
  onClick: function onClick() {
375
387
  return handleChangeRibbon({
376
388
  shape: _utils.shape[key]
377
389
  });
378
390
  }
379
- }, /*#__PURE__*/_react.default.createElement("div", null), (formState !== null && formState !== void 0 && (_formState$changes23 = formState.changes) !== null && _formState$changes23 !== void 0 && (_formState$changes23$ = _formState$changes23.ribbon) !== null && _formState$changes23$ !== void 0 && _formState$changes23$.shape ? (formState === null || formState === void 0 ? void 0 : (_formState$changes24 = formState.changes) === null || _formState$changes24 === void 0 ? void 0 : (_formState$changes24$ = _formState$changes24.ribbon) === null || _formState$changes24$ === void 0 ? void 0 : _formState$changes24$.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine24 = businessState.business) === null || _businessState$busine24 === void 0 ? void 0 : (_businessState$busine25 = _businessState$busine24.ribbon) === null || _businessState$busine25 === void 0 ? void 0 : _businessState$busine25.shape) === _utils.shape[key]) ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null));
391
+ }, /*#__PURE__*/_react.default.createElement("div", null), (formState !== null && formState !== void 0 && (_formState$changes24 = formState.changes) !== null && _formState$changes24 !== void 0 && (_formState$changes24$ = _formState$changes24.ribbon) !== null && _formState$changes24$ !== void 0 && _formState$changes24$.shape ? (formState === null || formState === void 0 ? void 0 : (_formState$changes25 = formState.changes) === null || _formState$changes25 === void 0 ? void 0 : (_formState$changes25$ = _formState$changes25.ribbon) === null || _formState$changes25$ === void 0 ? void 0 : _formState$changes25$.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine25 = businessState.business) === null || _businessState$busine25 === void 0 ? void 0 : (_businessState$busine26 = _businessState$busine25.ribbon) === null || _businessState$busine26 === void 0 ? void 0 : _businessState$busine26.shape) === _utils.shape[key]) ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null));
380
392
  }))))), /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('PRICE_FILTER', 'Price filter')), /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterListWrapper, null, priceList.map(function (item, i) {
381
- var _formState$changes$pr, _formState$changes25, _businessState$busine26, _formState$changes$pr2, _formState$changes26, _businessState$busine27;
393
+ var _formState$changes$pr, _formState$changes26, _businessState$busine27, _formState$changes$pr2, _formState$changes27, _businessState$busine28;
382
394
 
383
395
  return /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterItem, {
384
396
  key: i,
385
397
  onClick: function onClick() {
386
398
  return handleChangeSwtich('price_level', item.key);
387
399
  },
388
- active: ((_formState$changes$pr = formState === null || formState === void 0 ? void 0 : (_formState$changes25 = formState.changes) === null || _formState$changes25 === void 0 ? void 0 : _formState$changes25.price_level) !== null && _formState$changes$pr !== void 0 ? _formState$changes$pr : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine26 = businessState.business) === null || _businessState$busine26 === void 0 ? void 0 : _businessState$busine26.price_level) === item.key
389
- }, ((_formState$changes$pr2 = formState === null || formState === void 0 ? void 0 : (_formState$changes26 = formState.changes) === null || _formState$changes26 === void 0 ? void 0 : _formState$changes26.price_level) !== null && _formState$changes$pr2 !== void 0 ? _formState$changes$pr2 : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine27 = businessState.business) === null || _businessState$busine27 === void 0 ? void 0 : _businessState$busine27.price_level) === item.key ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, item.value));
400
+ active: ((_formState$changes$pr = formState === null || formState === void 0 ? void 0 : (_formState$changes26 = formState.changes) === null || _formState$changes26 === void 0 ? void 0 : _formState$changes26.price_level) !== null && _formState$changes$pr !== void 0 ? _formState$changes$pr : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine27 = businessState.business) === null || _businessState$busine27 === void 0 ? void 0 : _businessState$busine27.price_level) === item.key
401
+ }, ((_formState$changes$pr2 = formState === null || formState === void 0 ? void 0 : (_formState$changes27 = formState.changes) === null || _formState$changes27 === void 0 ? void 0 : _formState$changes27.price_level) !== null && _formState$changes$pr2 !== void 0 ? _formState$changes$pr2 : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine28 = businessState.business) === null || _businessState$busine28 === void 0 ? void 0 : _businessState$busine28.price_level) === item.key ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, item.value));
390
402
  }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialWrapper, null, /*#__PURE__*/_react.default.createElement("h2", null, t('SOCIAL_NETWORKS', 'Social networks')), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Facebook, null)), /*#__PURE__*/_react.default.createElement("span", null, t('FACEBOOK', 'Facebook'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
391
- value: (_formState$changes$fa = formState === null || formState === void 0 ? void 0 : (_formState$changes27 = formState.changes) === null || _formState$changes27 === void 0 ? void 0 : _formState$changes27.facebook_profile) !== null && _formState$changes$fa !== void 0 ? _formState$changes$fa : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine28 = businessState.business) === null || _businessState$busine28 === void 0 ? void 0 : _businessState$busine28.facebook_profile,
403
+ value: (_formState$changes$fa = formState === null || formState === void 0 ? void 0 : (_formState$changes28 = formState.changes) === null || _formState$changes28 === void 0 ? void 0 : _formState$changes28.facebook_profile) !== null && _formState$changes$fa !== void 0 ? _formState$changes$fa : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine29 = businessState.business) === null || _businessState$busine29 === void 0 ? void 0 : _businessState$busine29.facebook_profile,
392
404
  handleChangeValue: function handleChangeValue(val) {
393
405
  return handleChangeSwtich('facebook_profile', val);
394
406
  },
@@ -396,7 +408,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
396
408
  placeholder: t('USER_OR_URL', 'User or url'),
397
409
  name: "facebook_profile"
398
410
  }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Instagram, null)), /*#__PURE__*/_react.default.createElement("span", null, t('INSTAGRAM', 'Instagram'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
399
- value: (_formState$changes$in = formState === null || formState === void 0 ? void 0 : (_formState$changes28 = formState.changes) === null || _formState$changes28 === void 0 ? void 0 : _formState$changes28.instagram_profile) !== null && _formState$changes$in !== void 0 ? _formState$changes$in : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine29 = businessState.business) === null || _businessState$busine29 === void 0 ? void 0 : _businessState$busine29.instagram_profile,
411
+ value: (_formState$changes$in = formState === null || formState === void 0 ? void 0 : (_formState$changes29 = formState.changes) === null || _formState$changes29 === void 0 ? void 0 : _formState$changes29.instagram_profile) !== null && _formState$changes$in !== void 0 ? _formState$changes$in : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine30 = businessState.business) === null || _businessState$busine30 === void 0 ? void 0 : _businessState$busine30.instagram_profile,
400
412
  handleChangeValue: function handleChangeValue(val) {
401
413
  return handleChangeSwtich('instagram_profile', val);
402
414
  },
@@ -404,7 +416,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
404
416
  placeholder: t('USER_OR_URL', 'User or url'),
405
417
  name: "instagram_profile"
406
418
  }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Tiktok, null)), /*#__PURE__*/_react.default.createElement("span", null, t('TIK_TOK', 'Tik tok'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
407
- value: (_formState$changes$ti = formState === null || formState === void 0 ? void 0 : (_formState$changes29 = formState.changes) === null || _formState$changes29 === void 0 ? void 0 : _formState$changes29.tiktok_profile) !== null && _formState$changes$ti !== void 0 ? _formState$changes$ti : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine30 = businessState.business) === null || _businessState$busine30 === void 0 ? void 0 : _businessState$busine30.tiktok_profile,
419
+ value: (_formState$changes$ti = formState === null || formState === void 0 ? void 0 : (_formState$changes30 = formState.changes) === null || _formState$changes30 === void 0 ? void 0 : _formState$changes30.tiktok_profile) !== null && _formState$changes$ti !== void 0 ? _formState$changes$ti : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine31 = businessState.business) === null || _businessState$busine31 === void 0 ? void 0 : _businessState$busine31.tiktok_profile,
408
420
  handleChangeValue: function handleChangeValue(val) {
409
421
  return handleChangeSwtich('tiktok_profile', val);
410
422
  },
@@ -412,7 +424,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
412
424
  placeholder: t('USER_OR_URL', 'User or url'),
413
425
  name: "tiktok_profile"
414
426
  }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Pinterest, null)), /*#__PURE__*/_react.default.createElement("span", null, t('PINTEREST', 'Pinterest'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
415
- value: (_formState$changes$pi = formState === null || formState === void 0 ? void 0 : (_formState$changes30 = formState.changes) === null || _formState$changes30 === void 0 ? void 0 : _formState$changes30.pinterest_profile) !== null && _formState$changes$pi !== void 0 ? _formState$changes$pi : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine31 = businessState.business) === null || _businessState$busine31 === void 0 ? void 0 : _businessState$busine31.pinterest_profile,
427
+ value: (_formState$changes$pi = formState === null || formState === void 0 ? void 0 : (_formState$changes31 = formState.changes) === null || _formState$changes31 === void 0 ? void 0 : _formState$changes31.pinterest_profile) !== null && _formState$changes$pi !== void 0 ? _formState$changes$pi : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine32 = businessState.business) === null || _businessState$busine32 === void 0 ? void 0 : _businessState$busine32.pinterest_profile,
416
428
  handleChangeValue: function handleChangeValue(val) {
417
429
  return handleChangeSwtich('pinterest_profile', val);
418
430
  },
@@ -420,7 +432,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
420
432
  placeholder: t('USER_OR_URL', 'User or url'),
421
433
  name: "pinterest_profile"
422
434
  }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Whatsapp, null)), /*#__PURE__*/_react.default.createElement("span", null, t('WHATSAPP', 'Whatsapp'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
423
- value: (_formState$changes$wh = formState === null || formState === void 0 ? void 0 : (_formState$changes31 = formState.changes) === null || _formState$changes31 === void 0 ? void 0 : _formState$changes31.whatsapp_number) !== null && _formState$changes$wh !== void 0 ? _formState$changes$wh : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine32 = businessState.business) === null || _businessState$busine32 === void 0 ? void 0 : _businessState$busine32.whatsapp_number,
435
+ value: (_formState$changes$wh = formState === null || formState === void 0 ? void 0 : (_formState$changes32 = formState.changes) === null || _formState$changes32 === void 0 ? void 0 : _formState$changes32.whatsapp_number) !== null && _formState$changes$wh !== void 0 ? _formState$changes$wh : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine33 = businessState.business) === null || _businessState$busine33 === void 0 ? void 0 : _businessState$busine33.whatsapp_number,
424
436
  handleChangeValue: function handleChangeValue(val) {
425
437
  return handleChangeSwtich('whatsapp_number', val);
426
438
  },
@@ -428,7 +440,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
428
440
  placeholder: t('PHONE_NUMBER', 'Phone number'),
429
441
  name: "whatsapp_number"
430
442
  }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Snapchat, null)), /*#__PURE__*/_react.default.createElement("span", null, t('SNAPCHAT', 'Snapchat'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
431
- value: (_formState$changes$sn = formState === null || formState === void 0 ? void 0 : (_formState$changes32 = formState.changes) === null || _formState$changes32 === void 0 ? void 0 : _formState$changes32.snapchat_profile) !== null && _formState$changes$sn !== void 0 ? _formState$changes$sn : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine33 = businessState.business) === null || _businessState$busine33 === void 0 ? void 0 : _businessState$busine33.snapchat_profile,
443
+ value: (_formState$changes$sn = formState === null || formState === void 0 ? void 0 : (_formState$changes33 = formState.changes) === null || _formState$changes33 === void 0 ? void 0 : _formState$changes33.snapchat_profile) !== null && _formState$changes$sn !== void 0 ? _formState$changes$sn : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine34 = businessState.business) === null || _businessState$busine34 === void 0 ? void 0 : _businessState$busine34.snapchat_profile,
432
444
  handleChangeValue: function handleChangeValue(val) {
433
445
  return handleChangeSwtich('snapchat_profile', val);
434
446
  },
@@ -50,7 +50,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
50
50
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
51
51
 
52
52
  var BusinessProductsCategoyInfo = function BusinessProductsCategoyInfo(props) {
53
- var _configState$configs, _configState$configs$, _formState$changes5, _formState$result3, _formState$changes6, _formState$changes7, _formState$changes8, _formState$result4, _formState$changes9, _formState$changes10, _formState$changes11, _formState$changes12, _formState$changes13, _formState$changes14, _formState$changes15, _formState$changes15$, _formState$changes16, _formState$changes16$, _formState$changes17, _formState$changes17$, _formState$changes18, _formState$changes18$, _formState$changes21;
53
+ var _configState$configs, _configState$configs$, _formState$changes5, _formState$result3, _formState$changes6, _formState$changes7, _formState$changes8, _formState$result4, _formState$changes9, _formState$changes10, _formState$changes11, _formState$changes12, _formState$changes13, _formState$changes14, _formState$changes15, _formState$changes16, _formState$changes16$, _formState$changes17, _formState$changes17$, _formState$changes18, _formState$changes18$, _formState$changes19, _formState$changes19$, _formState$changes22;
54
54
 
55
55
  var formState = props.formState,
56
56
  handlechangeImage = props.handlechangeImage,
@@ -343,10 +343,21 @@ var BusinessProductsCategoyInfo = function BusinessProductsCategoyInfo(props) {
343
343
  value: (formState === null || formState === void 0 ? void 0 : (_formState$changes11 = formState.changes) === null || _formState$changes11 === void 0 ? void 0 : _formState$changes11.name) || '',
344
344
  onChange: handleChangeInput,
345
345
  autoComplete: "off"
346
+ })), /*#__PURE__*/_react.default.createElement(_styles2.CategoryNameWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('EXTERNAL_ID', 'External Id')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
347
+ placeholder: t('EXTERNAL_ID', 'External Id'),
348
+ name: "external_id",
349
+ value: (formState === null || formState === void 0 ? void 0 : (_formState$changes12 = formState.changes) === null || _formState$changes12 === void 0 ? void 0 : _formState$changes12.external_id) || '',
350
+ onChange: handleChangeInput,
351
+ autoComplete: "off",
352
+ onKeyPress: function onKeyPress(e) {
353
+ if (!/^[0-9]$/.test(e.key)) {
354
+ e.preventDefault();
355
+ }
356
+ }
346
357
  })), /*#__PURE__*/_react.default.createElement(_styles2.CategoryNameWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('DESCRIPTION', 'Description')), /*#__PURE__*/_react.default.createElement(_styles.TextArea, {
347
358
  placeholder: t('TYPE_DESCRIPTION', 'Type description '),
348
359
  name: "description",
349
- value: (formState === null || formState === void 0 ? void 0 : (_formState$changes12 = formState.changes) === null || _formState$changes12 === void 0 ? void 0 : _formState$changes12.description) || '',
360
+ value: (formState === null || formState === void 0 ? void 0 : (_formState$changes13 = formState.changes) === null || _formState$changes13 === void 0 ? void 0 : _formState$changes13.description) || '',
350
361
  onChange: handleChangeInput,
351
362
  autoComplete: "off"
352
363
  })), /*#__PURE__*/_react.default.createElement(_styles2.CategoryNameWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('SLUG', 'Slug')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
@@ -355,25 +366,25 @@ var BusinessProductsCategoyInfo = function BusinessProductsCategoyInfo(props) {
355
366
  onChange: handleChangeInput,
356
367
  disabled: formState.loading,
357
368
  autoComplete: "off",
358
- value: (formState === null || formState === void 0 ? void 0 : (_formState$changes13 = formState.changes) === null || _formState$changes13 === void 0 ? void 0 : _formState$changes13.slug) || ''
369
+ value: (formState === null || formState === void 0 ? void 0 : (_formState$changes14 = formState.changes) === null || _formState$changes14 === void 0 ? void 0 : _formState$changes14.slug) || ''
359
370
  }), /*#__PURE__*/_react.default.createElement(_styles2.GenerateButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
360
371
  color: "lightPrimary",
361
372
  borderRadius: "7.6px",
362
- disabled: formState.loading || !((_formState$changes14 = formState.changes) !== null && _formState$changes14 !== void 0 && _formState$changes14.name),
373
+ disabled: formState.loading || !((_formState$changes15 = formState.changes) !== null && _formState$changes15 !== void 0 && _formState$changes15.name),
363
374
  onClick: function onClick() {
364
375
  return setAutoGenerate(_objectSpread(_objectSpread({}, autoGenerateCode), {}, {
365
376
  isAutoGenerate: true
366
377
  }));
367
378
  }
368
379
  }, formState !== null && formState !== void 0 && formState.loading ? t('LOADING', 'Loading') : t('AUTOGENERATE', 'Auto Generate')))), /*#__PURE__*/_react.default.createElement(_styles2.SwitchWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, t('RIBBON', 'Ribbon')), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
369
- defaultChecked: (formState === null || formState === void 0 ? void 0 : (_formState$changes15 = formState.changes) === null || _formState$changes15 === void 0 ? void 0 : (_formState$changes15$ = _formState$changes15.ribbon) === null || _formState$changes15$ === void 0 ? void 0 : _formState$changes15$.enabled) || false,
380
+ defaultChecked: (formState === null || formState === void 0 ? void 0 : (_formState$changes16 = formState.changes) === null || _formState$changes16 === void 0 ? void 0 : (_formState$changes16$ = _formState$changes16.ribbon) === null || _formState$changes16$ === void 0 ? void 0 : _formState$changes16$.enabled) || false,
370
381
  onChange: function onChange(val) {
371
382
  return handleChangeEnable(val);
372
383
  }
373
- })), (formState === null || formState === void 0 ? void 0 : (_formState$changes16 = formState.changes) === null || _formState$changes16 === void 0 ? void 0 : (_formState$changes16$ = _formState$changes16.ribbon) === null || _formState$changes16$ === void 0 ? void 0 : _formState$changes16$.enabled) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.RibbonTextWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('TEXT', 'Text')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
384
+ })), (formState === null || formState === void 0 ? void 0 : (_formState$changes17 = formState.changes) === null || _formState$changes17 === void 0 ? void 0 : (_formState$changes17$ = _formState$changes17.ribbon) === null || _formState$changes17$ === void 0 ? void 0 : _formState$changes17$.enabled) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.RibbonTextWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('TEXT', 'Text')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
374
385
  name: "text",
375
386
  placeholder: t('TEXT', 'Text'),
376
- defaultValue: formState === null || formState === void 0 ? void 0 : (_formState$changes17 = formState.changes) === null || _formState$changes17 === void 0 ? void 0 : (_formState$changes17$ = _formState$changes17.ribbon) === null || _formState$changes17$ === void 0 ? void 0 : _formState$changes17$.text,
387
+ defaultValue: formState === null || formState === void 0 ? void 0 : (_formState$changes18 = formState.changes) === null || _formState$changes18 === void 0 ? void 0 : (_formState$changes18$ = _formState$changes18.ribbon) === null || _formState$changes18$ === void 0 ? void 0 : _formState$changes18$.text,
377
388
  onChange: function onChange(e) {
378
389
  return handleChangeRibbon({
379
390
  text: e.target.value
@@ -382,26 +393,26 @@ var BusinessProductsCategoyInfo = function BusinessProductsCategoyInfo(props) {
382
393
  disabled: formState.loading,
383
394
  autoComplete: "off"
384
395
  })), /*#__PURE__*/_react.default.createElement(_styles2.ColorShapeWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ColorWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('COLOR', 'Color')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
385
- defaultColor: formState === null || formState === void 0 ? void 0 : (_formState$changes18 = formState.changes) === null || _formState$changes18 === void 0 ? void 0 : (_formState$changes18$ = _formState$changes18.ribbon) === null || _formState$changes18$ === void 0 ? void 0 : _formState$changes18$.color,
396
+ defaultColor: formState === null || formState === void 0 ? void 0 : (_formState$changes19 = formState.changes) === null || _formState$changes19 === void 0 ? void 0 : (_formState$changes19$ = _formState$changes19.ribbon) === null || _formState$changes19$ === void 0 ? void 0 : _formState$changes19$.color,
386
397
  onChangeColor: function onChangeColor(color) {
387
398
  return handleChangeRibbon({
388
399
  color: color
389
400
  });
390
401
  }
391
402
  })), /*#__PURE__*/_react.default.createElement(_styles2.ShapeWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('SHAPE', 'Shape')), /*#__PURE__*/_react.default.createElement(_styles2.ShapeContentWrapper, null, _utils.shape && Object.keys(_utils.shape).map(function (key, i) {
392
- var _formState$changes19, _formState$changes19$, _formState$changes20, _formState$changes20$;
403
+ var _formState$changes20, _formState$changes20$, _formState$changes21, _formState$changes21$;
393
404
 
394
405
  return /*#__PURE__*/_react.default.createElement(_styles2.ShapeBoxWrapper, {
395
406
  key: i,
396
407
  shapeRect: _utils.shape[key] === (_utils.shape === null || _utils.shape === void 0 ? void 0 : _utils.shape.rectangleRound),
397
408
  round: _utils.shape[key] === (_utils.shape === null || _utils.shape === void 0 ? void 0 : _utils.shape.capsuleShape),
398
- active: (formState === null || formState === void 0 ? void 0 : (_formState$changes19 = formState.changes) === null || _formState$changes19 === void 0 ? void 0 : (_formState$changes19$ = _formState$changes19.ribbon) === null || _formState$changes19$ === void 0 ? void 0 : _formState$changes19$.shape) === _utils.shape[key],
409
+ active: (formState === null || formState === void 0 ? void 0 : (_formState$changes20 = formState.changes) === null || _formState$changes20 === void 0 ? void 0 : (_formState$changes20$ = _formState$changes20.ribbon) === null || _formState$changes20$ === void 0 ? void 0 : _formState$changes20$.shape) === _utils.shape[key],
399
410
  onClick: function onClick() {
400
411
  return handleChangeRibbon({
401
412
  shape: _utils.shape[key]
402
413
  });
403
414
  }
404
- }, /*#__PURE__*/_react.default.createElement("div", null), (formState === null || formState === void 0 ? void 0 : (_formState$changes20 = formState.changes) === null || _formState$changes20 === void 0 ? void 0 : (_formState$changes20$ = _formState$changes20.ribbon) === null || _formState$changes20$ === void 0 ? void 0 : _formState$changes20$.shape) === _utils.shape[key] ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null));
415
+ }, /*#__PURE__*/_react.default.createElement("div", null), (formState === null || formState === void 0 ? void 0 : (_formState$changes21 = formState.changes) === null || _formState$changes21 === void 0 ? void 0 : (_formState$changes21$ = _formState$changes21.ribbon) === null || _formState$changes21$ === void 0 ? void 0 : _formState$changes21$.shape) === _utils.shape[key] ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null));
405
416
  }))))), useParentCategory === '1' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, categorySelected && isAddMode && /*#__PURE__*/_react.default.createElement(_styles2.BusinessEnableWrapper, {
406
417
  style: {
407
418
  paddingTop: 20,
@@ -422,7 +433,7 @@ var BusinessProductsCategoyInfo = function BusinessProductsCategoyInfo(props) {
422
433
  })), !isAddMode && categorySelected && parentCategories.length > 0 && /*#__PURE__*/_react.default.createElement(_styles2.ParentCategorySelectWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('PARENT_CATEGORY', 'Parent category')), /*#__PURE__*/_react.default.createElement(_styles.DefaultSelect, {
423
434
  placeholder: t('SELECT_PARENT_CATEGORY', 'Select a parent category'),
424
435
  options: parentCategoriesOptions,
425
- defaultValue: formState === null || formState === void 0 ? void 0 : (_formState$changes21 = formState.changes) === null || _formState$changes21 === void 0 ? void 0 : _formState$changes21.parent_category_id,
436
+ defaultValue: formState === null || formState === void 0 ? void 0 : (_formState$changes22 = formState.changes) === null || _formState$changes22 === void 0 ? void 0 : _formState$changes22.parent_category_id,
426
437
  onChange: function onChange(val) {
427
438
  return handleChangeItem({
428
439
  parent_category_id: val
@@ -62,7 +62,7 @@ var UploadImageIcon = _styledComponents.default.div(_templateObject12 || (_templ
62
62
 
63
63
  exports.UploadImageIcon = UploadImageIcon;
64
64
 
65
- var CategoryNameWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-top: 40px;\n\n label {\n width: 100%;\n font-size: 14px;\n color: ", ";\n margin-bottom: 12px;\n }\n\n input, textarea {\n font-size: 14px;\n width: 100%;\n }\n"])), function (props) {
65
+ var CategoryNameWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-top: 20px;\n\n label {\n width: 100%;\n font-size: 14px;\n color: ", ";\n margin-bottom: 12px;\n }\n\n input, textarea {\n font-size: 14px;\n width: 100%;\n }\n"])), function (props) {
66
66
  return props.theme.colors.headingColor;
67
67
  });
68
68
 
@@ -318,6 +318,18 @@ var ProductDetatilsInformation = function ProductDetatilsInformation(props) {
318
318
  }),
319
319
  disabled: formState.loading,
320
320
  autoComplete: "off"
321
+ })), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('EXTERNAL_ID', 'External Id')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
322
+ name: "external_id",
323
+ placeholder: t('EXTERNAL_ID', 'External Id'),
324
+ defaultValue: product === null || product === void 0 ? void 0 : product.external_id,
325
+ onChange: handleChangeInput,
326
+ disabled: formState.loading,
327
+ autoComplete: "off",
328
+ onKeyPress: function onKeyPress(e) {
329
+ if (!/^[0-9]$/.test(e.key)) {
330
+ e.preventDefault();
331
+ }
332
+ }
321
333
  })), /*#__PURE__*/_react.default.createElement(_styles2.FieldRow, null, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", {
322
334
  className: "space-between"
323
335
  }, /*#__PURE__*/_react.default.createElement("span", null, t('PRICE', 'Price'))), /*#__PURE__*/_react.default.createElement(_styles.Input, {
@@ -555,12 +555,24 @@ Object.defineProperty(exports, "ProductTagsList", {
555
555
  return _ProductTagsList.ProductTagsList;
556
556
  }
557
557
  });
558
+ Object.defineProperty(exports, "ProductVideos", {
559
+ enumerable: true,
560
+ get: function get() {
561
+ return _ProductVideos.ProductVideos;
562
+ }
563
+ });
558
564
  Object.defineProperty(exports, "SeoOptions", {
559
565
  enumerable: true,
560
566
  get: function get() {
561
567
  return _SeoOptions.SeoOptions;
562
568
  }
563
569
  });
570
+ Object.defineProperty(exports, "ServiceDetail", {
571
+ enumerable: true,
572
+ get: function get() {
573
+ return _ServiceDetail.ServiceDetail;
574
+ }
575
+ });
564
576
  Object.defineProperty(exports, "SingleBusiness", {
565
577
  enumerable: true,
566
578
  get: function get() {
@@ -786,4 +798,8 @@ var _BusinessWalletsList = require("./BusinessWalletsList");
786
798
 
787
799
  var _PaymentOptionMethods = require("./PaymentOptionMethods");
788
800
 
789
- var _BusinessPublishing = require("./BusinessPublishing");
801
+ var _BusinessPublishing = require("./BusinessPublishing");
802
+
803
+ var _ServiceDetail = require("./ServiceDetail");
804
+
805
+ var _ProductVideos = require("./ProductVideos");
@@ -45,6 +45,12 @@ Object.defineProperty(exports, "CustomersListing", {
45
45
  return _CustomersListing.CustomersListing;
46
46
  }
47
47
  });
48
+ Object.defineProperty(exports, "ProfessionalAddForm", {
49
+ enumerable: true,
50
+ get: function get() {
51
+ return _ProfessionalAddForm.ProfessionalAddForm;
52
+ }
53
+ });
48
54
  Object.defineProperty(exports, "ProfessionalListing", {
49
55
  enumerable: true,
50
56
  get: function get() {
@@ -186,4 +192,6 @@ var _CustomerCashWalletDetails = require("./CustomerCashWalletDetails");
186
192
 
187
193
  var _CustomerWalletEvents = require("./CustomerWalletEvents");
188
194
 
189
- var _UserFormDetails = require("./UserFormDetails");
195
+ var _UserFormDetails = require("./UserFormDetails");
196
+
197
+ var _ProfessionalAddForm = require("./ProfessionalAddForm");
package/_modules/index.js CHANGED
@@ -1161,6 +1161,12 @@ Object.defineProperty(exports, "InputGroupRight", {
1161
1161
  return _Inputs.InputGroupRight;
1162
1162
  }
1163
1163
  });
1164
+ Object.defineProperty(exports, "InputPhoneNumber", {
1165
+ enumerable: true,
1166
+ get: function get() {
1167
+ return _Shared.InputPhoneNumber;
1168
+ }
1169
+ });
1164
1170
  Object.defineProperty(exports, "InputPrimary", {
1165
1171
  enumerable: true,
1166
1172
  get: function get() {
@@ -1701,6 +1707,18 @@ Object.defineProperty(exports, "ProductTagsList", {
1701
1707
  return _Stores.ProductTagsList;
1702
1708
  }
1703
1709
  });
1710
+ Object.defineProperty(exports, "ProductVideos", {
1711
+ enumerable: true,
1712
+ get: function get() {
1713
+ return _Stores.ProductVideos;
1714
+ }
1715
+ });
1716
+ Object.defineProperty(exports, "ProfessionalAddForm", {
1717
+ enumerable: true,
1718
+ get: function get() {
1719
+ return _Users.ProfessionalAddForm;
1720
+ }
1721
+ });
1704
1722
  Object.defineProperty(exports, "ProfessionalListing", {
1705
1723
  enumerable: true,
1706
1724
  get: function get() {
@@ -1725,6 +1743,12 @@ Object.defineProperty(exports, "QueryLogin", {
1725
1743
  return _Login.QueryLogin;
1726
1744
  }
1727
1745
  });
1746
+ Object.defineProperty(exports, "RangeCalendar", {
1747
+ enumerable: true,
1748
+ get: function get() {
1749
+ return _Shared.RangeCalendar;
1750
+ }
1751
+ });
1728
1752
  Object.defineProperty(exports, "RecoveryActionListing", {
1729
1753
  enumerable: true,
1730
1754
  get: function get() {
@@ -1929,6 +1953,12 @@ Object.defineProperty(exports, "SeoOptions", {
1929
1953
  return _Stores.SeoOptions;
1930
1954
  }
1931
1955
  });
1956
+ Object.defineProperty(exports, "ServiceDetail", {
1957
+ enumerable: true,
1958
+ get: function get() {
1959
+ return _Stores.ServiceDetail;
1960
+ }
1961
+ });
1932
1962
  Object.defineProperty(exports, "SettingItemUI", {
1933
1963
  enumerable: true,
1934
1964
  get: function get() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.4.2",
3
+ "version": "1.4.4",
4
4
  "description": "Ordering UI Admin Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
@@ -246,6 +246,22 @@ const BusinessInformationUI = (props) => {
246
246
  autoComplete='off'
247
247
  />
248
248
  </InputWrapper>
249
+ <InputWrapper>
250
+ <label>{t('EXTERNAL_ID', 'External Id')}</label>
251
+ <Input
252
+ name='external_id'
253
+ placeholder={t('EXTERNAL_ID', 'External Id')}
254
+ defaultValue={formState?.changes?.external_id ?? businessState?.business?.external_id}
255
+ onChange={handleChangeInput}
256
+ disabled={formState.loading}
257
+ autoComplete='off'
258
+ onKeyPress={(e) => {
259
+ if (!/^[0-9]$/.test(e.key)) {
260
+ e.preventDefault()
261
+ }
262
+ }}
263
+ />
264
+ </InputWrapper>
249
265
  <InputWrapper>
250
266
  <label>{t('SHORT_DESCRIPTION', 'Short description')}</label>
251
267
  <Input
@@ -277,6 +277,21 @@ export const BusinessProductsCategoyInfo = (props) => {
277
277
  autoComplete='off'
278
278
  />
279
279
  </CategoryNameWrapper>
280
+ <CategoryNameWrapper>
281
+ <label>{t('EXTERNAL_ID', 'External Id')}</label>
282
+ <Input
283
+ placeholder={t('EXTERNAL_ID', 'External Id')}
284
+ name='external_id'
285
+ value={formState?.changes?.external_id || ''}
286
+ onChange={handleChangeInput}
287
+ autoComplete='off'
288
+ onKeyPress={(e) => {
289
+ if (!/^[0-9]$/.test(e.key)) {
290
+ e.preventDefault()
291
+ }
292
+ }}
293
+ />
294
+ </CategoryNameWrapper>
280
295
  <CategoryNameWrapper>
281
296
  <label>{t('DESCRIPTION', 'Description')}</label>
282
297
  <TextArea
@@ -107,7 +107,7 @@ export const UploadImageIcon = styled.div`
107
107
  `
108
108
 
109
109
  export const CategoryNameWrapper = styled.div`
110
- margin-top: 40px;
110
+ margin-top: 20px;
111
111
 
112
112
  label {
113
113
  width: 100%;
@@ -241,6 +241,22 @@ export const ProductDetatilsInformation = (props) => {
241
241
  autoComplete='off'
242
242
  />
243
243
  </InputWrapper>
244
+ <InputWrapper>
245
+ <label>{t('EXTERNAL_ID', 'External Id')}</label>
246
+ <Input
247
+ name='external_id'
248
+ placeholder={t('EXTERNAL_ID', 'External Id')}
249
+ defaultValue={product?.external_id}
250
+ onChange={handleChangeInput}
251
+ disabled={formState.loading}
252
+ autoComplete='off'
253
+ onKeyPress={(e) => {
254
+ if (!/^[0-9]$/.test(e.key)) {
255
+ e.preventDefault()
256
+ }
257
+ }}
258
+ />
259
+ </InputWrapper>
244
260
  <FieldRow>
245
261
  <InputWrapper>
246
262
  <label className='space-between'>
@@ -96,6 +96,8 @@ import { PaymentOptionSquare } from './PaymentOptionSquare'
96
96
  import { BusinessWalletsList } from './BusinessWalletsList'
97
97
  import { PaymentOptionMethods } from './PaymentOptionMethods'
98
98
  import { BusinessPublishing } from './BusinessPublishing'
99
+ import { ServiceDetail } from './ServiceDetail'
100
+ import { ProductVideos } from './ProductVideos'
99
101
 
100
102
  export {
101
103
  BusinessBrandListing,
@@ -195,5 +197,7 @@ export {
195
197
  PaymentOptionSquare,
196
198
  BusinessWalletsList,
197
199
  PaymentOptionMethods,
198
- BusinessPublishing
200
+ BusinessPublishing,
201
+ ServiceDetail,
202
+ ProductVideos
199
203
  }
@@ -21,6 +21,7 @@ import { CustomerPointsWallet } from './CustomerPointsWallet'
21
21
  import { CustomerCashWalletDetails } from './CustomerCashWalletDetails'
22
22
  import { CustomerWalletEvents } from './CustomerWalletEvents'
23
23
  import { UserFormDetailsUI } from './UserFormDetails'
24
+ import { ProfessionalAddForm } from './ProfessionalAddForm'
24
25
 
25
26
  export {
26
27
  CustomersListing,
@@ -45,5 +46,6 @@ export {
45
46
  CustomerPointsWallet,
46
47
  CustomerCashWalletDetails,
47
48
  CustomerWalletEvents,
48
- UserFormDetailsUI
49
+ UserFormDetailsUI,
50
+ ProfessionalAddForm
49
51
  }