@licklist/design 0.68.4 → 0.68.5-dev.0

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 (110) hide show
  1. package/dist/affiliate/form/AffiliateForm.d.ts.map +1 -1
  2. package/dist/auth/Login/LoginComponent.js +2 -1
  3. package/dist/calendar/components/CalendarButtons/CalendarButtons.d.ts.map +1 -1
  4. package/dist/calendar/components/CalendarButtons/CalendarButtons.js +35 -40
  5. package/dist/events/edit-event-modal/IntervalInput.d.ts.map +1 -1
  6. package/dist/events/edit-event-modal/IntervalInput.js +7 -1
  7. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts.map +1 -1
  8. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.js +0 -1
  9. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts.map +1 -1
  10. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.js +24 -23
  11. package/dist/events/edit-event-modal/utils/getDefaultProductSet.d.ts.map +1 -1
  12. package/dist/events/edit-event-modal/utils/getDefaultProductSet.js +0 -1
  13. package/dist/iframe/event/event-card/IframeEventCard.d.ts.map +1 -1
  14. package/dist/iframe/event/event-card/IframeEventCard.js +2 -2
  15. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts.map +1 -1
  16. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.js +2 -0
  17. package/dist/iframe/payment/order-items-table/utils/paymentSummary.d.ts.map +1 -1
  18. package/dist/index.js +1 -0
  19. package/dist/layout/DropDown.d.ts +2 -1
  20. package/dist/layout/DropDown.d.ts.map +1 -1
  21. package/dist/modals/confirmation/ConfirmModal.d.ts +3 -1
  22. package/dist/modals/confirmation/ConfirmModal.d.ts.map +1 -1
  23. package/dist/modals/confirmation/ConfirmModal.js +172 -8
  24. package/dist/product-set/card/ProductSetCard.d.ts +6 -2
  25. package/dist/product-set/card/ProductSetCard.d.ts.map +1 -1
  26. package/dist/product-set/card/ProductSetCard.js +30 -11
  27. package/dist/product-set/control/DateInput.d.ts.map +1 -1
  28. package/dist/product-set/control/DateInput.js +2 -2
  29. package/dist/product-set/form/ProductCategoriesControl.d.ts.map +1 -1
  30. package/dist/product-set/form/ProductCategoriesControl.js +48 -2
  31. package/dist/product-set/form/ProductSetForm.d.ts +4 -1
  32. package/dist/product-set/form/ProductSetForm.d.ts.map +1 -1
  33. package/dist/product-set/form/ProductSetForm.js +59 -1
  34. package/dist/product-set/form/ProductSetNameControl.d.ts +6 -0
  35. package/dist/product-set/form/ProductSetNameControl.d.ts.map +1 -0
  36. package/dist/product-set/form/ProductSetNameControl.js +35 -0
  37. package/dist/product-set/form/ProductZonesControl.d.ts.map +1 -1
  38. package/dist/product-set/form/ProductZonesControl.js +0 -2
  39. package/dist/product-set/form/SelectCategoryModal.d.ts +12 -0
  40. package/dist/product-set/form/SelectCategoryModal.d.ts.map +1 -1
  41. package/dist/product-set/form/SelectCategoryModal.js +1 -1
  42. package/dist/product-set/form/SubProductsControl.d.ts.map +1 -1
  43. package/dist/product-set/form/SubProductsControl.js +0 -3
  44. package/dist/product-set/form/VenueMapsControl.d.ts.map +1 -1
  45. package/dist/product-set/form/VenueMapsControl.js +0 -3
  46. package/dist/product-set/form/index.d.ts +1 -0
  47. package/dist/product-set/form/index.d.ts.map +1 -1
  48. package/dist/product-set/product/ProductControl.d.ts.map +1 -1
  49. package/dist/product-set/utils/index.d.ts +7 -0
  50. package/dist/product-set/utils/index.d.ts.map +1 -1
  51. package/dist/product-set/utils/index.js +10 -1
  52. package/dist/sales/booking/results/components/ResultCard.d.ts.map +1 -1
  53. package/dist/sales/booking/results/components/ResultCard.js +0 -2
  54. package/dist/snippet/snippet-template/preview/Preview.d.ts.map +1 -1
  55. package/dist/snippet/snippet-template/preview/Preview.js +6 -0
  56. package/dist/sortable-tree/SortableTreeItem.d.ts +2 -1
  57. package/dist/sortable-tree/SortableTreeItem.d.ts.map +1 -1
  58. package/dist/sortable-tree/SortableTreeItem.js +10 -4
  59. package/dist/styles/iframe-events/Calendar.scss +0 -1
  60. package/dist/styles/iframe-external-modal/IframeExternalModal.scss +2 -2
  61. package/dist/styles/product-set/ProductSetForm.scss +22 -0
  62. package/dist/styles/sales/BookingResults.scss +1 -1
  63. package/dist/tiptap-editor/TipTapMenu/extensions/constants.d.ts +2 -0
  64. package/dist/tiptap-editor/TipTapMenu/extensions/constants.d.ts.map +1 -0
  65. package/dist/tiptap-editor/TipTapMenu/extensions/constants.js +3 -0
  66. package/dist/tiptap-editor/TipTapMenu/extensions/utils.d.ts +1 -1
  67. package/dist/tiptap-editor/TipTapMenu/extensions/utils.d.ts.map +1 -1
  68. package/dist/tiptap-editor/TipTapMenu/extensions/utils.js +3 -1
  69. package/dist/typeahead/Typeahead.d.ts +5 -1
  70. package/dist/typeahead/Typeahead.d.ts.map +1 -1
  71. package/dist/typeahead/Typeahead.js +9 -2
  72. package/package.json +9 -7
  73. package/src/affiliate/form/AffiliateForm.tsx +1 -0
  74. package/src/auth/Login/LoginComponent.tsx +1 -1
  75. package/src/calendar/components/CalendarButtons/CalendarButtons.tsx +29 -28
  76. package/src/events/edit-event-modal/IntervalInput.tsx +8 -1
  77. package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx +0 -1
  78. package/src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx +82 -85
  79. package/src/events/edit-event-modal/utils/getDefaultProductSet.ts +0 -1
  80. package/src/iframe/event/event-card/IframeEventCard.tsx +30 -29
  81. package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx +1 -0
  82. package/src/iframe/payment/order-items-table/utils/paymentSummary.tsx +1 -0
  83. package/src/layout/DropDown.tsx +2 -1
  84. package/src/modals/confirmation/ConfirmModal.tsx +19 -3
  85. package/src/product-set/card/ProductSetCard.tsx +47 -8
  86. package/src/product-set/control/DateInput.tsx +2 -1
  87. package/src/product-set/form/ProductCategoriesControl.tsx +37 -1
  88. package/src/product-set/form/ProductSetForm.tsx +17 -2
  89. package/src/product-set/form/ProductSetNameControl.tsx +27 -0
  90. package/src/product-set/form/ProductZonesControl.tsx +1 -4
  91. package/src/product-set/form/SelectCategoryModal.tsx +2 -2
  92. package/src/product-set/form/SubProductsControl.tsx +0 -3
  93. package/src/product-set/form/VenueMapsControl.tsx +0 -3
  94. package/src/product-set/form/index.ts +1 -0
  95. package/src/product-set/product/ProductControl.tsx +0 -1
  96. package/src/product-set/product/advanced-options/AdvancedOptions.tsx +1 -1
  97. package/src/product-set/product-zone/ProductZoneControl.tsx +1 -1
  98. package/src/product-set/utils/index.ts +11 -0
  99. package/src/sales/booking/results/components/ResultCard.tsx +0 -2
  100. package/src/snippet/snippet-template/preview/Preview.tsx +6 -0
  101. package/src/sortable-tree/SortableTreeItem.tsx +6 -0
  102. package/src/styles/iframe-events/Calendar.scss +0 -1
  103. package/src/styles/iframe-external-modal/IframeExternalModal.scss +2 -2
  104. package/src/styles/product-set/ProductSetForm.scss +22 -0
  105. package/src/styles/sales/BookingResults.scss +1 -1
  106. package/src/tiptap-editor/TipTapMenu/extensions/constants.ts +1 -0
  107. package/src/tiptap-editor/TipTapMenu/extensions/utils.ts +4 -1
  108. package/src/typeahead/Typeahead.tsx +15 -1
  109. package/yarn.lock +40 -14
  110. package/dist/assets/iframe/selectArrow.svg.js +0 -17
