@pushwoosh/smart-components-kit 1.0.89 → 1.1.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 (114) hide show
  1. package/CampaignsConfigurationDrawer/CampaignsConfigurationDrawer.d.ts +1 -2
  2. package/CampaignsConfigurationDrawer/CampaignsConfigurationDrawer.js +105 -56
  3. package/CampaignsConfigurationDrawer/components/Card/Card.d.ts +1 -2
  4. package/CampaignsConfigurationDrawer/components/Card/Card.js +19 -13
  5. package/CampaignsConfigurationDrawer/polyglot/index.d.ts +2 -0
  6. package/CampaignsConfigurationDrawer/polyglot/index.js +10 -0
  7. package/CampaignsConfigurationDrawer/polyglot/messages_en.d.ts +3 -0
  8. package/CampaignsConfigurationDrawer/polyglot/messages_en.js +18 -0
  9. package/CampaignsConfigurationDrawer/polyglot/messages_ru.d.ts +3 -0
  10. package/CampaignsConfigurationDrawer/polyglot/messages_ru.js +18 -0
  11. package/CampaignsConfigurationDrawer/polyglot/types.d.ts +19 -0
  12. package/CampaignsConfigurationDrawer/polyglot/types.js +1 -0
  13. package/DocsButton/DocsButton.d.ts +1 -2
  14. package/DocsButton/DocsButton.js +21 -18
  15. package/DynamicContentPicker/DynamicContentPicker.js +76 -63
  16. package/DynamicContentPicker/Line.js +24 -22
  17. package/DynamicContentPickerForm/DynamicContentCustomPickerForm.js +20 -15
  18. package/DynamicContentPickerForm/DynamicContentEventPickerForm.js +62 -51
  19. package/DynamicContentPickerForm/DynamicContentTagPickerForm.js +62 -51
  20. package/DynamicContentPickerForm/SimpleDynamicContentPickerFormSmart.js +74 -59
  21. package/DynamicContentPickerForm/VariedDynamicContentPickerFormSmart.js +104 -78
  22. package/DynamicContentPickerForm/polyglot/index.d.ts +2 -0
  23. package/DynamicContentPickerForm/polyglot/index.js +10 -0
  24. package/DynamicContentPickerForm/polyglot/messages_en.d.ts +3 -0
  25. package/DynamicContentPickerForm/polyglot/messages_en.js +16 -0
  26. package/DynamicContentPickerForm/polyglot/messages_ru.d.ts +3 -0
  27. package/DynamicContentPickerForm/polyglot/messages_ru.js +16 -0
  28. package/DynamicContentPickerForm/polyglot/types.d.ts +17 -0
  29. package/DynamicContentPickerForm/polyglot/types.js +1 -0
  30. package/EmailTemplatePreview/EmailTemplatePreview.js +10 -4
  31. package/EmailTemplatePreview/polyglot/index.d.ts +5 -0
  32. package/EmailTemplatePreview/polyglot/index.js +10 -0
  33. package/EmailTemplatePreview/polyglot/messages_en.d.ts +3 -0
  34. package/EmailTemplatePreview/polyglot/messages_en.js +3 -0
  35. package/EmailTemplatePreview/polyglot/messages_ru.d.ts +3 -0
  36. package/EmailTemplatePreview/polyglot/messages_ru.js +3 -0
  37. package/EmailTemplatePreview/polyglot/types.d.ts +4 -0
  38. package/EmailTemplatePreview/polyglot/types.js +1 -0
  39. package/ExportCSV/ExportCsvBanner/ExportCsvBanner.d.ts +1 -2
  40. package/ExportCSV/ExportCsvBanner/ExportCsvBanner.js +63 -42
  41. package/ExportCSV/polyglot/index.d.ts +2 -0
  42. package/ExportCSV/polyglot/index.js +10 -0
  43. package/ExportCSV/polyglot/messages_en.d.ts +3 -0
  44. package/ExportCSV/polyglot/messages_en.js +9 -0
  45. package/ExportCSV/polyglot/messages_ru.d.ts +3 -0
  46. package/ExportCSV/polyglot/messages_ru.js +9 -0
  47. package/ExportCSV/polyglot/types.d.ts +10 -0
  48. package/ExportCSV/polyglot/types.js +1 -0
  49. package/ExportCSV/useExportService/useExportService.js +1 -0
  50. package/LanguagesSelector/LanguagesModal.js +38 -24
  51. package/LanguagesSelector/LanguagesSelectForm.js +73 -62
  52. package/LanguagesSelector/LanguagesSelectFormLoader.js +8 -7
  53. package/LanguagesSelector/LanguagesSelector.js +92 -78
  54. package/MediaStore/CreateVariantDrawer.js +134 -85
  55. package/MediaStore/MediaStore.js +137 -112
  56. package/ModalCloningJourney/ModalCloningJourney.d.ts +1 -2
  57. package/ModalCloningJourney/ModalCloningJourney.js +113 -91
  58. package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.d.ts +1 -2
  59. package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js +101 -37
  60. package/OpenActions/components/OpenActionsSummaryByPreset.d.ts +1 -2
  61. package/OpenActions/components/OpenActionsSummaryByPreset.js +2 -2
  62. package/OpenActions/polyglot/index.d.ts +2 -0
  63. package/OpenActions/polyglot/index.js +10 -0
  64. package/OpenActions/polyglot/messages_en.d.ts +3 -0
  65. package/OpenActions/polyglot/messages_en.js +14 -0
  66. package/OpenActions/polyglot/messages_ru.d.ts +3 -0
  67. package/OpenActions/polyglot/messages_ru.js +14 -0
  68. package/OpenActions/polyglot/types.d.ts +18 -0
  69. package/OpenActions/polyglot/types.js +1 -0
  70. package/PlatformsConfigurationDrawer/PlatformsConfigurationDrawer.js +21 -17
  71. package/PlatformsConfigurationDrawer/components/DesktopPage/DesktopPage.js +114 -57
  72. package/PlatformsConfigurationDrawer/components/MainPage/MainPage.js +157 -75
  73. package/PlatformsConfigurationDrawer/components/MobilePage/MobilePage.js +140 -69
  74. package/PlatformsConfigurationDrawer/polyglot/index.d.ts +2 -0
  75. package/PlatformsConfigurationDrawer/polyglot/index.js +10 -0
  76. package/PlatformsConfigurationDrawer/polyglot/messages_en.d.ts +3 -0
  77. package/PlatformsConfigurationDrawer/polyglot/messages_en.js +24 -0
  78. package/PlatformsConfigurationDrawer/polyglot/messages_ru.d.ts +3 -0
  79. package/PlatformsConfigurationDrawer/polyglot/messages_ru.js +24 -0
  80. package/PlatformsConfigurationDrawer/polyglot/types.d.ts +25 -0
  81. package/PlatformsConfigurationDrawer/polyglot/types.js +1 -0
  82. package/ResendModal/ResendModal.d.ts +1 -2
  83. package/ResendModal/ResendModal.js +95 -59
  84. package/ResendModal/polyglot/index.d.ts +2 -0
  85. package/ResendModal/polyglot/index.js +10 -0
  86. package/ResendModal/polyglot/messages_en.d.ts +3 -0
  87. package/ResendModal/polyglot/messages_en.js +9 -0
  88. package/ResendModal/polyglot/messages_ru.d.ts +3 -0
  89. package/ResendModal/polyglot/messages_ru.js +9 -0
  90. package/ResendModal/polyglot/types.d.ts +10 -0
  91. package/ResendModal/polyglot/types.js +1 -0
  92. package/RichMessageEditorSmart/NewDynamicContentForm.js +16 -12
  93. package/RichMessageEditorSmart/RichMessageEditorSmart.js +4 -4
  94. package/SystemParcel/SystemParcel.d.ts +3 -3
  95. package/SystemParcel/SystemParcel.js +3 -2
  96. package/Table/components/DataTable/DataTable.js +80 -61
  97. package/Table/components/DataTableGetContext/DataTableGetContext.d.ts +1 -2
  98. package/Table/components/DataTableGetContext/DataTableGetContext.js +5 -2
  99. package/Table/components/DataTableList/DataTableList.d.ts +1 -2
  100. package/Table/components/DataTableList/DataTableList.js +86 -68
  101. package/Table/components/DataTablePagination/DataTablePagination.js +6 -4
  102. package/Table/components/DataTableSearchInput/DataTableSearchInput.js +3 -2
  103. package/Table/components/DataTableSortableCell/DataTableSortableCell.js +6 -4
  104. package/Table/components/Loading/Loading.d.ts +1 -2
  105. package/Table/components/Loading/Loading.js +16 -14
  106. package/Table/components/TablePagination/TablePagination.js +31 -25
  107. package/_devel/index.js +36 -24
  108. package/_devel/lib/dynamic-content-picker.d.ts +1 -2
  109. package/_devel/lib/dynamic-content-picker.js +16 -10
  110. package/_devel/lib/index.d.ts +2 -2
  111. package/_devel/lib/index.js +38 -19
  112. package/_devel/test-place.d.ts +1 -2
  113. package/_devel/test-place.js +4 -2
  114. package/package.json +2 -2
