@licklist/design 0.69.3-dev.1 → 0.69.3-dev.3

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 (24) hide show
  1. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts +2 -1
  2. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts.map +1 -1
  3. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.js +3 -2
  4. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts +2 -1
  5. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts.map +1 -1
  6. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.js +7 -5
  7. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts +2 -1
  8. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts.map +1 -1
  9. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.js +13 -2
  10. package/dist/iframe/ryft/RyftPaymentForm.d.ts.map +1 -1
  11. package/dist/iframe/ryft/utils/ryft-form.d.ts.map +1 -1
  12. package/dist/iframe/ryft/utils/ryft-form.js +3 -3
  13. package/dist/product-set/control/ProductSetControl.js +2 -2
  14. package/dist/product-set/form/MobileFooter.d.ts.map +1 -1
  15. package/dist/styles/ryft-payment-form/RyftPaymentForm.scss +1 -3
  16. package/package.json +1 -1
  17. package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx +3 -0
  18. package/src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx +7 -3
  19. package/src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx +11 -1
  20. package/src/iframe/ryft/RyftPaymentForm.tsx +2 -5
  21. package/src/iframe/ryft/utils/ryft-form.ts +5 -3
  22. package/src/product-set/control/ProductSetControl.tsx +2 -2
  23. package/src/product-set/form/MobileFooter.tsx +1 -3
  24. package/src/styles/ryft-payment-form/RyftPaymentForm.scss +1 -3
@@ -35,6 +35,7 @@ export interface EditEventFormProps extends HasPermissionProp {
35
35
  isExternalPaymentLinkEnabled?: boolean;
36
36
  timeZone: string;
37
37
  eventProductSet?: ProductSet;
38
+ overrideNameError?: string;
38
39
  }
39
- export declare const EditEventForm: ({ disabled, categories, title, hasPermission, defaultEventValues, serverErrors, onSaveEvent, productSets, createProductSet, setEditProductSetId, isExternalPaymentLinkEnabled, timeZone, eventProductSet, }: EditEventFormProps) => import("react/jsx-runtime").JSX.Element;
40
+ export declare const EditEventForm: ({ disabled, categories, title, hasPermission, defaultEventValues, serverErrors, onSaveEvent, productSets, createProductSet, setEditProductSetId, isExternalPaymentLinkEnabled, timeZone, eventProductSet, overrideNameError, }: EditEventFormProps) => import("react/jsx-runtime").JSX.Element;
40
41
  //# sourceMappingURL=EditEventForm.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"EditEventForm.d.ts","sourceRoot":"","sources":["../../../../../src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,EACN,MAAM,sDAAsD,CAAA;AAM7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAGtF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAG3E,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAS5D,OAAO,EAAiB,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AAGlF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAClD,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACtD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,UAAU,CAAA;CAC7B;AAOD,eAAO,MAAM,aAAa,gNAcvB,kBAAkB,4CAuVpB,CAAA"}