@@ -466,6 +466,7 @@ function Preview(param) {
466
466
  productCategoryId: 57,
467
467
  productGroupId: null,
468
468
  availableQuantity: 980,
469
+ zoneId: null,
469
470
  name: 'Cofee',
470
471
  description: '',
471
472
  price: 15,
@@ -474,6 +475,8 @@ function Preview(param) {
474
475
  maxQuantity: 15,
475
476
  totalQuantity: 980,
476
477
  type: 'sale',
478
+ capacity: 0,
479
+ duration: 0,
477
480
  weight: 0,
478
481
  isAvailable: true,
479
482
  isSoldOut: false,
@@ -492,6 +495,7 @@ function Preview(param) {
492
495
  productCategoryId: 57,
493
496
  productGroupId: null,
494
497
  availableQuantity: 980,
498
+ zoneId: null,
495
499
  name: 'Cofee 2',
496
500
  description: '',
497
501
  price: 15,
@@ -500,6 +504,8 @@ function Preview(param) {
500
504
  maxQuantity: 15,
501
505
  totalQuantity: 980,
502
506
  type: 'sale',
507
+ capacity: 0,
508
+ duration: 0,
503
509
  weight: 0,
504
510
  isAvailable: true,
505
511
  isSoldOut: false,
@@ -14,6 +14,7 @@ export interface SortableTreeItemProps {
14
14
  body: ReactNode;
15
15
  children?: ReactNode;
16
16
  preItem?: ReactNode;
17
+ itemButton?: ReactNode;
17
18
  postItem?: ReactNode;
18
19
  sortableItems?: string[];
19
20
  isExpanded?: boolean;
@@ -36,5 +37,5 @@ export interface SortableTreeItemProps {
36
37
  setIsExpanded?: () => void;
37
38
  isOverride?: boolean;
38
39
  }
39
- export declare function SortableTreeItem({ id, title, badge, subTitle, body, children, preItem, postItem, sortableItems, isExpanded, shouldExpand, isInvalid, isIconInHeader, treeLineIconColor, modalLabel, modalClass, isNewAdded, onDelete, validate, cancelChanges, saveValidField, edit, secondaryBadge, setIsExpanded, isOverride, }: SortableTreeItemProps): import("react/jsx-runtime").JSX.Element;
40
+ export declare function SortableTreeItem({ id, title, badge, subTitle, body, children, preItem, postItem, sortableItems, isExpanded, shouldExpand, isInvalid, isIconInHeader, treeLineIconColor, modalLabel, modalClass, isNewAdded, onDelete, validate, cancelChanges, saveValidField, edit, secondaryBadge, setIsExpanded, isOverride, itemButton, }: SortableTreeItemProps): import("react/jsx-runtime").JSX.Element;
40
41
  //# sourceMappingURL=SortableTreeItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SortableTreeItem.d.ts","sourceRoot":"","sources":["../../src/sortable-tree/SortableTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAA;AAiBnE,eAAO,MAAM,sBAAsB;;;;;CAKzB,CAAA;AAEV,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAA;AAEtE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,UAAU,CAAC,EAAE,0BAA0B,CAAA;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IACjC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAkB,EAClB,YAAmB,EACnB,SAAiB,EACjB,cAAqB,EACrB,iBAAsB,EACtB,UAAe,EACf,UAAU,EACV,UAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,cAAc,EACd,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,GACX,EAAE,qBAAqB,2CA2TvB"}
1
+ {"version":3,"file":"SortableTreeItem.d.ts","sourceRoot":"","sources":["../../src/sortable-tree/SortableTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAA;AAiBnE,eAAO,MAAM,sBAAsB;;;;;CAKzB,CAAA;AAEV,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAA;AAEtE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,UAAU,CAAC,EAAE,0BAA0B,CAAA;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IACjC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAkB,EAClB,YAAmB,EACnB,SAAiB,EACjB,cAAqB,EACrB,iBAAsB,EACtB,UAAe,EACf,UAAU,EACV,UAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,cAAc,EACd,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,EACV,UAAU,GACX,EAAE,qBAAqB,2CA+TvB"}
@@ -240,7 +240,7 @@ var ProductSetModalClasses = {
240
240
  productZones: 'edit-product-zone'
241
241
  };
242
242
  function SortableTreeItem(param) {
243
- var id = param.id, title = param.title, badge = param.badge, subTitle = param.subTitle, body = param.body, children = param.children, preItem = param.preItem, postItem = param.postItem, sortableItems = param.sortableItems, _param_isExpanded = param.isExpanded, isExpanded = _param_isExpanded === void 0 ? false : _param_isExpanded, _param_shouldExpand = param.shouldExpand, shouldExpand = _param_shouldExpand === void 0 ? true : _param_shouldExpand, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isIconInHeader = param.isIconInHeader, isIconInHeader = _param_isIconInHeader === void 0 ? true : _param_isIconInHeader, _param_treeLineIconColor = param.treeLineIconColor, treeLineIconColor = _param_treeLineIconColor === void 0 ? '' : _param_treeLineIconColor, _param_modalLabel = param.modalLabel, modalLabel = _param_modalLabel === void 0 ? '' : _param_modalLabel, modalClass = param.modalClass, _param_isNewAdded = param.isNewAdded, isNewAdded = _param_isNewAdded === void 0 ? false : _param_isNewAdded, onDelete = param.onDelete, validate = param.validate, cancelChanges = param.cancelChanges, saveValidField = param.saveValidField, edit = param.edit, secondaryBadge = param.secondaryBadge, setIsExpanded = param.setIsExpanded, isOverride = param.isOverride;
243
+ var id = param.id, title = param.title, badge = param.badge, subTitle = param.subTitle, body = param.body, children = param.children, preItem = param.preItem, postItem = param.postItem, sortableItems = param.sortableItems, _param_isExpanded = param.isExpanded, isExpanded = _param_isExpanded === void 0 ? false : _param_isExpanded, _param_shouldExpand = param.shouldExpand, shouldExpand = _param_shouldExpand === void 0 ? true : _param_shouldExpand, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isIconInHeader = param.isIconInHeader, isIconInHeader = _param_isIconInHeader === void 0 ? true : _param_isIconInHeader, _param_treeLineIconColor = param.treeLineIconColor, treeLineIconColor = _param_treeLineIconColor === void 0 ? '' : _param_treeLineIconColor, _param_modalLabel = param.modalLabel, modalLabel = _param_modalLabel === void 0 ? '' : _param_modalLabel, modalClass = param.modalClass, _param_isNewAdded = param.isNewAdded, isNewAdded = _param_isNewAdded === void 0 ? false : _param_isNewAdded, onDelete = param.onDelete, validate = param.validate, cancelChanges = param.cancelChanges, saveValidField = param.saveValidField, edit = param.edit, secondaryBadge = param.secondaryBadge, setIsExpanded = param.setIsExpanded, isOverride = param.isOverride, itemButton = param.itemButton;
244
244
  var _useState = _sliced_to_array(useState(isExpanded), 2), expanded = _useState[0], setExpanded = _useState[1];
245
245
  var _useState1 = _sliced_to_array(useState(isNewAdded), 2), isModalVisible = _useState1[0], setIsModalVisible = _useState1[1];
246
246
  var t = useTranslation('Design').t;
@@ -433,9 +433,15 @@ function SortableTreeItem(param) {
433
433
  /*#__PURE__*/ jsxs("div", {
434
434
  className: clsx(modalLabel ? 'sortable-tree-product-set-title-container' : 'sortable-tree-title-container'),
435
435
  children: [
436
- /*#__PURE__*/ jsx("span", {
437
- className: clsx('sortable-tree-item-title', modalLabel && 'sortable-tree-product-set-element-title'),
438
- children: title
436
+ /*#__PURE__*/ jsxs("span", {
437
+ className: clsx('sortable-tree-item-title', modalLabel && 'sortable-tree-product-set-element-title', 'd-flex justify-content-between'),
438
+ children: [
439
+ title,
440
+ /*#__PURE__*/ jsx("div", {
441
+ className: "sortable-tree-item-subtitle",
442
+ children: itemButton
443
+ })
444
+ ]
439
445
  }),
440
446
  !expanded && /*#__PURE__*/ jsx("span", {
441
447
  className: "sortable-tree-item-subtitle",
@@ -48,7 +48,6 @@
48
48
  height: 2.25rem;
49
49
  width: 14.125rem;
50
50
  justify-content: space-between;
51
- border: 1px solid $snippet-dropdown-border-color;
52
51
  border-radius: $iframe-border-radius;
53
52
  transition: $color-transition;
54
53
 
@@ -15,7 +15,7 @@ body[bkdt-scrollable='false'] .bkdt-mask {
15
15
  left: 0;
16
16
  width: 100%;
17
17
  height: 100%;
18
- z-index: 1000000;
18
+ z-index: 2147483646;
19
19
  background-color: rgba(0, 0, 0, 0.5);
20
20
  display: none;
21
21
  }
@@ -24,7 +24,7 @@ body[bkdt-scrollable='false'] .bkdt-mask {
24
24
  position: fixed;
25
25
  top: 0;
26
26
  left: 0;
27
- z-index: 1000001;
27
+ z-index: 2147483647;
28
28
  display: none;
29
29
  width: 100%;
30
30
  height: 100%;
@@ -15,10 +15,12 @@
15
15
  height: 2.5rem;
16
16
  border-width: 2px;
17
17
  padding: 2px;
18
+
18
19
  label,
19
20
  .btn-switch-indicator {
20
21
  border-radius: 0.375rem !important;
21
22
  }
23
+
22
24
  label {
23
25
  height: 2rem;
24
26
  }
@@ -34,6 +36,7 @@
34
36
  margin-top: 1.5rem;
35
37
  margin-bottom: 1.5rem;
36
38
  }
39
+
37
40
  @include media-breakpoint-down(sm) {
38
41
  padding: 1.5rem 1rem;
39
42
  margin-top: 0.5rem;
@@ -59,10 +62,21 @@
59
62
  background-color: #ffdbdb;
60
63
  color: #d52902;
61
64
  }
65
+
62
66
  .category-badge {
63
67
  background-color: #e8f4f6;
64
68
  color: #1a93aa;
65
69
  }
70
+
71
+ .item-icon {
72
+ display: flex;
73
+ justify-items: center;
74
+ align-items: center;
75
+ font-size: 0.65rem;
76
+ padding: 0.2rem;
77
+ margin-right: 1rem;
78
+ }
79
+
66
80
  .product-badge {
67
81
  background-color: #e9f5ea;
68
82
  color: #269b36;
@@ -75,10 +89,12 @@
75
89
 
76
90
  .product-set-mobile-modal {
77
91
  margin: 0;
92
+
78
93
  .modal-content {
79
94
  border-radius: 1rem 1rem 0 0;
80
95
  border-width: 0;
81
96
  margin: 0;
97
+
82
98
  .modal-body {
83
99
  padding: 1rem 0;
84
100
  }
@@ -100,18 +116,22 @@
100
116
  font-weight: 600;
101
117
  font-size: 0.625rem;
102
118
  }
119
+
103
120
  .product-set-subtitle-dot {
104
121
  margin-right: 0.375rem;
105
122
  width: 0.375rem;
106
123
  height: 0.375rem;
107
124
  border-radius: 3px;
108
125
  }
126
+
109
127
  .product-set-subtitle-category-dot {
110
128
  background-color: #269b36;
111
129
  }
130
+
112
131
  .product-set-subtitle-step-dot {
113
132
  background-color: #1a93aa;
114
133
  }
134
+
115
135
  .product-set-subtitle-product-dot {
116
136
  background-color: #269b36;
117
137
  }
@@ -156,6 +176,7 @@
156
176
  justify-self: flex-end;
157
177
  align-items: flex-end;
158
178
  }
179
+
159
180
  .small-badge {
160
181
  font-size: 0.5rem;
161
182
  height: 1rem;
@@ -163,6 +184,7 @@
163
184
  padding: 0 0.2rem;
164
185
  margin-bottom: 0.2rem;
165
186
  }
187
+
166
188
  .product-set-save-btn-wrapper {
167
189
  padding-left: 0 !important;
168
190
  display: flex;
@@ -5,7 +5,7 @@
5
5
  flex-wrap: wrap;
6
6
 
7
7
  .result-card {
8
- height: 14.25rem;
8
+ height: 14rem;
9
9
  border: 1px solid $gray-400;
10
10
  max-width: calc(50% - 0.75rem);
11
11
  flex: 0 0 calc(50% - 0.75rem);
@@ -0,0 +1,2 @@
1
+ export declare const EMOJI_URL = "https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/svg/";
2
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/tiptap-editor/TipTapMenu/extensions/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,sEAAsE,CAAC"}
@@ -0,0 +1,3 @@
1
+ var EMOJI_URL = "https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/svg/";
2
+
3
+ export { EMOJI_URL };
@@ -1,5 +1,5 @@
1
1
  declare function parseTwemoji(emoji: string): {
2
- src: any;
2
+ src: string;
3
3
  alt: any;
4
4
  class: string;
5
5
  draggable: string;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/tiptap-editor/TipTapMenu/extensions/utils.ts"],"names":[],"mappings":"AAEA,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM;;;;;EASlC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/tiptap-editor/TipTapMenu/extensions/utils.ts"],"names":[],"mappings":"AAGA,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM;;;;;EAWlC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import { parse } from 'twemoji-parser';
2
+ import { EMOJI_URL } from './constants.js';
2
3
 
3
4
  function _array_like_to_array(arr, len) {
4
5
  if (len == null || len > arr.length) len = arr.length;
@@ -48,8 +49,9 @@ function _unsupported_iterable_to_array(o, minLen) {
48
49
  }
49
50
  function parseTwemoji(emoji) {
50
51
  var _parse = _sliced_to_array(parse(emoji), 1), twemoji = _parse[0];
52
+ var emojiPathUrl = EMOJI_URL.concat(twemoji.url.split("/").slice(-1));
51
53
  return {
52
- src: twemoji.url,
54
+ src: emojiPathUrl,
53
55
  alt: twemoji.text,
54
56
  class: 'emoji',
55
57
  draggable: 'false'
@@ -1,3 +1,4 @@
1
+ import { CSSObjectWithLabel } from 'react-select';
1
2
  export type TypeaheadOptions = {
2
3
  id: number | string;
3
4
  value: any;
@@ -8,11 +9,14 @@ export interface TypeaheadProps {
8
9
  placeholder: string;
9
10
  isRequired?: boolean;
10
11
  name: string;
12
+ value?: TypeaheadOptions;
11
13
  isMultipleChoise?: boolean;
12
14
  noOptionsMessage: string;
13
15
  isInvalid?: boolean;
14
16
  isCouponForm?: boolean;
17
+ containerStyles?: CSSObjectWithLabel;
18
+ onChangeValue?: (value: TypeaheadOptions) => void;
15
19
  }
16
- declare function Typeahead({ options, placeholder, isRequired, isMultipleChoise, name, isCouponForm, noOptionsMessage, isInvalid, }: TypeaheadProps): import("react/jsx-runtime").JSX.Element;
20
+ declare function Typeahead({ options, placeholder, isRequired, isMultipleChoise, name, value, onChangeValue, containerStyles, isCouponForm, noOptionsMessage, isInvalid, }: TypeaheadProps): import("react/jsx-runtime").JSX.Element;
17
21
  export { Typeahead };
18
22
  //# sourceMappingURL=Typeahead.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/Typeahead.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,gBAAgB,EAChB,IAAS,EACT,YAAoB,EACpB,gBAAqB,EACrB,SAAS,GACV,EAAE,cAAc,2CA4ChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
1
+ {"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/Typeahead.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,kBAAkB,CAAA;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAClD;AAED,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,gBAAgB,EAChB,IAAS,EACT,KAAK,EACL,aAAa,EACb,eAAe,EACf,YAAoB,EACpB,gBAAqB,EACrB,SAAS,GACV,EAAE,cAAc,2CAoDhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
@@ -31,7 +31,7 @@ function _object_spread(target) {
31
31
  return target;
32
32
  }
33
33
  function Typeahead(param) {
34
- var options = param.options, placeholder = param.placeholder, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, isMultipleChoise = param.isMultipleChoise, _param_name = param.name, name = _param_name === void 0 ? '' : _param_name, _param_isCouponForm = param.isCouponForm, isCouponForm = _param_isCouponForm === void 0 ? false : _param_isCouponForm, _param_noOptionsMessage = param.noOptionsMessage, noOptionsMessage = _param_noOptionsMessage === void 0 ? '' : _param_noOptionsMessage, isInvalid = param.isInvalid;
34
+ var options = param.options, placeholder = param.placeholder, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, isMultipleChoise = param.isMultipleChoise, _param_name = param.name, name = _param_name === void 0 ? '' : _param_name, value = param.value, onChangeValue = param.onChangeValue, containerStyles = param.containerStyles, _param_isCouponForm = param.isCouponForm, isCouponForm = _param_isCouponForm === void 0 ? false : _param_isCouponForm, _param_noOptionsMessage = param.noOptionsMessage, noOptionsMessage = _param_noOptionsMessage === void 0 ? '' : _param_noOptionsMessage, isInvalid = param.isInvalid;
35
35
  var control = useFormContext().control;
36
36
  var getStyle = function() {
37
37
  var couponFormStyle = isCouponForm ? {
@@ -53,14 +53,21 @@ function Typeahead(param) {
53
53
  var field = param.field;
54
54
  return /*#__PURE__*/ jsx(Select, {
55
55
  placeholder: placeholder,
56
- value: field.value,
56
+ value: value !== null && value !== void 0 ? value : field.value,
57
57
  isMulti: isMultipleChoise,
58
58
  styles: {
59
+ container: function(base) {
60
+ return _object_spread({}, base, containerStyles);
61
+ },
59
62
  control: function(base) {
60
63
  return _object_spread({}, base, getStyle());
61
64
  }
62
65
  },
63
66
  onChange: function(value) {
67
+ if (onChangeValue) {
68
+ onChangeValue(value);
69
+ return;
70
+ }
64
71
  field.onChange(value);
65
72
  },
66
73
  options: options,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.68.4",
3
+ "version": "0.68.5-dev.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,9 +42,9 @@
42
42
  ]
43
43
  },
44
44
  "peerDependencies": {
45
- "@licklist/core": "0.30.1",
45
+ "@licklist/core": "0.30.0-dev.0",
46
46
  "@licklist/eslint-config": "0.5.6",
47
- "@licklist/plugins": "0.33.1",
47
+ "@licklist/plugins": "0.33.0-dev.0",
48
48
  "lodash": "4.17.21",
49
49
  "luxon": "3.5.0",
50
50
  "react": "17.0.2",
@@ -61,9 +61,9 @@
61
61
  "@dnd-kit/utilities": "2.0.0",
62
62
  "@fortawesome/fontawesome-svg-core": "1.2.34",
63
63
  "@fortawesome/free-solid-svg-icons": "5.15.2",
64
- "@licklist/core": "0.30.1",
64
+ "@licklist/core": "0.30.0-dev.0",
65
65
  "@licklist/eslint-config": "0.5.6",
66
- "@licklist/plugins": "0.33.1",
66
+ "@licklist/plugins": "0.33.0-dev.0",
67
67
  "@mdx-js/react": "1.6.22",
68
68
  "@popperjs/core": "2.11.8",
69
69
  "@react-aria/utils": "3.9.0",
@@ -193,8 +193,10 @@
193
193
  "yarn tsc"
194
194
  ]
195
195
  },
196
+ "packageManager": "yarn@4.4.0",
196
197
  "volta": {
197
198
  "node": "20.9.0",
198
199
  "yarn": "4.4.0"
199
- }
200
- }
200
+ },
201
+ "stableVersion": "0.66.7-dev.5"
202
+ }
@@ -76,6 +76,7 @@ export const AffiliateForm = ({
76
76
  const copyToClipboard = () =>
77
77
  // eslint-disable-next-line consistent-return
78
78
  window.navigator.clipboard.writeText(formValues.link)
79
+
79
80
  return (
80
81
  <FormProvider {...form}>
81
82
  <Form onSubmit={form.handleSubmit(handleSubmit)}>
@@ -44,7 +44,7 @@ const LoginComponent = ({
44
44
  const handleError = (error: any) => {
45
45
  notification.danger({
46
46
  title: 'Error',
47
- message: error.message,
47
+ message: error?.response?.data?.message || error.message,
48
48
  })
49
49
  }
50
50
 
@@ -2,7 +2,7 @@ import { useCallback, useMemo } from 'react'
2
2
  import { Button } from 'react-bootstrap'
3
3
  import { useTranslation } from 'react-i18next'
4
4
  import { range } from 'lodash'
5
- import { ReactComponent as SelectArrow } from '../../../assets/iframe/selectArrow.svg'
5
+ import { DateTime } from 'luxon'
6
6
  import { CalendarSelect } from '../CalendarSelect'
7
7
  import { CalendarProps } from '../../Calendar'
8
8
 
@@ -26,15 +26,21 @@ export const CalendarButtons = ({
26
26
  }: CalendarButtonsProps) => {
27
27
  const { t } = useTranslation('Design')
28
28
 
29
- const onSelectNextMonth = useCallback(() => {
30
- setCurrentDate((prevDate) => prevDate.plus({ months: 1 }))
31
- // eslint-disable-next-line react-hooks/exhaustive-deps
32
- }, [])
29
+ const onSelectMonth = useCallback(
30
+ (value: string) => {
31
+ const selectedMonth = Number(value)
32
+ const nextDateTime = currentDate.set({ month: selectedMonth })
33
+
34
+ if (nextDateTime <= initialDate) {
35
+ setCurrentDate(initialDate)
36
+ return
37
+ }
33
38
 
34
- const onSelectPreviousMonth = useCallback(() => {
35
- setCurrentDate((prevDate) => prevDate.minus({ month: 1 }))
39
+ setCurrentDate(nextDateTime)
40
+ },
36
41
  // eslint-disable-next-line react-hooks/exhaustive-deps
37
- }, [])
42
+ [setCurrentDate, currentDate],
43
+ )
38
44
 
39
45
  const yearOptions = useMemo(
40
46
  () =>
@@ -45,10 +51,16 @@ export const CalendarButtons = ({
45
51
  [initialDate],
46
52
  )
47
53
 
48
- const canMoveBack = useMemo(
49
- () => currentDate > initialDate,
50
- [currentDate, initialDate],
51
- )
54
+ const monthOptions = useMemo(() => {
55
+ const initialMonth =
56
+ currentDate.year > initialDate.year ? 1 : initialDate.month
57
+ return range(initialMonth, 13).map((monthNumber) => ({
58
+ label: DateTime.fromObject({ month: monthNumber }).toLocaleString({
59
+ month: 'long',
60
+ }),
61
+ value: monthNumber,
62
+ }))
63
+ }, [initialDate, currentDate])
52
64
 
53
65
  const onSelectYear = (value: string) => {
54
66
  const selectedYear = Number(value)
@@ -110,22 +122,11 @@ export const CalendarButtons = ({
110
122
  <hr />
111
123
  <div className="calendar-buttons">
112
124
  <div className="buttons-wrapper">
113
- <Button
114
- className="calendar-button left-button"
115
- onClick={onSelectPreviousMonth}
116
- disabled={!canMoveBack}
117
- variant="link"
118
- >
119
- <SelectArrow />
120
- </Button>
121
- <div className="month-title">{currentDate.toFormat('MMMM')}</div>
122
- <Button
123
- className="calendar-button"
124
- onClick={onSelectNextMonth}
125
- variant="link"
126
- >
127
- <SelectArrow />
128
- </Button>
125
+ <CalendarSelect
126
+ options={monthOptions}
127
+ onChange={onSelectMonth}
128
+ value={currentDate.month}
129
+ />
129
130
  </div>
130
131
  <CalendarSelect
131
132
  options={yearOptions}
@@ -89,6 +89,13 @@ export function IntervalInput({
89
89
  trigger('end')
90
90
  }
91
91
 
92
+ const onChangeRecurrent = (checked: boolean) => {
93
+ setRecurrent(checked)
94
+ if (!checked) {
95
+ setValue('rrule', null)
96
+ }
97
+ }
98
+
92
99
  return (
93
100
  <>
94
101
  <Form.Row className="interval-container">
@@ -144,7 +151,7 @@ export function IntervalInput({
144
151
  custom
145
152
  checked={recurrent}
146
153
  onChange={({ target: { checked } }) => {
147
- setRecurrent(checked)
154
+ onChangeRecurrent(checked)
148
155
  }}
149
156
  disabled={disabled || Boolean(editedProductSet)}
150
157
  />
@@ -256,7 +256,6 @@ export const EditEventForm = ({
256
256
  <Controller
257
257
  render={({ field }) => (
258
258
  <TipTapEditor
259
- withEmoji={false}
260
259
  viewMode={false}
261
260
  onUpdate={field.onChange}
262
261
  content={field.value}