@licklist/design 0.58.11 → 0.59.0-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 (200) hide show
  1. package/bitbucket-pipelines.yml +0 -8
  2. package/dist/assets/iframe/calendar.svg +2 -2
  3. package/dist/assets/iframe/calendar.svg.js +1 -1
  4. package/dist/assets/iframe/ticket.svg +2 -2
  5. package/dist/assets/iframe/ticket.svg.js +1 -1
  6. package/dist/calendar/Calendar.d.ts +1 -1
  7. package/dist/calendar/Calendar.d.ts.map +1 -1
  8. package/dist/calendar/Calendar.js +1 -1
  9. package/dist/calendar/components/CalendarDates/CalendarDates.d.ts +2 -2
  10. package/dist/calendar/components/CalendarDates/CalendarDates.d.ts.map +1 -1
  11. package/dist/calendar/components/CalendarDates/CalendarDates.js +1 -1
  12. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts +3 -1
  13. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts.map +1 -1
  14. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.js +1 -1
  15. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts +3 -1
  16. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts.map +1 -1
  17. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.js +1 -1
  18. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts +3 -1
  19. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts.map +1 -1
  20. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.js +1 -1
  21. package/dist/iframe/event/event-card/IframeEventCard.d.ts +2 -1
  22. package/dist/iframe/event/event-card/IframeEventCard.d.ts.map +1 -1
  23. package/dist/iframe/event/event-card/IframeEventCard.js +1 -1
  24. package/dist/iframe/order-process/components/BookingSummary/BookingSummary.d.ts +2 -2
  25. package/dist/iframe/order-process/components/BookingSummary/BookingSummary.d.ts.map +1 -1
  26. package/dist/iframe/order-process/components/BookingSummary/BookingSummary.js +1 -1
  27. package/dist/iframe/order-process/components/BookingSummary/components/BookingSummaryAccordion/BookingSummaryAccordion.d.ts +4 -2
  28. package/dist/iframe/order-process/components/BookingSummary/components/BookingSummaryAccordion/BookingSummaryAccordion.d.ts.map +1 -1
  29. package/dist/iframe/order-process/components/BookingSummary/components/BookingSummaryAccordion/BookingSummaryAccordion.js +1 -1
  30. package/dist/iframe/order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.d.ts +1 -1
  31. package/dist/iframe/order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.d.ts.map +1 -1
  32. package/dist/iframe/order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js +1 -1
  33. package/dist/iframe/order-process/components/BookingSummary/components/ToggleHeader/ToggleHeader.d.ts +4 -2
  34. package/dist/iframe/order-process/components/BookingSummary/components/ToggleHeader/ToggleHeader.d.ts.map +1 -1
  35. package/dist/iframe/order-process/components/BookingSummary/components/ToggleHeader/ToggleHeader.js +1 -1
  36. package/dist/iframe/order-process/components/BookingSummary/types/index.d.ts +4 -0
  37. package/dist/iframe/order-process/components/BookingSummary/types/index.d.ts.map +1 -1
  38. package/dist/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js +1 -1
  39. package/dist/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.d.ts.map +1 -1
  40. package/dist/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.js +1 -1
  41. package/dist/iframe/page/components/PageBody/constants.d.ts +1 -0
  42. package/dist/iframe/page/components/PageBody/constants.d.ts.map +1 -1
  43. package/dist/iframe/page/components/PageBody/constants.js +1 -1
  44. package/dist/iframe/page/components/PageBody/hooks/useResizePageBody.d.ts.map +1 -1
  45. package/dist/iframe/page/components/PageBody/hooks/useResizePageBody.js +1 -1
  46. package/dist/iframe/payment/order-items-table/utils/paymentSummary.js +1 -1
  47. package/dist/iframe/payment/payment-page/PaymentPage.d.ts.map +1 -1
  48. package/dist/iframe/payment/payment-page/PaymentPage.js +1 -1
  49. package/dist/iframe/ryft/RyftPaymentForm.d.ts.map +1 -1
  50. package/dist/iframe/ryft/RyftPaymentForm.js +1 -1
  51. package/dist/iframe/ryft/utils/ryft-form.d.ts +5 -0
  52. package/dist/iframe/ryft/utils/ryft-form.d.ts.map +1 -0
  53. package/dist/iframe/ryft/utils/ryft-form.js +1 -0
  54. package/dist/product-set/control/DateAndRecurrenceInput.d.ts +1 -1
  55. package/dist/product-set/control/DateAndRecurrenceInput.d.ts.map +1 -1
  56. package/dist/product-set/control/DateAndRecurrenceInput.js +1 -1
  57. package/dist/product-set/control/DateInput.d.ts.map +1 -1
  58. package/dist/product-set/control/ProductSetControl.d.ts +1 -1
  59. package/dist/product-set/control/ProductSetControl.d.ts.map +1 -1
  60. package/dist/product-set/form/ProductSetForm.d.ts +4 -1
  61. package/dist/product-set/form/ProductSetForm.d.ts.map +1 -1
  62. package/dist/product-set/hooks/useSortableTreeFunctions.d.ts.map +1 -1
  63. package/dist/product-set/product/ProductControl.d.ts.map +1 -1
  64. package/dist/product-set/product/fixed-duration-fields/FixedDurationOptions.d.ts.map +1 -1
  65. package/dist/product-set/product-category/ProductCategoryControl.d.ts +1 -0
  66. package/dist/product-set/product-category/ProductCategoryControl.d.ts.map +1 -1
  67. package/dist/product-set/product-category/ProductCategoryControl.js +1 -1
  68. package/dist/provider/working-hours-input/WorkingHoursInputDescription.d.ts.map +1 -1
  69. package/dist/provider/working-hours-input/WorkingHoursInputDescription.js +1 -1
  70. package/dist/recurring-date-picker-input/RecurrenceAndFrequencyInput.d.ts.map +1 -1
  71. package/dist/recurring-date-picker-input/RecurringDatePickerInput.d.ts +3 -1
  72. package/dist/recurring-date-picker-input/RecurringDatePickerInput.d.ts.map +1 -1
  73. package/dist/recurring-date-picker-input/RecurringDatePickerInput.js +1 -1
  74. package/dist/recurring-date-picker-input/utils.d.ts +12 -0
  75. package/dist/recurring-date-picker-input/utils.d.ts.map +1 -1
  76. package/dist/recurring-date-picker-input/utils.js +1 -1
  77. package/dist/sales/booking/results/components/ResultCard.d.ts.map +1 -1
  78. package/dist/sales/booking/results/components/ResultCard.js +1 -1
  79. package/dist/setting/admin/AdminSettingForm.d.ts +2 -2
  80. package/dist/setting/admin/AdminSettingForm.d.ts.map +1 -1
  81. package/dist/static/manual-date-picker/ManualDatePicker.js +1 -1
  82. package/dist/static/manual-date-picker/constants/index.d.ts +4 -1
  83. package/dist/static/manual-date-picker/constants/index.d.ts.map +1 -1
  84. package/dist/static/manual-date-picker/constants/index.js +1 -1
  85. package/dist/static/manual-date-picker/utils/index.d.ts +4 -0
  86. package/dist/static/manual-date-picker/utils/index.d.ts.map +1 -1
  87. package/dist/static/manual-date-picker/utils/index.js +1 -1
  88. package/dist/styles/iframe-events/Card.scss +24 -8
  89. package/dist/styles/iframe-events/PoweredBy.scss +2 -2
  90. package/dist/styles/iframe-order-process/IframeOrderProcess.scss +57 -20
  91. package/dist/styles/iframe-page/Page.scss +1 -0
  92. package/dist/styles/iframe-page/PageBody.scss +34 -12
  93. package/dist/styles/iframe-page/PageHeader.scss +41 -39
  94. package/dist/styles/ryft-payment-form/RyftPaymentForm.scss +125 -2
  95. package/dist/styles/sales/BookingResults.scss +1 -1
  96. package/dist/zone/form/ZoneForm.d.ts +2 -2
  97. package/dist/zone/form/ZoneForm.d.ts.map +1 -1
  98. package/dist/zone/form/ZoneForm.js +1 -1
  99. package/dist/zone/form/components/ZoneControl.d.ts +2 -2
  100. package/dist/zone/form/components/ZoneControl.d.ts.map +1 -1
  101. package/dist/zone/form/components/ZoneControl.js +1 -1
  102. package/dist/zone/form/components/ZoneRecurrencesControl.d.ts +4 -4
  103. package/dist/zone/form/components/ZoneRecurrencesControl.d.ts.map +1 -1
  104. package/dist/zone/form/components/ZoneRecurrencesControl.js +1 -1
  105. package/dist/zone/form/utils/dates.d.ts.map +1 -1
  106. package/package.json +10 -35
  107. package/src/assets/iframe/calendar.svg +2 -2
  108. package/src/assets/iframe/ticket.svg +2 -2
  109. package/src/calendar/Calendar.stories.tsx +23 -0
  110. package/src/calendar/Calendar.tsx +5 -5
  111. package/src/calendar/components/CalendarDates/CalendarDates.tsx +0 -5
  112. package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx +4 -0
  113. package/src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx +10 -8
  114. package/src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx +4 -0
  115. package/src/iframe/event/event-card/IframeEventCard.stories.tsx +1 -0
  116. package/src/iframe/event/event-card/IframeEventCard.tsx +7 -8
  117. package/src/iframe/order-process/components/BookingSummary/BookingSummary.stories.tsx +9 -0
  118. package/src/iframe/order-process/components/BookingSummary/BookingSummary.tsx +58 -7
  119. package/src/iframe/order-process/components/BookingSummary/components/BookingSummaryAccordion/BookingSummaryAccordion.tsx +8 -0
  120. package/src/iframe/order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.tsx +4 -4
  121. package/src/iframe/order-process/components/BookingSummary/components/ToggleHeader/ToggleHeader.tsx +63 -10
  122. package/src/iframe/order-process/components/BookingSummary/types/index.ts +4 -0
  123. package/src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx +1 -1
  124. package/src/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.tsx +3 -1
  125. package/src/iframe/page/components/PageBody/constants.ts +2 -0
  126. package/src/iframe/page/components/PageBody/hooks/useResizePageBody.ts +10 -0
  127. package/src/iframe/payment/order-items-table/utils/paymentSummary.tsx +6 -6
  128. package/src/iframe/payment/payment-page/PaymentPage.stories.tsx +546 -6
  129. package/src/iframe/payment/payment-page/PaymentPage.tsx +38 -29
  130. package/src/iframe/ryft/RyftPaymentForm.tsx +11 -5
  131. package/src/iframe/ryft/utils/ryft-form.ts +47 -0
  132. package/src/product-set/control/DateAndRecurrenceInput.tsx +3 -2
  133. package/src/product-set/control/DateInput.tsx +1 -3
  134. package/src/product-set/control/ProductSetControl.tsx +1 -1
  135. package/src/product-set/form/ProductCategoriesControl.tsx +1 -1
  136. package/src/product-set/form/ProductSetForm.tsx +5 -1
  137. package/src/product-set/hooks/useSortableTreeFunctions.ts +2 -0
  138. package/src/product-set/product/ProductControl.tsx +6 -3
  139. package/src/product-set/product/fixed-duration-fields/FixedDurationOptions.tsx +0 -2
  140. package/src/product-set/product-category/ProductCategoryControl.tsx +105 -43
  141. package/src/provider/working-hours-input/WorkingHoursInputDescription.tsx +4 -18
  142. package/src/recurring-date-picker-input/RecurrenceAndFrequencyInput.tsx +0 -1
  143. package/src/recurring-date-picker-input/RecurringDatePickerInput.tsx +11 -1
  144. package/src/recurring-date-picker-input/utils.ts +77 -0
  145. package/src/sales/booking/results/BookingResults.stories.tsx +3 -2
  146. package/src/sales/booking/results/components/ResultCard.tsx +2 -5
  147. package/src/setting/admin/AdminSettingForm.tsx +2 -2
  148. package/src/sortable-tree/SortableTreeItem.tsx +1 -1
  149. package/src/static/manual-date-picker/ManualDatePicker.tsx +3 -3
  150. package/src/static/manual-date-picker/constants/index.ts +6 -2
  151. package/src/static/manual-date-picker/utils/index.ts +11 -0
  152. package/src/static/switch/BooleanSwitch.tsx +1 -1
  153. package/src/styles/iframe-events/Card.scss +24 -8
  154. package/src/styles/iframe-events/PoweredBy.scss +2 -2
  155. package/src/styles/iframe-order-process/IframeOrderProcess.scss +57 -20
  156. package/src/styles/iframe-page/Page.scss +1 -0
  157. package/src/styles/iframe-page/PageBody.scss +34 -12
  158. package/src/styles/iframe-page/PageHeader.scss +41 -39
  159. package/src/styles/ryft-payment-form/RyftPaymentForm.scss +125 -2
  160. package/src/styles/sales/BookingResults.scss +1 -1
  161. package/src/zone/form/ZoneForm.tsx +3 -2
  162. package/src/zone/form/components/ZoneControl.tsx +3 -3
  163. package/src/zone/form/components/ZoneRecurrencesControl.tsx +7 -5
  164. package/src/zone/form/utils/dates.ts +9 -10
  165. package/jest.config.js +0 -29
  166. package/tests/Auth/Authorizer.test.tsx +0 -194
  167. package/tests/Auth/Layout/UserNavDropDown.test.tsx +0 -43
  168. package/tests/Auth/Layout/UserNavDropDownToggle.test.tsx +0 -33
  169. package/tests/Auth/Login/LoginComponent.test.tsx +0 -246
  170. package/tests/Auth/Login/LoginFormComponent.test.tsx +0 -182
  171. package/tests/Auth/Register/RegisterComponent.test.tsx +0 -285
  172. package/tests/Auth/Register/RegisterFormComponent.test.tsx +0 -170
  173. package/tests/Auth/Settings/Dashboard/IpInput.test.tsx +0 -130
  174. package/tests/Auth/Social/SocialCallbackComponent.test.tsx +0 -133
  175. package/tests/Auth/Social/SocialFormComponent.test.tsx +0 -118
  176. package/tests/FileUpload/FileUpload.test.tsx +0 -42
  177. package/tests/Notification/EmailTemplate.test.tsx +0 -82
  178. package/tests/ProductSet/ProductSetPopover.test.tsx +0 -40
  179. package/tests/Report/Report.test.tsx +0 -48
  180. package/tests/Sales/Coupon.test.tsx +0 -51
  181. package/tests/Sales/SalesAndVIews.test.tsx +0 -63
  182. package/tests/SnippetTemplates/SnippetTemplates.test.tsx +0 -56
  183. package/tests/Table/FilterHelperComponent.test.tsx +0 -88
  184. package/tests/Table/PaginationHelperComponent.test.tsx +0 -109
  185. package/tests/Table/PerPageHelperComponent.test.tsx +0 -34
  186. package/tests/Table/TableHelperComponent.test.tsx +0 -295
  187. package/tests/TipTapEditor/TipTapEditor.test.tsx +0 -28
  188. package/tests/__mock__/hooks/useAuthApi.ts +0 -13
  189. package/tests/__mock__/hooks/useAuthMock.ts +0 -13
  190. package/tests/__mock__/hooks/useFormMock.ts +0 -27
  191. package/tests/__mock__/hooks/useNotificationMock.ts +0 -13
  192. package/tests/__mock__/hooks/useQueryMock.ts +0 -16
  193. package/tests/__mock__/hooks/useSocialApiMock.ts +0 -20
  194. package/tests/__mock__/hooks/useTranslationMock.ts +0 -17
  195. package/tests/__mock__/hooks/useUserApiMock.ts +0 -18
  196. package/tests/__mock__/hooks/useUserMock.ts +0 -13
  197. package/tests/__mock__/styleMock.js +0 -1
  198. package/tests/__mock__/windowMock.ts +0 -5
  199. package/tests/packages/react-query.tsx +0 -28
  200. package/tests/setupTests.ts +0 -10
