@servicetitan/marketing-ui 5.9.0 → 5.11.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 (163) hide show
  1. package/dist/components/ads/ads-stat.js +21 -10
  2. package/dist/components/ads/ads-stat.js.map +1 -1
  3. package/dist/components/charts/funnel-chart/components/funnel-chart.js +118 -6
  4. package/dist/components/charts/funnel-chart/components/funnel-chart.js.map +1 -1
  5. package/dist/components/charts/funnel-chart/components/funnel-chart.module.less.d.ts +9 -0
  6. package/dist/components/charts/funnel-chart/components/funnel-svg.js +62 -12
  7. package/dist/components/charts/funnel-chart/components/funnel-svg.js.map +1 -1
  8. package/dist/components/charts/funnel-chart/index.js +1 -0
  9. package/dist/components/charts/funnel-chart/index.js.map +1 -1
  10. package/dist/components/charts/funnel-chart/utils/const.js +1 -0
  11. package/dist/components/charts/funnel-chart/utils/const.js.map +1 -1
  12. package/dist/components/charts/funnel-chart/utils/interface.js +2 -1
  13. package/dist/components/charts/funnel-chart/utils/interface.js.map +1 -1
  14. package/dist/components/charts/line-chart/components/body.js +105 -16
  15. package/dist/components/charts/line-chart/components/body.js.map +1 -1
  16. package/dist/components/charts/line-chart/components/body.module.less.d.ts +4 -0
  17. package/dist/components/charts/line-chart/components/container.js +12 -4
  18. package/dist/components/charts/line-chart/components/container.js.map +1 -1
  19. package/dist/components/charts/line-chart/components/hover-popover.js +56 -13
  20. package/dist/components/charts/line-chart/components/hover-popover.js.map +1 -1
  21. package/dist/components/charts/line-chart/components/hover-popover.module.less.d.ts +5 -0
  22. package/dist/components/charts/line-chart/components/sidebar.js +35 -5
  23. package/dist/components/charts/line-chart/components/sidebar.js.map +1 -1
  24. package/dist/components/charts/line-chart/components/sidebar.module.less.d.ts +13 -0
  25. package/dist/components/charts/line-chart/components/stuff.js +73 -32
  26. package/dist/components/charts/line-chart/components/stuff.js.map +1 -1
  27. package/dist/components/charts/line-chart/components/stuff.module.less.d.ts +6 -0
  28. package/dist/components/charts/line-chart/components/svg-bars.js +58 -26
  29. package/dist/components/charts/line-chart/components/svg-bars.js.map +1 -1
  30. package/dist/components/charts/line-chart/components/svg-body.js +52 -11
  31. package/dist/components/charts/line-chart/components/svg-body.js.map +1 -1
  32. package/dist/components/charts/line-chart/components/svg-lines.js +46 -27
  33. package/dist/components/charts/line-chart/components/svg-lines.js.map +1 -1
  34. package/dist/components/charts/line-chart/components/svg.module.less.d.ts +5 -0
  35. package/dist/components/charts/line-chart/index.js +1 -0
  36. package/dist/components/charts/line-chart/index.js.map +1 -1
  37. package/dist/components/charts/line-chart/stores/line-chart.store.js +98 -137
  38. package/dist/components/charts/line-chart/stores/line-chart.store.js.map +1 -1
  39. package/dist/components/charts/line-chart/stores/svg.store.js +66 -108
  40. package/dist/components/charts/line-chart/stores/svg.store.js.map +1 -1
  41. package/dist/components/charts/line-chart/utils/const.js +8 -7
  42. package/dist/components/charts/line-chart/utils/const.js.map +1 -1
  43. package/dist/components/charts/line-chart/utils/formatters.js +13 -11
  44. package/dist/components/charts/line-chart/utils/formatters.js.map +1 -1
  45. package/dist/components/charts/line-chart/utils/interfaces.js +2 -1
  46. package/dist/components/charts/line-chart/utils/interfaces.js.map +1 -1
  47. package/dist/components/charts/line-chart/utils/internal-interfaces.js +2 -1
  48. package/dist/components/charts/line-chart/utils/internal-interfaces.js.map +1 -1
  49. package/dist/components/charts/line-chart/utils/key.js +2 -1
  50. package/dist/components/charts/line-chart/utils/key.js.map +1 -1
  51. package/dist/components/charts/line-chart/utils/labels.js +50 -46
  52. package/dist/components/charts/line-chart/utils/labels.js.map +1 -1
  53. package/dist/components/charts/pie-chart/components/pie-chart.js +60 -6
  54. package/dist/components/charts/pie-chart/components/pie-chart.js.map +1 -1
  55. package/dist/components/charts/pie-chart/components/pie-chart.module.less.d.ts +3 -0
  56. package/dist/components/charts/pie-chart/components/pie.js +176 -39
  57. package/dist/components/charts/pie-chart/components/pie.js.map +1 -1
  58. package/dist/components/charts/pie-chart/index.js +2 -0
  59. package/dist/components/charts/pie-chart/index.js.map +1 -1
  60. package/dist/components/charts/pie-chart/utils/const.js +55 -39
  61. package/dist/components/charts/pie-chart/utils/const.js.map +1 -1
  62. package/dist/components/charts/pie-chart/utils/interface.js +2 -1
  63. package/dist/components/charts/pie-chart/utils/interface.js.map +1 -1
  64. package/dist/components/image-cropper/image-cropper.js +74 -88
  65. package/dist/components/image-cropper/image-cropper.js.map +1 -1
  66. package/dist/components/stat/stat-card.js +68 -22
  67. package/dist/components/stat/stat-card.js.map +1 -1
  68. package/dist/components/stat/stat-card.module.less.d.ts +5 -0
  69. package/dist/components/stat/stat-extended-card.js +76 -4
  70. package/dist/components/stat/stat-extended-card.js.map +1 -1
  71. package/dist/components/ui/action-button/action-button.js +33 -7
  72. package/dist/components/ui/action-button/action-button.js.map +1 -1
  73. package/dist/components/ui/action-button/action-button.module.less.d.ts +9 -0
  74. package/dist/components/ui/action-button/index.js +1 -0
  75. package/dist/components/ui/action-button/index.js.map +1 -1
  76. package/dist/components/ui/centered-spinner/centered-spinner.js +20 -2
  77. package/dist/components/ui/centered-spinner/centered-spinner.js.map +1 -1
  78. package/dist/components/ui/date-range-picker/date-range-picker.js +71 -35
  79. package/dist/components/ui/date-range-picker/date-range-picker.js.map +1 -1
  80. package/dist/components/ui/date-range-picker/date-range-picker.module.less.d.ts +4 -0
  81. package/dist/components/ui/disabled-button.js +12 -3
  82. package/dist/components/ui/disabled-button.js.map +1 -1
  83. package/dist/components/ui/label-with-hint/label-with-hint.js +23 -1
  84. package/dist/components/ui/label-with-hint/label-with-hint.js.map +1 -1
  85. package/dist/components/ui/line-text/index.js +1 -0
  86. package/dist/components/ui/line-text/index.js.map +1 -1
  87. package/dist/components/ui/line-text/line-text.js +71 -12
  88. package/dist/components/ui/line-text/line-text.js.map +1 -1
  89. package/dist/components/ui/line-text/line-text.module.less.d.ts +6 -0
  90. package/dist/components/ui/title-popover/index.js +1 -0
  91. package/dist/components/ui/title-popover/index.js.map +1 -1
  92. package/dist/components/ui/title-popover/title-popover.js +78 -69
  93. package/dist/components/ui/title-popover/title-popover.js.map +1 -1
  94. package/dist/components/ui/title-popover/title-popover.module.less.d.ts +3 -0
  95. package/dist/index.js +3 -1
  96. package/dist/index.js.map +1 -1
  97. package/dist/utils/ads-texts.js +2 -1
  98. package/dist/utils/ads-texts.js.map +1 -1
  99. package/dist/utils/date/date-range-picker-options.js +90 -68
  100. package/dist/utils/date/date-range-picker-options.js.map +1 -1
  101. package/dist/utils/date/date-range-picker-state.js +42 -43
  102. package/dist/utils/date/date-range-picker-state.js.map +1 -1
  103. package/dist/utils/date/date-tenant.js +4 -6
  104. package/dist/utils/date/date-tenant.js.map +1 -1
  105. package/dist/utils/date/date.js +5 -9
  106. package/dist/utils/date/date.js.map +1 -1
  107. package/dist/utils/date/index.js +1 -0
  108. package/dist/utils/date/index.js.map +1 -1
  109. package/dist/utils/format-big-numbers.js +11 -6
  110. package/dist/utils/format-big-numbers.js.map +1 -1
  111. package/dist/utils/formatters.js +8 -7
  112. package/dist/utils/formatters.js.map +1 -1
  113. package/dist/utils/helpers.js +9 -12
  114. package/dist/utils/helpers.js.map +1 -1
  115. package/dist/utils/marketing-parner-handlers.js +9 -12
  116. package/dist/utils/marketing-parner-handlers.js.map +1 -1
  117. package/dist/utils/string-case.js +1 -0
  118. package/dist/utils/string-case.js.map +1 -1
  119. package/dist/utils/use-client-rect.js +19 -19
  120. package/dist/utils/use-client-rect.js.map +1 -1
  121. package/dist/utils/use-target-range-store.js +7 -6
  122. package/dist/utils/use-target-range-store.js.map +1 -1
  123. package/package.json +11 -11
  124. package/dist/components/charts/funnel-chart/funnel-chart.stories.js +0 -76
  125. package/dist/components/charts/funnel-chart/funnel-chart.stories.js.map +0 -1
  126. package/dist/components/charts/line-chart/line-chart.stories.js +0 -225
  127. package/dist/components/charts/line-chart/line-chart.stories.js.map +0 -1
  128. package/dist/components/charts/pie-chart/pie-chart.stories.js +0 -22
  129. package/dist/components/charts/pie-chart/pie-chart.stories.js.map +0 -1
  130. package/dist/components/image-cropper/image-cropper.stories.js +0 -39
  131. package/dist/components/image-cropper/image-cropper.stories.js.map +0 -1
  132. package/dist/components/stat/stat-cards.stories.js +0 -16
  133. package/dist/components/stat/stat-cards.stories.js.map +0 -1
  134. package/dist/components/stat/stat-extended-card.stories.js +0 -12
  135. package/dist/components/stat/stat-extended-card.stories.js.map +0 -1
  136. package/dist/components/ui/action-button/action-button.stories.js +0 -11
  137. package/dist/components/ui/action-button/action-button.stories.js.map +0 -1
  138. package/dist/components/ui/centered-spinner/centered-spinner.stories.js +0 -12
  139. package/dist/components/ui/centered-spinner/centered-spinner.stories.js.map +0 -1
  140. package/dist/components/ui/date-range-picker/date-range-picker.stories.js +0 -18
  141. package/dist/components/ui/date-range-picker/date-range-picker.stories.js.map +0 -1
  142. package/dist/components/ui/label-with-hint/label-with-hint.stories.js +0 -12
  143. package/dist/components/ui/label-with-hint/label-with-hint.stories.js.map +0 -1
  144. package/dist/components/ui/line-text/line-text-body.stories.js +0 -11
  145. package/dist/components/ui/line-text/line-text-body.stories.js.map +0 -1
  146. package/dist/components/ui/line-text/line-text-head.stories.js +0 -11
  147. package/dist/components/ui/line-text/line-text-head.stories.js.map +0 -1
  148. package/dist/components/ui/title-popover/title-popover.stories.js +0 -17
  149. package/dist/components/ui/title-popover/title-popover.stories.js.map +0 -1
  150. package/dist/utils/__tests__/format-big-numbers.test.js +0 -16
  151. package/dist/utils/__tests__/format-big-numbers.test.js.map +0 -1
  152. package/dist/utils/__tests__/formatters.test.js +0 -45
  153. package/dist/utils/__tests__/formatters.test.js.map +0 -1
  154. package/dist/utils/__tests__/helpers.test.js +0 -31
  155. package/dist/utils/__tests__/helpers.test.js.map +0 -1
  156. package/dist/utils/__tests__/string-case.test.js +0 -20
  157. package/dist/utils/__tests__/string-case.test.js.map +0 -1
  158. package/dist/utils/date/__mocks__/date-mock.js +0 -19
  159. package/dist/utils/date/__mocks__/date-mock.js.map +0 -1
  160. package/dist/utils/date/__tests__/date-range-picker.test.js +0 -93
  161. package/dist/utils/date/__tests__/date-range-picker.test.js.map +0 -1
  162. package/dist/utils/date/__tests__/date-tenant.test.js +0 -29
  163. package/dist/utils/date/__tests__/date-tenant.test.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"funnel-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/funnel-chart/funnel-chart.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,225 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { Form } from '@servicetitan/design-system';
