@pushwoosh/smart-components-kit 1.25.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CampaignsConfigurationDrawer/CampaignsConfigurationDrawer.js +4 -4
  2. package/CampaignsConfigurationDrawer/components/Card/styles.d.ts +3 -2
  3. package/CampaignsConfigurationDrawer/components/Card/styles.js +2 -2
  4. package/DynamicContentPicker/DynamicContentPicker.js +1 -1
  5. package/ExportCSV/ExportCsvBanner/ExportCsvBanner.js +1 -1
  6. package/ModalCloningJourney/ModalCloningJourney.js +3 -3
  7. package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js +1 -1
  8. package/PlatformsConfigurationDrawer/components/DesktopPage/DesktopPage.js +6 -6
  9. package/PlatformsConfigurationDrawer/components/MainPage/MainPage.js +10 -10
  10. package/PlatformsConfigurationDrawer/components/MobilePage/MobilePage.js +8 -8
  11. package/ProductUpdates/ProductUpdateCard.js +1 -1
  12. package/Table/styles.js +1 -1
  13. package/package.json +5 -5
package/CampaignsConfigurationDrawer/CampaignsConfigurationDrawer.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Drawer, DrawerBody, DrawerHeader } from '@pushwoosh/dumb-components';
2
+ import { Drawer, DrawerBody, DrawerHeader, DrawerTitle } from '@pushwoosh/dumb-components';
3
3
  import { Columns, Horizontal, Vertical } from '@pushwoosh/kit-helpers';
4
4
  import { CloseIcon, EmailIcon, MobileIcon, PushIcon, SmsIcon, WhatsappIcon } from '@pushwoosh/kit-icons';
5
- import { H1, H3 } from '@pushwoosh/kit-typography';
5
+ import { H2 } from '@pushwoosh/kit-typography';
6
6
  import { Card } from './components/Card';
7
7
  import { useCanSendMessages } from './hooks';
8
8
  import { useLang } from './polyglot';
