@capillarytech/creatives-library 8.0.37 → 8.0.38

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 (11) hide show
  1. package/containers/MobilePush/Create/index.js +1 -1
  2. package/containers/MobilePush/Edit/index.js +1 -1
  3. package/package.json +1 -1
  4. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +9 -9
  5. package/v2Containers/Email/index.js +5 -3
  6. package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/content.test.js.snap +3 -3
  7. package/v2Containers/MobilePush/Create/index.js +1 -1
  8. package/v2Containers/MobilePush/Edit/index.js +1 -1
  9. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +5 -5
  10. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +108 -2288
  11. package/v2Containers/SmsTrai/Edit/tests/index.test.js +17 -6
package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap CHANGED
@@ -6764,576 +6764,7 @@ new message content.",
6764
6764
  "color": "#091e42",
6765
6765
  }
6766
6766
  }
6767
- >
6768
- <span
6769
- className=""
6770
- key=".0"
6771
- >
6772
- L
6773
- </span>
6774
- <span
6775
- className=""
6776
- key=".1"
6777
- >
6778
- A
6779
- </span>
6780
- <span
6781
- className=""
6782
- key=".2"
6783
- >
6784
- T
6785
- </span>
6786
- <span
6787
- className=""
6788
- key=".3"
6789
- >
6790
- E
6791
- </span>
6792
- <span
6793
- className=""
6794
- key=".4"
6795
- >
6796
- S
6797
- </span>
6798
- <span
6799
- className=""
6800
- key=".5"
6801
- >
6802
- T
6803
- </span>
6804
- <span
6805
- className=""
6806
- key=".6"
6807
- >
6808
-
6809
- </span>
6810
- <span
6811
- className=""
6812
- key=".7"
6813
- >
6814
- F
6815
- </span>
6816
- <span
6817
- className=""
6818
- key=".8"
6819
- >
6820
- A
6821
- </span>
6822
- <span
6823
- className=""
6824
- key=".9"
6825
- >
6826
- S
6827
- </span>
6828
- <span
6829
- className=""
6830
- key=".a"
6831
- >
6832
- H
6833
- </span>
6834
- <span
6835
- className=""
6836
- key=".b"
6837
- >
6838
- I
6839
- </span>
6840
- <span
6841
- className=""
6842
- key=".c"
6843
- >
6844
- O
6845
- </span>
6846
- <span
6847
- className=""
6848
- key=".d"
6849
- >
6850
- N
6851
- </span>
6852
- <span
6853
- className=""
6854
- key=".e"
6855
- >
6856
- @
6857
- </span>
6858
- <span
6859
- className=""
6860
- key=".f"
6861
- >
6862
- V
6863
- </span>
6864
- <span
6865
- className=""
6866
- key=".g"
6867
- >
6868
- I
6869
- </span>
6870
- <span
6871
- className=""
6872
- key=".h"
6873
- >
6874
- S
6875
- </span>
6876
- <span
6877
- className=""
6878
- key=".i"
6879
- >
6880
- H
6881
- </span>
6882
- <span
6883
- className=""
6884
- key=".j"
6885
- >
6886
- A
6887
- </span>
6888
- <span
6889
- className=""
6890
- key=".k"
6891
- >
6892
- L
6893
- </span>
6894
- <span
6895
- className=""
6896
- key=".l"
6897
- >
6898
-
6899
-
6900
- </span>
6901
- <span
6902
- className=""
6903
- key=".m"
6904
- >
6905
- {
6906
- </span>
6907
- <span
6908
- className=""
6909
- key=".n"
6910
- >
6911
- #
6912
- </span>
6913
- <span
6914
- className=""
6915
- key=".o"
6916
- >
6917
- v
6918
- </span>
6919
- <span
6920
- className=""
6921
- key=".p"
6922
- >
6923
- a
6924
- </span>
6925
- <span
6926
- className=""
6927
- key=".q"
6928
- >
6929
- r
6930
- </span>
6931
- <span
6932
- className=""
6933
- key=".r"
6934
- >
6935
- #
6936
- </span>
6937
- <span
6938
- className=""
6939
- key=".s"
6940
- >
6941
- }
6942
- </span>
6943
- <span
6944
- className=""
6945
- key=".t"
6946
- >
6947
-
6948
-
6949
- </span>
6950
- <span
6951
- className=""
6952
- key=".u"
6953
- >
6954
-
6955
-
6956
- </span>
6957
- <span
6958
- className=""
6959
- key=".v"
6960
- >
6961
- B
6962
- </span>
6963
- <span
6964
- className=""
6965
- key=".w"
6966
- >
6967
- U
6968
- </span>
6969
- <span
6970
- className=""
6971
- key=".x"
6972
- >
6973
- Y
6974
- </span>
6975
- <span
6976
- className=""
6977
- key=".y"
6978
- >
6979
- 1
6980
- </span>
6981
- <span
6982
- className=""
6983
- key=".z"
6984
- >
6985
- G
6986
- </span>
6987
- <span
6988
- className=""
6989
- key=".10"
6990
- >
6991
- E
6992
- </span>
6993
- <span
6994
- className=""
6995
- key=".11"
6996
- >
6997
- T
6998
- </span>
6999
- <span
7000
- className=""
7001
- key=".12"
7002
- >
7003
- 1
7004
- </span>
7005
- <span
7006
- className=""
7007
- key=".13"
7008
- >
7009
- -
7010
- </span>
7011
- <span
7012
- className=""
7013
- key=".14"
7014
- >
7015
-
7016
-
7017
- </span>
7018
- <span
7019
- className=""
7020
- key=".15"
7021
- >
7022
- {
7023
- </span>
7024
- <span
7025
- className=""
7026
- key=".16"
7027
- >
7028
- #
7029
- </span>
7030
- <span
7031
- className=""
7032
- key=".17"
7033
- >
7034
- v
7035
- </span>
7036
- <span
7037
- className=""
7038
- key=".18"
7039
- >
7040
- a
7041
- </span>
7042
- <span
7043
- className=""
7044
- key=".19"
7045
- >
7046
- r
7047
- </span>
7048
- <span
7049
- className=""
7050
- key=".1a"
7051
- >
7052
- #
7053
- </span>
7054
- <span
7055
- className=""
7056
- key=".1b"
7057
- >
7058
- }
7059
- </span>
7060
- <span
7061
- className=""
7062
- key=".1c"
7063
- >
7064
-
7065
-
7066
- </span>
7067
- <span
7068
- className=""
7069
- key=".1d"
7070
- >
7071
- {
7072
- </span>
7073
- <span
7074
- className=""
7075
- key=".1e"
7076
- >
7077
- #
7078
- </span>
7079
- <span
7080
- className=""
7081
- key=".1f"
7082
- >
7083
- v
7084
- </span>
7085
- <span
7086
- className=""
7087
- key=".1g"
7088
- >
7089
- a
7090
- </span>
7091
- <span
7092
- className=""
7093
- key=".1h"
7094
- >
7095
- r
7096
- </span>
7097
- <span
7098
- className=""
7099
- key=".1i"
7100
- >
7101
- #
7102
- </span>
7103
- <span
7104
- className=""
7105
- key=".1j"
7106
- >
7107
- }
7108
- </span>
7109
- <span
7110
- className=""
7111
- key=".1k"
7112
- >
7113
-
7114
-
7115
- </span>
7116
- <span
7117
- className=""
7118
- key=".1l"
7119
- >
7120
- {
7121
- </span>
7122
- <span
7123
- className=""
7124
- key=".1m"
7125
- >
7126
- #
7127
- </span>
7128
- <span
7129
- className=""
7130
- key=".1n"
7131
- >
7132
- v
7133
- </span>
7134
- <span
7135
- className=""
7136
- key=".1o"
7137
- >
7138
- a
7139
- </span>
7140
- <span
7141
- className=""
7142
- key=".1p"
7143
- >
7144
- r
7145
- </span>
7146
- <span
7147
- className=""
7148
- key=".1q"
7149
- >
7150
- #
7151
- </span>
7152
- <span
7153
- className=""
7154
- key=".1r"
7155
- >
7156
- }
7157
- </span>
7158
- <span
7159
- className=""
7160
- key=".1s"
7161
- >
7162
-
7163
-
7164
- </span>
7165
- <span
7166
- className=""
7167
- key=".1t"
7168
- >
7169
-
7170
-
7171
- </span>
7172
- <span
7173
- className=""
7174
- key=".1u"
7175
- >
7176
- F
7177
- </span>
7178
- <span
7179
- className=""
7180
- key=".1v"
7181
- >
7182
- R
7183
- </span>
7184
- <span
7185
- className=""
7186
- key=".1w"
7187
- >
7188
- E
7189
- </span>
7190
- <span
7191
- className=""
7192
- key=".1x"
7193
- >
7194
- E
7195
- </span>
7196
- <span
7197
- className=""
7198
- key=".1y"
7199
- >
7200
-
7201
- </span>
7202
- <span
7203
- className=""
7204
- key=".1z"
7205
- >
7206
- G
7207
- </span>
7208
- <span
7209
- className=""
7210
- key=".20"
7211
- >
7212
- I
7213
- </span>
7214
- <span
7215
- className=""
7216
- key=".21"
7217
- >
7218
- F
7219
- </span>
7220
- <span
7221
- className=""
7222
- key=".22"
7223
- >
7224
- T
7225
- </span>
7226
- <span
7227
- className=""
7228
- key=".23"
7229
- >
7230
- S
7231
- </span>
7232
- <span
7233
- className=""
7234
- key=".24"
7235
- >
7236
- -
7237
- </span>
7238
- <span
7239
- className=""
7240
- key=".25"
7241
- >
7242
-
7243
-
7244
- </span>
7245
- <span
7246
- className=""
7247
- key=".26"
7248
- >
7249
- {
7250
- </span>
7251
- <span
7252
- className=""
7253
- key=".27"
7254
- >
7255
- #
7256
- </span>
7257
- <span
7258
- className=""
7259
- key=".28"
7260
- >
7261
- v
7262
- </span>
7263
- <span
7264
- className=""
7265
- key=".29"
7266
- >
7267
- a
7268
- </span>
7269
- <span
7270
- className=""
7271
- key=".2a"
7272
- >
7273
- r
7274
- </span>
7275
- <span
7276
- className=""
7277
- key=".2b"
7278
- >
7279
- #
7280
- </span>
7281
- <span
7282
- className=""
7283
- key=".2c"
7284
- >
7285
- }
7286
- </span>
7287
- <span
7288
- className=""
7289
- key=".2d"
7290
- >
7291
-
7292
-
7293
- </span>
7294
- <span
7295
- className=""
7296
- key=".2e"
7297
- >
7298
- {
7299
- </span>
7300
- <span
7301
- className=""
7302
- key=".2f"
7303
- >
7304
- #
7305
- </span>
7306
- <span
7307
- className=""
7308
- key=".2g"
7309
- >
7310
- v
7311
- </span>
7312
- <span
7313
- className=""
7314
- key=".2h"
7315
- >
7316
- a
7317
- </span>
7318
- <span
7319
- className=""
7320
- key=".2i"
7321
- >
7322
- r
7323
- </span>
7324
- <span
7325
- className=""
7326
- key=".2j"
7327
- >
7328
- #
7329
- </span>
7330
- <span
7331
- className=""
7332
- key=".2k"
7333
- >
7334
- }
7335
- </span>
7336
- </div>
6767
+ />
7337
6768
  </Col>