@@ -1,9 +1,10 @@
1
- import React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { Button } 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
6
  import { H2, Paragraph, H4, Text } from '@pushwoosh/kit-typography';
7
+ import { useLang } from '../../polyglot';
7
8
  import { Header, Close, Card, CardIcon } from '../../styled';
8
9
  export function MainPage(props) {
9
10
  const {
@@ -12,79 +13,160 @@ export function MainPage(props) {
12
13
  onClickMobile,
13
14
  onClose
14
15
  } = props;
16
+ const lang = useLang();
15
17
  const hasDesktopPlatforms = Object.hasOwn((application === null || application === void 0 ? void 0 : application.platforms) || {}, AllPlatforms.Windows) || Object.hasOwn((application === null || application === void 0 ? void 0 : application.platforms) || {}, AllPlatforms.OSX);
16
- return React.createElement(React.Fragment, null, React.createElement(Header, null, React.createElement(Vertical, {
17
- "$gap": 4
18
- }, React.createElement(H2, null, "Channel to configure"), React.createElement(Paragraph, null, React.createElement(Text, {
19
- "$color": Color.LOCKED
20
- }, "Channel"), React.createElement(Text, {
21
- "$color": Color.PHANTOM
22
- }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
23
- "$color": Color.PHANTOM
24
- }, "Platform"), React.createElement(Text, {
25
- "$color": Color.PHANTOM
26
- }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
27
- "$color": Color.PHANTOM
28
- }, "Gateway"), React.createElement(Text, {
29
- "$color": Color.PHANTOM
30
- }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
31
- "$color": Color.PHANTOM
32
- }, "SDK"), React.createElement(Text, {
33
- "$color": Color.PHANTOM
34
- }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
35
- "$color": Color.PHANTOM
36
- }, "Test message"))), React.createElement(Close, null, React.createElement(Button, {
37
- view: "ghost",
38
- color: "secondary",
39
- icon: React.createElement(CloseIcon, {
40
- size: "medium"
41
- }),
42
- onClick: onClose
43
- }))), React.createElement(Vertical, {
44
- "$padding": "12px 0 0",
45
- "$gap": 8
46
- }, React.createElement(H4, null, "Where would you like to send your messages?"), React.createElement(Columns, {
47
- "$sizes": "1fr 1fr",
48
- "$gap": 6
49
- }, React.createElement(Card, {
50
- as: "div",
51
- onClick: onClickMobile
52
- }, React.createElement(CardIcon, null, React.createElement(DeviceIcon, {
53
- type: "mobile",
54
- size: "medium",
55
- view: "filled"
56
- })), React.createElement(H4, null, "Mobile application")), hasDesktopPlatforms && React.createElement(Card, {
57
- as: "div",
58
- onClick: onClickDesktop
59
- }, React.createElement(CardIcon, null, React.createElement(DeviceIcon, {
60
- type: "desktop",
61
- size: "medium",
62
- view: "filled"
63
- })), React.createElement(H4, null, "Desktop application")), React.createElement(Card, {
64
- as: "a",
65
- href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/web`
66
- }, React.createElement(CardIcon, null, React.createElement(DeviceIcon, {
67
- type: "web",
68
- size: "medium",
69
- view: "filled"
70
- })), React.createElement(H4, null, "Website")), React.createElement(Card, {
71
- as: "a",
72
- href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/email`
73
- }, React.createElement(CardIcon, null, React.createElement(EmailIcon, {
74
- size: "medium",
75
- view: "filled"
76
- })), React.createElement(H4, null, "Emails")), React.createElement(Card, {
77
- as: "a",
78
- href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure`
79
- }, React.createElement(CardIcon, null, React.createElement(WhatsappIcon, {
80
- size: "medium",
81
- view: "filled"
82
- })), React.createElement(H4, null, "Whatsapp")), React.createElement(Card, {
83
- as: "a",
84
- href: "https://help.pushwoosh.com/hc/en-us/requests/new",
85
- target: "_blank"
86
- }, React.createElement(CardIcon, null, React.createElement(SmsIcon, {
87
- size: "medium",
88
- view: "filled"
89
- })), React.createElement(H4, null, "SMS")))));
18
+ return _jsxs(_Fragment, {
19
+ children: [_jsxs(Header, {
20
+ children: [_jsxs(Vertical, {
21
+ "$gap": 4,
22
+ children: [_jsx(H2, {
23
+ children: lang({
24
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING'
25
+ })
26
+ }), _jsxs(Paragraph, {
27
+ children: [_jsx(Text, {
28
+ "$color": Color.LOCKED,
29
+ children: lang({
30
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL'
31
+ })
32
+ }), _jsx(Text, {
33
+ "$color": Color.PHANTOM,
34
+ children: "\u00A0\u203A\u00A0"
35
+ }), _jsx(Text, {
36
+ "$color": Color.PHANTOM,
37
+ children: lang({
38
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM'
39
+ })
40
+ }), _jsx(Text, {
41
+ "$color": Color.PHANTOM,
42
+ children: "\u00A0\u203A\u00A0"
43
+ }), _jsx(Text, {
44
+ "$color": Color.PHANTOM,
45
+ children: lang({
46
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY'
47
+ })
48
+ }), _jsx(Text, {
49
+ "$color": Color.PHANTOM,
50
+ children: "\u00A0\u203A\u00A0"
51
+ }), _jsx(Text, {
52
+ "$color": Color.PHANTOM,
53
+ children: lang({
54
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK'
55
+ })
56
+ }), _jsx(Text, {
57
+ "$color": Color.PHANTOM,
58
+ children: "\u00A0\u203A\u00A0"
59
+ }), _jsx(Text, {
60
+ "$color": Color.PHANTOM,
61
+ children: lang({
62
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE'
63
+ })
64
+ })]
65
+ })]
66
+ }), _jsx(Close, {
67
+ children: _jsx(Button, {
68
+ view: "ghost",
69
+ color: "secondary",
70
+ icon: _jsx(CloseIcon, {
71
+ size: "medium"
72
+ }),
73
+ onClick: onClose
74
+ })
75
+ })]
76
+ }), _jsxs(Vertical, {
77
+ "$padding": "12px 0 0",
78
+ "$gap": 8,
79
+ children: [_jsx(H4, {
80
+ children: lang({
81
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION'
82
+ })
83
+ }), _jsxs(Columns, {
84
+ "$sizes": "1fr 1fr",
85
+ "$gap": 6,
86
+ children: [_jsxs(Card, {
87
+ as: "div",
88
+ onClick: onClickMobile,
89
+ children: [_jsx(CardIcon, {
90
+ children: _jsx(DeviceIcon, {
91
+ type: "mobile",
92
+ size: "medium",
93
+ view: "filled"
94
+ })
95
+ }), _jsx(H4, {
96
+ children: lang({
97
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE'
98
+ })
99
+ })]
100
+ }), hasDesktopPlatforms && _jsxs(Card, {
101
+ as: "div",
102
+ onClick: onClickDesktop,
103
+ children: [_jsx(CardIcon, {
104
+ children: _jsx(DeviceIcon, {
105
+ type: "desktop",
106
+ size: "medium",
107
+ view: "filled"
108
+ })
109
+ }), _jsx(H4, {
110
+ children: lang({
111
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP'
112
+ })
113
+ })]
114
+ }), _jsxs(Card, {
115
+ as: "a",
116
+ href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/web`,
117
+ children: [_jsx(CardIcon, {
118
+ children: _jsx(DeviceIcon, {
119
+ type: "web",
120
+ size: "medium",
121
+ view: "filled"
122
+ })
123
+ }), _jsx(H4, {
124
+ children: lang({
125
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE'
126
+ })
127
+ })]
128
+ }), _jsxs(Card, {
129
+ as: "a",
130
+ href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/email`,
131
+ children: [_jsx(CardIcon, {
132
+ children: _jsx(EmailIcon, {
133
+ size: "medium",
134
+ view: "filled"
135
+ })
136
+ }), _jsx(H4, {
137
+ children: lang({
138
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS'
139
+ })
140
+ })]
141
+ }), _jsxs(Card, {
142
+ as: "a",
143
+ href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure`,
144
+ children: [_jsx(CardIcon, {
145
+ children: _jsx(WhatsappIcon, {
146
+ size: "medium",
147
+ view: "filled"
148
+ })
149
+ }), _jsx(H4, {
150
+ children: lang({
151
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP'
152
+ })
153
+ })]
154
+ }), _jsxs(Card, {
155
+ as: "a",
156
+ href: "https://help.pushwoosh.com/hc/en-us/requests/new",
157
+ target: "_blank",
158
+ children: [_jsx(CardIcon, {
159
+ children: _jsx(SmsIcon, {
160
+ size: "medium",
161
+ view: "filled"
162
+ })
163
+ }), _jsx(H4, {
164
+ children: lang({
165
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS'
166
+ })
167
+ })]
168
+ })]
169
+ })]
170
+ })]
171
+ });
90
172
  }