@@ -29,7 +29,7 @@ export function CampaignsConfigurationDrawer(props) {
29
29
  "$justifyContent": "space-between",
30
30
  "$alignItems": "center",
31
31
  "$margin": "0 0 4px",
32
- children: [_jsx(H1, {
32
+ children: [_jsx(DrawerTitle, {
33
33
  children: lang({
34
34
  message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.HEADING'
35
35
  })
@@ -66,7 +66,7 @@ export function CampaignsConfigurationDrawer(props) {
66
66
  })]
67
67
  }), _jsxs(Vertical, {
68
68
  "$gap": "8px",
69
- children: [_jsx(H3, {
69
+ children: [_jsx(H2, {
70
70
  children: lang({
71
71
  message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.ADVANCED_HEADING'
72
72
  })
package/CampaignsConfigurationDrawer/components/Card/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { H4 } from '@pushwoosh/kit-typography';
1
+ import { H3 } from '@pushwoosh/kit-typography';
2
2
  export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "style"> & {
3
3
  style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
4
4
  }> & string;
@@ -8,6 +8,7 @@ export declare const IconWrap: import("styled-components/dist/types").IStyledCom
8
8
  export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
9
9
  readonly boxRef?: import("react").Ref<HTMLHeadingElement>;
10
10
  readonly children: import("react").ReactNode;
11
+ readonly $textTransform?: import("react").CSSProperties["textTransform"];
11
12
  }, "style"> & {
12
13
  style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
13
- }> & string & Omit<typeof H4, keyof import("react").Component<any, {}, any>>;
14
+ }> & string & Omit<typeof H3, keyof import("react").Component<any, {}, any>>;
package/CampaignsConfigurationDrawer/components/Card/styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styled from 'styled-components';
2
2
  import { Color, ShapeRadius, Shadow } from '@pushwoosh/kit-constants';
3
- import { H4 } from '@pushwoosh/kit-typography';
3
+ import { H3 } from '@pushwoosh/kit-typography';
4
4
  export const Container = styled.a.withConfig({
5
5
  displayName: "Container",
6
6
  componentId: "sc-1r8stxq-0"
@@ -9,7 +9,7 @@ export const IconWrap = styled.div.withConfig({
9
9
  displayName: "IconWrap",
10
10
  componentId: "sc-1r8stxq-1"
11
11
  })(["padding:4px;border-radius:", ";background-color:", ";margin-bottom:8px;width:fit-content;"], ShapeRadius.CONTROL, Color.BRIGHT_LIGHT);
12
- export const Title = styled(H4).withConfig({
12
+ export const Title = styled(H3).withConfig({
13
13
  displayName: "Title",
14
14
  componentId: "sc-1r8stxq-2"
15
15
  })(["margin-bottom:2px;color:", ";"], Color.MAIN);
package/DynamicContentPicker/DynamicContentPicker.js CHANGED
@@ -89,7 +89,7 @@ export const DynamicContentPicker = ({
89
89
  "$alignItems": "center",
90
90
  "$gap": 8,
91
91
  children: [icon && icon, _jsx(Text, {
92
- "$variant": "h4",
92
+ "$variant": "h3",
93
93
  children: title
94
94
  })]
95
95
  }), error && _jsxs(Horizontal, {
package/ExportCSV/ExportCsvBanner/ExportCsvBanner.js CHANGED
@@ -131,7 +131,7 @@ export const ExportCsvBanner = ({
131
131
  percentValue: progress,
132
132
  rightSlot: _jsx(Text, {
133
133
  "$color": Color.WARNING,
134
- "$variant": "h5",
134
+ "$variant": "h4",
135
135
  "$textTransform": "uppercase",
136
136
  children: lang({
137
137
  message: 'SMART.EXPORT_CSV.KEEP_PAGE_OPEN'
package/ModalCloningJourney/ModalCloningJourney.js CHANGED
@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from 'react';
3
3
  import { useForm, useWatch } from 'react-hook-form';
4
4
  import { useParams } from 'react-router-dom';
5
- import { FieldBox, Modal, ModalBody, ModalHeader, ModalFooter, NativeInput, Select, Button, Banner } from '@pushwoosh/dumb-components';
5
+ import { FieldBox, Modal, ModalBody, ModalHeader, ModalTitle, ModalFooter, NativeInput, Select, Button, Banner } from '@pushwoosh/dumb-components';
6
6
  import { Horizontal, trackEvent, useAsync, Vertical } from '@pushwoosh/kit-helpers';
7
- import { H3, Paragraph } from '@pushwoosh/kit-typography';
7
+ import { Paragraph } from '@pushwoosh/kit-typography';
8
8
  import { useSPAContext } from '@pushwoosh/spa-context';
9
9
  import { useLang } from './polyglot';
10
10
  export function ModalCloningJourney({
@@ -188,7 +188,7 @@ export function ModalCloningJourney({
188
188
  size: "medium",
189
189
  isOpen: isOpen,
190
190
  children: [_jsx(ModalHeader, {
191
- children: _jsx(H3, {
191
+ children: _jsx(ModalTitle, {
192
192
  children: lang({
193
193
  message: 'SMART.MODAL_CLONING_JOURNEY.HEADING'
194
194
  })
package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js CHANGED
@@ -75,7 +75,7 @@ export const OpenActionsSummary = ({
75
75
  type: icon,
76
76
  color: Color.LOCKED
77
77
  }), _jsxs(Text, {
78
- "$variant": "h4",
78
+ "$variant": "h3",
79
79
  "$color": Color.LOCKED,
80
80
  "$textTransform": "uppercase",
81
81
  children: [labelText, ' ', label]
package/PlatformsConfigurationDrawer/components/DesktopPage/DesktopPage.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { Button } from '@pushwoosh/dumb-components';
2
+ import { Button, DrawerTitle } from '@pushwoosh/dumb-components';
3
3
  import { Color, AllPlatforms } from '@pushwoosh/kit-constants';
4
4
  import { Vertical, Columns } from '@pushwoosh/kit-helpers';
5
5
  import { ArrowRoundIcon, CloseIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';
6
- import { H2, H4, Text } from '@pushwoosh/kit-typography';
6
+ import { H3, Text } from '@pushwoosh/kit-typography';
7
7
  import { useLang } from '../../polyglot';
8
8
  import { ColumnsWrapper, BreadCrumbs, Header, Close, Card, CardIcon } from '../../styles';
9
9
  export function DesktopPage(props) {
@@ -31,7 +31,7 @@ export function DesktopPage(props) {
31
31
  size: "medium",
32
32
  view: "filled"
33
33
  })
34
- }), _jsx(H2, {
34
+ }), _jsx(DrawerTitle, {
35
35
  children: lang({
36
36
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.DESKTOP.HEADING'
37
37
  })
@@ -89,7 +89,7 @@ export function DesktopPage(props) {
89
89
  }), _jsxs(Vertical, {
90
90
  "$padding": "12px 0 0",
91
91
  "$gap": 8,
92
- children: [_jsx(H4, {
92
+ children: [_jsx(H3, {
93
93
  children: lang({
94
94
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION'
95
95
  })
@@ -104,7 +104,7 @@ export function DesktopPage(props) {
104
104
  type: "windows",
105
105
  size: "medium"
106
106
  })
107
- }), _jsx(H4, {
107
+ }), _jsx(H3, {
108
108
  children: lang({
109
109
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WINDOWS'
110
110
  })
@@ -117,7 +117,7 @@ export function DesktopPage(props) {
117
117
  type: "macos",
118
118
  size: "medium"
119
119
  })
120
- }), _jsx(H4, {
120
+ }), _jsx(H3, {
121
121
  children: lang({
122
122
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MACOS'
123
123
  })
package/PlatformsConfigurationDrawer/components/MainPage/MainPage.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { Button } from '@pushwoosh/dumb-components';
2
+ import { Button, DrawerTitle } from '@pushwoosh/dumb-components';
3
3
  import { Color, AllPlatforms } from '@pushwoosh/kit-constants';
4
4
  import { Vertical, Columns } from '@pushwoosh/kit-helpers';
5
5
  import { CloseIcon, DeviceIcon, EmailIcon, WhatsappIcon, SmsIcon } from '@pushwoosh/kit-icons';
6
- import { H2, Paragraph, H4, Text } from '@pushwoosh/kit-typography';
6
+ import { Paragraph, H3, Text } from '@pushwoosh/kit-typography';
7
7
  import { useLang } from '../../polyglot';
8
8
  import { Header, Close, Card, CardIcon } from '../../styles';
9
9
  export function MainPage(props) {
@@ -19,7 +19,7 @@ export function MainPage(props) {
19
19
  children: [_jsxs(Header, {
20
20
  children: [_jsxs(Vertical, {
21
21
  "$gap": 4,
22
- children: [_jsx(H2, {
22
+ children: [_jsx(DrawerTitle, {
23
23
  children: lang({
24
24
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING'
25
25
  })
@@ -76,7 +76,7 @@ export function MainPage(props) {
76
76
  }), _jsxs(Vertical, {
77
77
  "$padding": "12px 0 0",
78
78
  "$gap": 8,
79
- children: [_jsx(H4, {
79
+ children: [_jsx(H3, {
80
80
  children: lang({
81
81
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION'
82
82
  })
@@ -92,7 +92,7 @@ export function MainPage(props) {
92
92
  size: "medium",
93
93
  view: "filled"
94
94
  })
95
- }), _jsx(H4, {
95
+ }), _jsx(H3, {
96
96
  children: lang({
97
97
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE'
98
98
  })
@@ -106,7 +106,7 @@ export function MainPage(props) {
106
106
  size: "medium",
107
107
  view: "filled"
108
108
  })
109
- }), _jsx(H4, {
109
+ }), _jsx(H3, {
110
110
  children: lang({
111
111
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP'
112
112
  })
@@ -120,7 +120,7 @@ export function MainPage(props) {
120
120
  size: "medium",
121
121
  view: "filled"
122
122
  })
123
- }), _jsx(H4, {
123
+ }), _jsx(H3, {
124
124
  children: lang({
125
125
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE'
126
126
  })
@@ -133,7 +133,7 @@ export function MainPage(props) {
133
133
  size: "medium",
134
134
  view: "filled"
135
135
  })
136
- }), _jsx(H4, {
136
+ }), _jsx(H3, {
137
137
  children: lang({
138
138
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS'
139
139
  })
@@ -146,7 +146,7 @@ export function MainPage(props) {
146
146
  size: "medium",
147
147
  view: "filled"
148
148
  })
149
- }), _jsx(H4, {
149
+ }), _jsx(H3, {
150
150
  children: lang({
151
151
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP'
152
152
  })
@@ -160,7 +160,7 @@ export function MainPage(props) {
160
160
  size: "medium",
161
161
  view: "filled"
162
162
  })
163
- }), _jsx(H4, {
163
+ }), _jsx(H3, {
164
164
  children: lang({
165
165
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS'
166
166
  })
package/PlatformsConfigurationDrawer/components/MobilePage/MobilePage.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { Button } from '@pushwoosh/dumb-components';
2
+ import { Button, DrawerTitle } from '@pushwoosh/dumb-components';
3
3
  import { Color } from '@pushwoosh/kit-constants';
4
4
  import { Columns, Vertical } from '@pushwoosh/kit-helpers';
5
5
  import { ArrowRoundIcon, CloseIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';
6
- import { H2, H4, Text } from '@pushwoosh/kit-typography';
6
+ import { H3, Text } from '@pushwoosh/kit-typography';
7
7
  import { useLang } from '../../polyglot';
8
8
  import { ColumnsWrapper, BreadCrumbs, Header, Close, Card, CardIcon } from '../../styles';
9
9
  export function MobilePage(props) {
@@ -29,7 +29,7 @@ export function MobilePage(props) {
29
29
  size: "medium",
30
30
  view: "filled"
31
31
  })
32
- }), _jsx(H2, {
32
+ }), _jsx(DrawerTitle, {
33
33
  children: lang({
34
34
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING'
35
35
  })
@@ -87,7 +87,7 @@ export function MobilePage(props) {
87
87
  }), _jsxs(Vertical, {
88
88
  "$padding": "12px 0 0",
89
89
  "$gap": 8,
90
- children: [_jsx(H4, {
90
+ children: [_jsx(H3, {
91
91
  children: lang({
92
92
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION'
93
93
  })
@@ -102,7 +102,7 @@ export function MobilePage(props) {
102
102
  type: "apple",
103
103
  size: "medium"
104
104
  })
105
- }), _jsx(H4, {
105
+ }), _jsx(H3, {
106
106
  children: lang({
107
107
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS'
108
108
  })
@@ -115,7 +115,7 @@ export function MobilePage(props) {
115
115
  type: "android",
116
116
  size: "medium"
117
117
  })
118
- }), _jsx(H4, {
118
+ }), _jsx(H3, {
119
119
  children: lang({
120
120
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID'
121
121
  })
@@ -128,7 +128,7 @@ export function MobilePage(props) {
128
128
  type: "huawei",
129
129
  size: "medium"
130
130
  })
131
- }), _jsx(H4, {
131
+ }), _jsx(H3, {
132
132
  children: lang({
133
133
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI'
134
134
  })
@@ -141,7 +141,7 @@ export function MobilePage(props) {
141
141
  type: "amazon",
142
142
  size: "medium"
143
143
  })
144
- }), _jsx(H4, {
144
+ }), _jsx(H3, {
145
145
  children: lang({
146
146
  message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON'
147
147
  })
package/ProductUpdates/ProductUpdateCard.js CHANGED
@@ -56,7 +56,7 @@ export function ProductUpdateCard({
56
56
  })]
57
57
  }), _jsxs(Vertical, {
58
58
  children: [_jsx(Text, {
59
- "$variant": "h4",
59
+ "$variant": "h3",
60
60
  children: update.title
61
61
  }), update.content && renderContent(update.content)]
62
62
  })]
package/Table/styles.js CHANGED
@@ -36,7 +36,7 @@ export const Tr = styled(Horizontal).attrs({
36
36
  export const Th = styled(Td).withConfig({
37
37
  displayName: "Th",
38
38
  componentId: "sc-1vdjaze-4"
39
- })(["padding:8px 12px;color:", ";font-weight:", ";font-size:", ";line-height:", ";text-transform:uppercase;"], Color.LOCKED, FontWeight.MEDIUM, FontSize.HEADING5, LineHeight.HEADING5);
39
+ })(["padding:8px 12px;color:", ";font-weight:", ";font-size:", ";line-height:", ";text-transform:uppercase;"], Color.LOCKED, FontWeight.MEDIUM, FontSize.HEADING4, LineHeight.HEADING4);
40
40
  export const ItemName = styled.div.withConfig({
41
41
  displayName: "ItemName",
42
42
  componentId: "sc-1vdjaze-5"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pushwoosh/smart-components-kit",
3
- "version": "1.25.0",
3
+ "version": "2.0.0",
4
4
  "description": "Stateful, data-connected React components shared by Pushwoosh micro-frontends",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,17 +17,17 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@floating-ui/react-dom": "^2.1.2",
20
- "@pushwoosh/dumb-components": "^3.4.0",
21
- "@pushwoosh/kit-constants": "^2.1.1",
20
+ "@pushwoosh/dumb-components": "^4.0.0",
21
+ "@pushwoosh/kit-constants": "^3.0.0",
22
22
  "@pushwoosh/kit-helpers": "^4.16.0",
23
23
  "@pushwoosh/kit-icons": "^2.3.10",
24
- "@pushwoosh/kit-typography": "^1.13.0",
24
+ "@pushwoosh/kit-typography": "^2.0.0",
25
25
  "@pushwoosh/rpc-v2-http-api-data": "^0.2.409",
26
26
  "jwt-decode": "^4.0.0",
27
27
  "react-hook-form": "^7.68.0"
28
28
  },
29
29
  "devDependencies": {
30
- "@pushwoosh/frontend-builder-engine": "^3.1.6",
30
+ "@pushwoosh/frontend-builder-engine": "^4.0.0",
31
31
  "@pushwoosh/spa-context": "^3.3.0",
32
32
  "@svgr/webpack": "^8.1.0",
33
33
  "@types/node": "^24.19.1",