@capillarytech/creatives-library 7.17.92 → 7.17.93

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 (54) hide show
  1. package/containers/Ebill/index.js +0 -1
  2. package/containers/MobilePush/Edit/index.js +0 -1
  3. package/index.js +0 -6
  4. package/package.json +1 -1
  5. package/routes.js +0 -5
  6. package/services/api.js +0 -5
  7. package/v2Components/CapImageUpload/index.js +3 -10
  8. package/v2Components/CapImageUpload/messages.js +0 -4
  9. package/v2Components/FormBuilder/index.js +4 -3
  10. package/v2Components/MobilePushPreviewV2/index.js +23 -81
  11. package/v2Components/TemplatePreview/_templatePreview.scss +0 -448
  12. package/v2Components/TemplatePreview/index.js +375 -660
  13. package/v2Components/TemplatePreview/messages.js +0 -4
  14. package/v2Containers/App/constants.js +0 -1
  15. package/v2Containers/CreativesContainer/SlideBoxContent.js +0 -43
  16. package/v2Containers/CreativesContainer/SlideBoxHeader.js +1 -4
  17. package/v2Containers/CreativesContainer/constants.js +0 -1
  18. package/v2Containers/CreativesContainer/index.js +27 -94
  19. package/v2Containers/CreativesContainer/messages.js +0 -4
  20. package/v2Containers/MobilePush/Edit/index.js +1 -3
  21. package/v2Containers/Templates/_templates.scss +0 -10
  22. package/v2Containers/Templates/index.js +23 -103
  23. package/v2Containers/Templates/messages.js +0 -20
  24. package/v2Containers/TemplatesV2/index.js +2 -8
  25. package/v2Containers/TemplatesV2/messages.js +0 -4
  26. package/v2Components/CapDeviceContent/index.js +0 -338
  27. package/v2Components/CapDeviceContent/index.scss +0 -115
  28. package/v2Components/CapDeviceContent/messages.js +0 -107
  29. package/v2Components/CapDeviceContent/tests/index.test.js +0 -75
  30. package/v2Components/CapInAppCTA/constants.js +0 -25
  31. package/v2Components/CapInAppCTA/index.js +0 -281
  32. package/v2Components/CapInAppCTA/index.scss +0 -93
  33. package/v2Components/CapInAppCTA/messages.js +0 -85
  34. package/v2Components/TemplatePreview/assets/images/inapp_mobile_android_bottom.svg +0 -11
  35. package/v2Components/TemplatePreview/assets/images/inapp_mobile_android_full.svg +0 -11
  36. package/v2Components/TemplatePreview/assets/images/inapp_mobile_android_modal.svg +0 -11
  37. package/v2Components/TemplatePreview/assets/images/inapp_mobile_android_top.svg +0 -11
  38. package/v2Components/TemplatePreview/assets/images/inapp_mobile_ios_bottom.svg +0 -6
  39. package/v2Components/TemplatePreview/assets/images/inapp_mobile_ios_full.svg +0 -18
  40. package/v2Components/TemplatePreview/assets/images/inapp_mobile_ios_modal.svg +0 -7
  41. package/v2Components/TemplatePreview/assets/images/inapp_mobile_ios_top.svg +0 -13
  42. package/v2Containers/InApp/actions.js +0 -64
  43. package/v2Containers/InApp/constants.js +0 -95
  44. package/v2Containers/InApp/index.js +0 -745
  45. package/v2Containers/InApp/index.scss +0 -47
  46. package/v2Containers/InApp/messages.js +0 -86
  47. package/v2Containers/InApp/reducer.js +0 -109
  48. package/v2Containers/InApp/sagas.js +0 -143
  49. package/v2Containers/InApp/selectors.js +0 -12
  50. package/v2Containers/InApp/tests/action.test.js +0 -53
  51. package/v2Containers/InApp/tests/index.test.js +0 -152
  52. package/v2Containers/InApp/tests/mockData.js +0 -897
  53. package/v2Containers/InApp/tests/reducer.test.js +0 -177
  54. package/v2Containers/InApp/tests/sagas.test.js +0 -391
package/v2Components/TemplatePreview/_templatePreview.scss CHANGED
@@ -13,449 +13,8 @@
13
13
  &.sms {
14
14
  width: 45%;
15
15
  }