7338
6769
  </CapColumn>
7339
6770
  </div>
@@ -7364,13 +6795,37 @@ new message content.",
7364
6795
  id="creatives.componentsV2.TemplatePreview.charactersTotal"
7365
6796
  values={
7366
6797
  Object {
7367
- "charCount": 105,
6798
+ "charCount": 29,
7368
6799
  "smsCount": 1,
7369
6800
  }
7370
6801
  }
7371
6802
  >
7372
6803
  <span>
7373
- 1 SMS (105 characters)
6804
+ 1 SMS (29 characters)
6805
+ </span>
6806
+ </FormattedMessage>
6807
+ </div>
6808
+ </CapHeading>
6809
+ <CapHeading
6810
+ className="optout-tag-heading"
6811
+ key=".1"
6812
+ type="h6"
6813
+ >
6814
+ <div
6815
+ className="CapHeading-vrvcag-0 gavZqN optout-tag-heading"
6816
+ type="h6"
6817
+ >
6818
+ <FormattedMessage
6819
+ defaultMessage="Includes optout tag ({optoutUrlLength} characters)"
6820
+ id="app.components.TemplatePreview.optoutCharactersTotal"
6821
+ values={
6822
+ Object {
6823
+ "optoutUrlLength": 9,
6824
+ }
6825
+ }
6826
+ >
6827
+ <span>
6828
+ Includes optout tag (9 characters)
7374
6829
  </span>