1
+ {"version":3,"file":"EditEventForm.d.ts","sourceRoot":"","sources":["../../../../../src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,EACN,MAAM,sDAAsD,CAAA;AAM7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAGtF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAG3E,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAS5D,OAAO,EAAiB,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AAGlF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAClD,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACtD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,UAAU,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAOD,eAAO,MAAM,aAAa,mOAevB,kBAAkB,4CAwVpB,CAAA"}
@@ -139,7 +139,7 @@ var eventImageTypes = {
139
139
  uploadCover: IMAGE_TYPE_MAP[IMAGE_TYPE_COVER]
140
140
  };
141
141
  var EditEventForm = function(param) {
142
- var _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, categories = param.categories, title = param.title, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, defaultEventValues = param.defaultEventValues, serverErrors = param.serverErrors, onSaveEvent = param.onSaveEvent, productSets = param.productSets, createProductSet = param.createProductSet, setEditProductSetId = param.setEditProductSetId, isExternalPaymentLinkEnabled = param.isExternalPaymentLinkEnabled, timeZone = param.timeZone, eventProductSet = param.eventProductSet;
142
+ var _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, categories = param.categories, title = param.title, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, defaultEventValues = param.defaultEventValues, serverErrors = param.serverErrors, onSaveEvent = param.onSaveEvent, productSets = param.productSets, createProductSet = param.createProductSet, setEditProductSetId = param.setEditProductSetId, isExternalPaymentLinkEnabled = param.isExternalPaymentLinkEnabled, timeZone = param.timeZone, eventProductSet = param.eventProductSet, overrideNameError = param.overrideNameError;
143
143
  var _errors_name, _errors_externalPaymentLink, _errors_integrationUrl;
144
144
  var t = useTranslation([
145
145
  'Design',
@@ -467,7 +467,8 @@ var EditEventForm = function(param) {
467
467
  setShowEditProductSet: setShowEditProductSet,
468
468
  showEditProductSet: showEditProductSet,
469
469
  timeZone: timeZone,
470
- eventProductSet: eventProductSet
470
+ eventProductSet: eventProductSet,
471
+ overrideNameError: overrideNameError
471
472
  }),
472
473
  hasPermission && !showEditProductSet && /*#__PURE__*/ jsx(Button, {
473
474
  disabled: disabled || formState.isSubmitting || isImagesLoading || isCoverImagesLoading,
@@ -9,7 +9,8 @@ interface SelectEventProductSetProps extends HasPermissionProp {
9
9
  setEditProductSetId: (value: string) => void;
10
10
  timeZone: string;
11
11
  eventProductSet?: ProductSet;
12
+ overrideNameError?: string;
12
13
  }
13
- export declare const SelectEventProductSet: ({ productSets: _productSets, createProductSet, setEditProductSetId, showEditProductSet, setShowEditProductSet, timeZone, eventProductSet, }: SelectEventProductSetProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const SelectEventProductSet: ({ productSets: _productSets, createProductSet, setEditProductSetId, showEditProductSet, setShowEditProductSet, timeZone, eventProductSet, overrideNameError, }: SelectEventProductSetProps) => import("react/jsx-runtime").JSX.Element;
14
15
  export {};
15
16
  //# sourceMappingURL=SelectEventProductSet.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectEventProductSet.d.ts","sourceRoot":"","sources":["../../../../../src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AAIxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAIpE,UAAU,0BAA2B,SAAQ,iBAAiB;IAC5D,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,gBAAgB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACtD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,UAAU,CAAA;CAC7B;AAED,eAAO,MAAM,qBAAqB,gJAQ/B,0BAA0B,4CA0L5B,CAAA"}
1
+ {"version":3,"file":"SelectEventProductSet.d.ts","sourceRoot":"","sources":["../../../../../src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AAIxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAIpE,UAAU,0BAA2B,SAAQ,iBAAiB;IAC5D,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,gBAAgB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACtD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,UAAU,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,qBAAqB,mKAS/B,0BAA0B,4CA4L5B,CAAA"}
@@ -160,7 +160,7 @@ function _ts_generator(thisArg, body) {
160
160
  }
161
161
  }
162
162
  var SelectEventProductSet = function(param) {
163
- var _productSets = param.productSets, createProductSet = param.createProductSet, setEditProductSetId = param.setEditProductSetId, showEditProductSet = param.showEditProductSet, setShowEditProductSet = param.setShowEditProductSet, timeZone = param.timeZone, eventProductSet = param.eventProductSet;
163
+ var _productSets = param.productSets, createProductSet = param.createProductSet, setEditProductSetId = param.setEditProductSetId, showEditProductSet = param.showEditProductSet, setShowEditProductSet = param.setShowEditProductSet, timeZone = param.timeZone, eventProductSet = param.eventProductSet, overrideNameError = param.overrideNameError;
164
164
  var _productSets_find;
165
165
  var productSets = eventProductSet ? _to_consumable_array(_productSets).concat([
166
166
  eventProductSet
@@ -284,6 +284,7 @@ var SelectEventProductSet = function(param) {
284
284
  onChangeValue: function(typeheadValue) {
285
285
  onChangeProductSet(Number(typeheadValue.id), confirm);
286
286
  },
287
+ isInvalid: !!overrideNameError,
287
288
  options: typeheadValues,
288
289
  placeholder: t('Design:choose'),
289
290
  noOptionsMessage: t('Design:noAvailableProductSets')
@@ -321,9 +322,9 @@ var SelectEventProductSet = function(param) {
321
322
  })
322
323
  ]
323
324
  }),
324
- /*#__PURE__*/ jsx(Form.Control.Feedback, {
325
- type: "invalid",
326
- children: errors === null || errors === void 0 ? void 0 : (_errors_productSetId = errors.productSetId) === null || _errors_productSetId === void 0 ? void 0 : _errors_productSetId.message
325
+ /*#__PURE__*/ jsx("div", {
326
+ className: "manual-form-error",
327
+ children: (errors === null || errors === void 0 ? void 0 : (_errors_productSetId = errors.productSetId) === null || _errors_productSetId === void 0 ? void 0 : _errors_productSetId.message) || overrideNameError
327
328
  })
328
329
  ]
329
330
  });
@@ -335,7 +336,8 @@ var SelectEventProductSet = function(param) {
335
336
  showEditProductSet && productSetId && /*#__PURE__*/ jsx(EditEventProductSet, {
336
337
  onSubmit: onSubmit,
337
338
  defaultValues: productSetId === (editedProductSet === null || editedProductSet === void 0 ? void 0 : editedProductSet.id) && editedProductSet,
338
- timeZone: timeZone
339
+ timeZone: timeZone,
340
+ overrideNameError: overrideNameError
339
341
  })
340
342
  ]
341
343
  });
@@ -9,7 +9,8 @@ interface EditEventProductSetProps {
9
9
  onSubmit: (value: EditEventFormValues['editedProductSet']) => void;
10
10
  defaultValues?: EditEventFormValues['editedProductSet'];
11
11
  timeZone: string;
12
+ overrideNameError?: string;
12
13
  }
13
- export declare const EditEventProductSet: ({ onSubmit, defaultValues, timeZone, }: EditEventProductSetProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const EditEventProductSet: ({ onSubmit, defaultValues, timeZone, overrideNameError, }: EditEventProductSetProps) => import("react/jsx-runtime").JSX.Element;
14
15
  export {};
15
16
  //# sourceMappingURL=EditEventProductSet.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"EditEventProductSet.d.ts","sourceRoot":"","sources":["../../../../../../src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGzD,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AACD,UAAU,wBAAwB;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;IAClE,aAAa,CAAC,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;IACvD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,mBAAmB,2CAI7B,wBAAwB,4CAmH1B,CAAA"}
1
+ {"version":3,"file":"EditEventProductSet.d.ts","sourceRoot":"","sources":["../../../../../../src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGzD,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AACD,UAAU,wBAAwB;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;IAClE,aAAa,CAAC,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;IACvD,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,mBAAmB,8DAK7B,wBAAwB,4CA2H1B,CAAA"}
@@ -134,7 +134,7 @@ function _object_spread_props(target, source) {
134
134
  }
135
135
  var DEFAULT_FEE = 5;
136
136
  var EditEventProductSet = function(param) {
137
- var onSubmit = param.onSubmit, defaultValues = param.defaultValues, timeZone = param.timeZone;
137
+ var onSubmit = param.onSubmit, defaultValues = param.defaultValues, timeZone = param.timeZone, overrideNameError = param.overrideNameError;
138
138
  var companyId = useParams().companyId;
139
139
  var _useEventEditProductSetContext = useEventEditProductSetContext(), companies = _useEventEditProductSetContext.companies, isLoading = _useEventEditProductSetContext.isLoading, settings = _useEventEditProductSetContext.settings, smsTemplates = _useEventEditProductSetContext.smsTemplates, systemSettings = _useEventEditProductSetContext.systemSettings, productGroupsData = _useEventEditProductSetContext.productGroupsData, productSetData = _useEventEditProductSetContext.productSetData, venueMapSets = _useEventEditProductSetContext.venueMapSets, emailTemplates = _useEventEditProductSetContext.emailTemplates, fieldSetsData = _useEventEditProductSetContext.fieldSetsData;
140
140
  var t = useTranslation('Design').t;
@@ -154,7 +154,18 @@ var EditEventProductSet = function(param) {
154
154
  defaultValues: defaultValues,
155
155
  mode: 'onChange'
156
156
  });
157
- var reset = form.reset, handleSubmit = form.handleSubmit, watch = form.watch;
157
+ var reset = form.reset, handleSubmit = form.handleSubmit, watch = form.watch, setError = form.setError;
158
+ useEffect(function() {
159
+ if (!overrideNameError) {
160
+ return;
161
+ }
162
+ setError('name', {
163
+ message: overrideNameError
164
+ });
165
+ // eslint-disable-next-line react-hooks/exhaustive-deps
166
+ }, [
167
+ overrideNameError
168
+ ]);
158
169
  var formValues = watch();
159
170
  useEffect(function() {
160
171
  if (!defaultFormValues || isEqual(defaultFormValues, formValues)) {
@@ -1 +1 @@
1
- {"version":3,"file":"RyftPaymentForm.d.ts","sourceRoot":"","sources":["../../../src/iframe/ryft/RyftPaymentForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAKL,sBAAsB,EACvB,MAAM,kDAAkD,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0EAA0E,CAAA;AAKlH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW/C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAEzD,MAAM,WAAW,oBAAoB;IAEnC,SAAS,EAAE,GAAG,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,CACR,SAAS,EAAE,MAAM,IAAI,EACrB,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,KAChC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,8JAUzB,oBAAoB,4CAiLtB,CAAA"}
1
+ {"version":3,"file":"RyftPaymentForm.d.ts","sourceRoot":"","sources":["../../../src/iframe/ryft/RyftPaymentForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAKL,sBAAsB,EACvB,MAAM,kDAAkD,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0EAA0E,CAAA;AAKlH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW/C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAEzD,MAAM,WAAW,oBAAoB;IAEnC,SAAS,EAAE,GAAG,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,CACR,SAAS,EAAE,MAAM,IAAI,EACrB,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,KAChC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,8JAUzB,oBAAoB,4CA8KtB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ryft-form.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ryft/utils/ryft-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,UAAU,0BACR,SAAQ,IAAI,CACV,oBAAoB,EACpB,uBAAuB,GAAG,oBAAoB,CAC/C;IACD,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B,CAAC,EAAE,OAAO,CAAA;CAC1C;AAED,eAAO,MAAM,0BAA0B,wGAMpC,0BAA0B,SA4E5B,CAAA"}
1
+ {"version":3,"file":"ryft-form.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ryft/utils/ryft-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,UAAU,0BACR,SAAQ,IAAI,CACV,oBAAoB,EACpB,uBAAuB,GAAG,oBAAoB,CAC/C;IACD,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B,CAAC,EAAE,OAAO,CAAA;CAC1C;AAED,eAAO,MAAM,0BAA0B,wGAMpC,0BAA0B,SA8E5B,CAAA"}
@@ -39,14 +39,14 @@ var injectComponentsInRyftForm = function(param) {
39
39
  divider.id = 'mobile-pay-divider';
40
40
  container.id = 'mobile-pay-divider-container';
41
41
  container.append(dividerText, divider);
42
- var payIframe = document.getElementById("ryft-pay-iframe");
42
+ var payIframe = document.getElementById('ryft-pay-iframe');
43
43
  if (payIframe) {
44
44
  var formBox = document.getElementById('form-disable-box');
45
45
  if (formBox) {
46
- formBox.style.display = isDisableButton ? "block" : "none";
46
+ formBox.style.display = isDisableButton ? 'block' : 'none';
47
47
  }
48
48
  var googleButton = document.getElementById('gpay-button-online-api-id');
49
- var appleButton = document.getElementById("ryft-pay-apple-pay-button");
49
+ var appleButton = document.getElementById('ryft-pay-apple-pay-button');
50
50
  if (googleButton) {
51
51
  googleButton.disabled = isDisableButton;
52
52
  googleButton.style.opacity = isDisableButton ? '1' : '0.6';
@@ -153,9 +153,9 @@ function ProductSetControl(param) {
153
153
  /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register('description', {
154
154
  maxLength: {
155
155
  value: MAX_DESCRIPTION_LENGTH,
156
- message: t('Validation:maxLength', {
156
+ message: t('Validation:fieldMaxLength', {
157
157
  attribute: t('description'),
158
- maxLength: MAX_DESCRIPTION_LENGTH
158
+ max: MAX_DESCRIPTION_LENGTH
159
159
  })
160
160
  }
161
161
  })), {
@@ -1 +1 @@
1
- {"version":3,"file":"MobileFooter.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/MobileFooter.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CAY3B"}
1
+ {"version":3,"file":"MobileFooter.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/MobileFooter.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CAU3B"}
@@ -102,7 +102,6 @@
102
102
  }
103
103
 
104
104
  .ryft-payment-form {
105
-
106
105
  .form-disable-box {
107
106
  display: none;
108
107
  position: absolute;
@@ -176,7 +175,6 @@
176
175
  }
177
176
 
178
177
  @include media-breakpoint-up(md) {
179
-
180
178
  .ryft-payment-form,
181
179
  .form-disable-box {
182
180
  height: 50%;
@@ -205,4 +203,4 @@
205
203
  .divider {
206
204
  display: none !important;
207
205
  }
208
- }
206
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.69.3-dev.1",
3
+ "version": "0.69.3-dev.3",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -64,6 +64,7 @@ export interface EditEventFormProps extends HasPermissionProp {
64
64
  isExternalPaymentLinkEnabled?: boolean
65
65
  timeZone: string
66
66
  eventProductSet?: ProductSet
67
+ overrideNameError?: string
67
68
  }
68
69
 
69
70
  const eventImageTypes = {
@@ -85,6 +86,7 @@ export const EditEventForm = ({
85
86
  isExternalPaymentLinkEnabled,
86
87
  timeZone,
87
88
  eventProductSet,
89
+ overrideNameError,
88
90
  }: EditEventFormProps) => {
89
91
  const { t } = useTranslation(['Design', 'Validation'])
90
92
 
@@ -406,6 +408,7 @@ export const EditEventForm = ({
406
408
  showEditProductSet={showEditProductSet}
407
409
  timeZone={timeZone}
408
410
  eventProductSet={eventProductSet}
411
+ overrideNameError={overrideNameError}
409
412
  />
410
413
 
411
414
  {hasPermission && !showEditProductSet && (
@@ -20,6 +20,7 @@ interface SelectEventProductSetProps extends HasPermissionProp {
20
20
  setEditProductSetId: (value: string) => void
21
21
  timeZone: string
22
22
  eventProductSet?: ProductSet
23
+ overrideNameError?: string
23
24
  }
24
25
 
25
26
  export const SelectEventProductSet = ({
@@ -30,6 +31,7 @@ export const SelectEventProductSet = ({
30
31
  setShowEditProductSet,
31
32
  timeZone,
32
33
  eventProductSet,
34
+ overrideNameError,
33
35
  }: SelectEventProductSetProps) => {
34
36
  const productSets = eventProductSet
35
37
  ? [..._productSets, eventProductSet]
@@ -148,6 +150,7 @@ export const SelectEventProductSet = ({
148
150
  onChangeValue={(typeheadValue) => {
149
151
  onChangeProductSet(Number(typeheadValue.id), confirm)
150
152
  }}
153
+ isInvalid={!!overrideNameError}
151
154
  options={typeheadValues}
152
155
  placeholder={t('Design:choose')}
153
156
  noOptionsMessage={t('Design:noAvailableProductSets')}
@@ -197,9 +200,9 @@ export const SelectEventProductSet = ({
197
200
  </div>
198
201
  </div>
199
202
 
200
- <Form.Control.Feedback type='invalid'>
201
- {errors?.productSetId?.message}
202
- </Form.Control.Feedback>
203
+ <div className='manual-form-error'>
204
+ {errors?.productSetId?.message || overrideNameError}
205
+ </div>
203
206
  </>
204
207
  )}
205
208
  />
@@ -212,6 +215,7 @@ export const SelectEventProductSet = ({
212
215
  productSetId === editedProductSet?.id && editedProductSet
213
216
  }
214
217
  timeZone={timeZone}
218
+ overrideNameError={overrideNameError}
215
219
  />
216
220
  )}
217
221
  </>
@@ -23,12 +23,14 @@ interface EditEventProductSetProps {
23
23
  onSubmit: (value: EditEventFormValues['editedProductSet']) => void
24
24
  defaultValues?: EditEventFormValues['editedProductSet']
25
25
  timeZone: string
26
+ overrideNameError?: string
26
27
  }
27
28
 
28
29
  export const EditEventProductSet = ({
29
30
  onSubmit,
30
31
  defaultValues,
31
32
  timeZone,
33
+ overrideNameError,
32
34
  }: EditEventProductSetProps) => {
33
35
  const { companyId } = useParams<{
34
36
  companyId: string
@@ -64,7 +66,15 @@ export const EditEventProductSet = ({
64
66
  mode: 'onChange',
65
67
  })
66
68
 
67
- const { reset, handleSubmit, watch } = form
69
+ const { reset, handleSubmit, watch, setError } = form
70
+
71
+ useEffect(() => {
72
+ if (!overrideNameError) {
73
+ return
74
+ }
75
+ setError('name', { message: overrideNameError })
76
+ // eslint-disable-next-line react-hooks/exhaustive-deps
77
+ }, [overrideNameError])
68
78
 
69
79
  const formValues = watch()
70
80
 
@@ -219,12 +219,9 @@ export const RyftPaymentForm = ({
219
219
  onSubmit={methods.handleSubmit(handleSubmit)}
220
220
  className='ryft-payment-form'
221
221
  >
222
- <div className='form-disable-box' id="form-disable-box"/>
222
+ <div className='form-disable-box' id='form-disable-box' />
223
223
  <div className='submit-button-wrapper mt-4 p-1'>
224
- <Button
225
- type='submit'
226
- disabled={isBtnDisabled || !isValid}
227
- >
224
+ <Button type='submit' disabled={isBtnDisabled || !isValid}>
228
225
  {isBtnDisabled && <ButtonLoader />}
229
226
  {t('Design:buyNow')}
230
227
  </Button>
@@ -61,17 +61,19 @@ export const injectComponentsInRyftForm = ({
61
61
  divider.id = 'mobile-pay-divider'
62
62
  container.id = 'mobile-pay-divider-container'
63
63
  container.append(dividerText, divider)
64
- const payIframe = document.getElementById("ryft-pay-iframe");
64
+ const payIframe = document.getElementById('ryft-pay-iframe')
65
65
  if (payIframe) {
66
66
  const formBox = document.getElementById('form-disable-box')
67
67
  if (formBox) {
68
- formBox.style.display = isDisableButton ? "block" : "none"
68
+ formBox.style.display = isDisableButton ? 'block' : 'none'
69
69
  }
70
70
 
71
71
  const googleButton = document.getElementById(
72
72
  'gpay-button-online-api-id',
73
73
  ) as HTMLButtonElement
74
- const appleButton =document.getElementById("ryft-pay-apple-pay-button") as HTMLButtonElement
74
+ const appleButton = document.getElementById(
75
+ 'ryft-pay-apple-pay-button',
76
+ ) as HTMLButtonElement
75
77
  if (googleButton) {
76
78
  googleButton.disabled = isDisableButton
77
79
  googleButton.style.opacity = isDisableButton ? '1' : '0.6'
@@ -186,9 +186,9 @@ export function ProductSetControl({
186
186
  {...register('description', {
187
187
  maxLength: {
188
188
  value: MAX_DESCRIPTION_LENGTH,
189
- message: t('Validation:maxLength', {
189
+ message: t('Validation:fieldMaxLength', {
190
190
  attribute: t('description'),
191
- maxLength: MAX_DESCRIPTION_LENGTH,
191
+ max: MAX_DESCRIPTION_LENGTH,
192
192
  }),
193
193
  },
194
194
  })}
@@ -6,9 +6,7 @@ export function MobileFooter() {
6
6
 
7
7
  return (
8
8
  <div className='container product-set-mobile-footer'>
9
- <div
10
- className={`d-block d-sm-none bg-white border-top fixed-bottom py-4 px-5 d-flex justify-content-between flex-row-reverse`}
11
- >
9
+ <div className='d-block d-sm-none bg-white border-top fixed-bottom py-4 px-5 d-flex justify-content-between flex-row-reverse'>
12
10
  <Button type='submit'>{t('save')}</Button>
13
11
  </div>
14
12
  </div>
@@ -102,7 +102,6 @@
102
102
  }
103
103
 
104
104
  .ryft-payment-form {
105
-
106
105
  .form-disable-box {
107
106
  display: none;
108
107
  position: absolute;
@@ -176,7 +175,6 @@
176
175
  }
177
176
 
178
177
  @include media-breakpoint-up(md) {
179
-
180
178
  .ryft-payment-form,
181
179
  .form-disable-box {
182
180
  height: 50%;
@@ -205,4 +203,4 @@
205
203
  .divider {
206
204
  display: none !important;
207
205
  }
208
- }
206
+ }