@athoscommerce/snap-preact 1.5.1-beta.112 → 1.5.1-beta.116

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 (33) hide show
  1. package/dist/cjs/components/src/components/Atoms/Dropdown/Dropdown.d.ts +3 -0
  2. package/dist/cjs/components/src/components/Atoms/Dropdown/Dropdown.d.ts.map +1 -1
  3. package/dist/cjs/components/src/components/Atoms/Dropdown/Dropdown.js +28 -7
  4. package/dist/cjs/components/src/components/Molecules/ChatAttachmentContext/ChatAttachmentContext.d.ts.map +1 -1
  5. package/dist/cjs/components/src/components/Molecules/ChatAttachmentContext/ChatAttachmentContext.js +3 -2
  6. package/dist/cjs/components/src/components/Molecules/ChatProductComparisonMessage/ChatProductComparisonMessage.d.ts.map +1 -1
  7. package/dist/cjs/components/src/components/Molecules/ChatProductComparisonMessage/ChatProductComparisonMessage.js +22 -2
  8. package/dist/cjs/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.d.ts.map +1 -1
  9. package/dist/cjs/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.js +96 -66
  10. package/dist/cjs/components/src/components/Organisms/Chat/Chat.d.ts.map +1 -1
  11. package/dist/cjs/components/src/components/Organisms/Chat/Chat.js +276 -76
  12. package/dist/cjs/components/src/components/Organisms/Chat/Chat.styles.d.ts.map +1 -1
  13. package/dist/cjs/components/src/components/Organisms/Chat/Chat.styles.js +217 -178
  14. package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatFileUpload.js +4 -4
  15. package/dist/cjs/src/Templates/SnapTemplates.d.ts.map +1 -1
  16. package/dist/cjs/src/Templates/SnapTemplates.js +1 -1
  17. package/dist/esm/components/src/components/Atoms/Dropdown/Dropdown.d.ts +3 -0
  18. package/dist/esm/components/src/components/Atoms/Dropdown/Dropdown.d.ts.map +1 -1
  19. package/dist/esm/components/src/components/Atoms/Dropdown/Dropdown.js +26 -8
  20. package/dist/esm/components/src/components/Molecules/ChatAttachmentContext/ChatAttachmentContext.d.ts.map +1 -1
  21. package/dist/esm/components/src/components/Molecules/ChatAttachmentContext/ChatAttachmentContext.js +3 -2
  22. package/dist/esm/components/src/components/Molecules/ChatProductComparisonMessage/ChatProductComparisonMessage.d.ts.map +1 -1
  23. package/dist/esm/components/src/components/Molecules/ChatProductComparisonMessage/ChatProductComparisonMessage.js +22 -2
  24. package/dist/esm/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.d.ts.map +1 -1
  25. package/dist/esm/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.js +94 -65
  26. package/dist/esm/components/src/components/Organisms/Chat/Chat.d.ts.map +1 -1
  27. package/dist/esm/components/src/components/Organisms/Chat/Chat.js +240 -45
  28. package/dist/esm/components/src/components/Organisms/Chat/Chat.styles.d.ts.map +1 -1
  29. package/dist/esm/components/src/components/Organisms/Chat/Chat.styles.js +73 -8
  30. package/dist/esm/components/src/components/Organisms/Chat/hooks/useChatFileUpload.js +3 -3
  31. package/dist/esm/src/Templates/SnapTemplates.d.ts.map +1 -1
  32. package/dist/esm/src/Templates/SnapTemplates.js +4 -1
  33. package/package.json +12 -12