7375
6830
  </FormattedMessage>
7376
6831
  </div>
@@ -14108,576 +13563,7 @@ new message content.",
14108
13563
  "color": "#091e42",
14109
13564
  }
14110
13565
  }
14111
- >
14112
- <span
14113
- className=""
14114
- key=".0"
14115
- >
14116
- L
14117
- </span>
14118
- <span
14119
- className=""
14120
- key=".1"
14121
- >
14122
- A
14123
- </span>
14124
- <span
14125
- className=""
14126
- key=".2"
14127
- >
14128
- T
14129
- </span>
14130
- <span
14131
- className=""
14132
- key=".3"
14133
- >
14134
- E
14135
- </span>
14136
- <span
14137
- className=""
14138
- key=".4"
14139
- >
14140
- S
14141
- </span>
14142
- <span
14143
- className=""
14144
- key=".5"
14145
- >
14146
- T
14147
- </span>
14148
- <span
14149
- className=""
14150
- key=".6"
14151
- >
14152
-
14153
- </span>
14154
- <span
14155
- className=""
14156
- key=".7"
14157
- >
14158
- F
14159
- </span>
14160
- <span
14161
- className=""
14162
- key=".8"
14163
- >
14164
- A
14165
- </span>
14166
- <span
14167
- className=""
14168
- key=".9"
14169
- >
14170
- S
14171
- </span>
14172
- <span
14173
- className=""
14174
- key=".a"
14175
- >
14176
- H
14177
- </span>
14178
- <span
14179
- className=""
14180
- key=".b"
14181
- >
14182
- I
14183
- </span>
14184
- <span
14185
- className=""
14186
- key=".c"
14187
- >
14188
- O
14189
- </span>
14190
- <span
14191
- className=""
14192
- key=".d"
14193
- >
14194
- N
14195
- </span>
14196
- <span
14197
- className=""
14198
- key=".e"
14199
- >
14200
- @
14201
- </span>
14202
- <span
14203
- className=""
14204
- key=".f"
14205
- >
14206
- V
14207
- </span>
14208
- <span
14209
- className=""
14210
- key=".g"
14211
- >
14212
- I
14213
- </span>
14214
- <span
14215
- className=""
14216
- key=".h"
14217
- >
14218
- S
14219
- </span>
14220
- <span
14221
- className=""
14222
- key=".i"
14223
- >
14224
- H
14225
- </span>
14226
- <span
14227
- className=""
14228
- key=".j"
14229
- >
14230
- A
14231
- </span>
14232
- <span
14233
- className=""
14234
- key=".k"
14235
- >
14236
- L
14237
- </span>
14238
- <span
14239
- className=""
14240
- key=".l"
14241
- >
14242
-
14243
-
14244
- </span>
14245
- <span
14246
- className=""
14247
- key=".m"
14248
- >
14249
- {
14250
- </span>
14251
- <span
14252
- className=""
14253
- key=".n"
14254
- >
14255
- #
14256
- </span>
14257
- <span
14258
- className=""
14259
- key=".o"
14260
- >
14261
- v
14262
- </span>
14263
- <span
14264
- className=""
14265
- key=".p"
14266
- >
14267
- a
14268
- </span>
14269
- <span
14270
- className=""
14271
- key=".q"
14272
- >
14273
- r
14274
- </span>
14275
- <span
14276
- className=""
14277
- key=".r"
14278
- >
14279
- #
14280
- </span>
14281
- <span
14282
- className=""
14283
- key=".s"
14284
- >
14285
- }
14286
- </span>
14287
- <span
14288
- className=""
14289
- key=".t"
14290
- >
14291
-
14292
-
14293
- </span>
14294
- <span
14295
- className=""
14296
- key=".u"
14297
- >
14298
-
14299
-
14300
- </span>
14301
- <span
14302
- className=""
14303
- key=".v"
14304
- >
14305
- B
14306
- </span>
14307
- <span
14308
- className=""
14309
- key=".w"
14310
- >
14311
- U
14312
- </span>
14313
- <span
14314
- className=""
14315
- key=".x"
14316
- >
14317
- Y
14318
- </span>
14319
- <span
14320
- className=""
14321
- key=".y"
14322
- >
14323
- 1
14324
- </span>
14325
- <span
14326
- className=""
14327
- key=".z"
14328
- >
14329
- G
14330
- </span>
14331
- <span
14332
- className=""
14333
- key=".10"
14334
- >
14335
- E
14336
- </span>
14337
- <span
14338
- className=""
14339
- key=".11"
14340
- >
14341
- T
14342
- </span>
14343
- <span
14344
- className=""
14345
- key=".12"
14346
- >
14347
- 1
14348
- </span>
14349
- <span
14350
- className=""
14351
- key=".13"
14352
- >
14353
- -
14354
- </span>
14355
- <span
14356
- className=""
14357
- key=".14"
14358
- >
14359
-
14360
-
14361
- </span>
14362
- <span
14363
- className=""
14364
- key=".15"
14365
- >
14366
- {
14367
- </span>
14368
- <span
14369
- className=""
14370
- key=".16"
14371
- >
14372
- #
14373
- </span>
14374
- <span
14375
- className=""
14376
- key=".17"
14377
- >
14378
- v
14379
- </span>
14380
- <span
14381
- className=""
14382
- key=".18"
14383
- >
14384
- a
14385
- </span>
14386
- <span
14387
- className=""
14388
- key=".19"
14389
- >
14390
- r
14391
- </span>
14392
- <span
14393
- className=""
14394
- key=".1a"
14395
- >
14396
- #
14397
- </span>
14398
- <span
14399
- className=""
14400
- key=".1b"
14401
- >
14402
- }
14403
- </span>
14404
- <span
14405
- className=""
14406
- key=".1c"
14407
- >
14408
-
14409
-
14410
- </span>
14411
- <span
14412
- className=""
14413
- key=".1d"
14414
- >
14415
- {
14416
- </span>
14417
- <span
14418
- className=""
14419
- key=".1e"
14420
- >
14421
- #
14422
- </span>
14423
- <span
14424
- className=""
14425
- key=".1f"
14426
- >
14427
- v
14428
- </span>
14429
- <span
14430
- className=""
14431
- key=".1g"
14432
- >
14433
- a
14434
- </span>
14435
- <span
14436
- className=""
14437
- key=".1h"
14438
- >
14439
- r
14440
- </span>
14441
- <span
14442
- className=""
14443
- key=".1i"
14444
- >
14445
- #
14446
- </span>
14447
- <span
14448
- className=""
14449
- key=".1j"
14450
- >
14451
- }
14452
- </span>
14453
- <span
14454
- className=""
14455
- key=".1k"
14456
- >
14457
-
14458
-
14459
- </span>
14460
- <span
14461
- className=""
14462
- key=".1l"
14463
- >
14464
- {
14465
- </span>
14466
- <span
14467
- className=""
14468
- key=".1m"
14469
- >
14470
- #
14471
- </span>
14472
- <span
14473
- className=""
14474
- key=".1n"
14475
- >
14476
- v
14477
- </span>
14478
- <span
14479
- className=""
14480
- key=".1o"
14481
- >
14482
- a
14483
- </span>
14484
- <span
14485
- className=""
14486
- key=".1p"
14487
- >
14488
- r
14489
- </span>
14490
- <span
14491
- className=""
14492
- key=".1q"
14493
- >
14494
- #
14495
- </span>
14496
- <span
14497
- className=""
14498
- key=".1r"
14499
- >
14500
- }
14501
- </span>
14502
- <span
14503
- className=""
14504
- key=".1s"
14505
- >
14506
-
14507
-
14508
- </span>
14509
- <span
14510
- className=""
14511
- key=".1t"
14512
- >
14513
-
14514
-
14515
- </span>
14516
- <span
14517
- className=""
14518
- key=".1u"
14519
- >
14520
- F
14521
- </span>
14522
- <span
14523
- className=""
14524
- key=".1v"
14525
- >
14526
- R
14527
- </span>
14528
- <span
14529
- className=""
14530
- key=".1w"
14531
- >
14532
- E
14533
- </span>
14534
- <span
14535
- className=""
14536
- key=".1x"
14537
- >
14538
- E
14539
- </span>
14540
- <span
14541
- className=""
14542
- key=".1y"
14543
- >
14544
-
14545
- </span>
14546
- <span
14547
- className=""
14548
- key=".1z"
14549
- >
14550
- G
14551
- </span>
14552
- <span
14553
- className=""
14554
- key=".20"
14555
- >
14556
- I
14557
- </span>
14558
- <span
14559
- className=""
14560
- key=".21"
14561
- >
14562
- F
14563
- </span>
14564
- <span
14565
- className=""
14566
- key=".22"
14567
- >
14568
- T
14569
- </span>
14570
- <span
14571
- className=""
14572
- key=".23"
14573
- >
14574
- S
14575
- </span>
14576
- <span
14577
- className=""
14578
- key=".24"
14579
- >
14580
- -
14581
- </span>
14582
- <span
14583
- className=""
14584
- key=".25"
14585
- >
14586
-
14587
-
14588
- </span>
14589
- <span
14590
- className=""
14591
- key=".26"
14592
- >
14593
- {
14594
- </span>
14595
- <span
14596
- className=""
14597
- key=".27"
14598
- >
14599
- #
14600
- </span>
14601
- <span
14602
- className=""
14603
- key=".28"
14604
- >
14605
- v
14606
- </span>
14607
- <span
14608
- className=""
14609
- key=".29"
14610
- >
14611
- a
14612
- </span>
14613
- <span
14614
- className=""
14615
- key=".2a"
14616
- >
14617
- r
14618
- </span>
14619
- <span
14620
- className=""
14621
- key=".2b"
14622
- >
14623
- #
14624
- </span>
14625
- <span
14626
- className=""
14627
- key=".2c"
14628
- >
14629
- }
14630
- </span>
14631
- <span
14632
- className=""
14633
- key=".2d"
14634
- >
14635
-
14636
-
14637
- </span>
14638
- <span
14639
- className=""
14640
- key=".2e"
14641
- >
14642
- {
14643
- </span>
14644
- <span
14645
- className=""
14646
- key=".2f"
14647
- >
14648
- #
14649
- </span>
14650
- <span
14651
- className=""
14652
- key=".2g"
14653
- >
14654
- v
14655
- </span>
14656
- <span
14657
- className=""
14658
- key=".2h"
14659
- >
14660
- a
14661
- </span>
14662
- <span
14663
- className=""
14664
- key=".2i"
14665
- >
14666
- r
14667
- </span>
14668
- <span
14669
- className=""
14670
- key=".2j"
14671
- >
14672
- #
14673
- </span>
14674
- <span
14675
- className=""
14676
- key=".2k"
14677
- >
14678
- }
14679
- </span>
14680
- </div>
13566
+ />
14681
13567
  </Col>