4
- import { LineChart } from './index';
5
- export default {
6
- title: 'Marketing UI/charts/LineChart',
7
- component: LineChart,
8
- parameters: {},
9
- };
10
- const dailyValues = (() => {
11
- const periods = [];
12
- const days = new Date(2021, 7, 0).getDate();
13
- for (let i = 1; i <= days; i++) {
14
- periods.push({
15
- from: new Date(2021, 7, i),
16
- to: new Date(2021, 7, i + 1),
17
- });
18
- }
19
- return {
20
- periods,
21
- values: [
22
- {
23
- metricId: 1,
24
- values: periods.map((_, index) => 2000 + (index % 5) * 2000),
25
- },
26
- {
27
- metricId: 2,
28
- values: periods.map(({ from }) => (from.getDay() !== 0 ? 5000 : 0)),
29
- },
30
- ],
31
- };
32
- })();
33
- const stackedBarChartValues = (() => {
34
- const periods = [];
35
- const days = new Date(2021, 7, 0).getDate();
36
- for (let i = 1; i <= days; i++) {
37
- periods.push({
38
- from: new Date(2021, 7, i),
39
- to: new Date(2021, 7, i + 1),
40
- });
41
- }
42
- return {
43
- periods,
44
- values: [
45
- {
46
- metricId: 2,
47
- values: periods.map((_, index) => 15 + (index % 5) * 15),
48
- },
49
- {
50
- metricId: 3,
51
- values: periods.map((_, index) => 10 + (index % 5) * 10),
52
- },
53
- {
54
- metricId: 4,
55
- values: periods.map((_, index) => 5 + (index % 5) * 5),
56
- },
57
- ],
58
- };
59
- })();
60
- const weeklyValues = (() => {
61
- const periods = [];
62
- for (let i = 0; i <= 15; i++) {
63
- periods.push({
64
- from: new Date(2021, 7, 8 + i * 7),
65
- });
66
- }
67
- return {
68
- periods,
69
- values: [
70
- {
71
- metricId: 1,
72
- values: periods.map((_, index) => 2000 + (index % 5) * 2000),
73
- },
74
- {
75
- metricId: 2,
76
- values: periods.map(({ from }) => from.getDate() % 10),
77
- },
78
- ],
79
- };
80
- })();
81
- export const lineChartDailyBottomTitles = () => (_jsx(LineChart, { resolution: "day", metrics: [
82
- {
83
- id: 1,
84
- color: '#60dfa6',
85
- title: 'Revenue',
86
- type: 'bar',
87
- },
88
- {
89
- id: 2,
90
- color: '#737475',
91
- title: 'Budget',
92
- type: 'line',
93
- opts: { dashed: true },
94
- isRight: true,
95
- },
96
- ], metricValues: dailyValues.values, periods: dailyValues.periods, titleY: "Left title", display: {
97
- yLeft: false,
98
- yLeftFormat: 'money',
99
- metricsTitlePosition: 'bottom',
100
- } }));
101
- export const stackedBarChartDailyBottomTitles = () => {
102
- return (_jsx(LineChart, { resolution: "day", metrics: [
103
- {
104
- id: 2,
105
- title: 'Lead Calls',
106
- type: 'stacked-bar',
107
- color: '#D0D8DD',
108
- },
109
- {
110
- id: 3,
111
- title: 'Online Bookings',
112
- type: 'stacked-bar',
113
- color: '#08BFDF',
114
- },
115
- {
116
- id: 4,
117
- title: 'Manual Calls',
118
- type: 'stacked-bar',
119
- color: '#1FBC70',
120
- },
121
- ], metricValues: stackedBarChartValues.values, periods: dailyValues.periods, titleY: "Left title", display: {
122
- yLeft: false,
123
- yLeftFormat: 'number',
124
- metricsTitlePosition: 'bottom',
125
- } }));
126
- };
127
- export const groupedBarChartDailyBottomTitles = () => {
128
- return (_jsx(LineChart, { resolution: "day", metrics: [
129
- {
130
- id: 2,
131
- title: 'Lead Calls',
132
- type: 'grouped-bar',
133
- color: '#D0D8DD',
134
- },
135
- {
136
- id: 3,
137
- title: 'Online Bookings',
138
- type: 'grouped-bar',
139
- color: '#08BFDF',
140
- },
141
- {
142
- id: 4,
143
- title: 'Manual Calls',
144
- type: 'grouped-bar',
145
- color: '#1FBC70',
146
- },
147
- ], metricValues: stackedBarChartValues.values, periods: dailyValues.periods, titleY: "Left title", display: {
148
- yLeft: false,
149
- yLeftFormat: 'number',
150
- metricsTitlePosition: 'bottom',
151
- } }));
152
- };
153
- export const lineChartWeekly = () => (_jsx(LineChart, { resolution: "week", metrics: [
154
- {
155
- id: 1,
156
- color: '#60dfa6',
157
- title: 'Revenue',
158
- type: 'line',
159
- },
160
- {
161
- id: 2,
162
- color: '#737475',
163
- title: 'Numbers',
164
- type: 'line',
165
- isRight: true,
166
- },
167
- ], metricValues: weeklyValues.values, periods: weeklyValues.periods, display: {
168
- yLeft: true,
169
- yRight: true,
170
- yLeftFormat: 'moneyShort',
171
- metricsTitlePosition: 'top',
172
- } }));
173
- const CountrySelect = () => {
174
- const [value, setValue] = useState();
175
- const options = [
176
- { key: 1, group: 'Arcona', value: 1, text: 'Australia' },
177
- { key: 2, group: 'Arcona', value: 2, text: 'America' },
178
- { key: 3, group: 'Arcona', value: 3, text: 'New Zealand' },
179
- { key: 4, group: 'Ewok', value: 4, text: 'Spain' },
180
- { key: 5, group: 'Gungan', value: 5, text: 'Turkey' },
181
- { key: 6, group: 'Gungan', value: 6, text: 'India' },
182
- ];
183
- return (_jsx(Form.Select, { width: "4", open: true, grouped: true, label: "Clearable select with groups", placeholder: "Choose Country", options: options, onChange: (event, value) => setValue(value.value), value: value }));
184
- };
185
- export const lineChartMergedDays = () => (_jsx("div", { style: { width: '800px' }, children: _jsx(LineChart, { resolution: "week", metrics: [
186
- {
187
- id: 1,
188
- color: '#60dfa6',
189
- title: 'Revenue',
190
- type: 'bar',
191
- },
192
- {
193
- id: 2,
194
- color: '#737475',
195
- title: 'Numbers',
196
- type: 'line',
197
- isRight: true,
198
- },
199
- ], metricValues: weeklyValues.values, periods: weeklyValues.periods, titleY: "Left title", display: {
200
- yLeft: true,
201
- yRight: true,
202
- yLeftFormat: 'moneyShort',
203
- metricsTitlePosition: 'top',
204
- } }) }));
205
- export const lineChartIndexes = () => (_jsxs("div", { children: [_jsx(CountrySelect, {}), _jsx(LineChart, { resolution: "week", metrics: [
206
- {
207
- id: 1,
208
- color: '#60dfa6',
209
- title: 'Revenue',
210
- type: 'bar',
211
- },
212
- {
213
- id: 2,
214
- color: '#737475',
215
- title: 'Numbers',
216
- type: 'line',
217
- isRight: true,
218
- },
219
- ], metricValues: weeklyValues.values, periods: weeklyValues.periods, display: {
220
- yLeft: true,
221
- yRight: true,
222
- yLeftFormat: 'moneyShort',
223
- metricsTitlePosition: 'top',
224
- } })] }));
225
- //# sourceMappingURL=line-chart.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"line-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/line-chart/line-chart.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,22 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { PieChart } from './index';
3
- import { Eyebrow, Stack, BodyText } from '@servicetitan/design-system';
4
- export default {
5
- title: 'Marketing UI/charts/PieChart',
6
- component: PieChart,
7
- parameters: {},
8
- };
9
- export const pieChart5AutoColor = () => (_jsx(PieChart, { title: "Pie Chart", height: 250, sections: [
10
- { title: 'lorem', value: 99 },
11
- { title: 'ipsum', value: 88 },
12
- { title: 'dolor', value: 66 },
13
- { title: 'sit', value: 55 },
14
- { title: 'amet', value: 22 },
15
- ], popoverDirection: "lt" }));
16
- export const pieChartWithContent = () => (_jsx(PieChart, { title: "Pie Chart", height: 300, sections: [
17
- { title: 'New Customer', value: 61 },
18
- { title: 'Existing Customer', value: 90 },
19
- ], content: () => (_jsxs(Stack, { className: "h-100", justifyContent: "center", alignItems: "center", direction: "column", children: [_jsx(BodyText, { bold: true, children: "244" }), _jsx(Eyebrow, { size: "small", children: "Total Leads" })] })), radiusRelative: 45, hideTitles: true }));
20
- export const pieChart1CustomColor = () => (_jsx(PieChart, { title: "Pie Chart", height: 250, sections: [{ title: 'lorem', value: 99, color: '#ffe278' }] }));
21
- export const pieChartNoData = () => _jsx(PieChart, { title: "Pie Chart", height: 250, sections: [] });
22
- //# sourceMappingURL=pie-chart.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"pie-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvE,eAAe;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CACpC,KAAC,QAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE;QACN,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QAC3B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;KAC/B,EACD,gBAAgB,EAAC,IAAI,GACvB,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CACrC,KAAC,QAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE;QACN,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE;QACpC,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,EAAE;KAC5C,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CACX,MAAC,KAAK,IAAC,SAAS,EAAC,OAAO,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,aACnF,KAAC,QAAQ,IAAC,IAAI,0BAAe,EAC7B,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,4BAAsB,IACvC,CACX,EACD,cAAc,EAAE,EAAE,EAClB,UAAU,SACZ,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACtC,KAAC,QAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAC7D,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,GAAI,CAAC"}
@@ -1,39 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useRef, useState, Fragment } from 'react';
3
- import { ImageCropper } from './image-cropper';
4
- export default {
5
- title: 'Marketing UI/ImageCropper/ImageCropper',
6
- component: ImageCropper,
7
- parameters: {},
8
- };
9
- const BasicExample = () => {
10
- const [imageToEdit, setImageToEdit] = useState();
11
- const [croppedImage, setCroppedImage] = useState();
12
- const imageCropper = useRef(null);
13
- const handleFileChange = (e) => {
14
- var _a;
15
- const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
16
- if (!file) {
17
- return;
18
- }
19
- setImageToEdit(file);
20
- };
21
- const handleSave = async () => {
22
- var _a;
23
- if (!imageToEdit) {
24
- return;
25
- }
26
- const file = await ((_a = imageCropper.current) === null || _a === void 0 ? void 0 : _a.getCroppedImg(imageToEdit.type, imageToEdit.name));
27
- if (!file) {
28
- return;
29
- }
30
- const reader = new FileReader();
31
- reader.readAsDataURL(file);
32
- reader.onload = () => {
33
- setCroppedImage(reader.result);
34
- };
35
- };
36
- return (_jsxs(Fragment, { children: [_jsx("input", { type: "file", accept: "image/png, image/jpeg", onChange: handleFileChange }), imageToEdit && (_jsxs("div", { style: { marginTop: 30 }, children: [_jsx("button", { onClick: handleSave, children: "Save cropped image" }), _jsx("div", { style: { marginTop: 30 }, children: _jsx(ImageCropper, { file: imageToEdit, ref: imageCropper, crop: { width: 300, height: 300 } }) })] })), croppedImage && (_jsxs("div", { style: { marginTop: 30 }, children: [_jsx("a", { href: croppedImage, download: imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.name, children: "Download" }), _jsx("div", { style: { marginTop: 30 }, children: _jsx("img", { src: croppedImage }) })] }))] }));
37
- };
38
- export const basic = () => _jsx(BasicExample, {});
39
- //# sourceMappingURL=image-cropper.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"image-cropper.stories.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,YAAY,GAAO,GAAG,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAQ,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE3D,MAAM,YAAY,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;;QAC1D,MAAM,IAAI,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,OAAO;QACX,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,aAAa,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA,CAAC;QAC3F,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACjB,eAAe,CAAC,MAAM,CAAC,MAAgB,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,gBAAO,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,uBAAuB,EAAC,QAAQ,EAAE,gBAAgB,GAAI,EAC/E,WAAW,IAAI,CACZ,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aACzB,iBAAQ,OAAO,EAAE,UAAU,mCAA6B,EACxD,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YACzB,KAAC,YAAY,IACT,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GACnC,GACA,IACJ,CACT,EACA,YAAY,IAAI,CACb,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aACzB,YAAG,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,yBAE9C,EACJ,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YACzB,cAAK,GAAG,EAAE,YAAY,GAAI,GACxB,IACJ,CACT,IACM,CACd,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAC,YAAY,KAAG,CAAC"}
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { StatCard } from './stat-card';
3
- import { BodyText } from '@servicetitan/design-system';
4
- export default {
5
- title: 'Marketing UI/stat/StatCard',
6
- component: StatCard,
7
- parameters: {},
8
- };
9
- const w = (cb) => () => _jsx("div", { style: { width: '400px' }, children: cb() });
10
- export const statCardNumber = w(() => _jsx(StatCard, { title: "number", value: 133, prev: 1000 }));
11
- export const statCardPopoverDescription = w(() => (_jsx(StatCard, { title: "number", value: 133, prev: 1000, popoverContent: _jsx(BodyText, { children: "Description" }) })));
12
- export const statDiffNumberPercentOnly = w(() => (_jsx(StatCard, { title: "number", value: 133, prev: 1000, diffPercentOnly: true })));
13
- export const statCardMoney = w(() => _jsx(StatCard, { title: "money", value: 10000, prev: 11000, money: true }));
14
- export const statCardPercentInverted = w(() => (_jsx(StatCard, { title: "percent", value: 0.27, prev: 0.27333, percent: true, inverted: true })));
15
- export const statCardRate = w(() => _jsx(StatCard, { title: "rate", value: 5.5, prev: 4.5, rate: true }));
16
- //# sourceMappingURL=stat-cards.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stat-cards.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,eAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAG,EAAE,EAAE,GAAO,CAAC;AAEzF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC;AAC3F,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC9C,KAAC,QAAQ,IACL,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,KAAC,QAAQ,8BAAuB,GAClD,CACL,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC7C,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,SAAG,CACtE,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,SAAG,CAAC,CAAC;AAClG,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,QAAC,QAAQ,SAAG,CAC5E,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,SAAG,CAAC,CAAC"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { StatExtendedCard } from './stat-extended-card';
3
- export default {
4
- title: 'Marketing UI/stat/StatExtendedCard',
5
- component: StatExtendedCard,
6
- parameters: {},
7
- };
8
- const w = (cb) => () => _jsx("div", { style: { width: '400px' }, children: cb() });
9
- export const statCardMoneyWithPrev = w(() => (_jsx(StatExtendedCard, { title: "number", title2: "total number", description: "hint for stat", value: 800, prev: 1000, money: true, fill: true })));
10
- export const statCardMoneyWithGoal = w(() => (_jsx(StatExtendedCard, { title: "money", title2: "total money", value: 10000, goal: 18000, money: true, fill: true })));
11
- export const statCardPercentWithPrev = w(() => (_jsx(StatExtendedCard, { title: "percent", title2: "total percent", value: 0.27, prev: 0.33, percent: true, fill: true })));
12
- //# sourceMappingURL=stat-extended-card.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stat-extended-card.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,eAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAG,EAAE,EAAE,GAAO,CAAC;AAEzF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CACzC,KAAC,gBAAgB,IACb,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,eAAe,EAC3B,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,EACV,KAAK,QACL,IAAI,SACN,CACL,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CACzC,KAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,QAAC,IAAI,SAAG,CAChG,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,KAAC,gBAAgB,IACb,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,IAAI,EACV,OAAO,QACP,IAAI,SACN,CACL,CAAC,CAAC"}
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { ActionButton } from './action-button';
3
- export default {
4
- title: 'Marketing UI/ui/ActionButton',
5
- component: ActionButton,
6
- parameters: {},
7
- };
8
- const w = (style, cb) => () => (_jsx("div", { style: style, children: cb() }));
9
- export const actionButtonHoverPrimary = w({}, () => (_jsx(ActionButton, { hover: "primary", children: "Button" })));
10
- export const actionButtonHoverNegative = w({}, () => (_jsx(ActionButton, { hover: "negative", children: "Button" })));
11
- //# sourceMappingURL=action-button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/action-button/action-button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAe;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CACpF,cAAK,KAAK,EAAE,KAAK,YAAG,EAAE,EAAE,GAAO,CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAChD,KAAC,YAAY,IAAC,KAAK,EAAC,SAAS,uBAAsB,CACtD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CACjD,KAAC,YAAY,IAAC,KAAK,EAAC,UAAU,uBAAsB,CACvD,CAAC,CAAC"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { CenteredSpinner } from './centered-spinner';
3
- export default {
4
- title: 'Marketing UI/ui/CenteredSpinner',
5
- component: CenteredSpinner,
6
- parameters: {},
7
- };
8
- const w = (style, cb) => () => (_jsx("div", { style: style, children: cb() }));
9
- export const centeredSpinnerTiny = w({}, () => _jsx(CenteredSpinner, { size: "tiny" }));
10
- export const centeredSpinner = w({ width: '400px', height: '400px' }, () => _jsx(CenteredSpinner, {}));
11
- export const centeredSpinnerTitled = w({ width: '400px', height: '400px' }, () => (_jsx(CenteredSpinner, { info: "Wait for data fetch" })));
12
- //# sourceMappingURL=centered-spinner.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"centered-spinner.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/centered-spinner/centered-spinner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CACpF,cAAK,KAAK,EAAE,KAAK,YAAG,EAAE,EAAE,GAAO,CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC;AAChF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,KAAG,CAAC,CAAC;AACjG,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC9E,KAAC,eAAe,IAAC,IAAI,EAAC,qBAAqB,GAAG,CACjD,CAAC,CAAC"}
@@ -1,18 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { DateRangePicker } from './date-range-picker';
3
- import { DateRangePickerState, DateRangePickerOptionsTenantAds } from '../../../utils/date';
4
- import { Tag } from '@servicetitan/design-system';
5
- export default {
6
- title: 'Marketing UI/ui/date-range-picker/DateRangePicker',
7
- component: DateRangePicker,
8
- parameters: {},
9
- };
10
- const tz = { UtcOffset: 0 };
11
- const state = DateRangePickerState.createWithOptions(DateRangePickerOptionsTenantAds.create(tz));
12
- const w = (style, Component) => () => (_jsx("div", { style: style, children: _jsx(Component, {}) }));
13
- export const dateRangePicker = w({}, () => _jsx(DateRangePicker, { state: state }));
14
- export const dateRangePickerCompare = w({}, () => _jsx(DateRangePicker, { state: state, compare: true }));
15
- export const dateRangePickerCustomInput = w({}, () => (_jsx(DateRangePicker, { state: state, input: (textValue) => ({
16
- element: (_, { onClick }) => _jsx(Tag, { onClick: onClick, children: textValue }),
17
- }) })));
18
- //# sourceMappingURL=date-range-picker.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"date-range-picker.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAC5F,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAElD,eAAe;IACX,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAC5B,MAAM,KAAK,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjG,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,SAAa,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAC3E,cAAK,KAAK,EAAE,KAAK,YACb,KAAC,SAAS,KAAG,GACX,CACT,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,SAAG,CAAC,CAAC;AAC7F,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAClD,KAAC,eAAe,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAE,OAAO,YAAG,SAAS,GAAO;KACxE,CAAC,GACJ,CACL,CAAC,CAAC"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Fragment } from 'react';
3
- import { LabelWithHint } from './label-with-hint';
4
- export default {
5
- title: 'Marketing UI/ui/LabelWithHint',
6
- component: LabelWithHint,
7
- parameters: {},
8
- };
9
- export const Basic = () => _jsx(LabelWithHint, { label: "Label", hint: "Hint" });
10
- export const Custom = () => (_jsx(LabelWithHint, { label: "Label", hint: "Hint", textClassName: "text-red-500", className: "bg-blue-500", textSize: "large" }));
11
- export const Sizes = () => (_jsxs(Fragment, { children: [_jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "large" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "medium" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "small" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "xsmall" })] }));
12
- //# sourceMappingURL=label-with-hint.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"label-with-hint.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,eAAe;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CAAC;AAEvE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CACxB,KAAC,aAAa,IACV,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,aAAa,EAAC,cAAc,EAC5B,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAC,OAAO,GAClB,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CACvB,MAAC,QAAQ,eACL,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,EAC5D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,GAAG,EAC7D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,EAC5D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,GAAG,IACtD,CACd,CAAC"}
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { BodyTextLine } from './line-text';
3
- export default {
4
- title: 'Marketing UI/ui/line-text/BodyTextLine',
5
- component: BodyTextLine,
6
- parameters: {},
7
- };
8
- const w = (style, cb) => () => (_jsx("div", { style: style, children: cb() }));
9
- export const bodyTextLineUnlimited = w({}, () => _jsx(BodyTextLine, { children: "just a simple text" }));
10
- export const bodyTextLineLimited = w({ width: '400px' }, () => (_jsx(BodyTextLine, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." })));
11
- //# sourceMappingURL=line-text-body.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"line-text-body.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CACnE,cAAK,KAAK,EAAE,KAAK,YAAG,EAAE,EAAE,GAAO,CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,YAAY,qCAAkC,CAAC,CAAC;AAClG,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,KAAC,YAAY,gdAME,CAClB,CAAC,CAAC"}
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { HeadlineLine } from './line-text';
3
- export default {
4
- title: 'Marketing UI/ui/line-text/HeadlineLine',
5
- component: HeadlineLine,
6
- parameters: {},
7
- };
8
- const w = (style, cb) => () => (_jsx("div", { style: style, children: cb() }));
9
- export const headlineLineUnlimited = w({}, () => _jsx(HeadlineLine, { children: "just a simple text" }));
10
- export const headlineLineLimited = w({ width: '400px' }, () => (_jsx(HeadlineLine, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." })));
11
- //# sourceMappingURL=line-text-head.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"line-text-head.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-head.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CACnE,cAAK,KAAK,EAAE,KAAK,YAAG,EAAE,EAAE,GAAO,CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,YAAY,qCAAkC,CAAC,CAAC;AAClG,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,KAAC,YAAY,gdAME,CAClB,CAAC,CAAC"}
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { ActionButton } from '../action-button/action-button';
4
- import { TitlePopover } from './title-popover';
5
- export default {
6
- title: 'Marketing UI/ui/TitlePopover',
7
- component: TitlePopover,
8
- parameters: {},
9
- };
10
- const w = (style, cb) => () => (_jsx("div", { style: style, children: cb() }));
11
- export const titlePopover = w({}, () => _jsx(TitlePopover, { text: "Title text", children: "Content" }));
12
- export const titlePopoverToggle = w({}, () => {
13
- const [isActive, setIsActive] = useState(true);
14
- const title = isActive ? 'Entities' : 'Archived Entities';
15
- return (_jsxs(TitlePopover, { text: title, children: [_jsx(ActionButton, { hover: "primary", active: isActive, onClick: () => setIsActive(true), children: "Entities" }), _jsx(ActionButton, { hover: "primary", active: !isActive, onClick: () => setIsActive(false), children: "Archived Entities" })] }));
16
- });
17
- //# sourceMappingURL=title-popover.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"title-popover.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/title-popover/title-popover.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAe;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CACpF,cAAK,KAAK,EAAE,KAAK,YAAG,EAAE,EAAE,GAAO,CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,YAAY,IAAC,IAAI,EAAC,YAAY,wBAAuB,CAAC,CAAC;AAChG,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC1D,OAAO,CACH,MAAC,YAAY,IAAC,IAAI,EAAE,KAAK,aACrB,KAAC,YAAY,IAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,yBAEjE,EACf,KAAC,YAAY,IAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,kCAEnE,IACJ,CAClB,CAAC;AACN,CAAC,CAAC,CAAC"}
@@ -1,16 +0,0 @@
1
- import { formatBigNumber } from '../format-big-numbers';
2
- test('formatBigNumber', () => {
3
- expect(formatBigNumber(12.333333, 0)).toEqual('12');
4
- expect(formatBigNumber(12000.333333, 0)).toEqual('12K');
5
- expect(formatBigNumber(12000000.333333, 0)).toEqual('12M');
6
- expect(formatBigNumber(12.333333, 2)).toEqual(
7
- /*
8
- * I know it's a bad practice to compare like this
9
- * but I don't want to use preset culture that I get from backend side
10
- * I want to define culture on the user side
11
- */
12
- (12.333333).toLocaleString(undefined, {
13
- maximumFractionDigits: 2,
14
- }));
15
- });
16
- //# sourceMappingURL=format-big-numbers.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"format-big-numbers.test.js","sourceRoot":"","sources":["../../../src/utils/__tests__/format-big-numbers.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;IACzB,MAAM,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO;IACzC;;;;OAIG;IACH,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE;QAClC,qBAAqB,EAAE,CAAC;KAC3B,CAAC,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}
@@ -1,45 +0,0 @@
1
- import { formatMoney, formatNumber, formatPercent, formatRate } from '../formatters';
2
- describe('formatMoney', () => {
3
- const tc = [
4
- [0, '$0'],
5
- [10, '$10'],
6
- [1234, '$1,234'],
7
- [0.1, '$0'],
8
- ];
9
- tc.map(([value, result]) => it(`value '${value}' should be formatted as '${result}'`, () => {
10
- expect(formatMoney(value)).toEqual(result);
11
- }));
12
- });
13
- describe('formatNumber', () => {
14
- const tc = [
15
- [0, '0'],
16
- [10, '10'],
17
- [1234, '1,234'],
18
- [0.1, '0'],
19
- ];
20
- tc.map(([value, result]) => it(`value '${value}' should be formatted as '${result}'`, () => {
21
- expect(formatNumber(value)).toEqual(result);
22
- }));
23
- });
24
- describe('formatPercent', () => {
25
- const tc = [
26
- [0, '0%'],
27
- [0.1, '10%'],
28
- [0.0011, '0.1%'],
29
- [0.9999, '100%'],
30
- ];
31
- tc.map(([value, result]) => it(`value '${value}' should be formatted as '${result}'`, () => {
32
- expect(formatPercent(value)).toEqual(result);
33
- }));
34
- });
35
- describe('formatRate', () => {
36
- const tc = [
37
- [0, '0.0x'],
38
- [5, '5.0x'],
39
- [0.11, '0.1x'],
40
- ];
41
- tc.map(([value, result]) => it(`value '${value}' should be formatted as '${result}'`, () => {
42
- expect(formatRate(value)).toEqual(result);
43
- }));
44
- });
45
- //# sourceMappingURL=formatters.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"formatters.test.js","sourceRoot":"","sources":["../../../src/utils/__tests__/formatters.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAErF,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,MAAM,EAAE,GAAuB;QAC3B,CAAC,CAAC,EAAE,IAAI,CAAC;QACT,CAAC,EAAE,EAAE,KAAK,CAAC;QACX,CAAC,IAAI,EAAE,QAAQ,CAAC;QAChB,CAAC,GAAG,EAAE,IAAI,CAAC;KACd,CAAC;IAEF,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,CACvB,EAAE,CAAC,UAAU,KAAK,6BAA6B,MAAM,GAAG,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC,CAAC,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC1B,MAAM,EAAE,GAAuB;QAC3B,CAAC,CAAC,EAAE,GAAG,CAAC;QACR,CAAC,EAAE,EAAE,IAAI,CAAC;QACV,CAAC,IAAI,EAAE,OAAO,CAAC;QACf,CAAC,GAAG,EAAE,GAAG,CAAC;KACb,CAAC;IAEF,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,CACvB,EAAE,CAAC,UAAU,KAAK,6BAA6B,MAAM,GAAG,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC3B,MAAM,EAAE,GAAuB;QAC3B,CAAC,CAAC,EAAE,IAAI,CAAC;QACT,CAAC,GAAG,EAAE,KAAK,CAAC;QACZ,CAAC,MAAM,EAAE,MAAM,CAAC;QAChB,CAAC,MAAM,EAAE,MAAM,CAAC;KACnB,CAAC;IAEF,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,CACvB,EAAE,CAAC,UAAU,KAAK,6BAA6B,MAAM,GAAG,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IACxB,MAAM,EAAE,GAAuB;QAC3B,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,IAAI,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,CACvB,EAAE,CAAC,UAAU,KAAK,6BAA6B,MAAM,GAAG,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC,CAAC,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}
@@ -1,31 +0,0 @@
1
- import { findSubstrIndexes } from '../helpers';
2
- describe('[Marketing] helpers', () => {
3
- test('findSubstrIndexes works well', () => {
4
- expect(findSubstrIndexes('91203 - Glendale, CA', '912')).toEqual([{ start: 0, end: 3 }]);
5
- expect(findSubstrIndexes('91203 - Glendale, CA', '912 ')).toEqual([{ start: 0, end: 3 }]);
6
- expect(findSubstrIndexes('91203 - Glendale, CA', ' 912 ')).toEqual([{ start: 0, end: 3 }]);
7
- expect(findSubstrIndexes('91203 - Glendale, CA', '912 glen')).toEqual([
8
- { start: 0, end: 3 },
9
- { start: 8, end: 12 },
10
- ]);
11
- expect(findSubstrIndexes('91203 - Glendale, CA', 'glen 912')).toEqual([
12
- { start: 0, end: 3 },
13
- { start: 8, end: 12 },
14
- ]);
15
- expect(findSubstrIndexes('91203 - Glendale, CA', 'glen lend 912')).toEqual([
16
- { start: 0, end: 3 },
17
- { start: 8, end: 13 },
18
- ]);
19
- expect(findSubstrIndexes('91203 - Glendale, CA', 'lend glen 912')).toEqual([
20
- { start: 0, end: 3 },
21
- { start: 8, end: 13 },
22
- ]);
23
- expect(findSubstrIndexes('91203 - Glendale, CA', 'glen glen 912')).toEqual([
24
- { start: 0, end: 3 },
25
- { start: 8, end: 12 },
26
- ]);
27
- expect(findSubstrIndexes('91203 - Glendale, CA', '')).toEqual([]);
28
- expect(findSubstrIndexes('91203 - Glendale, CA', 'blabla')).toEqual([]);
29
- });
30
- });
31
- //# sourceMappingURL=helpers.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"helpers.test.js","sourceRoot":"","sources":["../../../src/utils/__tests__/helpers.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACzF,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1F,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3F,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;YAClE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;YACpB,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;SACxB,CAAC,CAAC;QACH,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;YAClE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;YACpB,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;SACxB,CAAC,CAAC;QACH,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC;YACvE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;YACpB,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;SACxB,CAAC,CAAC;QACH,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC;YACvE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;YACpB,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;SACxB,CAAC,CAAC;QACH,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC;YACvE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;YACpB,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;SACxB,CAAC,CAAC;QACH,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClE,MAAM,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}