@capillarytech/creatives-library 8.0.353-alpha.1 → 8.0.353-alpha.2

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.
@@ -123,151 +123,3 @@
123
123
  .test-and-preview-button {
124
124
  margin-left: 6.25rem;
125
125
  }
126
-
127
- .viber-remove-row-btn {
128
- margin-top: $CAP_SPACE_24;
129
- }
130
-
131
- .viber-add-row-btn {
132
- margin-top: $CAP_SPACE_08;
133
- color: $FONT_COLOR_05;
134
- background: transparent;
135
- border: none;
136
- box-shadow: none;
137
-
138
- &:hover,
139
- &:focus,
140
- &:active {
141
- color: $FONT_COLOR_05;
142
- background: transparent;
143
- border: none;
144
- }
145
- }
146
-
147
- .viber-carousel-section {
148
- margin-top: $CAP_SPACE_16;
149
- }
150
-
151
- .viber-carousel-card {
152
- border: 1px solid $CAP_G06;
153
- border-radius: $CAP_SPACE_04;
154
- padding: $CAP_SPACE_16;
155
- margin-bottom: $CAP_SPACE_16;
156
- }
157
-
158
- .viber-carousel-card-selector {
159
- margin-bottom: $CAP_SPACE_16;
160
- border-bottom: 1px solid $CAP_G07;
161
- }
162
-
163
- .viber-carousel-card-selector-btn {
164
- min-width: 2.5rem;
165
- padding: $CAP_SPACE_12 $CAP_SPACE_20;
166
- border: none;
167
- background: transparent;
168
- color: $FONT_COLOR_04;
169
- font-size: $CAP_SPACE_40;
170
- cursor: pointer;
171
- border-bottom: 3px solid transparent;
172
- }
173
-
174
- .viber-carousel-card-selector-btn.active {
175
- color: $FONT_COLOR_01;
176
- border-bottom-color: currentColor;
177
- }
178
-
179
- .viber-carousel-add-btn {
180
- border-left: 1px solid $CAP_G07;
181
- margin-left: $CAP_SPACE_16;
182
- padding-left: $CAP_SPACE_24;
183
- padding-right: $CAP_SPACE_24;
184
- }
185
-
186
- .viber-carousel-image-recommendation {
187
- display: block;
188
- margin: $CAP_SPACE_08 0 $CAP_SPACE_16 0;
189
- color: $FONT_COLOR_03;
190
- }
191
-
192
- .viber-carousel-card-title-header {
193
- align-items: center;
194
- }
195
-
196
- .viber-carousel-button {
197
- border-top: 1px dashed $CAP_G06;
198
- margin-top: $CAP_SPACE_12;
199
- padding-top: $CAP_SPACE_12;
200
- }
201
-
202
- .viber-carousel-button-label {
203
- margin-top: $CAP_SPACE_16;
204
- }
205
-
206
- .viber-carousel-button-title-header {
207
- align-items: center;
208
- }
209
-
210
- .viber-carousel-url-type-select {
211
- .ant-select-selection-selected-value {
212
- max-width: none;
213
- overflow: visible;
214
- text-overflow: unset;
215
- }
216
-
217
- .ant-select-selection__rendered {
218
- margin-right: $CAP_SPACE_24;
219
- }
220
- }
221
-
222
- .viber-carousel-url-type-dropdown.ant-select-dropdown {
223
- min-width: 12rem !important;
224
- }
225
-
226
- .viber-carousel-url-type-dropdown .ant-select-dropdown-menu-item {
227
- white-space: normal;
228
- word-break: break-word;
229
- height: auto;
230
- line-height: 1.25rem;
231
- padding-top: $CAP_SPACE_06;
232
- padding-bottom: $CAP_SPACE_06;
233
- }
234
-
235
- .viber-carousel-saved-button {
236
- display: flex;
237
- align-items: center;
238
- border: 1px solid $CAP_G06;
239
- border-radius: $CAP_SPACE_04;
240
- padding: $CAP_SPACE_12 $CAP_SPACE_16;
241
- margin-top: $CAP_SPACE_12;
242
- }
243
-
244
- .viber-carousel-saved-button-icon {
245
- margin-right: $CAP_SPACE_12;
246
- color: $FONT_COLOR_01;
247
- }
248
-
249
- .viber-carousel-saved-button-text {
250
- flex: 1;
251
- margin-right: $CAP_SPACE_12;
252
- }
253
-
254
- .viber-carousel-delete-icon-btn {
255
- margin-left: $CAP_SPACE_08;
256
- }
257
-
258
- .viber-carousel-tab-label-disabled {
259
- color: $FONT_COLOR_04;
260
- cursor: not-allowed;
261
- }
262
-
263
- .viber-carousel-field-length-top {
264
- display: block;
265
- text-align: right;
266
- margin-top: $CAP_SPACE_04;
267
- }
268
-
269
- .viber-form-error {
270
- color: $CAP_RED;
271
- display: block;
272
- margin-top: $CAP_SPACE_08;
273
- }
@@ -154,10 +154,6 @@ export default defineMessages({
154
154
  id: `${scope}.mediaVideo`,
155
155
  defaultMessage: 'Video',
156
156
  },
157
- mediaCarousel: {
158
- id: `${scope}.mediaCarousel`,
159
- defaultMessage: 'Carousel',
160
- },
161
157
  videoErrorMessage: {
162
158
  id: `${scope}.videoErrorMessage`,
163
159
  defaultMessage: 'Please upload the video with allowed file extension, size, dimension and aspect ratio',
@@ -214,118 +210,6 @@ export default defineMessages({
214
210
  id: `${scope}.cancel`,
215
211
  defaultMessage: 'Cancel',
216
212
  },
217
- carouselCardsLabel: {
218
- id: `${scope}.carouselCardsLabel`,
219
- defaultMessage: 'Carousel cards',
220
- },
221
- carouselCardHeading: {
222
- id: `${scope}.carouselCardHeading`,
223
- defaultMessage: 'Card {index}',
224
- },
225
- carouselCardTextLabel: {
226
- id: `${scope}.carouselCardTextLabel`,
227
- defaultMessage: 'Title',
228
- },
229
- carouselCardTextPlaceholder: {
230
- id: `${scope}.carouselCardTextPlaceholder`,
231
- defaultMessage: 'Enter title',
232
- },
233
- carouselMediaUrlLabel: {
234
- id: `${scope}.carouselMediaUrlLabel`,
235
- defaultMessage: 'Card media URL',
236
- },
237
- carouselMediaUrlPlaceholder: {
238
- id: `${scope}.carouselMediaUrlPlaceholder`,
239
- defaultMessage: 'https://example.com/image.jpg',
240
- },
241
- carouselButtonTitleLabel: {
242
- id: `${scope}.carouselButtonTitleLabel`,
243
- defaultMessage: 'Button title',
244
- },
245
- carouselButtonTitlePlaceholder: {
246
- id: `${scope}.carouselButtonTitlePlaceholder`,
247
- defaultMessage: 'Enter button title',
248
- },
249
- carouselButtonActionLabel: {
250
- id: `${scope}.carouselButtonActionLabel`,
251
- defaultMessage: 'Button action URL',
252
- },
253
- carouselButtonUrlTypeLabel: {
254
- id: `${scope}.carouselButtonUrlTypeLabel`,
255
- defaultMessage: 'URL type',
256
- },
257
- carouselUrlTypeStatic: {
258
- id: `${scope}.carouselUrlTypeStatic`,
259
- defaultMessage: 'Static',
260
- },
261
- carouselUrlTypeDynamic: {
262
- id: `${scope}.carouselUrlTypeDynamic`,
263
- defaultMessage: 'Dynamic',
264
- },
265
- carouselButtonActionPlaceholder: {
266
- id: `${scope}.carouselButtonActionPlaceholder`,
267
- defaultMessage: 'https://example.com/action',
268
- },
269
- addCarouselCard: {
270
- id: `${scope}.addCarouselCard`,
271
- defaultMessage: 'Add card',
272
- },
273
- removeCarouselCard: {
274
- id: `${scope}.removeCarouselCard`,
275
- defaultMessage: 'Remove card',
276
- },
277
- addCarouselButton: {
278
- id: `${scope}.addCarouselButton`,
279
- defaultMessage: 'Add button',
280
- },
281
- removeCarouselButton: {
282
- id: `${scope}.removeCarouselButton`,
283
- defaultMessage: 'Remove button',
284
- },
285
- carouselCardsLimitError: {
286
- id: `${scope}.carouselCardsLimitError`,
287
- defaultMessage: 'Carousel message requires 2 to 5 cards',
288
- },
289
- carouselCardError: {
290
- id: `${scope}.carouselCardError`,
291
- defaultMessage: 'Each card needs text and a valid media URL',
292
- },
293
- carouselButtonError: {
294
- id: `${scope}.carouselButtonError`,
295
- defaultMessage: 'Each button needs title and a valid action URL',
296
- },
297
- characterLimitExceededError: {
298
- id: `${scope}.characterLimitExceededError`,
299
- defaultMessage: 'Character limit exceeded',
300
- },
301
- textCannotBeEmptyError: {
302
- id: `${scope}.textCannotBeEmptyError`,
303
- defaultMessage: "Text can't be empty",
304
- },
305
- urlCannotBeEmptyError: {
306
- id: `${scope}.urlCannotBeEmptyError`,
307
- defaultMessage: "URL can't be empty",
308
- },
309
- carouselButtonUrlMaxLengthError: {
310
- id: `${scope}.carouselButtonUrlMaxLengthError`,
311
- defaultMessage: 'URL can not exceed 1000 characters',
312
- },
313
- carouselFirstButtonTitleMaxLengthError: {
314
- id: `${scope}.carouselFirstButtonTitleMaxLengthError`,
315
- defaultMessage: 'Button text should not exceed 10',
316
- },
317
- carouselSecondButtonTitleMaxLengthError: {
318
- id: `${scope}.carouselSecondButtonTitleMaxLengthError`,
319
- defaultMessage: 'Button text should not exceed 12',
320
- },
321
- carouselCardTitleMinLengthError: {
322
- id: `${scope}.carouselCardTitleMinLengthError`,
323
- defaultMessage: 'Minimum 2 characters required',
324
- },
325
- carouselCardTitleMaxLengthError: {
326
- id: `${scope}.carouselCardTitleMaxLengthError`,
327
- defaultMessage: 'Title can not be more than 38 characters',
328
- },
329
213
  assetIdMissingError: {
330
214
  id: `${scope}.assetIdMissingError`,
331
215
  defaultMessage: 'Asset upload initiated but no asset ID was returned from the server. Unable to track processing status.',