14682
13568
  </CapColumn>
14683
13569
  </div>
@@ -14708,13 +13594,37 @@ new message content.",
14708
13594
  id="creatives.componentsV2.TemplatePreview.charactersTotal"
14709
13595
  values={
14710
13596
  Object {
14711
- "charCount": 105,
13597
+ "charCount": 29,
14712
13598
  "smsCount": 1,
14713
13599
  }
14714
13600
  }
14715
13601
  >
14716
13602
  <span>
14717
- 1 SMS (105 characters)
13603
+ 1 SMS (29 characters)
13604
+ </span>
13605
+ </FormattedMessage>
13606
+ </div>
13607
+ </CapHeading>
13608
+ <CapHeading
13609
+ className="optout-tag-heading"
13610
+ key=".1"
13611
+ type="h6"
13612
+ >
13613
+ <div
13614
+ className="CapHeading-vrvcag-0 gavZqN optout-tag-heading"
13615
+ type="h6"
13616
+ >
13617
+ <FormattedMessage
13618
+ defaultMessage="Includes optout tag ({optoutUrlLength} characters)"
13619
+ id="app.components.TemplatePreview.optoutCharactersTotal"
13620
+ values={
13621
+ Object {
13622
+ "optoutUrlLength": 9,
13623
+ }
13624
+ }
13625
+ >
13626
+ <span>
13627
+ Includes optout tag (9 characters)
14718
13628
  </span>