16
-
17
- .inapp-message-container-POPUP-ANDROID {
18
- position: absolute;
19
- top: 20%;
20
- display: flex;
21
- width: 200px;
22
- left: 28%;
23
-
24
- .inapp-title-POPUP-ANDROID {
25
- margin: 10% $CAP_SPACE_08 $CAP_SPACE_08 $CAP_SPACE_08;
26
- width: 170px;
27
- height: 18px;
28
- text-overflow: ellipsis;
29
- overflow: hidden;
30
- white-space: nowrap;
31
- }
32
-
33
- .inapp-image-POPUP-ANDROID {
34
- width: 178px;
35
- margin-right: $CAP_SPACE_08;
36
- margin-left: $CAP_SPACE_08;
37
- border-radius: $CAP_SPACE_04;
38
- }
39
-
40
- .inapp-content-POPUP-ANDROID {
41
- margin-top: $CAP_SPACE_12;
42
- margin-right: $CAP_SPACE_08;
43
- margin-left: $CAP_SPACE_08;
44
- width: 178px;
45
- max-height: 3rem;
46
- text-overflow: ellipsis;
47
- overflow: hidden;
48
- text-align: left;
49
- }
50
-
51
- .inapp-button-POPUP-ANDROID {
52
- margin: $CAP_SPACE_08;
53
- width: 178px;
54
- height: $CAP_SPACE_24;
55
- }
56
- }
57
-
58
- .inapp-message-container-HEADER-ANDROID {
59
- position: absolute;
60
- display: flex;
61
- bottom: 19.4rem;
62
- width: 200px;
63
- left: 28%;
64
- top: 20px;
65
-
66
- .inapp-title-HEADER-ANDROID {
67
- left: 34%;
68
- top: 15%;
69
- position: relative;
70
- font-size: 10px;
71
- width: 90px;
72
- height: 12px;
73
- text-overflow: ellipsis;
74
- overflow: hidden;
75
- white-space: nowrap;
76
- font-weight: bold;
77
- text-align: left;
78
- }
79
-
80
- .without-image-title-HEADER-android {
81
- left: 26%;
82
- bottom: -21px;
83
- text-align: center;
84
- }
85
-
86
- .inapp-image-HEADER-ANDROID {
87
- width: 50px;
88
- height: 50px;
89
- position: relative;
90
- top: 12%;
91
- right: 33%;
92
- border-radius: $CAP_SPACE_04;
93
- }
94
-
95
- .inapp-content-HEADER-ANDROID {
96
- position: relative;
97
- width: 120px;
98
- height: 46px;
99
- left: 35%;
100
- bottom: 30px;
101
- max-height: 2.85rem;
102
- font-size: 8px;
103
- text-overflow: ellipsis;
104
- text-align: left;
105
- overflow: hidden;
106
- }
107
-
108
- .without-image-content-HEADER-android {
109
- width: 92%;
110
- left: 6%;
111
- bottom: -21px;
112
- }
113
-
114
- .inapp-button-HEADER-ANDROID {
115
- position: relative;
116
- width: 92%;
117
- bottom: 32px;
118
- height: $CAP_SPACE_20;
119
- margin-top: $CAP_SPACE_04;
120
- }
121
-
122
- .without-image-button-HEADER-android {
123
- width: 92%;
124
- bottom: -19px;
125
- }
126
- }
127
-
128
-
129
- .inapp-message-container-FOOTER-ANDROID {
130
- position: absolute;
131
- display: flex;
132
- justify-content: center;
133
- bottom: 1.5%;
134
- width: 200px;
135
- left: 28%;
136
-
137
- .inapp-title-FOOTER-ANDROID {
138
- width: 90px;
139
- height: 12px;
140
- text-align: left;
141
- left: 34%;
142
- justify-content: center;
143
- position: relative;
144
- right: 33%;
145
- bottom: -22px;
146
- font-size: 10px;
147
- text-overflow: ellipsis;
148
- overflow: hidden;
149
- white-space: nowrap;
150
- font-weight: bold;
151
- }
152
-
153
- .without-image-title-FOOTER-android {
154
- left: 26%;
155
- top: -30px;
156
- text-align: center;
157
- }
158
-
159
- .inapp-image-FOOTER-ANDROID {
160
- width: 50px;
161
- height: 50px;
162
- position: relative;
163
- top: 12%;
164
- right: 33%;
165
- border-radius: $CAP_SPACE_04;
166
- }
167
-
168
- .inapp-content-FOOTER-ANDROID {
169
- position: relative;
170
- left: 35%;
171
- width: 120px;
172
- height: 46px;
173
- bottom: 30px;
174
- max-height: 3rem;
175
- overflow: hidden;
176
- font-size: 8px;
177
- text-overflow: ellipsis;
178
- overflow: hidden;
179
- text-align: left;
180
- }
181
-
182
- .without-image-content-FOOTER-android {
183
- width: 92%;
184
- left: 6%;
185
- top: -30px;
186
- }
187
-
188
- .inapp-button-FOOTER-ANDROID {
189
- width: 92%;
190
- bottom: 23%;
191
- height: $CAP_SPACE_20;
192
- margin-top: $CAP_SPACE_04;
193
- }
194
-
195
- .without-image-button-FOOTER-android {
196
- width: 92%;
197
- top: -30px;
198
- }
199
- }
200
-
201
- .inapp-message-container-FULLSCREEN-ANDROID {
202
- position: absolute;
203
- top: 10%;
204
- display: flex;
205
- left: 29%;
206
- .inapp-title-FULLSCREEN-ANDROID {
207
- text-overflow: ellipsis;
208
- overflow: hidden;
209
- white-space: nowrap;
210
- width: 180px;
211
- }
212
- .inapp-image-FULLSCREEN-ANDROID {
213
- width: 186px;
214
- height: 161px;
215
- position: relative;
216
- right: -2px;
217
- margin: $CAP_SPACE_08 0;
218
- border-radius: $CAP_SPACE_04;
219
- }
220
-
221
- .inapp-content-FULLSCREEN-ANDROID {
222
- width: 186px;
223
- height: 9rem;
224
- text-align: left;
225
- margin-top: $CAP_SPACE_04;
226
- text-overflow: ellipsis;
227
- overflow: hidden;
228
- text-align: left;
229
- }
230
-
231
- .inapp-button-FULLSCREEN-ANDROID {
232
- width: 100%;
233
- height: $CAP_SPACE_24;
234
- bottom: -1%;
235
- }
236
- }
237
-
238
- .inapp-message-container-POPUP-iOS {
239
- position: absolute;
240
- top: 20%;
241
- display: flex;
242
- width: 200px;
243
- left: 28%;
244
-
245
- .inapp-title-POPUP-iOS {
246
- margin: 12% $CAP_SPACE_08 $CAP_SPACE_04 $CAP_SPACE_08;
247
- width: 170px;
248
- text-overflow: ellipsis;
249
- overflow: hidden;
250
- white-space: nowrap;
251
- }
252
-
253
- .inapp-image-POPUP-iOS {
254
- width: 178px;
255
- margin-right: $CAP_SPACE_08;
256
- margin-left: $CAP_SPACE_08;
257
- border-radius: $CAP_SPACE_04;
258
- }
259
-
260
- .inapp-content-POPUP-iOS {
261
- margin-top: $CAP_SPACE_12;
262
- margin-right: $CAP_SPACE_08;
263
- margin-left: $CAP_SPACE_08;
264
- width: 178px;
265
- max-height: 3rem;
266
- text-overflow: ellipsis;
267
- overflow: hidden;
268
- text-align: left;
269
- }
270
-
271
- .inapp-button-POPUP-iOS {
272
- margin: $CAP_SPACE_08;
273
- width: 178px;
274
- height: $CAP_SPACE_24;
275
- }
276
- }
277
-
278
- .inapp-message-container-HEADER-iOS {
279
- position: absolute;
280
- display: flex;
281
- width: 200px;
282
- left: 28%;
283
- top: 3%;
284
-
285
- .inapp-title-HEADER-iOS {
286
- left: 34%;
287
- top: 15%;
288
- position: relative;
289
- font-size: 10px;
290
- width: 90px;
291
- height: 12px;
292
- text-overflow: ellipsis;
293
- overflow: hidden;
294
- white-space: nowrap;
295
- font-weight: bold;
296
- text-align: left;
297
- }
298
-
299
- .without-image-title-HEADER-ios {
300
- left: 26%;
301
- top: 18px;
302
- text-align: center;
303
- }
304
-
305
- .inapp-image-HEADER-iOS {
306
- width: 50px;
307
- height: 50px;
308
- position: relative;
309
- top: 12%;
310
- right: 33%;
311
- border-radius: $CAP_SPACE_04;
312
- }
313
-
314
- .inapp-content-HEADER-iOS {
315
- position: relative;
316
- width: 120px;
317
- height: 46px;
318
- left: 35%;
319
- top: -31px;
320
- max-height: 2.85rem;
321
- overflow: hidden;
322
- font-size: 8px;
323
- text-overflow: ellipsis;
324
- overflow: hidden;
325
- text-align: left;
326
- }
327
-
328
- .without-image-content-HEADER-ios {
329
- width: 92%;
330
- left: 6%;
331
- top: 21px;
332
- }
333
-
334
- .inapp-button-HEADER-iOS {
335
- width: 90%;
336
- bottom: 23%;
337
- height: $CAP_SPACE_20;;
338
- margin-top: $CAP_SPACE_04;
339
- }
340
-
341
- .without-image-button-HEADER-ios {
342
- width: 92%;
343
- bottom: -19px;
344
- }
345
- }
346
-
347
- .inapp-message-container-FOOTER-iOS {
348
- position: absolute;
349
- display: flex;
350
- justify-content: center;
351
- width: 200px;
352
- left: 28%;
353
- top: 75%;
354
-
355
- .inapp-title-FOOTER-iOS {
356
- width: 90px;
357
- height: 12px;
358
- text-align: left;
359
- left: 34%;
360
- justify-content: center;
361
- position: relative;
362
- right: 33%;
363
- bottom: -22px;
364
- font-size: 10px;
365
- text-overflow: ellipsis;
366
- overflow: hidden;
367
- white-space: nowrap;
368
- font-weight: bold;
369
- }
370
-
371
- .without-image-title-FOOTER-ios {
372
- left: 26%;
373
- top: 15px;
374
- text-align: center;
375
- }
376
-
377
- .inapp-image-FOOTER-iOS {
378
- width: 50px;
379
- height: 50px;
380
- position: relative;
381
- top: 12%;
382
- right: 33%;
383
- border-radius: $CAP_SPACE_04;
384
- }
385
-
386
- .inapp-content-FOOTER-iOS {
387
- position: relative;
388
- left: 35%;
389
- width: 60%;
390
- height: 46px;
391
- bottom: 30px;
392
- max-height: 3rem;
393
- overflow: hidden;
394
- font-size: 8px;
395
- text-overflow: ellipsis;
396
- overflow: hidden;
397
- text-align: left;
398
- }
399
-
400
- .without-image-content-FOOTER-ios {
401
- width: 92%;
402
- left: 6%;
403
- top: 15px;
404
- }
405
-
406
- .inapp-button-FOOTER-iOS {
407
- width: 90%;
408
- bottom: 23%;
409
- height: $CAP_SPACE_20;
410
- margin-top: $CAP_SPACE_04;
411
- }
412
-
413
- .without-image-button-FOOTER-ios {
414
- width: 92%;
415
- top: 15px;
416
- }
417
-
418
- }
419
-
420
- .inapp-message-container-FULLSCREEN-iOS {
421
- position: absolute;
422
- top: 10%;
423
- display: flex;
424
- left: 29%;
425
- .inapp-title-FULLSCREEN-iOS {
426
- text-overflow: ellipsis;
427
- overflow: hidden;
428
- white-space: nowrap;
429
- width: 180px;
430
- }
431
- .inapp-image-FULLSCREEN-iOS {
432
- width: 186px;
433
- height: 161px;
434
- position: relative;
435
- right: -2px;
436
- margin: $CAP_SPACE_08 0;
437
- border-radius: $CAP_SPACE_04;
438
- }
439
-
440
- .inapp-content-FULLSCREEN-iOS {
441
- width: 186px;
442
- height: 9rem;
443
- text-align: left;
444
- margin-top: $CAP_SPACE_04;
445
- text-overflow: ellipsis;
446
- overflow: hidden;
447
- text-align: left;
448
- }
449
-
450
- .inapp-button-FULLSCREEN-iOS {
451
- width: 100%;
452
- height: $CAP_SPACE_24;
453
- bottom: -1%;
454
- }
455
- }
456
16
  }
457
17
 
458
-
459
18
  .msg-container {
460
19
  position: absolute;
461
20
  top: 20%;
@@ -982,11 +541,4 @@
982
541
  font-weight: $FONT_WEIGHT_REGULAR;
983
542
  color: $FONT_COLOR_02;
984
543
  margin-bottom: $CAP_SPACE_08;
985
- }
986
- .preview-inapp-screen {
987
- width: 100%;
988
- }
989
- .media-img-inapp {
990
- width: 100%;
991
- height: 100%;
992
544
  }