@@ -1,4 +1,8 @@
1
1
  export declare const generateDatesArray: (start: number, end: number, step: number) => number[];
2
+ export declare const generateMonthsOptionsArray: () => {
3
+ key: string;
4
+ value: number;
5
+ }[];
2
6
  export declare const generateYearsArray: () => number[];
3
7
  export declare const dateToSqlDate: (day: number, month: number, year: number) => string;
4
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,QAAQ,MAAM,aAIxE,CAAC;AAEJ,eAAO,MAAM,kBAAkB,gBAQ9B,CAAC;AAEF,eAAO,MAAM,aAAa,QAAS,MAAM,SAAS,MAAM,QAAQ,MAAM,WAUrE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,QAAQ,MAAM,aAIxE,CAAC;AAEJ,eAAO,MAAM,0BAA0B;;;GASnC,CAAC;AAEL,eAAO,MAAM,kBAAkB,gBAQ9B,CAAC;AAEF,eAAO,MAAM,aAAa,QAAS,MAAM,SAAS,MAAM,QAAQ,MAAM,WAUrE,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.dateToSqlDate=function(r,t,e){var n=function(r){return r<10?"0".concat(r):r};return"".concat(e,"-").concat(n(t),"-").concat(n(r))},exports.generateDatesArray=function(r,t,e){return Array.from({length:(t-r)/e+1},(function(r,t){return 1+t*e}))},exports.generateYearsArray=function(){var r=(new Date).getFullYear()-100;return Array.from({length:100},(function(t,e){return r+e+1})).sort((function(r,t){return t-r}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.dateToSqlDate=function(r,t,e){var n=function(r){return r<10?"0".concat(r):r};return"".concat(e,"-").concat(n(t),"-").concat(n(r))},exports.generateDatesArray=function(r,t,e){return Array.from({length:(t-r)/e+1},(function(r,t){return 1+t*e}))},exports.generateMonthsOptionsArray=function(){return Array.from({length:12},(function(r,t){var e=t+1,n=String(e);return e<10&&(n="0".concat(n)),{key:n,value:e}}))},exports.generateYearsArray=function(){var r=(new Date).getFullYear()-100;return Array.from({length:100},(function(t,e){return r+e+1})).sort((function(r,t){return t-r}))};
@@ -1,4 +1,5 @@
1
1
  @import "../snippet-templates/snippetVariables";
2
+ @import "../themes//bookedit/variables";
2
3
 
3
4
  .iframe-event-card {
4
5
  position: relative;
@@ -18,12 +19,27 @@
18
19
  background-size: cover;
19
20
  background-position: center;
20
21
  cursor: pointer;
21
- border: 1px solid transparent;
22
22
  border-radius: 0.5rem;
23
23
  }
24
24
 
25
25
  .card-body {
26
- padding: 0.5rem 0 0.875rem;
26
+ padding: 0.5rem 0 0.875rem 0;
27
+
28
+ @include media-breakpoint-down(sm) {
29
+ padding: 1rem 0;
30
+ }
31
+ }
32
+
33
+ &__info-icon {
34
+ position: absolute;
35
+ right: 1rem;
36
+ top: 1rem;
37
+ background-color: "#ffffff";
38
+ border-radius: 1.5rem;
39
+ padding: 0 0.5rem;
40
+ font-size: 0.75rem;
41
+ font-weight: $white;
42
+ border: 1px solid $black;
27
43
  }
28
44
 
29
45
  &__title {
@@ -33,7 +49,7 @@
33
49
  line-height: 1.25rem;
34
50
  cursor: pointer;
35
51
  margin-bottom: 0.5rem;
36
- font-size: 1.125rem;
52
+ font-size: 0.95rem;
37
53
  }
38
54
 
39
55
  &__label {
@@ -82,7 +98,8 @@
82
98
  color: $snippet-elements-button-color;
83
99
  border: none;
84
100
  background-color: $snippet-elements-button-background-color;
85
- box-shadow: 0 0 0 $input-btn-focus-width $snippet-elements-button-background-color;
101
+ box-shadow: 0 0 0 $input-btn-focus-width
102
+ $snippet-elements-button-background-color;
86
103
  }
87
104
 
88
105
  &:disabled {
@@ -95,14 +112,14 @@
95
112
  &:focus,
96
113
  &.focus {
97
114
  &:not(:disabled) {
98
- opacity: .7;
115
+ opacity: 0.7;
99
116
  }
100
117
  }
101
118
 
102
119
  &:active,
103
120
  &.active {
104
121
  &:not(:disabled) {
105
- opacity: .8;
122
+ opacity: 0.8;
106
123
  }
107
124
  }
108
125
  }
@@ -123,7 +140,7 @@
123
140
  }
124
141
 
125
142
  .card-text {
126
- font-size: 0.875rem;
143
+ font-size: 0.82rem;
127
144
  }
128
145
 
129
146
  &.event-info {
@@ -202,7 +219,6 @@
202
219
 
203
220
  @media (max-width: 576px) {
204
221
  &.list-view {
205
-
206
222
  .card-image {
207
223
  margin-right: 0.5rem;
208
224
  }
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  align-items: center;
5
5
  justify-content: space-between;
6
- padding: 0 0.75rem;
6
+ padding: 0 0.75rem 0 2rem;
7
7
  height: 2rem;
8
8
  width: 100%;
9
9
  font-size: 0.75rem;
@@ -27,4 +27,4 @@
27
27
  color: $blue;
28
28
  }
29
29
  }
30
- }
30
+ }
@@ -46,9 +46,8 @@
46
46
  color: $snippet-page-header-steps-body-color;
47
47
  transition: $color-transition;
48
48
  margin-left: 0.5rem;
49
- width: 6rem;
50
49
  word-break: break-word;
51
- font-size: 0.75rem;
50
+ font-size: 0.875rem;
52
51
 
53
52
  @include media-breakpoint-down(sm) {
54
53
  display: none;
@@ -58,12 +57,35 @@
58
57
 
59
58
  .payment-booking-summary {
60
59
  transition: $color-transition;
61
- background-color: transparent;
62
- border: 1px solid transparent;
63
60
  border-radius: $iframe-border-radius;
64
61
  font-weight: 400;
65
62
  font-size: 0.875rem;
66
63
 
64
+ .payment-page-toggle {
65
+ p {
66
+ font-size: 1rem;
67
+ font-weight: 600;
68
+ }
69
+ .price {
70
+ font-weight: 700;
71
+ }
72
+ }
73
+
74
+ .payment-metadata {
75
+ font-weight: 500;
76
+ }
77
+
78
+ .total {
79
+ display: flex;
80
+ justify-content: space-between;
81
+ align-items: center;
82
+
83
+ div {
84
+ font-size: 1rem;
85
+ font-weight: 700;
86
+ }
87
+ }
88
+
67
89
  b {
68
90
  display: block;
69
91
  font-size: 1rem;
@@ -115,6 +137,15 @@
115
137
 
116
138
  .cart-items {
117
139
  font-weight: 400;
140
+ margin-bottom: 1.4rem;
141
+ border-bottom: 2px solid $separator-color;
142
+
143
+ .people {
144
+ margin-bottom: 0;
145
+ p {
146
+ margin-bottom: 0;
147
+ }
148
+ }
118
149
 
119
150
  .empty-cart {
120
151
  margin: 1rem 0;
@@ -127,8 +158,11 @@
127
158
  }
128
159
 
129
160
  .products-by-menu-step {
161
+ margin-top: 1.4rem;
162
+ font-size: 0.875rem;
130
163
  .title {
131
- font-weight: 500;
164
+ font-size: 1rem;
165
+ font-weight: 600;
132
166
  }
133
167
 
134
168
  .categories {
@@ -138,8 +172,8 @@
138
172
  }
139
173
 
140
174
  .products {
141
- margin-top: 0.5rem;
142
-
175
+ margin-top: 1.4rem;
176
+ font-size: 0.875rem;
143
177
  .product {
144
178
  margin: 0.5rem 0;
145
179
 
@@ -150,6 +184,15 @@
150
184
  margin-bottom: 0.5rem;
151
185
  }
152
186
  }
187
+
188
+ .name {
189
+ font-weight: 600;
190
+ }
191
+
192
+ .price {
193
+ font-weight: 400;
194
+ font-size: 0.875rem;
195
+ }
153
196
  }
154
197
 
155
198
  &:not(:last-child) {
@@ -170,6 +213,12 @@
170
213
  margin: 0 0 0.5rem;
171
214
 
172
215
  .title {
216
+ font-size: 1rem;
217
+ font-weight: 600;
218
+ }
219
+
220
+ .metadata {
221
+ font-size: 0.95rem;
173
222
  font-weight: 600;
174
223
  }
175
224
  }
@@ -183,19 +232,7 @@
183
232
  }
184
233
 
185
234
  hr {
186
- margin: 0;
187
- border-width: 2px;
188
- border-color: $separator-color;
189
- }
190
-
191
- .products {
192
- font-size: 0.75rem;
193
-
194
- .product {
195
- .name {
196
- font-weight: 500;
197
- }
198
- }
235
+ margin-bottom: 1.5rem;
199
236
  }
200
237
  }
201
238
 
@@ -21,6 +21,7 @@
21
21
 
22
22
  @include media-breakpoint-down(sm) {
23
23
  height: 100svh;
24
+ min-width: auto;
24
25
  }
25
26
 
26
27
  .header-block {
@@ -1,3 +1,4 @@
1
+ // TODO when all iframe pages will be ready, think how we can combine it all in page-body style
1
2
  .page-body {
2
3
  display: flex;
3
4
  background-color: transparent;
@@ -12,9 +13,6 @@
12
13
  .left-block {
13
14
  flex: 1;
14
15
  align-items: stretch;
15
- border-radius: 0.5rem;
16
- border-bottom-left-radius: 0;
17
- border-bottom-right-radius: 0;
18
16
  padding: 1rem;
19
17
  background-color: $snippet-page-body-left-block-background-color;
20
18
  border: 0;
@@ -33,7 +31,6 @@
33
31
  display: flex;
34
32
  align-items: flex-start;
35
33
  justify-content: space-between;
36
-
37
34
  .title {
38
35
  color: $snippet-elements-body-color;
39
36
  margin: 0;
@@ -64,7 +61,7 @@
64
61
  overflow-x: hidden;
65
62
  scrollbar-width: thin;
66
63
  .iframe-event-card {
67
- border-bottom: 2px solid $separator-color;
64
+ border-bottom: 1px solid $separator-color;
68
65
  }
69
66
 
70
67
  @include media-breakpoint-down(sm) {
@@ -81,9 +78,7 @@
81
78
  }
82
79
 
83
80
  .right-block {
84
- margin-left: 1rem;
85
- border-radius: 0.5rem;
86
- height: calc(100% - 1rem);
81
+ height: 100%;
87
82
  max-width: 17.5rem;
88
83
  min-width: 17.5rem;
89
84
  width: 100%;
@@ -115,7 +110,7 @@
115
110
  }
116
111
 
117
112
  .collapse {
118
- max-height: calc(100vh - 19rem);
113
+ max-height: calc(100vh - 15rem);
119
114
  transition: none 0s ease 0s;
120
115
 
121
116
  &.show {
@@ -125,7 +120,7 @@
125
120
  }
126
121
 
127
122
  @include media-breakpoint-down(sm) {
128
- max-height: 7.5rem;
123
+ max-height: 100%;
129
124
  }
130
125
  }
131
126
  .collapse-with-people-input {
@@ -151,8 +146,14 @@
151
146
  }
152
147
 
153
148
  .iframe-event-card {
154
- background-color: transparent;
155
- border-color: transparent;
149
+ border: none;
150
+
151
+ .card-image {
152
+ border-radius: 0;
153
+ }
154
+ .card-body {
155
+ padding-left: 1rem;
156
+ }
156
157
  }
157
158
 
158
159
  .price {
@@ -262,3 +263,24 @@
262
263
  }
263
264
  }
264
265
  }
266
+
267
+ .event-list-page-body {
268
+ overflow: auto;
269
+ .left-block {
270
+ .navigation {
271
+ font-size: 1.125rem;
272
+ font-weight: 500;
273
+ padding-bottom: 2.625rem;
274
+ display: flex;
275
+ align-items: flex-start;
276
+ justify-content: space-between;
277
+ margin-top: 0.125rem;
278
+
279
+ .title {
280
+ position: absolute;
281
+ color: $snippet-elements-body-color;
282
+ margin: 0;
283
+ }
284
+ }
285
+ }
286
+ }
@@ -20,55 +20,57 @@ $base-height: 2.5rem;
20
20
  transition: $color-transition;
21
21
  border: 0;
22
22
  }
23
+ }
24
+ }
23
25
 
24
- .button-wrapper {
25
- background-color: $snippet-page-header-steps-close-button-background-color;
26
- height: $base-height;
26
+ .iframe-page {
27
+ .button-wrapper {
28
+ background-color: $snippet-page-header-steps-close-button-background-color;
29
+ height: $base-height;
30
+ width: $base-height;
31
+ border-radius: $base-height;
32
+ transition: $color-transition;
33
+
34
+ .close-button {
35
+ font-size: 1.25rem;
27
36
  width: $base-height;
28
- border-radius: $base-height;
37
+ height: $base-height;
38
+ display: flex;
39
+ align-items: center;
40
+ justify-content: center;
41
+ color: $snippet-page-header-steps-close-button-border-color;
29
42
  transition: $color-transition;
30
43
 
31
- .close-button {
32
- font-size: 1.25rem;
33
- width: $base-height;
34
- height: $base-height;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- color: $snippet-page-header-steps-close-button-border-color;
39
- transition: $color-transition;
40
-
41
- &:hover {
42
- cursor: pointer;
43
- }
44
+ &:hover {
45
+ cursor: pointer;
44
46
  }
47
+ }
45
48
 
46
- &.close-button {
47
- margin-left: 1rem;
48
- }
49
+ &.close-button {
50
+ margin-left: 1rem;
51
+ }
49
52
 
50
- .back-button {
51
- font-size: 2rem;
52
- width: $base-height;
53
- height: $base-height;
54
- display: flex;
55
- align-items: center;
56
- justify-content: center;
57
- font-weight: lighter;
58
- color: $snippet-page-header-steps-close-button-border-color;
59
- transition: $color-transition;
53
+ .back-button {
54
+ font-size: 2rem;
55
+ width: $base-height;
56
+ height: $base-height;
57
+ display: flex;
58
+ align-items: center;
59
+ justify-content: center;
60
+ font-weight: lighter;
61
+ color: $snippet-page-header-steps-close-button-border-color;
62
+ transition: $color-transition;
60
63
 
61
- &:hover {
62
- cursor: pointer;
63
- }
64
+ &:hover {
65
+ cursor: pointer;
64
66
  }
67
+ }
65
68
 
66
- &.back-button {
67
- display: flex;
68
- align-items: center;
69
- justify-content: center;
70
- margin-right: 1rem;
71
- }
69
+ &.back-button {
70
+ display: flex;
71
+ align-items: center;
72
+ justify-content: center;
73
+ margin-right: 1rem;
72
74
  }
73
75
  }
74
76
  }
@@ -1,10 +1,52 @@
1
1
  .payment_link {
2
+ padding: 0 0 1rem 0;
3
+
4
+ .button-wrapper {
5
+ top: 2rem;
6
+ right: 2rem;
7
+ position: absolute;
8
+ z-index: 100;
9
+ }
10
+
2
11
  .page-body {
12
+ padding: 0;
13
+ height: calc(100vh - 2rem) !important;
14
+
15
+ .navigation {
16
+ display: block;
17
+ @include media-breakpoint-down(sm) {
18
+ padding: 0;
19
+ }
20
+ }
21
+
22
+ .right-block {
23
+ margin-left: 0;
24
+ height: calc(100vh - 2rem);
25
+ max-height: calc(100vh - 1rem);
26
+ @include media-breakpoint-down(sm) {
27
+ width: calc(100% - 2rem);
28
+ max-width: unset;
29
+ position: inherit;
30
+ overflow: visible;
31
+ margin: 0 1rem 1rem;
32
+ height: unset;
33
+ min-height: unset;
34
+ max-height: 100%;
35
+ }
36
+ }
37
+
3
38
  .left-block {
4
39
  .left-block-container {
5
40
  position: relative;
6
41
  max-height: 100%;
7
42
 
43
+ .payment-title {
44
+ font-size: 0.875rem;
45
+ font-weight: 600;
46
+ align-items: center;
47
+ margin-left: 0.5rem;
48
+ }
49
+
8
50
  .ryft-payment-form {
9
51
  .submit-button-wrapper {
10
52
  margin: -1rem 0 1rem;
@@ -13,7 +55,55 @@
13
55
  width: 100%;
14
56
  }
15
57
  }
58
+ #mobile-pay-divider-container {
59
+ display: flex;
60
+ position: relative;
61
+ margin-bottom: 1rem;
62
+ #mobile-pay-divider-text {
63
+ margin-right: 1rem;
64
+ font-size: 0.875rem;
65
+ font-weight: 600;
66
+ }
67
+ #mobile-pay-divider {
68
+ width: 100%;
69
+ border-bottom: 1px #dfdfdf solid;
70
+ margin-bottom: 0.6rem;
71
+ }
72
+ }
16
73
 
74
+ #card-title-container {
75
+ height: auto;
76
+ border: none;
77
+ margin-bottom: 0.5rem;
78
+ text-align: left;
79
+ :first-child {
80
+ font-size: 1rem;
81
+ font-weight: 600;
82
+ margin-bottom: 1rem;
83
+ }
84
+
85
+ .form-label {
86
+ margin-bottom: 0.5rem;
87
+ }
88
+ }
89
+ .mobile-pay-title {
90
+ display: block;
91
+ font-weight: 600;
92
+ font-size: 1rem;
93
+ color: black;
94
+ padding: 0;
95
+ font-style: normal;
96
+ font-family: inherit;
97
+ margin-bottom: 1rem;
98
+ }
99
+ }
100
+ .form {
101
+ .input {
102
+ border: 2px solid #525252 !important;
103
+ }
104
+ }
105
+
106
+ .ryft-payment-form {
17
107
  @include media-breakpoint-up(md) {
18
108
  .submit-button-wrapper {
19
109
  max-width: 15.5rem;
@@ -22,10 +112,9 @@
22
112
 
23
113
  // it's style for Google and Apple pay container, for unknown reasons we can't move this html elements with appendChild or replaceChild
24
114
  .ryft-pay-grid {
25
- position: absolute !important;
26
- top: 10rem;
27
115
  width: 100%;
28
116
  max-width: 15.5rem;
117
+ margin-bottom: 1rem;
29
118
  }
30
119
  .ryft-pay-apple-pay-button {
31
120
  border-radius: 0.25rem;
@@ -36,6 +125,36 @@
36
125
  display: none !important;
37
126
  }
38
127
  }
128
+ @include media-breakpoint-down(sm) {
129
+ .left-block-container {
130
+ max-height: 100%;
131
+ overflow: visible;
132
+ }
133
+ }
134
+ }
135
+
136
+ @include media-breakpoint-down(sm) {
137
+ flex-direction: column-reverse;
138
+ overflow: scroll;
139
+
140
+ @include media-breakpoint-down(sm) {
141
+ .left-block {
142
+ min-height: 100%;
143
+ }
144
+ .right-block {
145
+ margin: 0 auto;
146
+ width: 100%;
147
+ .children-wrapper {
148
+ .accordion {
149
+ .collapse {
150
+ overflow: visible;
151
+ overflow-x: unset;
152
+ scrollbar-width: unset;
153
+ }
154
+ }
155
+ }
156
+ }
157
+ }
39
158
  }
40
159
  }
41
160
  ::-webkit-scrollbar {
@@ -62,3 +181,7 @@
62
181
  }
63
182
  }
64
183
  }
184
+
185
+ #ryft-threeDSMethodIframe {
186
+ display: none;
187
+ }
@@ -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);
@@ -7,10 +7,10 @@ export type ZoneFormProps = {
7
7
  onSubmit: (values: Partial<Zone>) => void;
8
8
  serverErrors?: ServerError;
9
9
  isLoading?: boolean;
10
- workHours?: WorkHour[];
10
+ workHours: WorkHour[] | undefined;
11
11
  };