@@ -1,9 +1,10 @@
1
- import React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { Button } 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
6
  import { H2, H4, Text } from '@pushwoosh/kit-typography';
7
+ import { useLang } from '../../polyglot';
7
8
  import { ColumnsWrapper, BreadCrumbs, Header, Close, Card, CardIcon } from '../../styled';
8
9
  export function MobilePage(props) {
9
10
  const {
@@ -11,72 +12,142 @@ export function MobilePage(props) {
11
12
  onBack,
12
13
  onClose
13
14
  } = props;
14
- return React.createElement(React.Fragment, null, React.createElement(Header, null, React.createElement(ColumnsWrapper, null, React.createElement(Columns, {
15
- "$sizes": "auto 1fr auto",
16
- "$alignItems": "center",
17
- "$gap": 6
18
- }, React.createElement(Button, {
19
- color: "primary",
20
- view: "ghost",
21
- onClick: onBack
22
- }, React.createElement(ArrowRoundIcon, {
23
- direction: "left",
24
- size: "medium",
25
- view: "filled"
26
- })), React.createElement(H2, null, "Platform for mobile app"), React.createElement(Close, null, React.createElement(Button, {
27
- view: "ghost",
28
- color: "secondary",
29
- icon: React.createElement(CloseIcon, {
30
- size: "medium"
31
- }),
32
- onClick: onClose
33
- }))), React.createElement(BreadCrumbs, null, React.createElement(Text, {
34
- "$color": Color.LOCKED
35
- }, "Channel"), React.createElement(Text, {
36
- "$color": Color.LOCKED
37
- }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
38
- "$color": Color.LOCKED
39
- }, "Platform"), React.createElement(Text, {
40
- "$color": Color.PHANTOM
41
- }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
42
- "$color": Color.PHANTOM
43
- }, "Gateway"), React.createElement(Text, {
44
- "$color": Color.PHANTOM
45
- }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
46
- "$color": Color.PHANTOM
47
- }, "SDK"), React.createElement(Text, {
48
- "$color": Color.PHANTOM
49
- }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
50
- "$color": Color.PHANTOM
51
- }, "Test message")))), React.createElement(Vertical, {
52
- "$padding": "12px 0 0",
53
- "$gap": 8
54
- }, React.createElement(H4, null, "Which platform will we configure first?"), React.createElement(Columns, {
55
- "$sizes": "1fr 1fr",
56
- "$gap": 6
57
- }, React.createElement(Card, {
58
- as: "a",
59
- href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/ios`
60
- }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
61
- type: "apple",
62
- size: "medium"
63
- })), React.createElement(H4, null, "iOS")), React.createElement(Card, {
64
- as: "a",
65
- href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/android`
66
- }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
67
- type: "android",
68
- size: "medium"
69
- })), React.createElement(H4, null, "Android")), React.createElement(Card, {
70
- as: "a",
71
- href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/huawei`
72
- }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
73
- type: "huawei",
74
- size: "medium"
75
- })), React.createElement(H4, null, "Huawei")), React.createElement(Card, {
76
- as: "a",
77
- href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure`
78
- }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
79
- type: "amazon",
80
- size: "medium"
81
- })), React.createElement(H4, null, "Amazon")))));
15
+ const lang = useLang();
16
+ return _jsxs(_Fragment, {
17
+ children: [_jsx(Header, {
18
+ children: _jsxs(ColumnsWrapper, {
19
+ children: [_jsxs(Columns, {
20
+ "$sizes": "auto 1fr auto",
21
+ "$alignItems": "center",
22
+ "$gap": 6,
23
+ children: [_jsx(Button, {
24
+ color: "primary",
25
+ view: "ghost",
26
+ onClick: onBack,
27
+ children: _jsx(ArrowRoundIcon, {
28
+ direction: "left",
29
+ size: "medium",
30
+ view: "filled"
31
+ })
32
+ }), _jsx(H2, {
33
+ children: lang({
34
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING'
35
+ })
36
+ }), _jsx(Close, {
37
+ children: _jsx(Button, {
38
+ view: "ghost",
39
+ color: "secondary",
40
+ icon: _jsx(CloseIcon, {
41
+ size: "medium"
42
+ }),
43
+ onClick: onClose
44
+ })
45
+ })]
46
+ }), _jsxs(BreadCrumbs, {
47
+ children: [_jsx(Text, {
48
+ "$color": Color.LOCKED,
49
+ children: lang({
50
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL'
51
+ })
52
+ }), _jsx(Text, {
53
+ "$color": Color.LOCKED,
54
+ children: "\u00A0\u203A\u00A0"
55
+ }), _jsx(Text, {
56
+ "$color": Color.LOCKED,
57
+ children: lang({
58
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM'
59
+ })
60
+ }), _jsx(Text, {
61
+ "$color": Color.PHANTOM,
62
+ children: "\u00A0\u203A\u00A0"
63
+ }), _jsx(Text, {
64
+ "$color": Color.PHANTOM,
65
+ children: lang({
66
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY'
67
+ })
68
+ }), _jsx(Text, {
69
+ "$color": Color.PHANTOM,
70
+ children: "\u00A0\u203A\u00A0"
71
+ }), _jsx(Text, {
72
+ "$color": Color.PHANTOM,
73
+ children: lang({
74
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK'
75
+ })
76
+ }), _jsx(Text, {
77
+ "$color": Color.PHANTOM,
78
+ children: "\u00A0\u203A\u00A0"
79
+ }), _jsx(Text, {
80
+ "$color": Color.PHANTOM,
81
+ children: lang({
82
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE'
83
+ })
84
+ })]
85
+ })]
86
+ })
87
+ }), _jsxs(Vertical, {
88
+ "$padding": "12px 0 0",
89
+ "$gap": 8,
90
+ children: [_jsx(H4, {
91
+ children: lang({
92
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION'
93
+ })
94
+ }), _jsxs(Columns, {
95
+ "$sizes": "1fr 1fr",
96
+ "$gap": 6,
97
+ children: [_jsxs(Card, {
98
+ as: "a",
99
+ href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/ios`,
100
+ children: [_jsx(CardIcon, {
101
+ children: _jsx(PlatformLogoIcon, {
102
+ type: "apple",
103
+ size: "medium"
104
+ })
105
+ }), _jsx(H4, {
106
+ children: lang({
107
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS'
108
+ })
109
+ })]
110
+ }), _jsxs(Card, {
111
+ as: "a",
112
+ href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/android`,
113
+ children: [_jsx(CardIcon, {
114
+ children: _jsx(PlatformLogoIcon, {
115
+ type: "android",
116
+ size: "medium"
117
+ })
118
+ }), _jsx(H4, {
119
+ children: lang({
120
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID'
121
+ })
122
+ })]
123
+ }), _jsxs(Card, {
124
+ as: "a",
125
+ href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/huawei`,
126
+ children: [_jsx(CardIcon, {
127
+ children: _jsx(PlatformLogoIcon, {
128
+ type: "huawei",
129
+ size: "medium"
130
+ })
131
+ }), _jsx(H4, {
132
+ children: lang({
133
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI'
134
+ })
135
+ })]
136
+ }), _jsxs(Card, {
137
+ as: "a",
138
+ href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure`,
139
+ children: [_jsx(CardIcon, {
140
+ children: _jsx(PlatformLogoIcon, {
141
+ type: "amazon",
142
+ size: "medium"
143
+ })
144
+ }), _jsx(H4, {
145
+ children: lang({
146
+ message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON'
147
+ })
148
+ })]
149
+ })]
150
+ })]
151
+ })]
152
+ });
82
153
  }
