@majoo-ui/react 2.0.1 → 2.1.0-rc.1

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 (202) hide show
  1. package/charts.esm.js +3 -1453
  2. package/colors/Colors.esm.js +93 -0
  3. package/components/accordion/Accordion.esm.js +109 -0
  4. package/components/alertDialog/AlertDialog.esm.js +440 -0
  5. package/components/avatar/Avatar.esm.js +83 -0
  6. package/components/badge/Badge.esm.js +255 -0
  7. package/components/banner/Banner.esm.js +341 -0
  8. package/components/barChart/BarChart.esm.js +212 -0
  9. package/components/breadcrumb/Breadcrumb.esm.js +65 -0
  10. package/components/breadcrumb/index.esm.js +19 -0
  11. package/components/button/Button.esm.js +331 -0
  12. package/components/buttonGroup/ButtonGroup.esm.js +350 -0
  13. package/components/card/Card.esm.js +236 -0
  14. package/components/chart/assets/data_kosong.png.esm.js +3 -0
  15. package/components/chart/lineChart/LineChart.esm.js +358 -0
  16. package/components/chart/lineChart/components/Comparator.esm.js +82 -0
  17. package/components/chart/lineChart/components/ComparatorController.esm.js +112 -0
  18. package/components/chart/lineChart/components/ComparatorItem.esm.js +104 -0
  19. package/components/chart/lineChart/components/ProductList.esm.js +78 -0
  20. package/components/chart/lineChart/components/TitleLegend.esm.js +107 -0
  21. package/components/chart/lineChart/components/Tooltip.esm.js +90 -0
  22. package/components/chart/utils/index.esm.js +109 -0
  23. package/components/checkboxTable/CheckboxTable.esm.js +287 -0
  24. package/components/colorPicker/ColorPicker.esm.js +342 -0
  25. package/components/colorPicker/InputColorPicker.esm.js +120 -0
  26. package/components/colorPicker/assets/img_colormap.gif.esm.js +3 -0
  27. package/components/colorPicker/components/ColorFields.esm.js +144 -0
  28. package/components/colorPicker/components/ColorMap.esm.js +1188 -0
  29. package/components/contentEditor/ContentEditor.esm.js +251 -0
  30. package/components/contentEditor/assets/Inline-code-outline.svg.esm.js +3 -0
  31. package/components/contentEditor/assets/Link-outline.svg.esm.js +3 -0
  32. package/components/contentEditor/assets/List-bulleted-outline.svg.esm.js +3 -0
  33. package/components/contentEditor/assets/List-numbered-outline.svg.esm.js +3 -0
  34. package/components/contentEditor/assets/Redo-outline.svg.esm.js +3 -0
  35. package/components/contentEditor/assets/Text-bold-filled.svg.esm.js +3 -0
  36. package/components/contentEditor/assets/Text-clear-format-outline.svg.esm.js +3 -0
  37. package/components/contentEditor/assets/Text-italic-outline.svg.esm.js +3 -0
  38. package/components/contentEditor/assets/Text-strikethrough-outline.svg.esm.js +3 -0
  39. package/components/contentEditor/assets/Text-underline-outline.svg.esm.js +3 -0
  40. package/components/contentEditor/assets/Undo-outline.svg.esm.js +3 -0
  41. package/components/contextMenu/ContextMenu.esm.js +298 -0
  42. package/components/datePicker/AdvancedOption.esm.js +37 -0
  43. package/components/datePicker/CustomDatePicker.esm.js +121 -0
  44. package/components/datePicker/DatePicker.esm.js +244 -0
  45. package/components/datePicker/DatePickerMulti.esm.js +70 -0
  46. package/components/datePicker/InputDatePicker.esm.js +290 -0
  47. package/components/datePicker/InputDateRangePicker.esm.js +174 -0
  48. package/components/datePicker/components/Calendar.esm.js +654 -0
  49. package/components/datePicker/components/CalendarMulti.esm.js +407 -0
  50. package/components/datePicker/components/CalendarTimePicker.esm.js +104 -0
  51. package/components/datePicker/components/DateNumber.esm.js +89 -0
  52. package/components/datePicker/components/MobileCalendar.esm.js +522 -0
  53. package/components/datePicker/state/reducer.esm.js +286 -0
  54. package/components/datePicker/timePicker/InputTimePicker.esm.js +205 -0
  55. package/components/datePicker/timePicker/TimePicker.esm.js +481 -0
  56. package/components/devicePreview/DevicePreview.esm.js +631 -0
  57. package/components/devicePreview/deviceFrame/android-transparant.png.esm.js +3 -0
  58. package/components/devicePreview/deviceFrame/android-wide-transparant.png.esm.js +3 -0
  59. package/components/devicePreview/deviceFrame/bg-email.png.esm.js +3 -0
  60. package/components/devicePreview/deviceFrame/bg-notification.png.esm.js +3 -0
  61. package/components/devicePreview/deviceFrame/bg-sms.png.esm.js +3 -0
  62. package/components/devicePreview/deviceFrame/bg-whatsapp.png.esm.js +3 -0
  63. package/components/devicePreview/deviceFrame/desktop-transparant.png.esm.js +3 -0
  64. package/components/devicePreview/deviceFrame/ic-majoo-profpic.png.esm.js +3 -0
  65. package/components/devicePreview/deviceFrame/iphone-transparant.png.esm.js +3 -0
  66. package/components/dialog/Dialog.esm.js +106 -0
  67. package/components/drawer/Drawer.esm.js +294 -0
  68. package/components/dropdownMenu/DropdownMenu.esm.js +281 -0
  69. package/components/editableTable/EditableMobile.esm.js +361 -0
  70. package/components/editableTable/EditableTable.esm.js +618 -0
  71. package/components/editableTable/transition.esm.js +37 -0
  72. package/components/form/components/FormGroup/FormGroup.esm.js +142 -0
  73. package/components/form/components/FormHelper/Helper.esm.js +50 -0
  74. package/components/form/components/FormLabel/Label.esm.js +90 -0
  75. package/components/form/components/InputAddon/InputAddon.esm.js +105 -0
  76. package/components/form/components/InputCheckbox/CheckboxGroup.esm.js +60 -0
  77. package/components/form/components/InputCheckbox/InputCheckbox.esm.js +129 -0
  78. package/components/form/components/InputCheckbox/icon/CheckOutline.esm.js +33 -0
  79. package/components/form/components/InputCheckbox/icon/MinusOutline.esm.js +33 -0
  80. package/components/form/components/InputCombobox/InputCombobox.esm.js +169 -0
  81. package/components/form/components/InputCounter/InputCounter.esm.js +226 -0
  82. package/components/form/components/InputCreatable/InputCreatable.esm.js +229 -0
  83. package/components/form/components/InputDateRange/InputDateRange.esm.js +46 -0
  84. package/components/form/components/InputElement/InputElement.esm.js +35 -0
  85. package/components/form/components/InputGroup/InputGroup.esm.js +188 -0
  86. package/components/form/components/InputLetter/InputLetter.esm.js +68 -0
  87. package/components/form/components/InputNumber/InputNumber.esm.js +248 -0
  88. package/components/form/components/InputNumber/NumberFormat.esm.js +1263 -0
  89. package/components/form/components/InputOTP/InputOTP.esm.js +70 -0
  90. package/components/form/components/InputRadio/InputRadio.esm.js +273 -0
  91. package/components/form/components/InputRadio/InputRadioGroup.esm.js +35 -0
  92. package/components/form/components/InputRadio/context.esm.js +5 -0
  93. package/components/form/components/InputResourceList/InputResourceList.esm.js +429 -0
  94. package/components/form/components/InputSearchbox/CloseFilled.esm.js +34 -0
  95. package/components/form/components/InputSearchbox/InputSearchbox.esm.js +90 -0
  96. package/components/form/components/InputSearchbox/SearchOutline.esm.js +26 -0
  97. package/components/form/components/InputSelect/InputSelect.esm.js +964 -0
  98. package/components/form/components/InputSelectCheck/InputSelectCheck.esm.js +1388 -0
  99. package/components/form/components/InputSelectCheck/OptionGroupItem.esm.js +39 -0
  100. package/components/form/components/InputSelectCheck/icon/CheckOutline.esm.js +33 -0
  101. package/components/form/components/InputSelectTag/InputSelectTag.esm.js +62 -0
  102. package/components/form/components/InputSignature/InputSignature.esm.js +122 -0
  103. package/components/form/components/InputSignature/SignatureModal.esm.js +67 -0
  104. package/components/form/components/InputSwitch/InputSwitch.esm.js +96 -0
  105. package/components/form/components/InputSwitch/InputSwitchWithImage.esm.js +136 -0
  106. package/components/form/components/InputTags/InputTags.esm.js +268 -0
  107. package/components/form/components/InputText/InputText.esm.js +197 -0
  108. package/components/form/components/InputTextArea/InputTextArea.esm.js +77 -0
  109. package/components/heading/Heading.esm.js +64 -0
  110. package/components/iconButton/IconButton.esm.js +71 -0
  111. package/components/image/Image.esm.js +141 -0
  112. package/components/link/Link.esm.js +59 -0
  113. package/components/loadingBar/LoadingBar.esm.js +113 -0
  114. package/components/mapPicker/InputMapPicker.esm.js +160 -0
  115. package/components/mapPicker/MapPicker.esm.js +122 -0
  116. package/components/mapPicker/MapPicker.styles.esm.js +70 -0
  117. package/components/mapPicker/assets/images/Mapsicle.png.esm.js +3 -0
  118. package/components/mapPicker/components/AddressCard.esm.js +25 -0
  119. package/components/mapPicker/components/ButtonSelect.esm.js +46 -0
  120. package/components/mapPicker/components/ChangeView.esm.js +20 -0
  121. package/components/mapPicker/components/InputSearch.esm.js +74 -0
  122. package/components/mapPicker/components/MarkerIcon.esm.js +22 -0
  123. package/components/mapPicker/components/MarkerSvg.esm.js +62 -0
  124. package/components/mapPicker/components/ZoomControls.esm.js +36 -0
  125. package/components/mapPicker/hooks/useMapSearch.esm.js +161 -0
  126. package/components/modalDialog/ModalDialog.esm.js +247 -0
  127. package/components/notificationBadge/NotificationBadge.esm.js +149 -0
  128. package/components/pageDialog/PageDialog.esm.js +291 -0
  129. package/components/pageDialog/logo.svg.esm.js +3 -0
  130. package/components/pagination/Pagination.esm.js +94 -0
  131. package/components/pagination/PaginationButton.esm.js +346 -0
  132. package/components/pagination/PaginationInfo.esm.js +146 -0
  133. package/components/paper/Paper.esm.js +76 -0
  134. package/components/paragraph/Paragraph.esm.js +52 -0
  135. package/components/pieChart/PieChart.esm.js +287 -0
  136. package/components/popover/Popover.esm.js +142 -0
  137. package/components/progress/Progress.esm.js +170 -0
  138. package/components/progressIndicator/ProgressIndicator.esm.js +287 -0
  139. package/components/scrollSync/ScrollSync.esm.js +172 -0
  140. package/components/scrollSync/ScrollSyncNode.esm.js +87 -0
  141. package/components/scrollSync/utils.esm.js +9 -0
  142. package/components/separator/Separator.esm.js +43 -0
  143. package/components/skeleton/Skeleton.esm.js +131 -0
  144. package/components/slider/Slider.esm.js +345 -0
  145. package/components/stepWizard/StepWizard.esm.js +451 -0
  146. package/components/stepWizard/index.esm.js +14 -0
  147. package/components/table/MobileTable.esm.js +415 -0
  148. package/components/table/Table.esm.js +1472 -0
  149. package/components/table/components/columns/DateColumn.esm.js +26 -0
  150. package/components/table/components/columns/DecimalColumn.esm.js +36 -0
  151. package/components/table/components/columns/PriceColumn.esm.js +57 -0
  152. package/components/table/components/columns/RowDraggableColumn.esm.js +24 -0
  153. package/components/table/components/columns/RowExpanderColumn.esm.js +32 -0
  154. package/components/table/components/columns/RowExpanderMultipleColumn.esm.js +24 -0
  155. package/components/table/components/columns/RowMenuColumn.esm.js +101 -0
  156. package/components/table/components/columns/RowSelectionCallbackColumn.esm.js +38 -0
  157. package/components/table/components/columns/RowSelectionColumn.esm.js +34 -0
  158. package/components/table/images/img-emptydata.webp.esm.js +3 -0
  159. package/components/table/images/img-emptysearchdata.webp.esm.js +3 -0
  160. package/components/tableOfContent/TableOfContent.esm.js +267 -0
  161. package/components/tableOfContent/index.esm.js +18 -0
  162. package/components/tableOfContent/transition.esm.js +38 -0
  163. package/components/tabs/Tabs.esm.js +282 -0
  164. package/components/tag/Tag.esm.js +161 -0
  165. package/components/tagList/TagList.esm.js +90 -0
  166. package/components/tagStatus/TagStatus.esm.js +134 -0
  167. package/components/text/Text.esm.js +140 -0
  168. package/components/toast/Toast.esm.js +297 -0
  169. package/components/toast/ToastContainer.esm.js +73 -0
  170. package/components/toast/context/ToastContext.esm.js +5 -0
  171. package/components/toast/context/ToastProvider.esm.js +96 -0
  172. package/components/tooltip/Tooltip.esm.js +175 -0
  173. package/components/upload/Upload.esm.js +1103 -0
  174. package/components/upload/utils/canvasPreview.esm.js +39 -0
  175. package/components/upload/utils/imgPreview.esm.js +21 -0
  176. package/config/stitches.config.esm.js +216 -0
  177. package/editor.esm.js +1 -264
  178. package/hooks/useListOption/useListOption.esm.js +56 -0
  179. package/hooks/useToggle/useToggle.esm.js +8 -0
  180. package/index.esm.js +106 -42293
  181. package/layout/box/Box.esm.js +24 -0
  182. package/layout/flex/Flex.esm.js +135 -0
  183. package/layout/grid/Grid.esm.js +270 -0
  184. package/layout/pageContainer/PageContainer.esm.js +60 -0
  185. package/majoo-provider/MajooProvider.esm.js +42 -0
  186. package/majoo-provider/ThemeProvider.esm.js +41 -0
  187. package/majoo-provider/globalStyles.esm.js +242 -0
  188. package/majoo-provider/styles/modern-normalize.esm.js +95 -0
  189. package/map.esm.js +2 -734
  190. package/package.json +8 -4
  191. package/utils/calendar.esm.js +26 -0
  192. package/utils/element.esm.js +21 -0
  193. package/utils/object.esm.js +12 -0
  194. package/utils/request.esm.js +74 -0
  195. package/utils/strings.esm.js +6 -0
  196. package/{useMediaQuery.esm.js → utils/useMediaQuery.esm.js} +1 -1
  197. package/utils/useNavigatorOnline.esm.js +19 -0
  198. package/utils/variant.esm.js +12 -0
  199. package/wrapper/ConditionalWrapper.esm.js +9 -0
  200. package/ModalDialog.esm.js +0 -2669
  201. package/Separator.esm.js +0 -3002
  202. package/stitches.config.esm.js +0 -2284