14719
13629
  </FormattedMessage>
14720
13630
  </div>
@@ -21424,576 +20334,7 @@ new message content.",
21424
20334
  "color": "#091e42",
21425
20335
  }
21426
20336
  }
21427
- >
21428
- <span
21429
- className=""
21430
- key=".0"
21431
- >
21432
- L
21433
- </span>
21434
- <span
21435
- className=""
21436
- key=".1"
21437
- >
21438
- A
21439
- </span>
21440
- <span
21441
- className=""
21442
- key=".2"
21443
- >
21444
- T
21445
- </span>
21446
- <span
21447
- className=""
21448
- key=".3"
21449
- >
21450
- E
21451
- </span>
21452
- <span
21453
- className=""
21454
- key=".4"
21455
- >
21456
- S
21457
- </span>
21458
- <span
21459
- className=""
21460
- key=".5"
21461
- >
21462
- T
21463
- </span>
21464
- <span
21465
- className=""
21466
- key=".6"
21467
- >
21468
-
21469
- </span>
21470
- <span
21471
- className=""
21472
- key=".7"
21473
- >
21474
- F
21475
- </span>
21476
- <span
21477
- className=""
21478
- key=".8"
21479
- >
21480
- A
21481
- </span>
21482
- <span
21483
- className=""
21484
- key=".9"
21485
- >
21486
- S
21487
- </span>
21488
- <span
21489
- className=""
21490
- key=".a"
21491
- >
21492
- H
21493
- </span>
21494
- <span
21495
- className=""
21496
- key=".b"
21497
- >
21498
- I
21499
- </span>
21500
- <span
21501
- className=""
21502
- key=".c"
21503
- >
21504
- O
21505
- </span>
21506
- <span
21507
- className=""
21508
- key=".d"
21509
- >
21510
- N
21511
- </span>
21512
- <span
21513
- className=""
21514
- key=".e"
21515
- >
21516
- @
21517
- </span>
21518
- <span
21519
- className=""
21520
- key=".f"
21521
- >
21522
- V
21523
- </span>
21524
- <span
21525
- className=""
21526
- key=".g"
21527
- >
21528
- I
21529
- </span>
21530
- <span
21531
- className=""
21532
- key=".h"
21533
- >
21534
- S
21535
- </span>
21536
- <span
21537
- className=""
21538
- key=".i"
21539
- >
21540
- H
21541
- </span>
21542
- <span
21543
- className=""
21544
- key=".j"
21545
- >
21546
- A
21547
- </span>
21548
- <span
21549
- className=""
21550
- key=".k"
21551
- >
21552
- L
21553
- </span>
21554
- <span
21555
- className=""
21556
- key=".l"
21557
- >
21558
-
21559
-
21560
- </span>
21561
- <span
21562
- className=""
21563
- key=".m"
21564
- >
21565
- {
21566
- </span>
21567
- <span
21568
- className=""
21569
- key=".n"
21570
- >
21571
- #
21572
- </span>
21573
- <span
21574
- className=""
21575
- key=".o"
21576
- >
21577
- v
21578
- </span>
21579
- <span
21580
- className=""
21581
- key=".p"
21582
- >
21583
- a
21584
- </span>
21585
- <span
21586
- className=""
21587
- key=".q"
21588
- >
21589
- r
21590
- </span>
21591
- <span
21592
- className=""
21593
- key=".r"
21594
- >
21595
- #
21596
- </span>
21597
- <span
21598
- className=""
21599
- key=".s"
21600
- >
21601
- }
21602
- </span>
21603
- <span
21604
- className=""
21605
- key=".t"
21606
- >
21607
-
21608
-
21609
- </span>
21610
- <span
21611
- className=""
21612
- key=".u"
21613
- >
21614
-
21615
-
21616
- </span>
21617
- <span
21618
- className=""
21619
- key=".v"
21620
- >
21621
- B
21622
- </span>
21623
- <span
21624
- className=""
21625
- key=".w"
21626
- >
21627
- U
21628
- </span>
21629
- <span
21630
- className=""
21631
- key=".x"
21632
- >
21633
- Y
21634
- </span>
21635
- <span
21636
- className=""
21637
- key=".y"
21638
- >
21639
- 1
21640
- </span>
21641
- <span
21642
- className=""
21643
- key=".z"
21644
- >
21645
- G
21646
- </span>
21647
- <span
21648
- className=""
21649
- key=".10"
21650
- >
21651
- E
21652
- </span>
21653
- <span
21654
- className=""
21655
- key=".11"
21656
- >
21657
- T
21658
- </span>
21659
- <span
21660
- className=""
21661
- key=".12"
21662
- >
21663
- 1
21664
- </span>
21665
- <span
21666
- className=""
21667
- key=".13"
21668
- >
21669
- -
21670
- </span>
21671
- <span
21672
- className=""
21673
- key=".14"
21674
- >
21675
-
21676
-
21677
- </span>
21678
- <span
21679
- className=""
21680
- key=".15"
21681
- >
21682
- {
21683
- </span>
21684
- <span
21685
- className=""
21686
- key=".16"
21687
- >
21688
- #
21689
- </span>
21690
- <span
21691
- className=""
21692
- key=".17"
21693
- >
21694
- v
21695
- </span>
21696
- <span
21697
- className=""
21698
- key=".18"
21699
- >
21700
- a
21701
- </span>
21702
- <span
21703
- className=""
21704
- key=".19"
21705
- >
21706
- r
21707
- </span>
21708
- <span
21709
- className=""
21710
- key=".1a"
21711
- >
21712
- #
21713
- </span>
21714
- <span
21715
- className=""
21716
- key=".1b"
21717
- >
21718
- }
21719
- </span>
21720
- <span
21721
- className=""
21722
- key=".1c"
21723
- >
21724
-
21725
-
21726
- </span>
21727
- <span
21728
- className=""
21729
- key=".1d"
21730
- >
21731
- {
21732
- </span>
21733
- <span
21734
- className=""
21735
- key=".1e"
21736
- >
21737
- #
21738
- </span>
21739
- <span
21740
- className=""
21741
- key=".1f"
21742
- >
21743
- v
21744
- </span>
21745
- <span
21746
- className=""
21747
- key=".1g"
21748
- >
21749
- a
21750
- </span>
21751
- <span
21752
- className=""
21753
- key=".1h"
21754
- >
21755
- r
21756
- </span>
21757
- <span
21758
- className=""
21759
- key=".1i"
21760
- >
21761
- #
21762
- </span>
21763
- <span
21764
- className=""
21765
- key=".1j"
21766
- >
21767
- }
21768
- </span>
21769
- <span
21770
- className=""
21771
- key=".1k"
21772
- >
21773
-
21774
-
21775
- </span>
21776
- <span
21777
- className=""
21778
- key=".1l"
21779
- >
21780
- {
21781
- </span>
21782
- <span
21783
- className=""
21784
- key=".1m"
21785
- >
21786
- #
21787
- </span>
21788
- <span
21789
- className=""
21790
- key=".1n"
21791
- >
21792
- v
21793
- </span>
21794
- <span
21795
- className=""
21796
- key=".1o"
21797
- >
21798
- a
21799
- </span>
21800
- <span
21801
- className=""
21802
- key=".1p"
21803
- >
21804
- r
21805
- </span>
21806
- <span
21807
- className=""
21808
- key=".1q"
21809
- >
21810
- #
21811
- </span>
21812
- <span
21813
- className=""
21814
- key=".1r"
21815
- >
21816
- }
21817
- </span>
21818
- <span
21819
- className=""
21820
- key=".1s"
21821
- >
21822
-
21823
-
21824
- </span>
21825
- <span
21826
- className=""
21827
- key=".1t"
21828
- >
21829
-
21830
-
21831
- </span>
21832
- <span
21833
- className=""
21834
- key=".1u"
21835
- >
21836
- F
21837
- </span>
21838
- <span
21839
- className=""
21840
- key=".1v"
21841
- >
21842
- R
21843
- </span>
21844
- <span
21845
- className=""
21846
- key=".1w"
21847
- >
21848
- E
21849
- </span>
21850
- <span
21851
- className=""
21852
- key=".1x"
21853
- >
21854
- E
21855
- </span>
21856
- <span
21857
- className=""
21858
- key=".1y"
21859
- >
21860
-
21861
- </span>
21862
- <span
21863
- className=""
21864
- key=".1z"
21865
- >
21866
- G
21867
- </span>
21868
- <span
21869
- className=""
21870
- key=".20"
21871
- >
21872
- I
21873
- </span>
21874
- <span
21875
- className=""
21876
- key=".21"
21877
- >
21878
- F
21879
- </span>
21880
- <span
21881
- className=""
21882
- key=".22"
21883
- >
21884
- T
21885
- </span>
21886
- <span
21887
- className=""
21888
- key=".23"
21889
- >
21890
- S
21891
- </span>
21892
- <span
21893
- className=""
21894
- key=".24"
21895
- >
21896
- -
21897
- </span>
21898
- <span
21899
- className=""
21900
- key=".25"
21901
- >
21902
-
21903
-
21904
- </span>
21905
- <span
21906
- className=""
21907
- key=".26"
21908
- >
21909
- {
21910
- </span>
21911
- <span
21912
- className=""
21913
- key=".27"
21914
- >
21915
- #
21916
- </span>
21917
- <span
21918
- className=""
21919
- key=".28"
21920
- >
21921
- v
21922
- </span>
21923
- <span
21924
- className=""
21925
- key=".29"
21926
- >
21927
- a
21928
- </span>
21929
- <span
21930
- className=""
21931
- key=".2a"
21932
- >
21933
- r
21934
- </span>
21935
- <span
21936
- className=""
21937
- key=".2b"
21938
- >
21939
- #
21940
- </span>
21941
- <span
21942
- className=""
21943
- key=".2c"
21944
- >
21945
- }
21946
- </span>
21947
- <span
21948
- className=""
21949
- key=".2d"
21950
- >
21951
-
21952
-
21953
- </span>
21954
- <span
21955
- className=""
21956
- key=".2e"
21957
- >
21958
- {
21959
- </span>
21960
- <span
21961
- className=""
21962
- key=".2f"
21963
- >
21964
- #
21965
- </span>
21966
- <span
21967
- className=""
21968
- key=".2g"
21969
- >
21970
- v
21971
- </span>
21972
- <span
21973
- className=""
21974
- key=".2h"
21975
- >
21976
- a
21977
- </span>
21978
- <span
21979
- className=""
21980
- key=".2i"
21981
- >
21982
- r
21983
- </span>
21984
- <span
21985
- className=""
21986
- key=".2j"
21987
- >
21988
- #
21989
- </span>
21990
- <span
21991
- className=""
21992
- key=".2k"
21993
- >
21994
- }
21995
- </span>
21996
- </div>
20337
+ />
21997
20338
  </Col>
