@product7/product7-js 0.5.1 → 0.5.4

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 (41) hide show
  1. package/README.md +4 -4
  2. package/dist/README.md +4 -4
  3. package/dist/product7-js.js +7124 -7130
  4. package/dist/product7-js.js.map +1 -1
  5. package/dist/product7-js.min.js +1 -1
  6. package/dist/product7-js.min.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/api/APIService.js +1 -0
  9. package/src/api/services/{MessengerService.js → WebChatService.js} +15 -15
  10. package/src/core/APIService.js +16 -16
  11. package/src/core/Product7.js +4 -4
  12. package/src/core/WebSocketService.js +3 -3
  13. package/src/docs/api.md +9 -9
  14. package/src/docs/example.md +12 -12
  15. package/src/docs/framework-integrations.md +5 -5
  16. package/src/index.js +41 -42
  17. package/src/styles/base.js +9 -9
  18. package/src/styles/design-tokens.js +2 -2
  19. package/src/styles/feedback.js +2 -2
  20. package/src/styles/styles.js +4 -4
  21. package/src/styles/survey.js +3 -2
  22. package/src/styles/{messenger-components.js → web-chat-components.js} +114 -114
  23. package/src/styles/{messenger-core.js → web-chat-core.js} +32 -32
  24. package/src/styles/{messenger-features.js → web-chat-features.js} +20 -20
  25. package/src/styles/{messenger-views.js → web-chat-views.js} +137 -137
  26. package/src/styles/web-chat.js +17 -0
  27. package/src/styles/{messengerCustomStyles.js → webChatCustomStyles.js} +17 -19
  28. package/src/widgets/SurveyWidget.js +6 -1
  29. package/src/widgets/{MessengerWidget.js → WebChatWidget.js} +169 -172
  30. package/src/widgets/WidgetFactory.js +3 -3
  31. package/src/widgets/{messenger/MessengerState.js → web-chat/WebChatState.js} +1 -1
  32. package/src/widgets/{messenger → web-chat}/components/NavigationTabs.js +13 -13
  33. package/src/widgets/{messenger/components/MessengerLauncher.js → web-chat/components/WebChatLauncher.js} +15 -17
  34. package/src/widgets/{messenger/components/MessengerPanel.js → web-chat/components/WebChatPanel.js} +11 -11
  35. package/src/widgets/{messenger → web-chat}/views/ChangelogView.js +17 -17
  36. package/src/widgets/{messenger → web-chat}/views/ChatView.js +97 -99
  37. package/src/widgets/{messenger → web-chat}/views/ConversationsView.js +24 -24
  38. package/src/widgets/{messenger → web-chat}/views/HelpView.js +29 -29
  39. package/src/widgets/{messenger → web-chat}/views/HomeView.js +53 -55
  40. package/src/widgets/{messenger → web-chat}/views/PreChatFormView.js +17 -17
  41. package/src/styles/messenger.js +0 -17
@@ -1,10 +1,10 @@
1
- import { baseStyles } from './base.js';
1
+ import { baseStyles } from './base.js';
2
2
  import { changelogStyles } from './changelog.js';
3
3
  import { componentsStyles } from './components.js';
4
4
  import { designTokens } from './design-tokens.js';
5
5
  import { feedbackStyles } from './feedback.js';
6
- import { messengerStyles } from './messenger.js';
7
6
  import { surveyStyles } from './survey.js';
7
+ import { webChatStyles } from './web-chat.js';
8
8
 
9
9
  export const CSS_STYLES =
10
10
  designTokens +
@@ -13,7 +13,7 @@ export const CSS_STYLES =
13
13
  feedbackStyles +
14
14
  changelogStyles +
15
15
  surveyStyles +
16
- messengerStyles;
16
+ webChatStyles;
17
17
 
18
18
  export {
19
19
  baseStyles,
@@ -21,6 +21,6 @@ export {
21
21
  componentsStyles,
22
22
  designTokens,
23
23
  feedbackStyles,
24
- messengerStyles,
25
24
  surveyStyles,
25
+ webChatStyles,
26
26
  };
@@ -487,6 +487,9 @@ export const surveyStyles = `
487
487
  border-radius: 50%;
488
488
  border: 1.5px solid #D1D5DB;
489
489
  flex-shrink: 0;
490
+ display: flex;
491
+ align-items: center;
492
+ justify-content: center;
490
493
  background: transparent;
491
494
  transition: all var(--transition-fast);
492
495
  }
@@ -512,8 +515,6 @@ export const surveyStyles = `
512
515
  color: #ffffff;
513
516
  font-size: 11px;
514
517
  font-weight: 700;
515
- line-height: 18px;
516
- text-align: center;
517
518
  border-color: var(--color-primary);
518
519
  background-color: var(--color-primary);
519
520
  }