@athoscommerce/snap-preact 1.2.3-beta.4 → 1.2.3-beta.5

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 (214) hide show
  1. package/README.md +16 -0
  2. package/dist/cjs/components/src/components/Atoms/TemplateSelect/TemplateSelect.d.ts +3 -3
  3. package/dist/cjs/components/src/components/Atoms/TemplateSelect/TemplateSelect.d.ts.map +1 -1
  4. package/dist/cjs/components/src/components/Atoms/TemplateSelect/TemplateSelect.js +7 -8
  5. package/dist/cjs/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.d.ts +1 -1
  6. package/dist/cjs/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.d.ts.map +1 -1
  7. package/dist/cjs/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.js +3 -3
  8. package/dist/cjs/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.d.ts +2 -0
  9. package/dist/cjs/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.d.ts.map +1 -1
  10. package/dist/cjs/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.js +24 -25
  11. package/dist/cjs/components/src/components/Molecules/Filter/Filter.d.ts +1 -1
  12. package/dist/cjs/components/src/components/Molecules/Filter/Filter.d.ts.map +1 -1
  13. package/dist/cjs/components/src/components/Molecules/Result/Result.d.ts.map +1 -1
  14. package/dist/cjs/components/src/components/Molecules/Result/Result.js +11 -6
  15. package/dist/cjs/components/src/components/Molecules/SearchInput/SearchInput.d.ts +4 -1
  16. package/dist/cjs/components/src/components/Molecules/SearchInput/SearchInput.d.ts.map +1 -1
  17. package/dist/cjs/components/src/components/Molecules/SearchInput/SearchInput.js +3 -3
  18. package/dist/cjs/components/src/components/Molecules/TemplatesEditor/Components/AbstractedControls.js +5 -5
  19. package/dist/cjs/components/src/components/Molecules/TemplatesEditor/Components/Control.d.ts.map +1 -1
  20. package/dist/cjs/components/src/components/Molecules/TemplatesEditor/Components/Control.js +31 -31
  21. package/dist/cjs/components/src/components/Molecules/TemplatesEditor/TemplatesEditor.d.ts.map +1 -1
  22. package/dist/cjs/components/src/components/Molecules/TemplatesEditor/TemplatesEditor.js +22 -36
  23. package/dist/cjs/components/src/components/Organisms/Chat/Chat.d.ts +7 -0
  24. package/dist/cjs/components/src/components/Organisms/Chat/Chat.d.ts.map +1 -1
  25. package/dist/cjs/components/src/components/Organisms/Chat/Chat.js +638 -431
  26. package/dist/cjs/components/src/components/Organisms/Chat/ChatResult.d.ts.map +1 -1
  27. package/dist/cjs/components/src/components/Organisms/Chat/ChatResult.js +4 -3
  28. package/dist/cjs/components/src/components/Organisms/Chat/MessageText.d.ts +3 -1
  29. package/dist/cjs/components/src/components/Organisms/Chat/MessageText.d.ts.map +1 -1
  30. package/dist/cjs/components/src/components/Organisms/Chat/MessageText.js +22 -19
  31. package/dist/cjs/components/src/components/Organisms/Chat/MessageUser.d.ts +3 -1
  32. package/dist/cjs/components/src/components/Organisms/Chat/MessageUser.d.ts.map +1 -1
  33. package/dist/cjs/components/src/components/Organisms/Chat/MessageUser.js +39 -21
  34. package/dist/cjs/components/src/components/Organisms/Chat/ResultsDisplay.d.ts +1 -1
  35. package/dist/cjs/components/src/components/Organisms/Chat/ResultsDisplay.d.ts.map +1 -1
  36. package/dist/cjs/components/src/components/Organisms/Chat/ResultsDisplay.js +7 -11
  37. package/dist/cjs/components/src/components/Organisms/FilterSummary/FilterSummary.d.ts +2 -2
  38. package/dist/cjs/components/src/components/Organisms/FilterSummary/FilterSummary.d.ts.map +1 -1
  39. package/dist/cjs/components/src/components/Organisms/ProductQuickView/ProductQuickView.d.ts +11 -0
  40. package/dist/cjs/components/src/components/Organisms/ProductQuickView/ProductQuickView.d.ts.map +1 -0
  41. package/dist/cjs/components/src/components/Organisms/ProductQuickView/ProductQuickView.js +461 -0
  42. package/dist/cjs/components/src/components/Organisms/ProductQuickView/index.d.ts +2 -0
  43. package/dist/cjs/components/src/components/Organisms/ProductQuickView/index.d.ts.map +1 -0
  44. package/dist/cjs/components/src/components/Organisms/ProductQuickView/index.js +17 -0
  45. package/dist/cjs/components/src/components/Templates/AutocompleteModal/AutocompleteModal.d.ts.map +1 -1
  46. package/dist/cjs/components/src/components/Templates/AutocompleteModal/AutocompleteModal.js +0 -2
  47. package/dist/cjs/components/src/hooks/useAcRenderedInput.d.ts.map +1 -1
  48. package/dist/cjs/components/src/hooks/useAcRenderedInput.js +65 -15
  49. package/dist/cjs/components/src/hooks/useMediaQuery.d.ts.map +1 -1
  50. package/dist/cjs/components/src/hooks/useMediaQuery.js +3 -1
  51. package/dist/cjs/components/src/index.d.ts +1 -0
  52. package/dist/cjs/components/src/index.d.ts.map +1 -1
  53. package/dist/cjs/components/src/index.js +1 -0
  54. package/dist/cjs/components/src/providers/theme.d.ts +1 -1
  55. package/dist/cjs/components/src/providers/theme.d.ts.map +1 -1
  56. package/dist/cjs/components/src/themes/base/base.js +3 -3
  57. package/dist/cjs/components/src/utilities/Colour/Colour.d.ts +11 -0
  58. package/dist/cjs/components/src/utilities/Colour/Colour.d.ts.map +1 -1
  59. package/dist/cjs/components/src/utilities/Colour/Colour.js +32 -0
  60. package/dist/cjs/src/Instantiators/RecommendationInstantiator.d.ts +1 -0
  61. package/dist/cjs/src/Instantiators/RecommendationInstantiator.d.ts.map +1 -1
  62. package/dist/cjs/src/Instantiators/RecommendationInstantiator.js +161 -123
  63. package/dist/cjs/src/Snap.d.ts +1 -1
  64. package/dist/cjs/src/Snap.d.ts.map +1 -1
  65. package/dist/cjs/src/Snap.js +18 -6
  66. package/dist/cjs/src/SnapHybrid.d.ts.map +1 -1
  67. package/dist/cjs/src/Templates/SnapTemplates.d.ts +13 -72
  68. package/dist/cjs/src/Templates/SnapTemplates.d.ts.map +1 -1
  69. package/dist/cjs/src/Templates/SnapTemplates.js +123 -72
  70. package/dist/cjs/src/Templates/Stores/TargetStore.d.ts +7 -6
  71. package/dist/cjs/src/Templates/Stores/TargetStore.d.ts.map +1 -1
  72. package/dist/cjs/src/Templates/Stores/TargetStore.js +14 -8
  73. package/dist/cjs/src/Templates/Stores/TemplateEditor/TemplateEditorStore.d.ts +58 -8
  74. package/dist/cjs/src/Templates/Stores/TemplateEditor/TemplateEditorStore.d.ts.map +1 -1
  75. package/dist/cjs/src/Templates/Stores/TemplateEditor/TemplateEditorStore.js +467 -96
  76. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.d.ts +1 -0
  77. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.d.ts.map +1 -1
  78. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.js +123 -70
  79. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.d.ts.map +1 -1
  80. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.js +9 -3
  81. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.d.ts +1 -0
  82. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.d.ts.map +1 -1
  83. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.js +86 -1
  84. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/themeUI.d.ts.map +1 -1
  85. package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/themeUI.js +33 -14
  86. package/dist/cjs/src/Templates/Stores/TemplateStore.d.ts +93 -30
  87. package/dist/cjs/src/Templates/Stores/TemplateStore.d.ts.map +1 -1
  88. package/dist/cjs/src/Templates/Stores/TemplateStore.js +33 -41
  89. package/dist/cjs/src/Templates/Stores/ThemeStore.d.ts +2 -8
  90. package/dist/cjs/src/Templates/Stores/ThemeStore.d.ts.map +1 -1
  91. package/dist/cjs/src/Templates/Stores/ThemeStore.js +3 -28
  92. package/dist/cjs/src/Templates/index.d.ts +1 -1
  93. package/dist/cjs/src/Templates/index.d.ts.map +1 -1
  94. package/dist/cjs/src/create/createChatController.js +1 -1
  95. package/dist/cjs/src/index.d.ts +1 -0
  96. package/dist/cjs/src/index.d.ts.map +1 -1
  97. package/dist/cjs/src/setupEvents.d.ts +13 -0
  98. package/dist/cjs/src/setupEvents.d.ts.map +1 -1
  99. package/dist/cjs/src/setupEvents.js +56 -8
  100. package/dist/cjs/src/types.d.ts +3 -1
  101. package/dist/cjs/src/types.d.ts.map +1 -1
  102. package/dist/cjs/src/utils/combineMerge.d.ts +2 -0
  103. package/dist/cjs/src/utils/combineMerge.d.ts.map +1 -0
  104. package/dist/cjs/src/utils/combineMerge.js +22 -0
  105. package/dist/cjs/src/utils/index.d.ts +1 -0
  106. package/dist/cjs/src/utils/index.d.ts.map +1 -1
  107. package/dist/cjs/src/utils/index.js +3 -1
  108. package/dist/esm/components/src/components/Atoms/TemplateSelect/TemplateSelect.d.ts +3 -3
  109. package/dist/esm/components/src/components/Atoms/TemplateSelect/TemplateSelect.d.ts.map +1 -1
  110. package/dist/esm/components/src/components/Atoms/TemplateSelect/TemplateSelect.js +7 -8
  111. package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.d.ts +1 -1
  112. package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.d.ts.map +1 -1
  113. package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.js +3 -3
  114. package/dist/esm/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.d.ts +2 -0
  115. package/dist/esm/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.d.ts.map +1 -1
  116. package/dist/esm/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.js +24 -26
  117. package/dist/esm/components/src/components/Molecules/Filter/Filter.d.ts +1 -1
  118. package/dist/esm/components/src/components/Molecules/Filter/Filter.d.ts.map +1 -1
  119. package/dist/esm/components/src/components/Molecules/Result/Result.d.ts.map +1 -1
  120. package/dist/esm/components/src/components/Molecules/Result/Result.js +9 -4
  121. package/dist/esm/components/src/components/Molecules/SearchInput/SearchInput.d.ts +4 -1
  122. package/dist/esm/components/src/components/Molecules/SearchInput/SearchInput.d.ts.map +1 -1
  123. package/dist/esm/components/src/components/Molecules/SearchInput/SearchInput.js +3 -3
  124. package/dist/esm/components/src/components/Molecules/TemplatesEditor/Components/AbstractedControls.js +5 -5
  125. package/dist/esm/components/src/components/Molecules/TemplatesEditor/Components/Control.d.ts.map +1 -1
  126. package/dist/esm/components/src/components/Molecules/TemplatesEditor/Components/Control.js +29 -29
  127. package/dist/esm/components/src/components/Molecules/TemplatesEditor/TemplatesEditor.d.ts.map +1 -1
  128. package/dist/esm/components/src/components/Molecules/TemplatesEditor/TemplatesEditor.js +22 -35
  129. package/dist/esm/components/src/components/Organisms/Chat/Chat.d.ts +7 -0
  130. package/dist/esm/components/src/components/Organisms/Chat/Chat.d.ts.map +1 -1
  131. package/dist/esm/components/src/components/Organisms/Chat/Chat.js +557 -359
  132. package/dist/esm/components/src/components/Organisms/Chat/ChatResult.d.ts.map +1 -1
  133. package/dist/esm/components/src/components/Organisms/Chat/ChatResult.js +4 -3
  134. package/dist/esm/components/src/components/Organisms/Chat/MessageText.d.ts +3 -1
  135. package/dist/esm/components/src/components/Organisms/Chat/MessageText.d.ts.map +1 -1
  136. package/dist/esm/components/src/components/Organisms/Chat/MessageText.js +21 -19
  137. package/dist/esm/components/src/components/Organisms/Chat/MessageUser.d.ts +3 -1
  138. package/dist/esm/components/src/components/Organisms/Chat/MessageUser.d.ts.map +1 -1
  139. package/dist/esm/components/src/components/Organisms/Chat/MessageUser.js +36 -21
  140. package/dist/esm/components/src/components/Organisms/Chat/ResultsDisplay.d.ts +1 -1
  141. package/dist/esm/components/src/components/Organisms/Chat/ResultsDisplay.d.ts.map +1 -1
  142. package/dist/esm/components/src/components/Organisms/Chat/ResultsDisplay.js +7 -11
  143. package/dist/esm/components/src/components/Organisms/FilterSummary/FilterSummary.d.ts +2 -2
  144. package/dist/esm/components/src/components/Organisms/FilterSummary/FilterSummary.d.ts.map +1 -1
  145. package/dist/esm/components/src/components/Organisms/ProductQuickView/ProductQuickView.d.ts +11 -0
  146. package/dist/esm/components/src/components/Organisms/ProductQuickView/ProductQuickView.d.ts.map +1 -0
  147. package/dist/esm/components/src/components/Organisms/ProductQuickView/ProductQuickView.js +436 -0
  148. package/dist/esm/components/src/components/Organisms/ProductQuickView/index.d.ts +2 -0
  149. package/dist/esm/components/src/components/Organisms/ProductQuickView/index.d.ts.map +1 -0
  150. package/dist/esm/components/src/components/Organisms/ProductQuickView/index.js +1 -0
  151. package/dist/esm/components/src/components/Templates/AutocompleteModal/AutocompleteModal.d.ts.map +1 -1
  152. package/dist/esm/components/src/components/Templates/AutocompleteModal/AutocompleteModal.js +0 -2
  153. package/dist/esm/components/src/hooks/useAcRenderedInput.d.ts.map +1 -1
  154. package/dist/esm/components/src/hooks/useAcRenderedInput.js +61 -11
  155. package/dist/esm/components/src/hooks/useMediaQuery.d.ts.map +1 -1
  156. package/dist/esm/components/src/hooks/useMediaQuery.js +3 -1
  157. package/dist/esm/components/src/index.d.ts +1 -0
  158. package/dist/esm/components/src/index.d.ts.map +1 -1
  159. package/dist/esm/components/src/index.js +1 -0
  160. package/dist/esm/components/src/providers/theme.d.ts +1 -1
  161. package/dist/esm/components/src/providers/theme.d.ts.map +1 -1
  162. package/dist/esm/components/src/themes/base/base.js +3 -3
  163. package/dist/esm/components/src/utilities/Colour/Colour.d.ts +11 -0
  164. package/dist/esm/components/src/utilities/Colour/Colour.d.ts.map +1 -1
  165. package/dist/esm/components/src/utilities/Colour/Colour.js +30 -0
  166. package/dist/esm/src/Instantiators/RecommendationInstantiator.d.ts +1 -0
  167. package/dist/esm/src/Instantiators/RecommendationInstantiator.d.ts.map +1 -1
  168. package/dist/esm/src/Instantiators/RecommendationInstantiator.js +130 -84
  169. package/dist/esm/src/Snap.d.ts +1 -1
  170. package/dist/esm/src/Snap.d.ts.map +1 -1
  171. package/dist/esm/src/Snap.js +21 -6
  172. package/dist/esm/src/SnapHybrid.d.ts.map +1 -1
  173. package/dist/esm/src/Templates/SnapTemplates.d.ts +13 -72
  174. package/dist/esm/src/Templates/SnapTemplates.d.ts.map +1 -1
  175. package/dist/esm/src/Templates/SnapTemplates.js +137 -78
  176. package/dist/esm/src/Templates/Stores/TargetStore.d.ts +7 -6
  177. package/dist/esm/src/Templates/Stores/TargetStore.d.ts.map +1 -1
  178. package/dist/esm/src/Templates/Stores/TargetStore.js +14 -8
  179. package/dist/esm/src/Templates/Stores/TemplateEditor/TemplateEditorStore.d.ts +58 -8
  180. package/dist/esm/src/Templates/Stores/TemplateEditor/TemplateEditorStore.d.ts.map +1 -1
  181. package/dist/esm/src/Templates/Stores/TemplateEditor/TemplateEditorStore.js +447 -89
  182. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.d.ts +1 -0
  183. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.d.ts.map +1 -1
  184. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.js +118 -66
  185. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.d.ts.map +1 -1
  186. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.js +9 -3
  187. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.d.ts +1 -0
  188. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.d.ts.map +1 -1
  189. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.js +82 -1
  190. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/themeUI.d.ts.map +1 -1
  191. package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/themeUI.js +27 -8
  192. package/dist/esm/src/Templates/Stores/TemplateStore.d.ts +93 -30
  193. package/dist/esm/src/Templates/Stores/TemplateStore.d.ts.map +1 -1
  194. package/dist/esm/src/Templates/Stores/TemplateStore.js +29 -38
  195. package/dist/esm/src/Templates/Stores/ThemeStore.d.ts +2 -8
  196. package/dist/esm/src/Templates/Stores/ThemeStore.d.ts.map +1 -1
  197. package/dist/esm/src/Templates/Stores/ThemeStore.js +3 -26
  198. package/dist/esm/src/Templates/index.d.ts +1 -1
  199. package/dist/esm/src/Templates/index.d.ts.map +1 -1
  200. package/dist/esm/src/create/createChatController.js +1 -1
  201. package/dist/esm/src/index.d.ts +1 -0
  202. package/dist/esm/src/index.d.ts.map +1 -1
  203. package/dist/esm/src/setupEvents.d.ts +13 -0
  204. package/dist/esm/src/setupEvents.d.ts.map +1 -1
  205. package/dist/esm/src/setupEvents.js +25 -8
  206. package/dist/esm/src/types.d.ts +3 -1
  207. package/dist/esm/src/types.d.ts.map +1 -1
  208. package/dist/esm/src/utils/combineMerge.d.ts +2 -0
  209. package/dist/esm/src/utils/combineMerge.d.ts.map +1 -0
  210. package/dist/esm/src/utils/combineMerge.js +16 -0
  211. package/dist/esm/src/utils/index.d.ts +1 -0
  212. package/dist/esm/src/utils/index.d.ts.map +1 -1
  213. package/dist/esm/src/utils/index.js +1 -0
  214. package/package.json +20 -14
