@capillarytech/creatives-library 7.12.56 → 7.12.58

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 (8) hide show
  1. package/package.json +1 -1
  2. package/v2Components/CapWhatsappCTA/index.js +2 -0
  3. package/v2Components/CapWhatsappCTA/index.scss +3 -2
  4. package/v2Components/TemplatePreview/_templatePreview.scss +2 -1
  5. package/v2Components/TemplatePreview/index.js +3 -3
  6. package/v2Containers/CreativesContainer/index.js +18 -16
  7. package/v2Containers/Whatsapp/index.js +4 -1
  8. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +12 -648
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "7.12.56",
4
+ "version": "7.12.58",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/v2Components/CapWhatsappCTA/index.js CHANGED
@@ -47,6 +47,7 @@ export const CapWhatsappCTA = (props) => {
47
47
  deleteHandler,
48
48
  isEditFlow,
49
49
  hostName,
50
+ isFullMode,
50
51
  tags = [],
51
52
  injectedTags = {},
52
53
  selectedOfferDetails = [],
@@ -441,6 +442,7 @@ export const CapWhatsappCTA = (props) => {
441
442
  // when first button is not saved, add button is disabled with tooltip
442
443
  // eslint-disable-next-line no-unused-expressions
443
444
  ctaData.length < 2 &&
445
+ isFullMode &&
444
446
  renderArray.push(
445
447
  <CapRow>
446
448
  <CapTooltip
package/v2Components/CapWhatsappCTA/index.scss CHANGED
@@ -39,8 +39,9 @@
39
39
  }
40
40
 
41
41
  .whatsapp-cta-taglist {
42
- margin-left: 32px;
43
- margin-top: -8px;
42
+ position: absolute;
43
+ top: -20px;
44
+ right: -180px;
44
45
  }
45
46
 
46
47
  .whatsapp-cta-tag-revert {
package/v2Components/TemplatePreview/_templatePreview.scss CHANGED
@@ -259,7 +259,7 @@
259
259
  margin: 8px 0;
260
260
  }
261
261
  .whatsapp-cta-preview{
262
- font-family: 'Roboto';
262
+ font-family: Roboto, 'Open Sans', sans-serif;
263
263
  font-size: 10px;
264
264
  display: flex;
265
265
  align-content: center;
@@ -271,6 +271,7 @@
271
271
  margin-left: 28px;
272
272
  }
273
273
  .whatsapp-content{
274
+ font-family: Roboto, 'Open Sans', sans-serif;
274
275
  margin: 2px 6px 1px 7px;
275
276
  }
276
277
  .whatsapp-image{
package/v2Components/TemplatePreview/index.js CHANGED
@@ -725,7 +725,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
725
725
  />
726
726
  <div className="msg-container whatsapp-message-container">
727
727
  <div className="message-pop align-left" style={whatsappSectionStyle}>
728
- <CapLabel className="whatsapp-content">
728
+ <div className="whatsapp-content">
729
729
  {content?.whatsappImageSrc && (
730
730
  <CapImage
731
731
  src={content.whatsappImageSrc}
@@ -734,8 +734,8 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
734
734
  />
735
735
  )}
736
736
  {content?.templateMsg || ''}
737
- </CapLabel>
738
- {renderWhatsappCtaPreview()}
737
+ {renderWhatsappCtaPreview()}
738
+ </div>
739
739
  </div>
740
740
  </div>
741
741
  </div>
package/v2Containers/CreativesContainer/index.js CHANGED
@@ -373,11 +373,12 @@ export class Creatives extends React.Component {
373
373
  name,
374
374
  template,
375
375
  varMapped,
376
- language,
377
376
  category,
378
- mediaType,
377
+ language,
379
378
  buttonType = 'NONE',
380
379
  buttons = [],
380
+ mediaType = 'TEXT',
381
+ whatsappMedia: { url: imageUrl = '' } = {},
381
382
  } = {},
382
383
  } = templateData;
383
384
  const modifiedButtons = cloneDeep(buttons).map((btn) => {
@@ -402,6 +403,7 @@ export class Creatives extends React.Component {
402
403
  category,
403
404
  varMapped,
404
405
  mediaType,
406
+ imageUrl,
405
407
  buttonType,
406
408
  buttons: modifiedButtons,
407
409
  languages: [
@@ -581,33 +583,30 @@ export class Creatives extends React.Component {
581
583
  break;
582
584
  case constants.WHATSAPP:
583
585
  if (template.value) {
584
- const { Templates, templateData: templateDataProps } = this.props;
585
- const { accountDetails: selectedAccountDetails, accountId: selectedAccountId } = templateDataProps || {};
586
- const selectedWhatsappAccount = Templates?.selectedWhatsappAccount;
587
- const accountDetails = (selectedWhatsappAccount ? selectedWhatsappAccount : selectedAccountDetails);
588
- const accountId = selectedAccountId || (selectedWhatsappAccount?.id || '');
589
586
  const { versions } = template.value;
590
587
  const {
591
588
  languages = [{}],
592
- mediaType,
593
- category,
594
- templateEditor,
595
- varMapped,
589
+ mediaType = 'TEXT',
590
+ category = '',
591
+ templateEditor = '',
592
+ varMapped = {},
596
593
  buttonType = 'NONE',
597
594
  buttons = [],
595
+ imageUrl = '',
598
596
  } = cloneDeep(versions.base.content.whatsapp);
599
597
  const modifiedButtons = cloneDeep(buttons).map((btn) => {
600
598
  if (btn.type === 'PHONE_NUMBER') {
601
599
  btn.phoneNumber = btn.phone_number;
602
600
  delete btn.phone_number;
603
- return btn;
601
+ } else if (btn.type === 'DYNAMIC_URL') {
602
+ const dynamicUrlPayload = btn.url.match(/{{(.*?)}}/g);
603
+ btn.dynamicUrlPayload = dynamicUrlPayload.length === 1 ? dynamicUrlPayload[0] : '';
604
604
  }
605
605
  return btn;
606
606
  });
607
607
  templateData = {
608
608
  channel,
609
- accountId,
610
- accountName: accountDetails?.name || '',
609
+ accountName: '',
611
610
  messageBody: languages[0].content,
612
611
  templateConfigs: {
613
612
  id: template._id,
@@ -616,9 +615,12 @@ export class Creatives extends React.Component {
616
615
  varMapped,
617
616
  category,
618
617
  language: languages[0].language,
619
- mediaType,
620
618
  buttonType,
621
- buttons : modifiedButtons,
619
+ buttons: modifiedButtons,
620
+ mediaType,
621
+ whatsappMedia: {
622
+ url: imageUrl,
623
+ },
622
624
  },
623
625
  };
624
626
  }
package/v2Containers/Whatsapp/index.js CHANGED
@@ -532,6 +532,7 @@ export const Whatsapp = (props) => {
532
532
  deleteHandler={deleteHandler}
533
533
  isEditFlow={isEditFlow}
534
534
  hostName={host}
535
+ isFullMode={isFullMode}
535
536
  />
536
537
  )}
537
538
  </>
@@ -1353,7 +1354,9 @@ export const Whatsapp = (props) => {
1353
1354
  const isEditDoneDisabled = () =>
1354
1355
  isTagValidationError ||
1355
1356
  Object.values(varMap).some((inputValue) => inputValue === '') ||
1356
- computeTextLength() > TEMPLATE_MESSAGE_MAX_LENGTH;
1357
+ computeTextLength() > TEMPLATE_MESSAGE_MAX_LENGTH ||
1358
+ (isBtnTypeCta && ctaData.some((btn) => btn?.url?.includes('{{1}}'))) ||
1359
+ (isMediaTypeImage && whatsappImageSrc === '');
1357
1360
 
1358
1361
  return (
1359
1362
  <CapSpin spinning={spin}>
package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap CHANGED
@@ -116995,654 +116995,6 @@ exports[`Creatives Whatsapp test1/> should render edit mode in various cases 6`]
116995
116995
  </div>
116996
116996
  </Row>
116997
116997
  </CapRow>
116998
- <CapRow>
116999
- <Row
117000
- className="cap-row-v2"
117001
- gutter={0}
117002
- >
117003
- <div
117004
- className="ant-row cap-row-v2"
117005
- >
117006
- <CapTooltip
117007
- key=".0"
117008
- placement="right"
117009
- title=""
117010
- >
117011
- <Tooltip
117012
- arrowPointAtCenter={false}
117013
- autoAdjustOverflow={true}
117014
- mouseEnterDelay={0.1}
117015
- mouseLeaveDelay={0.1}
117016
- overlayClassName="cap-tooltip-overlay-v2"
117017
- placement="right"
117018
- title=""
117019
- transitionName="zoom-big-fast"
117020
- >
117021
- <Tooltip
117022
- align={Object {}}
117023
- arrowContent={null}
117024
- arrowPointAtCenter={false}
117025
- autoAdjustOverflow={true}
117026
- builtinPlacements={
117027
- Object {
117028
- "bottom": Object {
117029
- "ignoreShake": true,
117030
- "offset": Array [
117031
- 0,
117032
- 4,
117033
- ],
117034
- "overflow": Object {
117035
- "adjustX": 1,
117036
- "adjustY": 1,
117037
- },
117038
- "points": Array [
117039
- "tc",
117040
- "bc",
117041
- ],
117042
- "targetOffset": Array [
117043
- 0,
117044
- 0,
117045
- ],
117046
- },
117047
- "bottomLeft": Object {
117048
- "ignoreShake": true,
117049
- "offset": Array [
117050
- 0,
117051
- 4,
117052
- ],
117053
- "overflow": Object {
117054
- "adjustX": 1,
117055
- "adjustY": 1,
117056
- },
117057
- "points": Array [
117058
- "tl",
117059
- "bl",
117060
- ],
117061
- "targetOffset": Array [
117062
- 0,
117063
- 0,
117064
- ],
117065
- },
117066
- "bottomRight": Object {
117067
- "ignoreShake": true,
117068
- "offset": Array [
117069
- 0,
117070
- 4,
117071
- ],
117072
- "overflow": Object {
117073
- "adjustX": 1,
117074
- "adjustY": 1,
117075
- },
117076
- "points": Array [
117077
- "tr",
117078
- "br",
117079
- ],
117080
- "targetOffset": Array [
117081
- 0,
117082
- 0,
117083
- ],
117084
- },
117085
- "left": Object {
117086
- "ignoreShake": true,
117087
- "offset": Array [
117088
- -4,
117089
- 0,
117090
- ],
117091
- "overflow": Object {
117092
- "adjustX": 1,
117093
- "adjustY": 1,
117094
- },
117095
- "points": Array [
117096
- "cr",
117097
- "cl",
117098
- ],
117099
- "targetOffset": Array [
117100
- 0,
117101
- 0,
117102
- ],
117103
- },
117104
- "leftBottom": Object {
117105
- "ignoreShake": true,
117106
- "offset": Array [
117107
- -4,
117108
- 0,
117109
- ],
117110
- "overflow": Object {
117111
- "adjustX": 1,
117112
- "adjustY": 1,
117113
- },
117114
- "points": Array [
117115
- "br",
117116
- "bl",
117117
- ],
117118
- "targetOffset": Array [
117119
- 0,
117120
- 0,
117121
- ],
117122
- },
117123
- "leftTop": Object {
117124
- "ignoreShake": true,
117125
- "offset": Array [
117126
- -4,
117127
- 0,
117128
- ],
117129
- "overflow": Object {
117130
- "adjustX": 1,
117131
- "adjustY": 1,
117132
- },
117133
- "points": Array [
117134
- "tr",
117135
- "tl",
117136
- ],
117137
- "targetOffset": Array [
117138
- 0,
117139
- 0,
117140
- ],
117141
- },
117142
- "right": Object {
117143
- "ignoreShake": true,
117144
- "offset": Array [
117145
- 4,
117146
- 0,
117147
- ],
117148
- "overflow": Object {
117149
- "adjustX": 1,
117150
- "adjustY": 1,
117151
- },
117152
- "points": Array [
117153
- "cl",
117154
- "cr",
117155
- ],
117156
- "targetOffset": Array [
117157
- 0,
117158
- 0,
117159
- ],
117160
- },
117161
- "rightBottom": Object {
117162
- "ignoreShake": true,
117163
- "offset": Array [
117164
- 4,
117165
- 0,
117166
- ],
117167
- "overflow": Object {
117168
- "adjustX": 1,
117169
- "adjustY": 1,
117170
- },
117171
- "points": Array [
117172
- "bl",
117173
- "br",
117174
- ],
117175
- "targetOffset": Array [
117176
- 0,
117177
- 0,
117178
- ],
117179
- },
117180
- "rightTop": Object {
117181
- "ignoreShake": true,
117182
- "offset": Array [
117183
- 4,
117184
- 0,
117185
- ],
117186
- "overflow": Object {
117187
- "adjustX": 1,
117188
- "adjustY": 1,
117189
- },
117190
- "points": Array [
117191
- "tl",
117192
- "tr",
117193
- ],
117194
- "targetOffset": Array [
117195
- 0,
117196
- 0,
117197
- ],
117198
- },
117199
- "top": Object {
117200
- "ignoreShake": true,
117201
- "offset": Array [
117202
- 0,
117203
- -4,
117204
- ],
117205
- "overflow": Object {
117206
- "adjustX": 1,
117207
- "adjustY": 1,
117208
- },
117209
- "points": Array [
117210
- "bc",
117211
- "tc",
117212
- ],
117213
- "targetOffset": Array [
117214
- 0,
117215
- 0,
117216
- ],
117217
- },
117218
- "topLeft": Object {
117219
- "ignoreShake": true,
117220
- "offset": Array [
117221
- 0,
117222
- -4,
117223
- ],
117224
- "overflow": Object {
117225
- "adjustX": 1,
117226
- "adjustY": 1,
117227
- },
117228
- "points": Array [
117229
- "bl",
117230
- "tl",
117231
- ],
117232
- "targetOffset": Array [
117233
- 0,
117234
- 0,
117235
- ],
117236
- },
117237
- "topRight": Object {
117238
- "ignoreShake": true,
117239
- "offset": Array [
117240
- 0,
117241
- -4,
117242
- ],
117243
- "overflow": Object {
117244
- "adjustX": 1,
117245
- "adjustY": 1,
117246
- },
117247
- "points": Array [
117248
- "br",
117249
- "tr",
117250
- ],
117251
- "targetOffset": Array [
117252
- 0,
117253
- 0,
117254
- ],
117255
- },
117256
- }
117257
- }
117258
- destroyTooltipOnHide={false}
117259
- mouseEnterDelay={0.1}
117260
- mouseLeaveDelay={0.1}
117261
- onPopupAlign={[Function]}
117262
- onVisibleChange={[Function]}
117263
- overlay=""
117264
- overlayClassName="cap-tooltip-overlay-v2"
117265
- placement="right"
117266
- prefixCls="ant-tooltip"
117267
- title=""
117268
- transitionName="zoom-big-fast"
117269
- trigger={
117270
- Array [
117271
- "hover",
117272
- ]
117273
- }
117274
- visible={false}
117275
- >
117276
- <Trigger
117277
- action={
117278
- Array [
117279
- "hover",
117280
- ]
117281
- }
117282
- afterPopupVisibleChange={[Function]}
117283
- arrowContent={null}
117284
- arrowPointAtCenter={false}
117285
- autoAdjustOverflow={true}
117286
- blurDelay={0.15}
117287
- builtinPlacements={
117288
- Object {
117289
- "bottom": Object {
117290
- "ignoreShake": true,
117291
- "offset": Array [
117292
- 0,
117293
- 4,
117294
- ],
117295
- "overflow": Object {
117296
- "adjustX": 1,
117297
- "adjustY": 1,
117298
- },
117299
- "points": Array [
117300
- "tc",
117301
- "bc",
117302
- ],
117303
- "targetOffset": Array [
117304
- 0,
117305
- 0,
117306
- ],
117307
- },
117308
- "bottomLeft": Object {
117309
- "ignoreShake": true,
117310
- "offset": Array [
117311
- 0,
117312
- 4,
117313
- ],
117314
- "overflow": Object {
117315
- "adjustX": 1,
117316
- "adjustY": 1,
117317
- },
117318
- "points": Array [
117319
- "tl",
117320
- "bl",
117321
- ],
117322
- "targetOffset": Array [
117323
- 0,
117324
- 0,
117325
- ],
117326
- },
117327
- "bottomRight": Object {
117328
- "ignoreShake": true,
117329
- "offset": Array [
117330
- 0,
117331
- 4,
117332
- ],
117333
- "overflow": Object {
117334
- "adjustX": 1,
117335
- "adjustY": 1,
117336
- },
117337
- "points": Array [
117338
- "tr",
117339
- "br",
117340
- ],
117341
- "targetOffset": Array [
117342
- 0,
117343
- 0,
117344
- ],
117345
- },
117346
- "left": Object {
117347
- "ignoreShake": true,
117348
- "offset": Array [
117349
- -4,
117350
- 0,
117351
- ],
117352
- "overflow": Object {
117353
- "adjustX": 1,
117354
- "adjustY": 1,
117355
- },
117356
- "points": Array [
117357
- "cr",
117358
- "cl",
117359
- ],
117360
- "targetOffset": Array [
117361
- 0,
117362
- 0,
117363
- ],
117364
- },
117365
- "leftBottom": Object {
117366
- "ignoreShake": true,
117367
- "offset": Array [
117368
- -4,
117369
- 0,
117370
- ],
117371
- "overflow": Object {
117372
- "adjustX": 1,
117373
- "adjustY": 1,
117374
- },
117375
- "points": Array [
117376
- "br",
117377
- "bl",
117378
- ],
117379
- "targetOffset": Array [
117380
- 0,
117381
- 0,
117382
- ],
117383
- },
117384
- "leftTop": Object {
117385
- "ignoreShake": true,
117386
- "offset": Array [
117387
- -4,
117388
- 0,
117389
- ],
117390
- "overflow": Object {
117391
- "adjustX": 1,
117392
- "adjustY": 1,
117393
- },
117394
- "points": Array [
117395
- "tr",
117396
- "tl",
117397
- ],
117398
- "targetOffset": Array [
117399
- 0,
117400
- 0,
117401
- ],
117402
- },
117403
- "right": Object {
117404
- "ignoreShake": true,
117405
- "offset": Array [
117406
- 4,
117407
- 0,
117408
- ],
117409
- "overflow": Object {
117410
- "adjustX": 1,
117411
- "adjustY": 1,
117412
- },
117413
- "points": Array [
117414
- "cl",
117415
- "cr",
117416
- ],
117417
- "targetOffset": Array [
117418
- 0,
117419
- 0,
117420
- ],
117421
- },
117422
- "rightBottom": Object {
117423
- "ignoreShake": true,
117424
- "offset": Array [
117425
- 4,
117426
- 0,
117427
- ],
117428
- "overflow": Object {
117429
- "adjustX": 1,
117430
- "adjustY": 1,
117431
- },
117432
- "points": Array [
117433
- "bl",
117434
- "br",
117435
- ],
117436
- "targetOffset": Array [
117437
- 0,
117438
- 0,
117439
- ],
117440
- },
117441
- "rightTop": Object {
117442
- "ignoreShake": true,
117443
- "offset": Array [
117444
- 4,
117445
- 0,
117446
- ],
117447
- "overflow": Object {
117448
- "adjustX": 1,
117449
- "adjustY": 1,
117450
- },
117451
- "points": Array [
117452
- "tl",
117453
- "tr",
117454
- ],
117455
- "targetOffset": Array [
117456
- 0,
117457
- 0,
117458
- ],
117459
- },
117460
- "top": Object {
117461
- "ignoreShake": true,
117462
- "offset": Array [
117463
- 0,
117464
- -4,
117465
- ],
117466
- "overflow": Object {
117467
- "adjustX": 1,
117468
- "adjustY": 1,
117469
- },
117470
- "points": Array [
117471
- "bc",
117472
- "tc",
117473
- ],
117474
- "targetOffset": Array [
117475
- 0,
117476
- 0,
117477
- ],
117478
- },
117479
- "topLeft": Object {
117480
- "ignoreShake": true,
117481
- "offset": Array [
117482
- 0,
117483
- -4,
117484
- ],
117485
- "overflow": Object {
117486
- "adjustX": 1,
117487
- "adjustY": 1,
117488
- },
117489
- "points": Array [
117490
- "bl",
117491
- "tl",
117492
- ],
117493
- "targetOffset": Array [
117494
- 0,
117495
- 0,
117496
- ],
117497
- },
117498
- "topRight": Object {
117499
- "ignoreShake": true,
117500
- "offset": Array [
117501
- 0,
117502
- -4,
117503
- ],
117504
- "overflow": Object {
117505
- "adjustX": 1,
117506
- "adjustY": 1,
117507
- },
117508
- "points": Array [
117509
- "br",
117510
- "tr",
117511
- ],
117512
- "targetOffset": Array [
117513
- 0,
117514
- 0,
117515
- ],
117516
- },
117517
- }
117518
- }
117519
- defaultPopupVisible={false}
117520
- destroyPopupOnHide={false}
117521
- focusDelay={0}
117522
- getDocument={[Function]}
117523
- getPopupClassNameFromAlign={[Function]}
117524
- hideAction={Array []}
117525
- mask={false}
117526
- maskClosable={true}
117527
- mouseEnterDelay={0.1}
117528
- mouseLeaveDelay={0.1}
117529
- onPopupAlign={[Function]}
117530
- onPopupVisibleChange={[Function]}
117531
- overlay=""
117532
- popup={[Function]}
117533
- popupAlign={Object {}}
117534
- popupClassName="cap-tooltip-overlay-v2"
117535
- popupPlacement="right"
117536
- popupStyle={Object {}}
117537
- popupTransitionName="zoom-big-fast"
117538
- popupVisible={false}
117539
- prefixCls="ant-tooltip"
117540
- showAction={Array []}
117541
- title=""
117542
- visible={false}
117543
- >
117544
- <div
117545
- className="button-disabled-tooltip-wrapper"
117546
- key="trigger"
117547
- onMouseEnter={[Function]}
117548
- onMouseLeave={[Function]}
117549
- >
117550
- <CapButton
117551
- className="margin-t-12 margin-l-24"
117552
- disabled={false}
117553
- id="whatsapp-cta-add-button"
117554
- isAddBtn={true}
117555
- onClick={[Function]}
117556
- type="flat"
117557
- >
117558
- <Button
117559
- block={false}
117560
- className="cap-button-v2 flat-btn margin-t-12 margin-l-24 add-btn has-icon"
117561
- disabled={false}
117562
- ghost={false}
117563
- htmlType="button"
117564
- id="whatsapp-cta-add-button"
117565
- loading={false}
117566
- onClick={[Function]}
117567
- type="flat"
117568
- >
117569
- <Wave>
117570
- <button
117571
- className="ant-btn cap-button-v2 flat-btn margin-t-12 margin-l-24 add-btn has-icon ant-btn-flat"
117572
- disabled={false}
117573
- id="whatsapp-cta-add-button"
117574
- onClick={[Function]}
117575
- type="button"
117576
- >
117577
- <div
117578
- className="cap-button-v2-prefix"
117579
- key=".0"
117580
- >
117581
- <CapIcon
117582
- size="s"
117583
- type="add"
117584
- >
117585
- <CapIcon__AntIcon
117586
- className="cap-icon-v2 cap-icon-v2-add"
117587
- component={[Function]}
117588
- size="s"
117589
- >
117590
- <Icon
117591
- className="cap-icon-v2 cap-icon-v2-add CapIcon__AntIcon-sc-52535-0 dAqpdr"
117592
- component={[Function]}
117593
- size="s"
117594
- >
117595
- <LocaleReceiver
117596
- componentName="Icon"
117597
- >
117598
- <i
117599
- className="anticon cap-icon-v2 cap-icon-v2-add CapIcon__AntIcon-sc-52535-0 dAqpdr"
117600
- size="s"
117601
- >
117602
- <component
117603
- aria-hidden={true}
117604
- className=""
117605
- fill="currentColor"
117606
- focusable="false"
117607
- height="1em"
117608
- width="1em"
117609
- >
117610
- <SvgAdd>
117611
- <svg
117612
- fill="currentColor"
117613
- height="1em"
117614
- viewBox="0 0 16 16"
117615
- width="1em"
117616
- >
117617
- <path
117618
- d="M9 7h4a1 1 0 0 1 0 2H9v4a1 1 0 0 1-2 0V9H3a1 1 0 1 1 0-2h4V3a1 1 0 1 1 2 0v4z"
117619
- />
117620
- </svg>
117621
- </SvgAdd>
117622
- </component>
117623
- </i>
117624
- </LocaleReceiver>
117625
- </Icon>
117626
- </CapIcon__AntIcon>
117627
- </CapIcon>
117628
- </div>
117629
- <span
117630
- key=".2"
117631
- >
117632
- Add button
117633
- </span>
117634
- </button>
117635
- </Wave>
117636
- </Button>
117637
- </CapButton>
117638
- </div>
117639
- </Trigger>
117640
- </Tooltip>
117641
- </Tooltip>
117642
- </CapTooltip>
117643
- </div>
117644
- </Row>
117645
- </CapRow>
117646
116998
  </CapWhatsappCTA>
117647
116999
  </InjectIntl(CapWhatsappCTA)>
117648
117000
  </div>
@@ -327105,6 +326457,7 @@ exports[`Creatives Whatsapp test2/> set all valid values and send for approval 1
327105
326457
  deleteHandler={[Function]}
327106
326458
  hostName=""
327107
326459
  isEditFlow={false}
326460
+ isFullMode={true}
327108
326461
  updateHandler={[Function]}
327109
326462
  />
327110
326463
  </React.Fragment>,
@@ -327168,6 +326521,7 @@ exports[`Creatives Whatsapp test2/> set all valid values and send for approval 1
327168
326521
  deleteHandler={[Function]}
327169
326522
  hostName=""
327170
326523
  isEditFlow={false}
326524
+ isFullMode={true}
327171
326525
  updateHandler={[Function]}
327172
326526
  />
327173
326527
  </React.Fragment>,
@@ -327323,6 +326677,7 @@ exports[`Creatives Whatsapp test2/> set all valid values and send for approval 1
327323
326677
  deleteHandler={[Function]}
327324
326678
  hostName=""
327325
326679
  isEditFlow={false}
326680
+ isFullMode={true}
327326
326681
  updateHandler={[Function]}
327327
326682
  >
327328
326683
  <CapWhatsappCTA
@@ -329181,6 +328536,7 @@ exports[`Creatives Whatsapp test2/> set all valid values and send for approval 1
329181
328536
  }
329182
328537
  }
329183
328538
  isEditFlow={false}
328539
+ isFullMode={true}
329184
328540
  updateHandler={[Function]}
329185
328541
  >
329186
328542
  <CapRow>
@@ -346771,6 +346127,7 @@ undefined",
346771
346127
  deleteHandler={[Function]}
346772
346128
  hostName=""
346773
346129
  isEditFlow={false}
346130
+ isFullMode={true}
346774
346131
  updateHandler={[Function]}
346775
346132
  />
346776
346133
  </React.Fragment>,
@@ -346846,6 +346203,7 @@ undefined",
346846
346203
  deleteHandler={[Function]}
346847
346204
  hostName=""
346848
346205
  isEditFlow={false}
346206
+ isFullMode={true}
346849
346207
  updateHandler={[Function]}
346850
346208
  />
346851
346209
  </React.Fragment>,
@@ -347013,6 +346371,7 @@ undefined",
347013
346371
  deleteHandler={[Function]}
347014
346372
  hostName=""
347015
346373
  isEditFlow={false}
346374
+ isFullMode={true}
347016
346375
  updateHandler={[Function]}
347017
346376
  >
347018
346377
  <CapWhatsappCTA
@@ -348883,6 +348242,7 @@ undefined",
348883
348242
  }
348884
348243
  }
348885
348244
  isEditFlow={false}
348245
+ isFullMode={true}
348886
348246
  updateHandler={[Function]}
348887
348247
  >
348888
348248
  <CapRow
@@ -367521,6 +366881,7 @@ undefined",
367521
366881
  deleteHandler={[Function]}
367522
366882
  hostName=""
367523
366883
  isEditFlow={false}
366884
+ isFullMode={true}
367524
366885
  updateHandler={[Function]}
367525
366886
  />
367526
366887
  </React.Fragment>,
@@ -367605,6 +366966,7 @@ undefined",
367605
366966
  deleteHandler={[Function]}
367606
366967
  hostName=""
367607
366968
  isEditFlow={false}
366969
+ isFullMode={true}
367608
366970
  updateHandler={[Function]}
367609
366971
  />
367610
366972
  </React.Fragment>,
@@ -367781,6 +367143,7 @@ undefined",
367781
367143
  deleteHandler={[Function]}
367782
367144
  hostName=""
367783
367145
  isEditFlow={false}
367146
+ isFullMode={true}
367784
367147
  updateHandler={[Function]}
367785
367148
  >
367786
367149
  <CapWhatsappCTA
@@ -369660,6 +369023,7 @@ undefined",
369660
369023
  }
369661
369024
  }
369662
369025
  isEditFlow={false}
369026
+ isFullMode={true}
369663
369027
  updateHandler={[Function]}
369664
369028
  >
369665
369029
  <CapRow