package/dist/cjs/components/src/components/Organisms/Chat/Chat.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chat.styles.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/Chat.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,cAAc,CA0mCzD,CAAC"}
1
+ {"version":3,"file":"Chat.styles.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/Chat.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,cAAc,CA2qCzD,CAAC"}
package/dist/cjs/components/src/components/Organisms/Chat/Chat.styles.js CHANGED
@@ -30,179 +30,215 @@ var chatDefaultStyles = function (_a) {
30
30
  var colorSecondaryAccentText = secondaryAccentColorFg;
31
31
  var colorSecondaryAccentHover = new utilities_1.Colour(secondaryAccentColorBg).darkenHex();
32
32
  var offsetValue = offset !== undefined ? (typeof offset === 'number' ? "".concat(offset, "px") : offset) : undefined;
33
- return (0, react_1.css)((_b = {
34
- position: 'fixed'
35
- },
36
- _b[horizontalAnchor] = '20px',
37
- _b.bottom = '20px',
38
- _b.zIndex = 1002,
39
- _b.color = '#333',
40
- _b['@keyframes ss-chat-slide-up'] = {
41
- from: { transform: 'translateY(100%)' },
42
- to: { transform: 'translateY(0)' },
43
- },
44
- _b['.ss__chat__primary'] = __assign(__assign({}, (mobile
45
- ? { width: '100%', height: '100%' }
46
- : hasSideChat
47
- ? { flex: '1 1 0', minWidth: 0, maxWidth: 600, height: '70vh' }
48
- : { width: 600, maxWidth: 'calc(100vw - 60px)', height: '70vh' })), { display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', overflow: 'hidden', order: isRight ? 2 : 1, '.ss__chat__header__title': {
49
- gap: '22px',
50
- }, '.ss__chat__messages': {
51
- padding: '1em',
52
- } }),
53
- _b['.ss__chat__secondary'] = __assign(__assign(__assign(__assign(__assign(__assign({}, (mobile
54
- ? {
55
- width: '100%',
56
- maxWidth: '100%',
57
- height: "calc(100% - 70px".concat(footerHeight > 0 ? " - ".concat(footerHeight, "px") : '', ")"),
58
- maxHeight: "calc(100% - 70px".concat(footerHeight > 0 ? " - ".concat(footerHeight, "px") : '', ")"),
59
- }
60
- : { flex: '1 1 0', minWidth: 0, maxWidth: 600, height: '70vh', maxHeight: '70vh' })), { display: 'flex', flexDirection: 'column', overflow: 'hidden', order: isRight ? 1 : 2 }), (mobile
61
- ? {
62
- position: 'absolute',
63
- bottom: footerHeight > 0 ? footerHeight : 0,
64
- left: 0,
65
- right: 0,
66
- zIndex: 10,
67
- borderTopLeftRadius: '12px',
68
- borderTopRightRadius: '12px',
69
- overflow: 'hidden',
70
- overscrollBehavior: 'contain',
71
- boxShadow: '0 -4px 20px rgba(0, 0, 0, 0.15)',
72
- background: '#fff',
73
- willChange: 'transform',
74
- animation: 'ss-chat-slide-up 0.3s ease-out',
75
- }
76
- : {})), { '.ss__chat__secondary__drag-handle': {
77
- display: 'flex',
78
- justifyContent: 'center',
79
- alignItems: 'center',
80
- padding: '10px 0 2px',
81
- background: colorPrimary,
33
+ return (0, react_1.css)(__assign(__assign((_b = { position: 'fixed' }, _b[horizontalAnchor] = '20px', _b.bottom = '20px', _b.zIndex = 1002, _b.color = '#333', _b['@keyframes ss-chat-slide-up'] = {
34
+ from: { transform: 'translateY(100%)' },
35
+ to: { transform: 'translateY(0)' },
36
+ }, _b['.ss__chat__primary'] = __assign(__assign({}, (mobile
37
+ ? { width: '100%', height: '100%' }
38
+ : hasSideChat
39
+ ? { flex: '1 1 0', minWidth: 0, maxWidth: 600, height: '70vh' }
40
+ : { width: 600, maxWidth: 'calc(100vw - 60px)', height: '70vh' })), { display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', overflow: 'hidden', order: isRight ? 2 : 1, '.ss__chat__header__title': {
41
+ gap: '22px',
42
+ }, '.ss__chat__messages': {
43
+ padding: '1em',
44
+ } }), _b['.ss__chat__secondary'] = __assign(__assign(__assign(__assign(__assign(__assign({}, (mobile
45
+ ? {
46
+ width: '100%',
47
+ maxWidth: '100%',
48
+ height: "calc(100% - 70px".concat(footerHeight > 0 ? " - ".concat(footerHeight, "px") : '', ")"),
49
+ maxHeight: "calc(100% - 70px".concat(footerHeight > 0 ? " - ".concat(footerHeight, "px") : '', ")"),
50
+ }
51
+ : { flex: '1 1 0', minWidth: 0, maxWidth: 600, height: '70vh', maxHeight: '70vh' })), { display: 'flex', flexDirection: 'column', overflow: 'hidden', order: isRight ? 1 : 2 }), (mobile
52
+ ? {
53
+ position: 'absolute',
54
+ bottom: footerHeight > 0 ? footerHeight : 0,
55
+ left: 0,
56
+ right: 0,
57
+ zIndex: 10,
58
+ borderTopLeftRadius: '12px',
59
+ borderTopRightRadius: '12px',
60
+ overflow: 'hidden',
61
+ overscrollBehavior: 'contain',
62
+ boxShadow: '0 -4px 20px rgba(0, 0, 0, 0.15)',
63
+ background: '#fff',
64
+ willChange: 'transform',
65
+ animation: 'ss-chat-slide-up 0.3s ease-out',
66
+ }
67
+ : {})), { '.ss__chat__secondary__drag-handle': {
68
+ display: 'flex',
69
+ justifyContent: 'center',
70
+ alignItems: 'center',
71
+ padding: '10px 0 2px',
72
+ background: colorPrimary,
73
+ touchAction: 'none',
74
+ cursor: 'grab',
75
+ '.ss__chat__secondary__drag-handle__indicator': {
76
+ width: '36px',
77
+ height: '4px',
78
+ borderRadius: '2px',
79
+ background: 'rgba(255, 255, 255, 0.4)',
80
+ },
81
+ } }), (mobile
82
+ ? {
83
+ '.ss__chat__header': {
82
84
  touchAction: 'none',
83
85
  cursor: 'grab',
84
- '.ss__chat__secondary__drag-handle__indicator': {
85
- width: '36px',
86
- height: '4px',
87
- borderRadius: '2px',
88
- background: 'rgba(255, 255, 255, 0.4)',
89
- },
90
- } }), (mobile
91
- ? {
92
- '.ss__chat__header': {
93
- touchAction: 'none',
94
- cursor: 'grab',
95
- },
96
- }
97
- : {})), { '.ss__chat__header__title': {
98
- flexDirection: 'column',
99
- gap: '2px',
100
- '.ss__chat__header__title__primary': {
101
- fontWeight: 'bold',
102
- },
103
- '.ss__chat__header__title__secondary': {
104
- fontSize: '80%',
105
- opacity: 0.85,
106
- },
107
- }, '.ss__chat__messages': {
108
- background: '#fff!important',
109
- } }),
110
- _b['.ss__button'] = {
111
- border: 'none',
112
- background: 'none',
113
- color: 'inherit',
114
- '&:not(.ss__button--disabled):hover': {
115
- background: new utilities_1.Colour(colorPrimary).lightenHex(0.85),
116
- },
117
- svg: {
118
- fill: colorPrimary,
119
- stroke: colorPrimary,
120
86
  },
121
- },
122
- _b['.ss__chat__bubble'] = (_c = {
123
- position: mobile ? 'fixed' : 'absolute',
124
- bottom: mobile ? '20px' : 0
125
- },
126
- _c[horizontalAnchor] = mobile ? '20px' : 0,
127
- _c.width = '60px',
128
- _c.height = '60px',
129
- _c.borderRadius = '50%',
130
- _c.background = colorPrimary,
131
- _c.color = colorPrimaryText,
132
- _c.display = 'flex',
133
- _c.alignItems = 'center',
134
- _c.justifyContent = 'center',
135
- _c.cursor = 'pointer',
136
- _c.fontSize = '24px',
137
- _c.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)',
138
- _c.zIndex = 10,
139
- _c.border = 'none',
140
- _c.padding = 0,
141
- _c.font = 'inherit',
142
- _c['&:hover'] = {
143
- background: colorPrimaryHover,
144
- transform: 'scale(1.05)',
145
- },
146
- _c['&:focus-visible'] = {
147
- outline: "2px solid ".concat(colorPrimary),
148
- outlineOffset: '4px',
149
- },
150
- _c['.ss__icon'] = {
151
- height: '33px',
152
- width: '33px',
153
- fill: colorPrimaryText,
154
- stroke: colorPrimaryText,
87
+ }
88
+ : {})), { '.ss__chat__header__title': {
89
+ flexDirection: 'column',
90
+ gap: '2px',
91
+ '.ss__chat__header__title__primary': {
92
+ fontWeight: 'bold',
155
93
  },
156
- _c),
157
- _b['.ss__chat__suggested-questions'] = (_d = {
158
- position: mobile ? 'fixed' : 'absolute',
159
- bottom: mobile ? '90px' : '70px'
94
+ '.ss__chat__header__title__secondary': {
95
+ fontSize: '80%',
96
+ opacity: 0.85,
160
97
  },
161
- _d[horizontalAnchor] = mobile ? '20px' : 0,
162
- _d.display = 'flex',
163
- _d.flexDirection = 'column',
164
- _d.gap = '8px',
165
- _d.width = '250px',
166
- _d.zIndex = 10,
167
- _d['.ss__chat__suggested-questions__item'] = {
168
- background: '#fff',
169
- borderRadius: '12px',
170
- padding: '12px 16px',
171
- fontSize: '14px',
172
- color: '#333',
173
- boxShadow: '0 2px 8px rgba(0, 0, 0, 0.2)',
174
- cursor: 'pointer',
175
- lineHeight: 1.4,
176
- '&:hover': {
177
- boxShadow: '0 4px 12px rgba(0, 0, 0, 0.2)',
178
- },
98
+ }, '.ss__chat__messages': {
99
+ background: '#fff!important',
100
+ } }), _b['.ss__button'] = {
101
+ border: 'none',
102
+ background: 'none',
103
+ color: 'inherit',
104
+ '&:not(.ss__button--disabled):hover': {
105
+ background: new utilities_1.Colour(colorPrimary).lightenHex(0.85),
106
+ },
107
+ svg: {
108
+ fill: colorPrimary,
109
+ stroke: colorPrimary,
110
+ },
111
+ }, _b['.ss__chat__bubble'] = (_c = {
112
+ position: mobile ? 'fixed' : 'absolute',
113
+ bottom: mobile ? '20px' : 0
114
+ },
115
+ _c[horizontalAnchor] = mobile ? '20px' : 0,
116
+ _c.width = '60px',
117
+ _c.height = '60px',
118
+ _c.borderRadius = '50%',
119
+ _c.background = colorPrimary,
120
+ _c.color = colorPrimaryText,
121
+ _c.display = 'flex',
122
+ _c.alignItems = 'center',
123
+ _c.justifyContent = 'center',
124
+ _c.cursor = 'pointer',
125
+ _c.fontSize = '24px',
126
+ _c.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)',
127
+ _c.zIndex = 10,
128
+ _c.border = 'none',
129
+ _c.padding = 0,
130
+ _c.font = 'inherit',
131
+ _c['&:hover'] = {
132
+ background: colorPrimaryHover,
133
+ transform: 'scale(1.05)',
134
+ },
135
+ _c['&:focus-visible'] = {
136
+ outline: "2px solid ".concat(colorPrimary),
137
+ outlineOffset: '4px',
138
+ },
139
+ _c['.ss__icon'] = {
140
+ height: '33px',
141
+ width: '33px',
142
+ fill: colorPrimaryText,
143
+ stroke: colorPrimaryText,
144
+ },
145
+ _c), _b['.ss__chat__suggested-questions'] = (_d = {
146
+ position: mobile ? 'fixed' : 'absolute',
147
+ bottom: mobile ? '90px' : '70px'
148
+ },
149
+ _d[horizontalAnchor] = mobile ? '20px' : 0,
150
+ _d.display = 'flex',
151
+ _d.flexDirection = 'column',
152
+ _d.gap = '8px',
153
+ _d.width = '250px',
154
+ _d.zIndex = 10,
155
+ _d['.ss__chat__suggested-questions__item'] = {
156
+ background: '#fff',
157
+ borderRadius: '12px',
158
+ padding: '12px 16px',
159
+ fontSize: '14px',
160
+ color: '#333',
161
+ boxShadow: '0 2px 8px rgba(0, 0, 0, 0.2)',
162
+ cursor: 'pointer',
163
+ lineHeight: 1.4,
164
+ '&:hover': {
165
+ boxShadow: '0 4px 12px rgba(0, 0, 0, 0.2)',
179
166
  },
180
- _d),
181
- _b['&.ss__chat--minimized'] = {
182
- width: '60px',
183
- height: '60px',
184
- minHeight: '60px',
185
167
  },
186
- _b['&.ss__chat--open'] = __assign(__assign({ display: 'flex', flexDirection: mobile ? 'column' : 'row', gap: mobile ? 0 : '12px' }, (mobile
187
- ? {
168
+ _d), _b['&.ss__chat--minimized'] = {
169
+ width: '60px',
170
+ height: '60px',
171
+ minHeight: '60px',
172
+ }, _b['&.ss__chat--open'] = __assign(__assign(__assign({ display: 'flex', flexDirection: mobile ? 'column' : 'row', gap: mobile ? 0 : '12px' }, (mobile
173
+ ? {
174
+ top: offsetValue || 0,
175
+ left: 0,
176
+ right: 0,
177
+ bottom: 0,
178
+ width: '100%',
179
+ height: offsetValue ? "calc(100% - ".concat(offsetValue, ")") : '100%',
180
+ }
181
+ : {
182
+ // Hug the content width — two 600px panels + 12px gap — so the
183
+ // container stays anchored to its side instead of stretching to
184
+ // the opposite viewport edge when the side chat opens.
185
+ width: hasSideChat ? 'min(calc(100vw - 60px), 1212px)' : 'auto',
186
+ maxWidth: 'calc(100vw - 60px)',
187
+ maxHeight: 'calc(100vh - 40px)',
188
+ })), { '.ss__chat__bubble': {
189
+ display: 'none',
190
+ } }), (mobile
191
+ ? {}
192
+ : {
193
+ '@media (max-height: 800px)': {
188
194
  top: offsetValue || 0,
189
- left: 0,
190
- right: 0,
191
195
  bottom: 0,
192
- width: '100%',
193
- height: offsetValue ? "calc(100% - ".concat(offsetValue, ")") : '100%',
194
- }
195
- : {
196
- // Hug the content width — two 600px panels + 12px gap — so the
197
- // container stays anchored to its side instead of stretching to
198
- // the opposite viewport edge when the side chat opens.
199
- width: hasSideChat ? 'min(calc(100vw - 60px), 1212px)' : 'auto',
200
- maxWidth: 'calc(100vw - 60px)',
201
- maxHeight: 'calc(100vh - 40px)',
202
- })), { '.ss__chat__bubble': {
203
- display: 'none',
204
- } }),
205
- _b['.ss__chat__header'] = {
196
+ height: offsetValue ? "calc(100vh - ".concat(offsetValue, ")") : '100vh',
197
+ maxHeight: offsetValue ? "calc(100vh - ".concat(offsetValue, ")") : '100vh',
198
+ '.ss__chat__primary': {
199
+ height: '100%',
200
+ },
201
+ '.ss__chat__secondary': {
202
+ height: '100%',
203
+ maxHeight: '100%',
204
+ },
205
+ // The default 90vh cap on chat content would leave unfilled space when
206
+ // the chat stretches to 100vh; primary's justifyContent: flex-end then
207
+ // pushes its content down while secondary stays anchored to the top,
208
+ // making the panels appear misaligned.
209
+ '.ss__chat__content': {
210
+ maxHeight: '100%',
211
+ },
212
+ },
213
+ })), _b), (mobile
214
+ ? {}
215
+ : {
216
+ '&.ss__chat--welcome.ss__chat--open': {
217
+ '.ss__chat__primary': {
218
+ height: 'auto',
219
+ },
220
+ // With an auto-sized panel, the messages container's overflow/maxHeight
221
+ // constraints (and the welcome's minHeight: 100%) resolve against an
222
+ // undefined parent height and produce a stray scrollbar / clipped layout.
223
+ // Let everything flow at its natural size.
224
+ '.ss__chat__messages': {
225
+ overflow: 'visible',
226
+ maxHeight: 'none',
227
+ },
228
+ '.ss__chat__welcome': {
229
+ minHeight: 0,
230
+ },
231
+ '@media (max-height: 800px)': {
232
+ top: 'auto',
233
+ bottom: '20px',
234
+ height: 'auto',
235
+ maxHeight: 'calc(100vh - 40px)',
236
+ '.ss__chat__primary': {
237
+ height: 'auto',
238
+ },
239
+ },
240
+ },
241
+ })), { '.ss__chat__header': {
206
242
  display: 'flex',
207
243
  justifyContent: 'space-between',
208
244
  alignItems: 'center',
@@ -268,7 +304,7 @@ var chatDefaultStyles = function (_a) {
268
304
  top: 6,
269
305
  right: 0,
270
306
  background: 'white',
271
- zIndex: 2,
307
+ zIndex: 21,
272
308
  boxShadow: '0px 3px 6px 0px rgba(0, 0, 0, 0.2)',
273
309
  borderRadius: '6px',
274
310
  display: 'flex',
@@ -297,7 +333,7 @@ var chatDefaultStyles = function (_a) {
297
333
  },
298
334
  '.ss__chat__history__chats': {
299
335
  display: 'flex',
300
- flexDirection: 'column-reverse',
336
+ flexDirection: 'column',
301
337
  gap: 5,
302
338
  maxHeight: '300px',
303
339
  overflowY: 'auto',
@@ -318,8 +354,7 @@ var chatDefaultStyles = function (_a) {
318
354
  },
319
355
  },
320
356
  },
321
- },
322
- _b['.ss__chat__session-feedback'] = {
357
+ }, '.ss__chat__session-feedback': {
323
358
  display: 'flex',
324
359
  alignItems: 'center',
325
360
  gap: '10px',
@@ -385,8 +420,7 @@ var chatDefaultStyles = function (_a) {
385
420
  stroke: colorPrimaryText,
386
421
  },
387
422
  },
388
- },
389
- _b['.ss__chat__content'] = {
423
+ }, '.ss__chat__content': {
390
424
  background: '#fff',
391
425
  maxHeight: mobile ? undefined : '90vh',
392
426
  overflow: 'hidden',
@@ -421,9 +455,9 @@ var chatDefaultStyles = function (_a) {
421
455
  '.ss__chat__content__header__comparisons': {
422
456
  display: 'flex',
423
457
  flexDirection: 'column',
424
- gap: '1em',
458
+ gap: '0.5em',
425
459
  background: new utilities_1.Colour(colorPrimary).lightenHex(0.95),
426
- padding: '1em',
460
+ padding: '0.5em 1em',
427
461
  '.ss__chat__content__header__comparisons__header': {
428
462
  display: 'flex',
429
463
  justifyContent: 'space-between',
@@ -527,7 +561,7 @@ var chatDefaultStyles = function (_a) {
527
561
  overscrollBehavior: 'contain',
528
562
  margin: 0,
529
563
  maxHeight: '100%',
530
- background: '#f9fafc',
564
+ background: new utilities_1.Colour(colorPrimary).lightenHex(0.95),
531
565
  '.ss__chat__messages__end': {
532
566
  height: '1px',
533
567
  },
@@ -589,10 +623,13 @@ var chatDefaultStyles = function (_a) {
589
623
  lineHeight: 1.5,
590
624
  color: '#333',
591
625
  padding: '2em',
592
- textAlign: 'center',
626
+ textAlign: 'left',
593
627
  },
594
- '.ss__chat__suggestions': {
628
+ '.ss__chat-suggested-questions': {
595
629
  marginTop: 'auto',
630
+ '.ss__chat-suggested-questions__item': {
631
+ padding: '8px 16px',
632
+ },
596
633
  },
597
634
  },
598
635
  },
@@ -642,7 +679,10 @@ var chatDefaultStyles = function (_a) {
642
679
  '.ss__chat__actions--suggested': {
643
680
  overflowX: 'scroll',
644
681
  },
645
- '.ss__chat__actions__facet': {},
682
+ '.ss__chat__actions__facet': {
683
+ padding: '1px', // make room for outline when focused
684
+ flexShrink: 0,
685
+ },
646
686
  '.ss__chat__actions__facets-dropdown': {
647
687
  '.ss__dropdown__content': {
648
688
  bottom: '0',
@@ -1084,7 +1124,6 @@ var chatDefaultStyles = function (_a) {
1084
1124
  alignSelf: 'center',
1085
1125
  },
1086
1126
  },
1087
- },
1088
- _b));
1127
+ } }));
1089
1128
  };
1090
1129
  exports.chatDefaultStyles = chatDefaultStyles;
package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatFileUpload.js CHANGED
@@ -72,7 +72,7 @@ var useChatFileUpload = function (_a) {
72
72
  setIsDraggingFile(false);
73
73
  };
74
74
  var onDrop = function (e) { return __awaiter(void 0, void 0, void 0, function () {
75
- var dropped, images, dt;
75
+ var dropped, firstImage, dt;
76
76
  var _a;
77
77
  return __generator(this, function (_b) {
78
78
  switch (_b.label) {
@@ -83,11 +83,11 @@ var useChatFileUpload = function (_a) {
83
83
  dragCounterRef.current = 0;
84
84
  setIsDraggingFile(false);
85
85
  dropped = Array.from(((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) || []);
86
- images = dropped.filter(function (f) { return f.type.startsWith('image/'); });
87
- if (images.length === 0)
86
+ firstImage = dropped.find(function (f) { return f.type.startsWith('image/'); });
87
+ if (!firstImage)
88
88
  return [2 /*return*/];
89
89
  dt = new DataTransfer();
90
- images.forEach(function (f) { return dt.items.add(f); });
90
+ dt.items.add(firstImage);
91
91
  return [4 /*yield*/, onUpload(dt.files)];
92
92
  case 1:
93
93
  _b.sent();
package/dist/cjs/src/Templates/SnapTemplates.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SnapTemplates.d.ts","sourceRoot":"","sources":["../../../../src/Templates/SnapTemplates.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,OAAO,EAAkB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,EAA0C,cAAc,EAAoB,MAAM,gCAAgC,CAAC;AAC/H,OAAO,KAAK,EAAE,6BAA6B,EAAoC,MAAM,6CAA6C,CAAC;AACnI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAOX,0BAA0B,EAC1B,4BAA4B,EAE5B,MAAM,wBAAwB,CAAC;AAoChC,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AACpD,eAAO,MAAM,wBAAwB,iBAAiB,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAC5D,MAAM,MAAM,2BAA2B,GAAG,4BAA4B,GAAG;IACxE,QAAQ,EAAE,IAAI,CAAC;IACf,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,GAAG;IACpE,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAwBF,eAAO,MAAM,gBAAgB,EAAE,YAAiB,CAAC;AAEjD,eAAO,MAAM,wCAAwC,EAAE,+BAItD,CAAC;AAEF,qBAAa,aAAc,SAAQ,IAAI;IACtC,SAAS,EAAE,cAAc,CAAC;gBACd,MAAM,EAAE,mBAAmB,GAAG,2BAA2B;CAoGrE;AAED,wBAAgB,cAAc,CAAC,wBAAwB,EACtD,eAAe,EAAE,MAAM,EAAE,EACzB,kBAAkB,EAAE,wBAAwB,EAAE,GAC5C;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;CAAE,CAKrE;AAED,eAAO,MAAM,qBAAqB,mBAAoB,mBAAmB,kBAAkB,cAAc,KAAG,cAAc,EAoCzH,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,mBAAmB,kBAAkB,cAAc,KAAG,cAAc,EA2CvH,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,GAAG,cAAc,EAAE,CAqCjI;AAED,wBAAgB,oCAAoC,CACnD,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,GAC5B;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,6BAA6B,CAAA;CAAE,CAiDnD;AAED,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EAAE,cAAc,EAAE,cAAc,GAAG,UAAU,CA0J9I;AAED,wBAAgB,aAAa,CAC5B,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,EAC9B,cAAc,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,gBAAgB,GAAG,MAAM,GACpE,cAAc,EAAE,CAmFlB"}
1
+ {"version":3,"file":"SnapTemplates.d.ts","sourceRoot":"","sources":["../../../../src/Templates/SnapTemplates.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,OAAO,EAAkB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,EAA0C,cAAc,EAAoB,MAAM,gCAAgC,CAAC;AAC/H,OAAO,KAAK,EAAE,6BAA6B,EAAoC,MAAM,6CAA6C,CAAC;AACnI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAOX,0BAA0B,EAC1B,4BAA4B,EAE5B,MAAM,wBAAwB,CAAC;AAoChC,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AACpD,eAAO,MAAM,wBAAwB,iBAAiB,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAC5D,MAAM,MAAM,2BAA2B,GAAG,4BAA4B,GAAG;IACxE,QAAQ,EAAE,IAAI,CAAC;IACf,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,GAAG;IACpE,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAwBF,eAAO,MAAM,gBAAgB,EAAE,YAAiB,CAAC;AAEjD,eAAO,MAAM,wCAAwC,EAAE,+BAItD,CAAC;AAEF,qBAAa,aAAc,SAAQ,IAAI;IACtC,SAAS,EAAE,cAAc,CAAC;gBACd,MAAM,EAAE,mBAAmB,GAAG,2BAA2B;CAoGrE;AAED,wBAAgB,cAAc,CAAC,wBAAwB,EACtD,eAAe,EAAE,MAAM,EAAE,EACzB,kBAAkB,EAAE,wBAAwB,EAAE,GAC5C;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;CAAE,CAKrE;AAED,eAAO,MAAM,qBAAqB,mBAAoB,mBAAmB,kBAAkB,cAAc,KAAG,cAAc,EAoCzH,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,mBAAmB,kBAAkB,cAAc,KAAG,cAAc,EA2CvH,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,GAAG,cAAc,EAAE,CAqCjI;AAED,wBAAgB,oCAAoC,CACnD,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,GAC5B;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,6BAA6B,CAAA;CAAE,CAiDnD;AAED,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EAAE,cAAc,EAAE,cAAc,GAAG,UAAU,CA6J9I;AAED,wBAAgB,aAAa,CAC5B,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,EAC9B,cAAc,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,gBAAgB,GAAG,MAAM,GACpE,cAAc,EAAE,CAmFlB"}
package/dist/cjs/src/Templates/SnapTemplates.js CHANGED
@@ -536,7 +536,7 @@ function createSnapConfig(templateConfig, templatesStore) {
536
536
  config: {
537
537
  id: 'chat',
538
538
  plugins: createPlugins(templateConfig, templatesStore, 'chat'),
539
- settings: templateConfig.chat.settings || {},
539
+ settings: __assign(__assign({}, (templateConfig.chat.settings || {})), { languageCode: templatesStore.language }),
540
540
  },
541
541
  targeters: (0, exports.createChatTargeters)(templateConfig, templatesStore),
542
542
  };
package/dist/esm/components/src/components/Atoms/Dropdown/Dropdown.d.ts CHANGED
@@ -23,5 +23,8 @@ export type DropdownTemplatesLegalProps = {
23
23
  disableA11y?: boolean;
24
24
  usePortal?: boolean;
25
25
  dropUp?: boolean;
26
+ boundaryRef?: {
27
+ current: HTMLElement | null;
28
+ };
26
29
  };
27
30
  //# sourceMappingURL=Dropdown.d.ts.map
package/dist/esm/components/src/components/Atoms/Dropdown/Dropdown.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAQ9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAqC7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAiPzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAQ9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAqC7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAmQzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;CAC9C,CAAC"}
package/dist/esm/components/src/components/Atoms/Dropdown/Dropdown.js CHANGED
@@ -47,7 +47,7 @@ export const Dropdown = observer((properties) => {
47
47
  treePath: globalTreePath,
48
48
  };
49
49
  const props = mergeProps('dropdown', globalTheme, defaultProps, properties);
50
- const { button, content, children, disabled, open, toggleOnHover, onMouseEnter, onMouseLeave, disableClick, onClick, onToggle, focusTrapContent, startOpen, disableClickOutside, disableA11y, className, internalClassName, treePath, usePortal, dropUp, customComponent, } = props;
50
+ const { button, content, children, disabled, open, toggleOnHover, onMouseEnter, onMouseLeave, disableClick, onClick, onToggle, focusTrapContent, startOpen, disableClickOutside, disableA11y, className, internalClassName, treePath, usePortal, dropUp, boundaryRef, customComponent, } = props;
51
51
  if (customComponent) {
52
52
  const ComponentOverride = useComponent(snap?.templates?.library.import.component.dropdown || {}, customComponent);
53
53
  if (ComponentOverride) {
@@ -68,6 +68,7 @@ export const Dropdown = observer((properties) => {
68
68
  const contentRef = useRef(null);
69
69
  const [coords, setCoords] = useState({ top: 0, left: 0, width: 0 });
70
70
  const [flipX, setFlipX] = useState(false);
71
+ const [flipRight, setFlipRight] = useState(0);
71
72
  let innerRef;
72
73
  if (!disableClickOutside) {
73
74
  innerRef = useClickOutside((e) => {
@@ -87,9 +88,15 @@ export const Dropdown = observer((properties) => {
87
88
  const updateCoords = () => {
88
89
  if (buttonRef.current) {
89
90
  const rect = buttonRef.current.getBoundingClientRect();
91
+ // Clamp the anchor to the boundary's horizontal range so the dropdown
92
+ // stays visible inside the boundary even when the button scrolls out
93
+ // of view (e.g. a horizontally-scrolling facets row). The right edge
94
+ // is handled by the flip-x logic below.
95
+ const boundaryRect = boundaryRef?.current?.getBoundingClientRect();
96
+ const left = boundaryRect ? Math.max(boundaryRect.left, Math.min(rect.left, boundaryRect.right)) : rect.left;
90
97
  setCoords({
91
98
  top: dropUp ? rect.top : rect.bottom,
92
- left: rect.left,
99
+ left,
93
100
  width: rect.width,
94
101
  });
95
102
  }
@@ -109,12 +116,24 @@ export const Dropdown = observer((properties) => {
109
116
  setFlipX(false);
110
117
  }
111
118
  }, [dropdownOpen]);
112
- // After the portal renders, check if content overflows the right viewport edge
113
- // and flip the horizontal anchor if so. useLayoutEffect fires before paint to avoid flash.
119
+ // After the portal renders, check if content overflows the right edge of the
120
+ // boundary (when provided) or the viewport and flip the horizontal anchor if so.
121
+ // When flipped, anchor the portal to the boundary's right edge so the dropdown
122
+ // stops at the boundary rather than at the button's right edge.
123
+ // useLayoutEffect fires before paint to avoid flash.
114
124
  useLayoutEffect(() => {
115
125
  if (usePortal && dropdownOpen && contentRef.current && coords.width > 0) {
116
- const rect = contentRef.current.getBoundingClientRect();
117
- setFlipX(rect.right > window.innerWidth);
126
+ // Measure against the would-be unflipped right edge so the check is
127
+ // stable regardless of the current flipX state. Reading rect.right
128
+ // after a flip reports the anchored edge instead of the natural one,
129
+ // which causes the dropdown to oscillate between flipped/unflipped on
130
+ // every scroll tick.
131
+ const contentWidth = contentRef.current.offsetWidth;
132
+ const limit = boundaryRef?.current?.getBoundingClientRect().right ?? window.innerWidth;
133
+ const shouldFlip = coords.left + contentWidth > limit;
134
+ setFlipX(shouldFlip);
135
+ if (shouldFlip)
136
+ setFlipRight(Math.max(0, window.innerWidth - limit));
118
137
  }
119
138
  }, [usePortal, dropdownOpen, coords.left, coords.width]);
120
139
  const toggleOpenDropdown = (e, state) => {
@@ -192,8 +211,7 @@ export const Dropdown = observer((properties) => {
192
211
  }), css: styling.css, style: {
193
212
  position: 'fixed',
194
213
  top: coords.top,
195
- left: coords.left,
196
- width: coords.width,
214
+ ...(flipX ? { right: flipRight } : { left: coords.left, width: coords.width }),
197
215
  zIndex: 9999,
198
216
  ...(dropUp ? { transform: 'translateY(-100%)' } : {}),
199
217
  }, children: contentElement }), document.body)] }) }));
package/dist/esm/components/src/components/Molecules/ChatAttachmentContext/ChatAttachmentContext.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatAttachmentContext.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatAttachmentContext/ChatAttachmentContext.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA4H7D,eAAO,MAAM,qBAAqB,gBAAyB,0BAA0B,KAAG,GAAG,CAAC,OAAO;;CAqHjG,CAAC;AAQH,MAAM,MAAM,yBAAyB,GAAG;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,cAAc,CAAC,0BAA0B,CAAC,CAAC"}
1
+ {"version":3,"file":"ChatAttachmentContext.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatAttachmentContext/ChatAttachmentContext.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA6H7D,eAAO,MAAM,qBAAqB,gBAAyB,0BAA0B,KAAG,GAAG,CAAC,OAAO;;CAqHjG,CAAC;AAQH,MAAM,MAAM,yBAAyB,GAAG;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,cAAc,CAAC,0BAA0B,CAAC,CAAC"}