21998
20339
  </CapColumn>
21999
20340
  </div>
@@ -22024,13 +20365,37 @@ new message content.",
22024
20365
  id="creatives.componentsV2.TemplatePreview.charactersTotal"
22025
20366
  values={
22026
20367
  Object {
22027
- "charCount": 105,
20368
+ "charCount": 29,
22028
20369
  "smsCount": 1,
22029
20370
  }
22030
20371
  }
22031
20372
  >
22032
20373
  <span>
22033
- 1 SMS (105 characters)
20374
+ 1 SMS (29 characters)
20375
+ </span>
20376
+ </FormattedMessage>
20377
+ </div>
20378
+ </CapHeading>
20379
+ <CapHeading
20380
+ className="optout-tag-heading"
20381
+ key=".1"
20382
+ type="h6"
20383
+ >
20384
+ <div
20385
+ className="CapHeading-vrvcag-0 gavZqN optout-tag-heading"
20386
+ type="h6"
20387
+ >
20388
+ <FormattedMessage
20389
+ defaultMessage="Includes optout tag ({optoutUrlLength} characters)"
20390
+ id="app.components.TemplatePreview.optoutCharactersTotal"
20391
+ values={
20392
+ Object {
20393
+ "optoutUrlLength": 9,
20394
+ }
20395
+ }
20396
+ >
20397
+ <span>
20398
+ Includes optout tag (9 characters)
22034
20399
  </span>