@@ -0,0 +1,2 @@
1
+ import { type PlatformsConfigurationDrawerMessages } from './types';
2
+ export declare const Lang: import("react").FC<import("@pushwoosh/dumb-components/polyglot").LangProps<PlatformsConfigurationDrawerMessages>>, useLang: () => (props: import("@pushwoosh/dumb-components/polyglot").LangProps<PlatformsConfigurationDrawerMessages>) => string;
@@ -0,0 +1,10 @@
1
+ import { createLang } from '@pushwoosh/dumb-components/polyglot';
2
+ import { messages as en } from './messages_en';
3
+ import { messages as ru } from './messages_ru';
4
+ export const {
5
+ Lang,
6
+ useLang
7
+ } = createLang({
8
+ en,
9
+ ru
10
+ });
@@ -0,0 +1,3 @@
1
+ import type { LangMessages } from '@pushwoosh/dumb-components/polyglot';
2
+ import { type PlatformsConfigurationDrawerMessages } from './types';
3
+ export declare const messages: LangMessages<PlatformsConfigurationDrawerMessages>;
@@ -0,0 +1,24 @@
1
+ export const messages = {
2
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL': 'Channel',
3
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM': 'Platform',
4
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY': 'Gateway',
5
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK': 'SDK',
6
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE': 'Test message',
7
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING': 'Channel to configure',
8
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION': 'Where would you like to send your messages?',
9
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING': 'Platform for mobile app',
10
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.DESKTOP.HEADING': 'Platform for desktop app',
11
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION': 'Which platform will we configure first?',
12
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE': 'Mobile application',
13
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP': 'Desktop application',
14
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE': 'Website',
15
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS': 'Emails',
16
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP': 'Whatsapp',
17
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS': 'SMS',
18
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS': 'iOS',
19
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID': 'Android',
20
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI': 'Huawei',
21
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON': 'Amazon',
22
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WINDOWS': 'Windows',
23
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MACOS': 'MacOS'
24
+ };
@@ -0,0 +1,3 @@
1
+ import type { LangMessages } from '@pushwoosh/dumb-components/polyglot';
2
+ import { type PlatformsConfigurationDrawerMessages } from './types';
3
+ export declare const messages: LangMessages<PlatformsConfigurationDrawerMessages>;
@@ -0,0 +1,24 @@
1
+ export const messages = {
2
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL': 'Канал',
3
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM': 'Платформа',
4
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY': 'Шлюз',
5
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK': 'SDK',
6
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE': 'Тестовое сообщение',
7
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING': 'Канал для настройки',
8
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION': 'Куда вы хотите отправлять сообщения?',
9
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING': 'Платформа для мобильного приложения',
10
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.DESKTOP.HEADING': 'Платформа для десктопного приложения',
11
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION': 'Какую платформу настроим первой?',
12
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE': 'Мобильное приложение',
13
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP': 'Десктопное приложение',
14
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE': 'Сайт',
15
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS': 'Email',
16
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP': 'Whatsapp',
17
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS': 'SMS',
18
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS': 'iOS',
19
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID': 'Android',
20
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI': 'Huawei',
21
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON': 'Amazon',
22
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WINDOWS': 'Windows',
23
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MACOS': 'MacOS'
24
+ };
@@ -0,0 +1,25 @@
1
+ import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
2
+ export type PlatformsConfigurationDrawerMessages = {
3
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL': NoParams;
4
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM': NoParams;
5
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY': NoParams;
6
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK': NoParams;
7
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE': NoParams;
8
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING': NoParams;
9
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION': NoParams;
10
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING': NoParams;
11
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.DESKTOP.HEADING': NoParams;
12
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION': NoParams;
13
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE': NoParams;
14
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP': NoParams;
15
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE': NoParams;
16
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS': NoParams;
17
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP': NoParams;
18
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS': NoParams;
19
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS': NoParams;
20
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID': NoParams;
21
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI': NoParams;
22
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON': NoParams;
23
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WINDOWS': NoParams;
24
+ 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MACOS': NoParams;
25
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -1,3 +1,2 @@
1
- import React from 'react';
2
1
  import { type ResendModalProps } from './types';
3
- export declare const ResendModal: ({ isOpen, onClose, applicationCode, message, emailTemplate: providedEmailTemplate, }: ResendModalProps) => React.JSX.Element | null;
2
+ export declare const ResendModal: ({ isOpen, onClose, applicationCode, message, emailTemplate: providedEmailTemplate, }: ResendModalProps) => import("react").JSX.Element | null;