@@ -18,11 +18,11 @@ export const AbstractedControls = observer((properties) => {
18
18
  console.warn(`No controls found for feature: ${feature}`, controlSection, controlGroups);
19
19
  return null;
20
20
  }
21
- const showGroupReset = enableGroupReset && controlGroups.some((group) => group.controls.some((control) => control.shouldShowReset()));
21
+ const showGroupReset = enableGroupReset && controlGroups.some((group) => group.controls.some((control) => control.shouldShowReset(data)));
22
22
  const resetAll = () => {
23
23
  controlGroups.forEach((group) => {
24
24
  group.controls.forEach((control) => {
25
- if (control.shouldShowReset()) {
25
+ if (control.shouldShowReset(data)) {
26
26
  control.onReset(data);
27
27
  }
28
28
  });
@@ -31,10 +31,10 @@ export const AbstractedControls = observer((properties) => {
31
31
  return (_jsxs("div", { className: "ss__template-editor__abstracted-controls", ...styling, children: [title && (_jsxs("div", { className: "control-title", children: [_jsx("h3", { children: title }), showGroupReset && (_jsx("span", { className: "reset", children: _jsx("button", { title: "Reset", onClick: () => {
32
32
  resetAll();
33
33
  }, children: _jsx(Reset, {}) }) }))] })), controlGroups.map((group) => {
34
- const showGroupReset = group.showReset && group.controls.some((control) => control.shouldShowReset());
34
+ const showGroupReset = group.showReset && group.controls.some((control) => control.shouldShowReset(data));
35
35
  const resetGroup = () => {
36
36
  group.controls.forEach((control) => {
37
- if (control.shouldShowReset()) {
37
+ if (control.shouldShowReset(data)) {
38
38
  control.onReset(data);
39
39
  }
40
40
  else {
@@ -44,7 +44,7 @@ export const AbstractedControls = observer((properties) => {
44
44
  return (_jsxs("div", { className: "group", children: [group.title && (_jsxs("div", { className: "group-title", children: [_jsx("h4", { title: group.description, children: group.title }), showGroupReset && (_jsx("span", { className: "reset", children: showGroupReset ? (_jsx("button", { title: "Reset", onClick: () => {
45
45
  resetGroup();
46
46
  }, children: _jsx(Reset, {}) })) : null }))] })), group.controls.map((control, index) => {
47
- return (_jsx(Control, { type: control.type, label: control.label, description: control.description, showReset: control.shouldShowReset(), onChange: (value) => control.onValueChange(value, data), onReset: () => control.onReset(data), display: control.getDisplayState ? control.getDisplayState(data) : 'visible', value: control.getValue(data), options: control.getOptions ? control.getOptions(data) : [] }, index));
47
+ return (_jsx(Control, { type: control.type, label: control.label, description: control.description, showReset: control.shouldShowReset(data), onChange: (value) => control.onValueChange(value, data), onReset: () => control.onReset(data), display: control.getDisplayState ? control.getDisplayState(data) : 'visible', value: control.getValue(data), options: control.getOptions ? control.getOptions(data) : [] }, index));
48
48
  })] }, group.title));
49
49
  })] }));
50
50
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Molecules/TemplatesEditor/Components/Control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGpH,eAAO,MAAM,OAAO,WAAoB,YAAY;;CAkGlD,CAAC;AAEH,KAAK,YAAY,GAAG;IACnB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC,CAAC"}
1
+ {"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Molecules/TemplatesEditor/Components/Control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGpH,eAAO,MAAM,OAAO,WAAoB,YAAY;;CAoGlD,CAAC;AAEH,KAAK,YAAY,GAAG;IACnB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC,CAAC"}
@@ -8,36 +8,36 @@ export const Control = observer((props) => {
8
8
  useEffect(() => {
9
9
  setInputValue(value);
10
10
  }, [value]);
11
- return display === 'hidden' ? null : (_jsxs("div", { className: "option checkbox", children: [_jsx("label", { children: label }), _jsx("div", { className: "reset", children: showReset ? (_jsx("button", { title: "Reset", onClick: () => {
12
- onReset();
13
- }, children: _jsx(Reset, {}) })) : null }), _jsx("div", { className: "value", title: description, children: (() => {
14
- switch (type) {
15
- case 'text': {
16
- return _jsx("input", { type: "text", value: value, onChange: (e) => onChange(e.target.value), disabled: display === 'disabled' });
11
+ return display === 'hidden' ? null : (_jsx("div", { className: `control ${type} ${display}`, children: _jsxs("div", { className: "option checkbox", children: [_jsx("label", { children: label }), _jsx("div", { className: "reset", children: showReset ? (_jsx("button", { title: "Reset", onClick: () => {
12
+ onReset();
13
+ }, children: _jsx(Reset, {}) })) : null }), _jsx("div", { className: "value", title: description, children: (() => {
14
+ switch (type) {
15
+ case 'text': {
16
+ return _jsx("input", { type: "text", value: value, onChange: (e) => onChange(e.target.value), disabled: display === 'disabled' });
17
+ }
18
+ case 'number': {
19
+ return (_jsx("input", { type: "number", value: value, onChange: (e) => onChange(Number(e.target.value)), disabled: display === 'disabled' }));
20
+ }
21
+ case 'checkbox': {
22
+ return (_jsx("input", { type: "checkbox", checked: value, onChange: (e) => onChange(e.target.checked), disabled: display === 'disabled' }));
23
+ }
24
+ case 'dropdown': {
25
+ return (_jsx("select", { onChange: (e) => onChange(e.target.value), disabled: display === 'disabled', value: value, children: options?.map((group, groupIndex) => group.group ? (_jsx("optgroup", { label: group.group, children: group.options.map((option, optionIndex) => (_jsx("option", { value: option.value, children: option.label || option.value }, `${groupIndex}-${optionIndex}`))) }, groupIndex)) : (group.options.map((option, optionIndex) => (_jsx("option", { value: option.value, children: option.label || option.value }, `${groupIndex}-${optionIndex}`))))) }));
26
+ }
27
+ case 'color': {
28
+ return (_jsxs(_Fragment, { children: [_jsx("input", { type: "color", value: value, onChange: (e) => {
29
+ setInputValue(e.target.value);
30
+ onChange(e.target.value);
31
+ }, disabled: display === 'disabled' }), _jsx("input", { type: "text", className: isValidHexColor(inputValue) ? '' : 'invalid', value: inputValue, onChange: (e) => {
32
+ setInputValue(e.target.value);
33
+ isValidHexColor(e.target.value) && onChange(e.target.value);
34
+ }, disabled: display === 'disabled' })] }));
35
+ }
36
+ default: {
37
+ return null;
38
+ }
17
39
  }
18
- case 'number': {
19
- return (_jsx("input", { type: "number", value: value, onChange: (e) => onChange(Number(e.target.value)), disabled: display === 'disabled' }));
20
- }
21
- case 'checkbox': {
22
- return (_jsx("input", { type: "checkbox", checked: value, onChange: (e) => onChange(e.target.checked), disabled: display === 'disabled' }));
23
- }
24
- case 'dropdown': {
25
- return (_jsx("select", { onChange: (e) => onChange(e.target.value), disabled: display === 'disabled', value: value, children: options?.map((group, groupIndex) => group.group ? (_jsx("optgroup", { label: group.group, children: group.options.map((option, optionIndex) => (_jsx("option", { value: option.value, children: option.label || option.value }, `${groupIndex}-${optionIndex}`))) }, groupIndex)) : (group.options.map((option, optionIndex) => (_jsx("option", { value: option.value, children: option.label || option.value }, `${groupIndex}-${optionIndex}`))))) }));
26
- }
27
- case 'color': {
28
- return (_jsxs(_Fragment, { children: [_jsx("input", { type: "color", value: value, onChange: (e) => {
29
- setInputValue(e.target.value);
30
- onChange(e.target.value);
31
- }, disabled: display === 'disabled' }), _jsx("input", { type: "text", className: isValidHexColor(inputValue) ? '' : 'invalid', value: inputValue, onChange: (e) => {
32
- setInputValue(e.target.value);
33
- isValidHexColor(e.target.value) && onChange(e.target.value);
34
- }, disabled: display === 'disabled' })] }));
35
- }
36
- default: {
37
- return null;
38
- }
39
- }
40
- })() })] }));
40
+ })() })] }) }));
41
41
  });
42
42
  // function to validate hex color values of the type: #333333
43
43
  const isValidHexColor = (color) => {
@@ -1 +1 @@
1
- {"version":3,"file":"TemplatesEditor.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/TemplatesEditor/TemplatesEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wEAAwE,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAiB,MAAM,mDAAmD,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAsTnD,eAAO,MAAM,eAAe,gBAAyB,oBAAoB;;CAuGvE,CAAC;AAYH,MAAM,WAAW,oBAAoB;IACpC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC;CACpB"}
1
+ {"version":3,"file":"TemplatesEditor.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/TemplatesEditor/TemplatesEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wEAAwE,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAqTnD,eAAO,MAAM,eAAe,gBAAyB,oBAAoB;;CAoIvE,CAAC;AAYH,MAAM,WAAW,oBAAoB;IACpC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC;CACpB"}
@@ -5,7 +5,6 @@ import { observer } from 'mobx-react-lite';
5
5
  import { CacheProvider } from '../../../providers';
6
6
  import { AthosCommerceLogo } from './Assets';
7
7
  import { AbstractedControls } from './Components/AbstractedControls';
8
- import { DropdownControl } from './Controls/Dropdown';
9
8
  const CSS = {
10
9
  TemplatesEditor: ({}) => css({
11
10
  display: 'flex',
@@ -290,47 +289,35 @@ const CSS = {
290
289
  }),
291
290
  };
292
291
  export const TemplatesEditor = observer((properties) => {
293
- const { onRemoveClick, templatesStore, editorStore, snap } = properties;
292
+ const { onRemoveClick, editorStore, snap } = properties;
294
293
  const styling = {
295
- css: [CSS.TemplatesEditor({ ...properties })],
294
+ css: [CSS.TemplatesEditor(properties)],
296
295
  };
297
- return (_jsx(CacheProvider, { children: _jsxs("div", { className: classnames('ss__template-editor', { 'ss__template-editor--collapsed': editorStore.state.hidden }), ...styling, onClick: (e) => {
296
+ return (_jsx(CacheProvider, { children: _jsxs("div", { className: classnames('ss__template-editor', { 'ss__template-editor--collapsed': editorStore.storedState.hidden }), ...styling, onClick: (e) => {
298
297
  e.stopPropagation();
299
298
  editorStore.toggleHide(false);
300
- }, children: [_jsxs("div", { className: "ss__template-editor__header", children: [_jsx("div", { className: 'logo', children: _jsx(AthosCommerceLogo, {}) }), _jsxs("div", { className: 'header-actions', onClick: (e) => {
299
+ }, children: [_jsxs("div", { className: "ss__template-editor__header", children: [_jsx("div", { className: 'logo', onClick: (e) => {
300
+ e.stopPropagation();
301
+ editorStore.toggleHide(false);
302
+ }, children: _jsx(AthosCommerceLogo, {}) }), _jsxs("div", { className: 'header-actions', onClick: (e) => {
301
303
  e.preventDefault();
302
304
  e.stopPropagation();
303
305
  editorStore.toggleHide(true);
304
- }, children: [_jsx("button", { onClick: (e) => {
305
- e.stopPropagation();
306
- if (confirm('Closing the editor will disable modification.')) {
307
- onRemoveClick();
308
- }
309
- }, children: "Close" }), _jsx("button", { onClick: () => {
310
- editorStore.toggleHide(true);
311
- }, children: "Hide" })] })] }), _jsxs("aside", { children: [_jsx("div", { className: "tab-selection", children: editorStore.tabs.map((tab, i) => {
312
- return (_jsx("div", { className: classnames('tab', { active: editorStore.state.activeTab === tab }), onClick: () => {
306
+ }, children: [_jsx("div", { className: "", children: _jsx("button", { onClick: (e) => {
307
+ e.stopPropagation();
308
+ if (confirm('Closing the editor will disable modification.')) {
309
+ onRemoveClick();
310
+ }
311
+ }, children: "Close" }) }), _jsx("div", { className: "", children: _jsx("button", { onClick: (e) => {
312
+ e.stopPropagation();
313
+ const config = editorStore.generateTemplatesConfig();
314
+ navigator.clipboard.writeText(JSON.stringify(config, null, 4));
315
+ alert('Configuration copied to clipboard');
316
+ }, children: "Copy" }) }), _jsx("div", { className: "", children: _jsx("button", { onClick: () => {
317
+ editorStore.toggleHide(true);
318
+ }, children: "Hide" }) })] })] }), _jsxs("aside", { children: [_jsx("div", { className: "tab-selection", children: editorStore.tabs.map((tab, i) => {
319
+ return (_jsx("div", { className: classnames('tab', { active: editorStore.storedState.activeTab === tab }), onClick: () => {
313
320
  editorStore.switchTabs(tab);
314
321
  }, children: tab }, i));
315
- }) }), _jsxs("div", { className: "tab-view", children: [_jsx("div", { className: "tab-view-shadow" }), _jsxs("div", { className: "tab-view-content", children: [editorStore.state.activeTab === 'templates' ? (_jsxs(_Fragment, { children: [_jsx(TemplateTargetSettings, { feature: "search", templatesStore: templatesStore }), _jsx(AbstractedControls, { editorStore: editorStore, data: snap.controllers.search, feature: "controllers/search" }), _jsx(TemplateTargetSettings, { feature: "autocomplete", templatesStore: templatesStore }), _jsx(AbstractedControls, { editorStore: editorStore, data: snap.controllers.autocomplete, feature: "controllers/autocomplete" }), _jsx(TemplateTargetSettings, { feature: "recommendation/default", templatesStore: templatesStore }), _jsx(TemplateTargetSettings, { feature: "recommendation/bundle", templatesStore: templatesStore })] })) : (''), editorStore.state.activeTab === 'configuration' ? (_jsxs(_Fragment, { children: [_jsx(AbstractedControls, { title: "Project Configuration", editorStore: editorStore, feature: "templates/config" }), _jsx(AbstractedControls, { title: "Theme Configuration", editorStore: editorStore, feature: "templates/theme" })] })) : ('')] }), _jsx("div", { className: "tab-view-shadow bottom" })] })] }), _jsx("footer", {})] }) }));
316
- });
317
- const TemplateTargetSettings = observer((props) => {
318
- const { feature, templatesStore } = props;
319
- const [type, recsType = ''] = feature.split('/');
320
- const idPrefix = `${type}${recsType ? `-${recsType}` : ''}`;
321
- const config = templatesStore.config;
322
- const configTarget = config[type]?.[recsType]?.[`${recsType.charAt(0).toUpperCase() + recsType.slice(1)}`] || config[type]?.targets?.[0];
323
- const libraryComponents = templatesStore.library.components;
324
- const libraryTemplates = recsType ? libraryComponents[type]?.[recsType] : libraryComponents[type];
325
- // const libraryResultComponents = libraryComponents?.result;
326
- // const DEFAULT_RESULT_COMPONENT = 'Result';
327
- const activeTarget = templatesStore.getTarget(feature, configTarget.selector);
328
- const showTemplateReset = Boolean(activeTarget?.component) && activeTarget?.component !== configTarget?.component;
329
- // const firstLetterOfComponent = configTarget.component.charAt(0).toLowerCase();
330
- // const restOfComponent = configTarget.component.slice(1);
331
- // const camelCaseComponent = firstLetterOfComponent + restOfComponent;
332
- // const currentTargetActiveResultComponent = config?.theme?.overrides[`${camelCaseComponent} result`]?.customComponent || config?.theme?.overrides[`result`]?.customComponent || DEFAULT_RESULT_COMPONENT;
333
- // const showResultTemplateReset =
334
- // (currentTargetActiveResultComponent || DEFAULT_RESULT_COMPONENT) != (currentTargetActiveResultComponent ||DEFAULT_RESULT_COMPONENT);
335
- return (_jsxs("div", { className: "template-target-settings", children: [_jsx("h3", { children: type.charAt(0).toUpperCase() + type.slice(1) + (recsType ? ` (${recsType})` : '') }), !recsType && (_jsxs("div", { className: "option", children: [_jsx("label", { htmlFor: `${idPrefix}-target`, children: "Target" }), _jsx("div", { className: "reset" }), _jsx("div", { className: "value", children: _jsx("input", { id: `${idPrefix}-target`, type: "text", placeholder: '', disabled: true, value: configTarget.selector }) })] })), _jsx(DropdownControl, { label: 'Template', description: '', showReset: showTemplateReset, options: Object.keys(libraryTemplates), onReset: () => activeTarget?.setComponent(configTarget?.component), disabled: false, value: activeTarget?.component, onChange: (value) => activeTarget?.setComponent(`${value}`) }, `${idPrefix}-template`)] }));
322
+ }) }), _jsxs("div", { className: "tab-view", children: [_jsx("div", { className: "tab-view-shadow" }), _jsxs("div", { className: "tab-view-content", children: [editorStore.storedState.activeTab === 'templates' ? (_jsxs(_Fragment, { children: [_jsx("h1", { children: "Search" }), _jsx(AbstractedControls, { editorStore: editorStore, data: 0, feature: "targets/search" }), _jsx(AbstractedControls, { editorStore: editorStore, data: snap.controllers.search, feature: "controllers/search" }), _jsx("h1", { children: "Autocomplete" }), _jsx(AbstractedControls, { editorStore: editorStore, data: 0, feature: "targets/autocomplete" }), _jsx(AbstractedControls, { editorStore: editorStore, data: snap.controllers.autocomplete, feature: "controllers/autocomplete" })] })) : (''), editorStore.storedState.activeTab === 'configuration' ? (_jsxs(_Fragment, { children: [_jsx(AbstractedControls, { title: "Project Configuration", editorStore: editorStore, feature: "templates/config" }), _jsx(AbstractedControls, { title: "Theme Configuration", editorStore: editorStore, feature: "templates/theme" })] })) : ('')] }), _jsx("div", { className: "tab-view-shadow bottom" })] })] }), _jsx("footer", {})] }) }));
336
323
  });
@@ -11,5 +11,12 @@ export interface ChatProps extends ComponentProps {
11
11
  offset?: string | number;
12
12
  multiselectFacets?: boolean;
13
13
  disableBubbleSuggestedQuestions?: boolean;
14
+ primaryColorBg?: string;
15
+ primaryColorFg?: string;
16
+ primaryAccentColorBg?: string;
17
+ primaryAccentColorFg?: string;
18
+ secondaryAccentColorBg?: string;
19
+ secondaryAccentColorFg?: string;
20
+ position?: 'left' | 'right';
14
21
  }
15
22
  //# sourceMappingURL=Chat.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/Chat.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAqhCrE,eAAO,MAAM,IAAI,gBAAyB,SAAS,KAAG,GAAG,CAAC,OAAO;;CAi1C/D,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC1C"}
1
+ {"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/Chat.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAuoCrE,eAAO,MAAM,IAAI,gBAAyB,SAAS,KAAG,GAAG,CAAC,OAAO;;CAo/C/D,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B"}