22035
20400
  </FormattedMessage>
22036
20401
  </div>
@@ -29061,576 +27426,7 @@ new message content.",
29061
27426
  "color": "#091e42",
29062
27427
  }
29063
27428
  }
29064
- >
29065
- <span
29066
- className=""
29067
- key=".0"
29068
- >
29069
- L
29070
- </span>
29071
- <span
29072
- className=""
29073
- key=".1"
29074
- >
29075
- A
29076
- </span>
29077
- <span
29078
- className=""
29079
- key=".2"
29080
- >
29081
- T
29082
- </span>
29083
- <span
29084
- className=""
29085
- key=".3"
29086
- >
29087
- E
29088
- </span>
29089
- <span
29090
- className=""
29091
- key=".4"
29092
- >
29093
- S
29094
- </span>
29095
- <span
29096
- className=""
29097
- key=".5"
29098
- >
29099
- T
29100
- </span>
29101
- <span
29102
- className=""
29103
- key=".6"
29104
- >
29105
-
29106
- </span>
29107
- <span
29108
- className=""
29109
- key=".7"
29110
- >
29111
- F
29112
- </span>
29113
- <span
29114
- className=""
29115
- key=".8"
29116
- >
29117
- A
29118
- </span>
29119
- <span
29120
- className=""
29121
- key=".9"
29122
- >
29123
- S
29124
- </span>
29125
- <span
29126
- className=""
29127
- key=".a"
29128
- >
29129
- H
29130
- </span>
29131
- <span
29132
- className=""
29133
- key=".b"
29134
- >
29135
- I
29136
- </span>
29137
- <span
29138
- className=""
29139
- key=".c"
29140
- >
29141
- O
29142
- </span>
29143
- <span
29144
- className=""
29145
- key=".d"
29146
- >
29147
- N
29148
- </span>
29149
- <span
29150
- className=""
29151
- key=".e"
29152
- >
29153
- @
29154
- </span>
29155
- <span
29156
- className=""
29157
- key=".f"
29158
- >
29159
- V
29160
- </span>
29161
- <span
29162
- className=""
29163
- key=".g"
29164
- >
29165
- I
29166
- </span>
29167
- <span
29168
- className=""
29169
- key=".h"
29170
- >
29171
- S
29172
- </span>
29173
- <span
29174
- className=""
29175
- key=".i"
29176
- >
29177
- H
29178
- </span>
29179
- <span
29180
- className=""
29181
- key=".j"
29182
- >
29183
- A
29184
- </span>
29185
- <span
29186
- className=""
29187
- key=".k"
29188
- >
29189
- L
29190
- </span>
29191
- <span
29192
- className=""
29193
- key=".l"
29194
- >
29195
-
29196
-
29197
- </span>
29198
- <span
29199
- className=""
29200
- key=".m"
29201
- >
29202
- {
29203
- </span>
29204
- <span
29205
- className=""
29206
- key=".n"
29207
- >
29208
- #
29209
- </span>
29210
- <span
29211
- className=""
29212
- key=".o"
29213
- >
29214
- v
29215
- </span>
29216
- <span
29217
- className=""
29218
- key=".p"
29219
- >
29220
- a
29221
- </span>
29222
- <span
29223
- className=""
29224
- key=".q"
29225
- >
29226
- r
29227
- </span>
29228
- <span
29229
- className=""
29230
- key=".r"
29231
- >
29232
- #
29233
- </span>
29234
- <span
29235
- className=""
29236
- key=".s"
29237
- >
29238
- }
29239
- </span>
29240
- <span
29241
- className=""
29242
- key=".t"
29243
- >
29244
-
29245
-
29246
- </span>
29247
- <span
29248
- className=""
29249
- key=".u"
29250
- >
29251
-
29252
-
29253
- </span>
29254
- <span
29255
- className=""
29256
- key=".v"
29257
- >
29258
- B
29259
- </span>
29260
- <span
29261
- className=""
29262
- key=".w"
29263
- >
29264
- U
29265
- </span>
29266
- <span
29267
- className=""
29268
- key=".x"
29269
- >
29270
- Y
29271
- </span>
29272
- <span
29273
- className=""
29274
- key=".y"
29275
- >
29276
- 1
29277
- </span>
29278
- <span
29279
- className=""
29280
- key=".z"
29281
- >
29282
- G
29283
- </span>
29284
- <span
29285
- className=""
29286
- key=".10"
29287
- >
29288
- E
29289
- </span>
29290
- <span
29291
- className=""
29292
- key=".11"
29293
- >
29294
- T
29295
- </span>
29296
- <span
29297
- className=""
29298
- key=".12"
29299
- >
29300
- 1
29301
- </span>
29302
- <span
29303
- className=""
29304
- key=".13"
29305
- >
29306
- -
29307
- </span>
29308
- <span
29309
- className=""
29310
- key=".14"
29311
- >
29312
-
29313
-
29314
- </span>
29315
- <span
29316
- className=""
29317
- key=".15"
29318
- >
29319
- {
29320
- </span>
29321
- <span
29322
- className=""
29323
- key=".16"
29324
- >
29325
- #
29326
- </span>
29327
- <span
29328
- className=""
29329
- key=".17"
29330
- >
29331
- v
29332
- </span>
29333
- <span
29334
- className=""
29335
- key=".18"
29336
- >
29337
- a
29338
- </span>
29339
- <span
29340
- className=""
29341
- key=".19"
29342
- >
29343
- r
29344
- </span>
29345
- <span
29346
- className=""
29347
- key=".1a"
29348
- >
29349
- #
29350
- </span>
29351
- <span
29352
- className=""
29353
- key=".1b"
29354
- >
29355
- }
29356
- </span>
29357
- <span
29358
- className=""
29359
- key=".1c"
29360
- >
29361
-
29362
-
29363
- </span>
29364
- <span
29365
- className=""
29366
- key=".1d"
29367
- >
29368
- {
29369
- </span>
29370
- <span
29371
- className=""
29372
- key=".1e"
29373
- >
29374
- #
29375
- </span>
29376
- <span
29377
- className=""
29378
- key=".1f"
29379
- >
29380
- v
29381
- </span>
29382
- <span
29383
- className=""
29384
- key=".1g"
29385
- >
29386
- a
29387
- </span>
29388
- <span
29389
- className=""
29390
- key=".1h"
29391
- >
29392
- r
29393
- </span>
29394
- <span
29395
- className=""
29396
- key=".1i"
29397
- >
29398
- #
29399
- </span>
29400
- <span
29401
- className=""
29402
- key=".1j"
29403
- >
29404
- }
29405
- </span>
29406
- <span
29407
- className=""
29408
- key=".1k"
29409
- >
29410
-
29411
-
29412
- </span>
29413
- <span
29414
- className=""
29415
- key=".1l"
29416
- >
29417
- {
29418
- </span>
29419
- <span
29420
- className=""
29421
- key=".1m"
29422
- >
29423
- #
29424
- </span>
29425
- <span
29426
- className=""
29427
- key=".1n"
29428
- >
29429
- v
29430
- </span>
29431
- <span
29432
- className=""
29433
- key=".1o"
29434
- >
29435
- a
29436
- </span>
29437
- <span
29438
- className=""
29439
- key=".1p"
29440
- >
29441
- r
29442
- </span>
29443
- <span
29444
- className=""
29445
- key=".1q"
29446
- >
29447
- #
29448
- </span>
29449
- <span
29450
- className=""
29451
- key=".1r"
29452
- >
29453
- }
29454
- </span>
29455
- <span
29456
- className=""
29457
- key=".1s"
29458
- >
29459
-
29460
-
29461
- </span>
29462
- <span
29463
- className=""
29464
- key=".1t"
29465
- >
29466
-
29467
-
29468
- </span>
29469
- <span
29470
- className=""
29471
- key=".1u"
29472
- >
29473
- F
29474
- </span>
29475
- <span
29476
- className=""
29477
- key=".1v"
29478
- >
29479
- R
29480
- </span>
29481
- <span
29482
- className=""
29483
- key=".1w"
29484
- >
29485
- E
29486
- </span>
29487
- <span
29488
- className=""
29489
- key=".1x"
29490
- >
29491
- E
29492
- </span>
29493
- <span
29494
- className=""
29495
- key=".1y"
29496
- >
29497
-
29498
- </span>
29499
- <span
29500
- className=""
29501
- key=".1z"
29502
- >
29503
- G
29504
- </span>
29505
- <span
29506
- className=""
29507
- key=".20"
29508
- >
29509
- I
29510
- </span>
29511
- <span
29512
- className=""
29513
- key=".21"
29514
- >
29515
- F
29516
- </span>
29517
- <span
29518
- className=""
29519
- key=".22"
29520
- >
29521
- T
29522
- </span>
29523
- <span
29524
- className=""
29525
- key=".23"
29526
- >
29527
- S
29528
- </span>
29529
- <span
29530
- className=""
29531
- key=".24"
29532
- >
29533
- -
29534
- </span>
29535
- <span
29536
- className=""
29537
- key=".25"
29538
- >
29539
-
29540
-
29541
- </span>
29542
- <span
29543
- className=""
29544
- key=".26"
29545
- >
29546
- {
29547
- </span>
29548
- <span
29549
- className=""
29550
- key=".27"
29551
- >
29552
- #
29553
- </span>
29554
- <span
29555
- className=""
29556
- key=".28"
29557
- >
29558
- v
29559
- </span>
29560
- <span
29561
- className=""
29562
- key=".29"
29563
- >
29564
- a
29565
- </span>
29566
- <span
29567
- className=""
29568
- key=".2a"
29569
- >
29570
- r
29571
- </span>
29572
- <span
29573
- className=""
29574
- key=".2b"
29575
- >
29576
- #
29577
- </span>
29578
- <span
29579
- className=""
29580
- key=".2c"
29581
- >
29582
- }
29583
- </span>
29584
- <span
29585
- className=""
29586
- key=".2d"
29587
- >
29588
-
29589
-
29590
- </span>
29591
- <span
29592
- className=""
29593
- key=".2e"
29594
- >
29595
- {
29596
- </span>
29597
- <span
29598
- className=""
29599
- key=".2f"
29600
- >
29601
- #
29602
- </span>
29603
- <span
29604
- className=""
29605
- key=".2g"
29606
- >
29607
- v
29608
- </span>
29609
- <span
29610
- className=""
29611
- key=".2h"
29612
- >
29613
- a
29614
- </span>
29615
- <span
29616
- className=""
29617
- key=".2i"
29618
- >
29619
- r
29620
- </span>
29621
- <span
29622
- className=""
29623
- key=".2j"
29624
- >
29625
- #
29626
- </span>
29627
- <span
29628
- className=""
29629
- key=".2k"
29630
- >
29631
- }
29632
- </span>
29633
- </div>
27429
+ />
29634
27430
  </Col>