12
12
  export type ZoneFormValues = Partial<Zone> & {
13
13
  localImageBlobURL?: string;
14
14
  };
15
- export declare const ZoneForm: ({ defaultValues, onSubmit, serverErrors, isLoading, }: ZoneFormProps) => JSX.Element;
15
+ export declare const ZoneForm: ({ defaultValues, onSubmit, serverErrors, isLoading, workHours, }: ZoneFormProps) => JSX.Element;
16
16
  //# sourceMappingURL=ZoneForm.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ZoneForm.d.ts","sourceRoot":"","sources":["../../../src/zone/form/ZoneForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAKlB,aAAa,gBAiDf,CAAC"}
1
+ {"version":3,"file":"ZoneForm.d.ts","sourceRoot":"","sources":["../../../src/zone/form/ZoneForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,qEAMlB,aAAa,gBAiDf,CAAC"}
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=require("react"),o=e(t),n=require("react-i18next"),s=require("react-bootstrap"),a=require("react-hook-form"),l=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),i=require("./components/ZoneControl.js");exports.ZoneForm=function(e){var u=e.defaultValues,c=e.onSubmit,m=e.serverErrors,d=e.isLoading,f=void 0!==d&&d,b=n.useTranslation("Design").t,p=a.useForm({mode:"onChange",defaultValues:{zoneRecurrences:[]}}),v=p.reset,E=p.setError,g=p.handleSubmit,q=(0,p.watch)();return t.useEffect((function(){u&&v(u)}),[u,v]),t.useEffect((function(){m&&l.handleServerErrors(m,E)}),[m,E]),o.createElement(a.FormProvider,r.__assign({},p),o.createElement(s.Form,{onSubmit:g((function(e){e.localImageBlobURL;var t=r.__rest(e,["localImageBlobURL"]);c(t)}))},o.createElement(i.ZoneControl,{isLoading:f}),o.createElement(s.Row,null,o.createElement(s.Col,{md:6,sm:12}),o.createElement(s.Col,{className:"product-set-save-btn-wrapper p-0 pl-4 d-flex mw-100",md:6,sm:12},o.createElement(s.Button,{className:"product-set-save-btn mt-5 ml-5 d-no dne d-md-block",type:"submit",disabled:f||!q.name},b("saveAndClose"))))))};
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=require("react"),o=e(t),n=require("react-i18next"),s=require("react-bootstrap"),a=require("react-hook-form"),l=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),u=require("./components/ZoneControl.js");exports.ZoneForm=function(e){var i=e.defaultValues,c=e.onSubmit,m=e.serverErrors,d=e.isLoading,f=void 0!==d&&d,b=e.workHours,p=n.useTranslation("Design").t,v=a.useForm({mode:"onChange",defaultValues:{zoneRecurrences:[]}}),E=v.reset,g=v.setError,q=v.handleSubmit,w=(0,v.watch)();return t.useEffect((function(){i&&E(i)}),[i,E]),t.useEffect((function(){m&&l.handleServerErrors(m,g)}),[m,g]),o.createElement(a.FormProvider,r.__assign({},v),o.createElement(s.Form,{onSubmit:q((function(e){e.localImageBlobURL;var t=r.__rest(e,["localImageBlobURL"]);c(t)}))},o.createElement(u.ZoneControl,{isLoading:f,workHours:b}),o.createElement(s.Row,null,o.createElement(s.Col,{md:6,sm:12}),o.createElement(s.Col,{className:"product-set-save-btn-wrapper p-0 pl-4 d-flex mw-100",md:6,sm:12},o.createElement(s.Button,{className:"product-set-save-btn mt-5 ml-5 d-no dne d-md-block",type:"submit",disabled:f||!w.name},p("saveAndClose"))))))};
@@ -2,7 +2,7 @@
2
2
  import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
3
3
  export type ZoneControlProps = {
4
4
  isLoading: boolean;
5
- workHours?: WorkHour[];
5
+ workHours: WorkHour[] | undefined;
6
6
  };
7
- export declare const ZoneControl: ({ isLoading }: ZoneControlProps) => JSX.Element;
7
+ export declare const ZoneControl: ({ isLoading, workHours }: ZoneControlProps) => JSX.Element;
8
8
  //# sourceMappingURL=ZoneControl.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAStF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,gBA0B1D,CAAC"}
1
+ {"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAStF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,WAAW,6BAA8B,gBAAgB,gBA0BrE,CAAC"}