@@ -0,0 +1,631 @@
1
+ import 'core-js/modules/es.iterator.constructor.js';
2
+ import 'core-js/modules/es.iterator.for-each.js';
3
+ import { jsxs, jsx } from 'react/jsx-runtime';
4
+ import * as React from 'react';
5
+ import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
6
+ import { createPortal } from 'react-dom';
7
+ import { ChevronLeftOutline, ChevronRightOutline, ChevronUpOutline } from '@majoo-ui/icons';
8
+ import { styled, css, colors, getCssText, theme } from '../../config/stitches.config.esm.js';
9
+ import Box from '../../layout/box/Box.esm.js';
10
+ import Flex from '../../layout/flex/Flex.esm.js';
11
+ import { Image } from '../image/Image.esm.js';
12
+ import Paragraph from '../paragraph/Paragraph.esm.js';
13
+ import Text from '../text/Text.esm.js';
14
+ import img$3 from './deviceFrame/android-transparant.png.esm.js';
15
+ import img$2 from './deviceFrame/android-wide-transparant.png.esm.js';
16
+ import img$1 from './deviceFrame/iphone-transparant.png.esm.js';
17
+ import img from './deviceFrame/desktop-transparant.png.esm.js';
18
+ import img$7 from './deviceFrame/bg-sms.png.esm.js';
19
+ import img$6 from './deviceFrame/bg-whatsapp.png.esm.js';
20
+ import img$5 from './deviceFrame/bg-email.png.esm.js';
21
+ import img$4 from './deviceFrame/bg-notification.png.esm.js';
22
+ import IconButton from '../iconButton/IconButton.esm.js';
23
+ import MajooProvider from '../../majoo-provider/MajooProvider.esm.js';
24
+ import ToastProvider from '../toast/context/ToastProvider.esm.js';
25
+
26
+ const DevicePreviewProfileIcon = styled('div', {
27
+ width: 16,
28
+ height: 16,
29
+ backgroundImage: 'var(--brandAssets-icon)',
30
+ backgroundSize: 'contain',
31
+ backgroundRepeat: 'no-repeat',
32
+ backgroundPosition: 'center',
33
+ flexShrink: 0
34
+ });
35
+ const cssContainerImage = css({
36
+ position: 'absolute',
37
+ marginLeft: 'auto',
38
+ marginRight: 'auto',
39
+ left: 0,
40
+ right: 0
41
+ });
42
+ const cssImg = css({
43
+ objectFit: 'cover',
44
+ width: '100%',
45
+ height: '100%'
46
+ });
47
+ const iconStyles = css({
48
+ width: '32px !important',
49
+ height: '32px !important',
50
+ border: '1px solid $btnPrimary !important',
51
+ borderRadius: '6px !important'
52
+ });
53
+ const ContainerImage = styled('div', cssContainerImage);
54
+ const Img = styled('img', cssImg);
55
+ const IconStyled = styled(IconButton, iconStyles);
56
+ const StyledIframe = styled('iframe', {});
57
+ const CardMessage = styled('div', {
58
+ padding: '$spacing-03',
59
+ color: '$textPrimary',
60
+ fontSize: 12,
61
+ fontWeight: 400,
62
+ overflowWrap: 'break-word',
63
+ wordWrap: 'break-word',
64
+ width: 'fit-content',
65
+ variants: {
66
+ variant: {
67
+ sms: {
68
+ borderRadius: '5px 5px 0px 5px',
69
+ background: '$gray50'
70
+ },
71
+ whatsapp: {
72
+ borderRadius: '5px 5px 0px 5px',
73
+ background: '#DCF8C6'
74
+ }
75
+ }
76
+ }
77
+ });
78
+ const ImageDevicePreview = Img;
79
+ ImageDevicePreview.displayName = 'ImageDevicePreview';
80
+ const IFrameComponent = ({
81
+ children,
82
+ title,
83
+ css,
84
+ styleSelector
85
+ }) => {
86
+ var _a, _b;
87
+ const [contentRef, setContentRef] = React.useState(null);
88
+ const mountNode = (_b = (_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.contentWindow) === null || _a === void 0 ? void 0 : _a.document) === null || _b === void 0 ? void 0 : _b.body;
89
+ React.useEffect(() => {
90
+ if (!contentRef) {
91
+ return;
92
+ }
93
+ const win = contentRef === null || contentRef === void 0 ? void 0 : contentRef.contentWindow;
94
+ const linkEls = win.parent.document.querySelectorAll(styleSelector);
95
+ if (linkEls.length) {
96
+ linkEls.forEach(el => {
97
+ win.document.head.appendChild(el);
98
+ });
99
+ }
100
+ }, [contentRef, styleSelector]);
101
+ return jsx(StyledIframe, {
102
+ title: title,
103
+ css: css,
104
+ ref: setContentRef,
105
+ children: mountNode && /*#__PURE__*/createPortal(jsx(MajooProvider, {
106
+ theme: theme,
107
+ children: jsx(ToastProvider, {
108
+ children: children
109
+ })
110
+ }), mountNode)
111
+ });
112
+ };
113
+ const DevicePreview = props => {
114
+ const {
115
+ withComponent,
116
+ content,
117
+ clickableComponent = true
118
+ } = props;
119
+ const [currentImgIdx, setImageIdx] = React.useState(0);
120
+ const [, setRender] = React.useState(0);
121
+ let properties = {
122
+ typeDevice: '',
123
+ cssImage: {},
124
+ ratio: 0
125
+ };
126
+ switch (props.typeDevice) {
127
+ case 'android':
128
+ properties = Object.assign(Object.assign({}, properties), {
129
+ typeDevice: img$3,
130
+ cssImage: {
131
+ top: withComponent ? '4.9%' : '4.5%',
132
+ width: withComponent ? '91%' : '92%'
133
+ },
134
+ ratio: withComponent ? 9 / 15.95 : 9 / 16
135
+ });
136
+ break;
137
+ case 'androidWide':
138
+ properties = Object.assign(Object.assign({}, properties), {
139
+ typeDevice: img$2,
140
+ cssImage: {
141
+ top: withComponent ? '4.3%' : '4%',
142
+ width: withComponent ? '91%' : '92%'
143
+ },
144
+ ratio: 9 / 20
145
+ });
146
+ break;
147
+ case 'iphone':
148
+ properties = Object.assign(Object.assign({}, properties), {
149
+ typeDevice: img$1,
150
+ cssImage: {
151
+ top: withComponent && clickableComponent ? '6.5%' : '2.5%',
152
+ width: withComponent ? '87%' : '88%'
153
+ },
154
+ ratio: withComponent && clickableComponent ? 9 / 18.8 : 9 / 19.5
155
+ });
156
+ break;
157
+ case 'desktop':
158
+ properties = Object.assign(Object.assign({}, properties), {
159
+ typeDevice: img,
160
+ cssImage: {
161
+ top: withComponent ? '4%' : '3.5%',
162
+ width: withComponent ? '83%' : '84%'
163
+ },
164
+ ratio: 16 / 9
165
+ });
166
+ break;
167
+ }
168
+ const nextSlide = () => {
169
+ var _a;
170
+ if (((_a = props.children) === null || _a === void 0 ? void 0 : _a.length) !== currentImgIdx + 1) {
171
+ setImageIdx(prev => prev + 1);
172
+ }
173
+ };
174
+ const prevSlide = () => {
175
+ if (currentImgIdx !== 0) {
176
+ setImageIdx(prev => prev - 1);
177
+ }
178
+ };
179
+ React.useEffect(() => {
180
+ if (props.withComponent || (props === null || props === void 0 ? void 0 : props.variant)) {
181
+ setTimeout(() => {
182
+ setRender(prev => prev + 1);
183
+ }, 100);
184
+ }
185
+ }, [props.withComponent, props === null || props === void 0 ? void 0 : props.variant]);
186
+ const renderVariant = variant => {
187
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
188
+ switch (variant) {
189
+ case 'sms':
190
+ return jsxs(Box, {
191
+ css: {
192
+ height: '100%'
193
+ },
194
+ children: [jsx("style", {
195
+ "data-frame": true,
196
+ id: "stitches",
197
+ dangerouslySetInnerHTML: {
198
+ __html: getCssText()
199
+ }
200
+ }), jsx(IFrameComponent, {
201
+ styleSelector: "style[data-frame]",
202
+ css: {
203
+ border: 'none',
204
+ width: '100%',
205
+ height: '100%',
206
+ overflow: 'hidden',
207
+ zIndex: 1
208
+ },
209
+ children: jsxs(Box, {
210
+ css: {
211
+ position: 'relative'
212
+ },
213
+ children: [jsx(Image, {
214
+ width: "100%",
215
+ height: "100%",
216
+ objectFit: props.typeDevice === 'android' ? 'fill' : 'cover',
217
+ src: img$7,
218
+ alt: "sms-preview"
219
+ }), jsx(Box, {
220
+ css: {
221
+ position: 'absolute',
222
+ left: '20%',
223
+ top: '2%',
224
+ right: '5%'
225
+ },
226
+ children: jsx(Box, {
227
+ css: {
228
+ color: '$textWhite',
229
+ fontSize: 12
230
+ },
231
+ children: content === null || content === void 0 ? void 0 : content.sender
232
+ })
233
+ }), jsx(Box, {
234
+ css: {
235
+ position: 'absolute',
236
+ right: '5%',
237
+ bottom: '12%',
238
+ paddingLeft: 15
239
+ },
240
+ children: typeof (content === null || content === void 0 ? void 0 : content.message) === 'string' ? jsx(CardMessage, {
241
+ variant: "sms",
242
+ children: content === null || content === void 0 ? void 0 : content.message
243
+ }) : jsx(CardMessage, {
244
+ variant: "sms",
245
+ children: (_a = content === null || content === void 0 ? void 0 : content.message) === null || _a === void 0 ? void 0 : _a.call(content)
246
+ })
247
+ })]
248
+ })
249
+ })]
250
+ });
251
+ case 'whatsapp':
252
+ return jsxs(Box, {
253
+ css: {
254
+ height: '100%'
255
+ },
256
+ children: [jsx("style", {
257
+ "data-frame": true,
258
+ id: "stitches",
259
+ dangerouslySetInnerHTML: {
260
+ __html: getCssText()
261
+ }
262
+ }), jsx(IFrameComponent, {
263
+ styleSelector: "style[data-frame]",
264
+ css: {
265
+ border: 'none',
266
+ width: '100%',
267
+ height: '100%',
268
+ zIndex: 3
269
+ },
270
+ children: jsxs(Box, {
271
+ css: {
272
+ position: 'relative'
273
+ },
274
+ children: [jsx(Image, {
275
+ width: "100%",
276
+ height: "100%",
277
+ objectFit: props.typeDevice === 'android' ? 'fill' : 'cover',
278
+ src: img$6,
279
+ alt: "whatsapp-preview",
280
+ css: {
281
+ borderRadius: 8
282
+ }
283
+ }), jsx(Box, {
284
+ css: {
285
+ position: 'absolute',
286
+ top: 6,
287
+ paddingLeft: '$spacing-05'
288
+ },
289
+ children: jsxs(Flex, {
290
+ gap: 3,
291
+ align: "center",
292
+ children: [(content === null || content === void 0 ? void 0 : content.icon) || jsx(DevicePreviewProfileIcon, {}), jsxs(Flex, {
293
+ direction: "column",
294
+ children: [jsx(Paragraph, {
295
+ paragraph: "shortContentBold",
296
+ css: {
297
+ fontSize: 10,
298
+ lineHeight: 'unset'
299
+ },
300
+ children: typeof (content === null || content === void 0 ? void 0 : content.sender) === 'function' ? (_b = content === null || content === void 0 ? void 0 : content.sender) === null || _b === void 0 ? void 0 : _b.call(content) : content === null || content === void 0 ? void 0 : content.sender
301
+ }), jsx(Text, {
302
+ variant: "helper",
303
+ color: "secondary",
304
+ css: {
305
+ fontSize: 8,
306
+ lineHeight: 'unset'
307
+ },
308
+ children: "tap here for contact info"
309
+ })]
310
+ })]
311
+ })
312
+ }), jsx(Box, {
313
+ css: {
314
+ position: 'absolute',
315
+ right: '5%',
316
+ bottom: '12%',
317
+ maxHeight: '75%',
318
+ paddingLeft: 15,
319
+ overflow: 'auto',
320
+ '&::-webkit-scrollbar': {
321
+ width: 3
322
+ },
323
+ '&::-webkit-scrollbar-track': {
324
+ boxShadow: 'inset 0 0 6px $gray200'
325
+ },
326
+ '&::-webkit-scrollbar-thumb': {
327
+ backgroundColor: '$gray150',
328
+ outline: '1px solid $gray150'
329
+ }
330
+ },
331
+ children: typeof (content === null || content === void 0 ? void 0 : content.message) === 'string' ? jsx(CardMessage, {
332
+ variant: "whatsapp",
333
+ children: content === null || content === void 0 ? void 0 : content.message
334
+ }) : jsx(CardMessage, {
335
+ variant: "whatsapp",
336
+ children: (_c = content === null || content === void 0 ? void 0 : content.message) === null || _c === void 0 ? void 0 : _c.call(content)
337
+ })
338
+ })]
339
+ })
340
+ })]
341
+ });
342
+ case 'email':
343
+ return jsxs(Box, {
344
+ css: {
345
+ height: '100%'
346
+ },
347
+ children: [jsx("style", {
348
+ "data-frame": true,
349
+ id: "stitches",
350
+ dangerouslySetInnerHTML: {
351
+ __html: getCssText()
352
+ }
353
+ }), jsx(IFrameComponent, {
354
+ styleSelector: "style[data-frame]",
355
+ css: {
356
+ border: 'none',
357
+ width: '100%',
358
+ height: '100%',
359
+ overflow: 'hidden',
360
+ zIndex: 1
361
+ },
362
+ children: jsxs(Box, {
363
+ css: {
364
+ position: 'relative',
365
+ borderRadius: 8,
366
+ overflow: 'auto',
367
+ '&::-webkit-scrollbar': {
368
+ width: 3
369
+ },
370
+ '&::-webkit-scrollbar-track': {
371
+ boxShadow: 'inset 0 0 6px $gray200'
372
+ },
373
+ '&::-webkit-scrollbar-thumb': {
374
+ backgroundColor: '$gray150',
375
+ outline: '1px solid $gray150'
376
+ }
377
+ },
378
+ children: [jsx(Image, {
379
+ width: "100%",
380
+ height: "100%",
381
+ objectFit: props.typeDevice === 'android' ? 'fill' : 'cover',
382
+ src: img$5,
383
+ alt: "email-preview"
384
+ }), jsx(Box, {
385
+ css: {
386
+ position: 'absolute',
387
+ top: '7%',
388
+ left: 0,
389
+ right: 0
390
+ },
391
+ children: jsxs(Flex, {
392
+ direction: "column",
393
+ gap: 6,
394
+ children: [jsxs(Flex, {
395
+ css: {
396
+ backgroundColor: '$bgWhite',
397
+ paddingBottom: 4
398
+ },
399
+ direction: "column",
400
+ gap: 1,
401
+ children: [jsx(Paragraph, {
402
+ css: {
403
+ color: '$textPrimary',
404
+ padding: '0px 8px'
405
+ },
406
+ children: typeof (content === null || content === void 0 ? void 0 : content.subject) === 'string' ? content === null || content === void 0 ? void 0 : content.subject : (_d = content === null || content === void 0 ? void 0 : content.subject) === null || _d === void 0 ? void 0 : _d.call(content)
407
+ }), jsxs(Flex, {
408
+ direction: "row",
409
+ align: "center",
410
+ gap: 2,
411
+ children: [jsx(Flex, {
412
+ css: {
413
+ fontWeight: 400,
414
+ fontSize: 14,
415
+ borderRadius: 50,
416
+ height: 32,
417
+ width: 32,
418
+ color: '$textWhite',
419
+ backgroundColor: '$bgBrand',
420
+ justifyContent: 'center',
421
+ alignItems: 'center',
422
+ marginLeft: 8
423
+ },
424
+ children: (_e = content === null || content === void 0 ? void 0 : content.sender) === null || _e === void 0 ? void 0 : _e[0]
425
+ }), jsxs(Flex, {
426
+ direction: "column",
427
+ css: {
428
+ padding: '0px 8px'
429
+ },
430
+ children: [jsx(Paragraph, {
431
+ css: {
432
+ fontSize: 12,
433
+ color: '$textPrimary'
434
+ },
435
+ children: typeof (content === null || content === void 0 ? void 0 : content.sender) === 'string' ? content === null || content === void 0 ? void 0 : content.sender : (_f = content === null || content === void 0 ? void 0 : content.sender) === null || _f === void 0 ? void 0 : _f.call(content)
436
+ }), jsx(Paragraph, {
437
+ css: {
438
+ fontSize: 10,
439
+ color: '$textSecondary',
440
+ marginTop: '-4px'
441
+ },
442
+ children: "To : me"
443
+ })]
444
+ })]
445
+ })]
446
+ }), jsx(Box, {
447
+ css: {
448
+ fontSize: 12,
449
+ color: '$textPrimary',
450
+ lineHeight: '16px',
451
+ overflowWrap: 'break-word',
452
+ wordWrap: 'break-word',
453
+ padding: '0px 8px'
454
+ },
455
+ children: typeof (content === null || content === void 0 ? void 0 : content.message) === 'string' ? content === null || content === void 0 ? void 0 : content.message : (_g = content === null || content === void 0 ? void 0 : content.message) === null || _g === void 0 ? void 0 : _g.call(content)
456
+ })]
457
+ })
458
+ })]
459
+ })
460
+ })]
461
+ });
462
+ case 'notification':
463
+ return jsxs(Box, {
464
+ css: {
465
+ height: '100%'
466
+ },
467
+ children: [jsx("style", {
468
+ "data-frame": true,
469
+ id: "stitches",
470
+ dangerouslySetInnerHTML: {
471
+ __html: getCssText()
472
+ }
473
+ }), jsx(IFrameComponent, {
474
+ styleSelector: "style[data-frame]",
475
+ css: {
476
+ border: 'none',
477
+ width: '100%',
478
+ height: '100%',
479
+ overflow: 'hidden',
480
+ zIndex: 1,
481
+ position: 'relative'
482
+ },
483
+ children: jsxs(Box, {
484
+ css: {
485
+ position: 'relative'
486
+ },
487
+ children: [jsx(Image, {
488
+ width: "100%",
489
+ height: "100%",
490
+ objectFit: props.typeDevice === 'android' ? 'fill' : 'cover',
491
+ src: img$4,
492
+ alt: "whatsapp-preview"
493
+ }), jsx(Box, {
494
+ css: {
495
+ position: 'absolute',
496
+ left: '4%',
497
+ top: '35%',
498
+ right: '4%'
499
+ },
500
+ children: jsxs(Flex, {
501
+ direction: "column",
502
+ css: {
503
+ backgroundColor: '$bgWhite',
504
+ borderRadius: 10,
505
+ padding: '$spacing-03'
506
+ },
507
+ children: [jsxs(Flex, {
508
+ justify: "between",
509
+ align: "center",
510
+ children: [jsxs(Flex, {
511
+ gap: 2,
512
+ align: "center",
513
+ children: [(content === null || content === void 0 ? void 0 : content.icon) || jsx(DevicePreviewProfileIcon, {
514
+ css: {
515
+ size: 10
516
+ }
517
+ }), jsx(Paragraph, {
518
+ css: {
519
+ fontSize: 8,
520
+ color: '$textPrimary'
521
+ },
522
+ children: typeof (content === null || content === void 0 ? void 0 : content.sender) === 'string' ? content === null || content === void 0 ? void 0 : content.sender : (_h = content === null || content === void 0 ? void 0 : content.sender) === null || _h === void 0 ? void 0 : _h.call(content)
523
+ }), jsx(Paragraph, {
524
+ css: {
525
+ fontSize: 8,
526
+ color: '$textSecondary'
527
+ },
528
+ children: "now"
529
+ })]
530
+ }), jsx(ChevronUpOutline, {
531
+ size: 14
532
+ })]
533
+ }), jsx(Paragraph, {
534
+ css: {
535
+ fontSize: 10,
536
+ color: '$textPrimary',
537
+ fontWeight: 500
538
+ },
539
+ children: typeof (content === null || content === void 0 ? void 0 : content.title) === 'string' ? content === null || content === void 0 ? void 0 : content.title : (_j = content === null || content === void 0 ? void 0 : content.title) === null || _j === void 0 ? void 0 : _j.call(content)
540
+ }), jsx(Paragraph, {
541
+ css: {
542
+ fontSize: 9,
543
+ color: '$textSecondary',
544
+ lineHeight: '14px !important',
545
+ overflowWrap: 'break-word',
546
+ wordWrap: 'break-word'
547
+ },
548
+ children: typeof (content === null || content === void 0 ? void 0 : content.message) === 'string' ? content === null || content === void 0 ? void 0 : content.message : (_k = content === null || content === void 0 ? void 0 : content.message) === null || _k === void 0 ? void 0 : _k.call(content)
549
+ })]
550
+ })
551
+ })]
552
+ })
553
+ })]
554
+ });
555
+ default:
556
+ return jsx(Img, {
557
+ src: props.src,
558
+ alt: props.alt ? props.alt : 'preview-image'
559
+ });
560
+ }
561
+ };
562
+ return jsxs(Flex, {
563
+ align: "center",
564
+ gap: "6",
565
+ children: [props.carousel && jsx(IconStyled, {
566
+ type: "button",
567
+ onClick: prevSlide,
568
+ buttonType: "secondary",
569
+ children: jsx(ChevronLeftOutline, {
570
+ color: colors.btnPrimary
571
+ })
572
+ }), jsxs(Flex, {
573
+ align: "center",
574
+ justify: "center",
575
+ css: {
576
+ position: 'relative',
577
+ margin: '0',
578
+ display: 'inline-block',
579
+ width: props.size ? props.size : '176.15px'
580
+ },
581
+ children: [jsx("img", {
582
+ style: {
583
+ width: props.size ? props.size : undefined,
584
+ position: 'relative',
585
+ zIndex: withComponent && clickableComponent || (props === null || props === void 0 ? void 0 : props.variant) === 'whatsapp' || (props === null || props === void 0 ? void 0 : props.variant) === 'email' ? 1 : 2
586
+ },
587
+ src: properties.typeDevice,
588
+ alt: "device-preview"
589
+ }), jsx(ContainerImage, {
590
+ css: Object.assign(Object.assign({}, properties.cssImage), {
591
+ zIndex: 1
592
+ }),
593
+ children: jsx(AspectRatioPrimitive.Root, {
594
+ ratio: properties.ratio,
595
+ children: props.carousel ? props === null || props === void 0 ? void 0 : props.children[currentImgIdx] : props.withComponent ? jsxs(Box, {
596
+ css: {
597
+ height: '100%'
598
+ },
599
+ children: [jsx("style", {
600
+ "data-frame": true,
601
+ id: "stitches",
602
+ dangerouslySetInnerHTML: {
603
+ __html: getCssText()
604
+ }
605
+ }), jsx(IFrameComponent, {
606
+ styleSelector: "style[data-frame]",
607
+ css: {
608
+ border: 'none',
609
+ width: '100%',
610
+ height: '100%',
611
+ overflowY: 'auto',
612
+ zIndex: 3
613
+ },
614
+ children: props.children
615
+ })]
616
+ }) : renderVariant(props.variant)
617
+ })
618
+ })]
619
+ }), props.carousel && jsx(IconStyled, {
620
+ type: "button",
621
+ onClick: nextSlide,
622
+ buttonType: "secondary",
623
+ children: jsx(ChevronRightOutline, {
624
+ color: colors.btnPrimary
625
+ })
626
+ })]
627
+ });
628
+ };
629
+ DevicePreview.displayName = 'DevicePreview';
630
+
631
+ export { ImageDevicePreview, DevicePreview as default };
@@ -0,0 +1,3 @@
1
+ var img = "data:image/png;base64,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";
2
+
3
+ export { img as default };