29635
27431
  </CapColumn>
29636
27432
  </div>
@@ -29661,13 +27457,37 @@ new message content.",
29661
27457
  id="creatives.componentsV2.TemplatePreview.charactersTotal"
29662
27458
  values={
29663
27459
  Object {
29664
- "charCount": 105,
27460
+ "charCount": 29,
29665
27461
  "smsCount": 1,
29666
27462
  }
29667
27463
  }
29668
27464
  >
29669
27465
  <span>
29670
- 1 SMS (105 characters)
27466
+ 1 SMS (29 characters)
27467
+ </span>
27468
+ </FormattedMessage>
27469
+ </div>
27470
+ </CapHeading>
27471
+ <CapHeading
27472
+ className="optout-tag-heading"
27473
+ key=".1"
27474
+ type="h6"
27475
+ >
27476
+ <div
27477
+ className="CapHeading-vrvcag-0 gavZqN optout-tag-heading"
27478
+ type="h6"
27479
+ >
27480
+ <FormattedMessage
27481
+ defaultMessage="Includes optout tag ({optoutUrlLength} characters)"
27482
+ id="app.components.TemplatePreview.optoutCharactersTotal"
27483
+ values={
27484
+ Object {
27485
+ "optoutUrlLength": 9,
27486
+ }
27487
+ }
27488
+ >
27489
+ <span>
27490
+ Includes optout tag (9 characters)
29671
27491
  </span>
29672
27492
  </FormattedMessage>
29673
27493
  </div>