@capillarytech/creatives-library 7.17.139 → 7.17.140

package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap

@@ -8109,12 +8109,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -8861,6 +8864,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -8869,6 +8873,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -8879,6 +8884,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -21721,12 +21727,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -22473,6 +22482,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -22481,6 +22491,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -22491,6 +22502,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -35726,11 +35738,14 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -36477,6 +36492,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -36484,6 +36500,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -36493,6 +36510,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -48931,12 +48949,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -49683,6 +49704,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -49691,6 +49713,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -49701,6 +49724,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -63864,12 +63888,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -64616,6 +64643,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -64624,6 +64652,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -64634,6 +64663,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -80113,12 +80143,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -80865,6 +80898,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -80873,6 +80907,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -80883,6 +80918,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -97275,12 +97311,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -98027,6 +98066,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -98035,6 +98075,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -98045,6 +98086,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -114883,12 +114925,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -115635,6 +115680,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -115643,6 +115689,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -115653,6 +115700,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -200785,6 +200833,245 @@ new message content.",
                 "id": "creatives.containersV2.Whatsapp.btnDisabledTooltip",
               },
             ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Text",
+                "id": "creatives.containersV2.Whatsapp.mediaText",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Not yet enabled. Coming soon!",
+                "id": "creatives.containersV2.Whatsapp.disabledFeatureTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Image",
+                "id": "creatives.containersV2.Whatsapp.mediaImage",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Not yet enabled. Coming soon!",
+                "id": "creatives.containersV2.Whatsapp.disabledFeatureTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Video",
+                "id": "creatives.containersV2.Whatsapp.mediaVideo",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Not yet enabled. Coming soon!",
+                "id": "creatives.containersV2.Whatsapp.disabledFeatureTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Document",
+                "id": "creatives.containersV2.Whatsapp.mediaDocument",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Call to action",
+                "id": "creatives.containersV2.Whatsapp.btnTypeCTA",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 2 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.ctaDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Quick reply",
+                "id": "creatives.containersV2.Whatsapp.btnTypeQuickReply",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 3 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.quickReplyDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template name",
+                "id": "creatives.containersV2.templateNameLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Must be a unique name and can only contain lowercase alphanumeric characters and underscores.",
+                "id": "creatives.containersV2.Whatsapp.templateNameDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter template name",
+                "id": "creatives.containersV2.templateNamePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template category",
+                "id": "creatives.containersV2.Whatsapp.templateCategoryLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message language",
+                "id": "creatives.containersV2.Whatsapp.messageLanguageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "These will be show clickable buttons below your message.",
+                "id": "creatives.containersV2.Whatsapp.btnDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "awaiting for approval",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltipStatus",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "This template is non-editable as this is {status}",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltip",
+              },
+              Object {
+                "status": undefined,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Please add all mandatory fields to proceed further",
+                "id": "creatives.containersV2.Whatsapp.btnDisabledTooltip",
+              },
+            ],
           ],
           "results": Array [
             Object {
@@ -201255,6 +201542,154 @@ new message content.",
               "type": "return",
               "value": undefined,
             },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
           ],
         },
       }
@@ -206208,12 +206643,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -206960,6 +207398,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -206968,6 +207407,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -206978,6 +207418,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -214391,6 +214832,528 @@ new message content.",
                 "id": "creatives.containersV2.Whatsapp.mediaText",
               },
             ],
+            Array [
+              Object {
+                "defaultMessage": "Not yet enabled. Coming soon!",
+                "id": "creatives.containersV2.Whatsapp.disabledFeatureTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Image",
+                "id": "creatives.containersV2.Whatsapp.mediaImage",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Not yet enabled. Coming soon!",
+                "id": "creatives.containersV2.Whatsapp.disabledFeatureTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Video",
+                "id": "creatives.containersV2.Whatsapp.mediaVideo",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Not yet enabled. Coming soon!",
+                "id": "creatives.containersV2.Whatsapp.disabledFeatureTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Document",
+                "id": "creatives.containersV2.Whatsapp.mediaDocument",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Call to action",
+                "id": "creatives.containersV2.Whatsapp.btnTypeCTA",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 2 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.ctaDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Quick reply",
+                "id": "creatives.containersV2.Whatsapp.btnTypeQuickReply",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 3 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.quickReplyDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template name",
+                "id": "creatives.containersV2.templateNameLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Must be a unique name and can only contain lowercase alphanumeric characters and underscores.",
+                "id": "creatives.containersV2.Whatsapp.templateNameDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter template name",
+                "id": "creatives.containersV2.templateNamePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template category",
+                "id": "creatives.containersV2.Whatsapp.templateCategoryLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message language",
+                "id": "creatives.containersV2.Whatsapp.messageLanguageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "These will be show clickable buttons below your message.",
+                "id": "creatives.containersV2.Whatsapp.btnDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "awaiting for approval",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltipStatus",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "This template is non-editable as this is {status}",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltip",
+              },
+              Object {
+                "status": undefined,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Please add all mandatory fields to proceed further",
+                "id": "creatives.containersV2.Whatsapp.btnDisabledTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Text",
+                "id": "creatives.containersV2.Whatsapp.mediaText",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Image",
+                "id": "creatives.containersV2.Whatsapp.mediaImage",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Video",
+                "id": "creatives.containersV2.Whatsapp.mediaVideo",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Document",
+                "id": "creatives.containersV2.Whatsapp.mediaDocument",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Call to action",
+                "id": "creatives.containersV2.Whatsapp.btnTypeCTA",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 2 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.ctaDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Quick reply",
+                "id": "creatives.containersV2.Whatsapp.btnTypeQuickReply",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 3 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.quickReplyDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template name",
+                "id": "creatives.containersV2.templateNameLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Must be a unique name and can only contain lowercase alphanumeric characters and underscores.",
+                "id": "creatives.containersV2.Whatsapp.templateNameDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter template name",
+                "id": "creatives.containersV2.templateNamePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template category",
+                "id": "creatives.containersV2.Whatsapp.templateCategoryLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message language",
+                "id": "creatives.containersV2.Whatsapp.messageLanguageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Header",
+                "id": "creatives.containersV2.Whatsapp.templateHeaderLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 60,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Footer",
+                "id": "creatives.containersV2.Whatsapp.templateFooterLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 60,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "These will be show clickable buttons below your message.",
+                "id": "creatives.containersV2.Whatsapp.btnDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "awaiting for approval",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltipStatus",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "This template is non-editable as this is {status}",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltip",
+              },
+              Object {
+                "status": undefined,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Please add all mandatory fields to proceed further",
+                "id": "creatives.containersV2.Whatsapp.btnDisabledTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Text",
+                "id": "creatives.containersV2.Whatsapp.mediaText",
+              },
+            ],
             Array [
               Object {
                 "defaultMessage": "Image",
@@ -216208,6 +217171,326 @@ new message content.",
               "type": "return",
               "value": undefined,
             },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
           ],
         },
       }
@@ -221983,12 +223266,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -222735,6 +224021,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -222743,6 +224030,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -222753,6 +224041,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -236437,12 +237726,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -237189,6 +238481,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -237197,6 +238490,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -237207,6 +238501,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -250035,11 +251330,14 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -250786,6 +252084,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -250793,6 +252092,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -250802,6 +252102,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -264010,12 +265311,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -264762,6 +266066,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -264770,6 +266075,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -264780,6 +266086,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -278394,11 +279701,14 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -279145,6 +280455,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -279152,6 +280463,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -279161,6 +280473,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -293169,11 +294482,14 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -293920,6 +295236,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -293927,6 +295244,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -293936,6 +295254,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -308344,11 +309663,14 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -309095,6 +310417,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -309102,6 +310425,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -309111,6 +310435,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -323916,11 +325241,14 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -324667,6 +325995,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -324674,6 +326003,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -324683,6 +326013,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -339885,11 +341216,14 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -340636,6 +341970,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -340643,6 +341978,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -340652,6 +341988,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -356241,12 +357578,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -356993,6 +358333,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -357001,6 +358342,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -357011,6 +358353,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -369851,12 +371194,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -370603,6 +371949,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -370611,6 +371958,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -370621,6 +371969,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -383853,12 +385202,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -384605,6 +385957,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -384613,6 +385966,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -384623,6 +385977,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -398272,12 +399627,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -399024,6 +400382,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -399032,6 +400391,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -399042,6 +400402,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -412634,12 +413995,15 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              disabled={false}
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                disabled={false}
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -413386,6 +414750,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 disabled={false}
                                 isAddBtn={true}
                                 onClick={[Function]}
@@ -413394,6 +414759,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   disabled={false}
                                   ghost={false}
                                   htmlType="button"
@@ -413404,6 +414770,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       disabled={false}
                                       onClick={[Function]}
                                       type="button"
@@ -421326,7 +422693,7 @@ new message content.",
                 "id": "creatives.containersV2.Whatsapp.templateMessageLength",
               },
               Object {
-                "currentLength": 8,
+                "currentLength": 0,
                 "maxLength": 60,
               },
             ],
@@ -421421,8 +422788,8 @@ new message content.",
             ],
             Array [
               Object {
-                "defaultMessage": "Header",
-                "id": "creatives.containersV2.Whatsapp.templateHeaderLabel",
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
               },
             ],
             Array [
@@ -421440,6 +422807,181 @@ new message content.",
                 "status": undefined,
               },
             ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Please add all mandatory fields to proceed further",
+                "id": "creatives.containersV2.Whatsapp.btnDisabledTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Text",
+                "id": "creatives.containersV2.Whatsapp.mediaText",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Image",
+                "id": "creatives.containersV2.Whatsapp.mediaImage",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Video",
+                "id": "creatives.containersV2.Whatsapp.mediaVideo",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Document",
+                "id": "creatives.containersV2.Whatsapp.mediaDocument",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Call to action",
+                "id": "creatives.containersV2.Whatsapp.btnTypeCTA",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 2 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.ctaDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Quick reply",
+                "id": "creatives.containersV2.Whatsapp.btnTypeQuickReply",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 3 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.quickReplyDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template name",
+                "id": "creatives.containersV2.templateNameLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Must be a unique name and can only contain lowercase alphanumeric characters and underscores.",
+                "id": "creatives.containersV2.Whatsapp.templateNameDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter template name",
+                "id": "creatives.containersV2.templateNamePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template category",
+                "id": "creatives.containersV2.Whatsapp.templateCategoryLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message language",
+                "id": "creatives.containersV2.Whatsapp.messageLanguageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Header",
+                "id": "creatives.containersV2.Whatsapp.templateHeaderLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
             Array [
               Object {
                 "defaultMessage": "Characters count: {currentLength}/{maxLength}",
@@ -421458,17 +423000,137 @@ new message content.",
             ],
             Array [
               Object {
-                "defaultMessage": "awaiting for approval",
-                "id": "creatives.containersV2.Whatsapp.disabledEditTooltipStatus",
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
               },
             ],
             Array [
               Object {
-                "defaultMessage": "This template is non-editable as this is {status}",
-                "id": "creatives.containersV2.Whatsapp.disabledEditTooltip",
-              },
-              Object {
-                "status": undefined,
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Footer",
+                "id": "creatives.containersV2.Whatsapp.templateFooterLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 60,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "These will be show clickable buttons below your message.",
+                "id": "creatives.containersV2.Whatsapp.btnDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Header",
+                "id": "creatives.containersV2.Whatsapp.templateHeaderLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "awaiting for approval",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltipStatus",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "This template is non-editable as this is {status}",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltip",
+              },
+              Object {
+                "status": undefined,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 8,
+                "maxLength": 60,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "awaiting for approval",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltipStatus",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "This template is non-editable as this is {status}",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltip",
+              },
+              Object {
+                "status": undefined,
               },
             ],
             Array [
@@ -424568,6 +426230,186 @@ new message content.",
               "type": "return",
               "value": undefined,
             },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
           ],
         },
       }
@@ -430411,11 +432253,14 @@ new message content.",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -431162,6 +433007,7 @@ new message content.",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -431169,6 +433015,7 @@ new message content.",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -431178,6 +433025,7 @@ new message content.",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -442964,6 +444812,301 @@ undefined",
                 "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
               },
             ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 60,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Footer",
+                "id": "creatives.containersV2.Whatsapp.templateFooterLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 60,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "These will be show clickable buttons below your message.",
+                "id": "creatives.containersV2.Whatsapp.btnDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "awaiting for approval",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltipStatus",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "This template is non-editable as this is {status}",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltip",
+              },
+              Object {
+                "status": undefined,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Please add all mandatory fields to proceed further",
+                "id": "creatives.containersV2.Whatsapp.btnDisabledTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Text",
+                "id": "creatives.containersV2.Whatsapp.mediaText",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Image",
+                "id": "creatives.containersV2.Whatsapp.mediaImage",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Video",
+                "id": "creatives.containersV2.Whatsapp.mediaVideo",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Document",
+                "id": "creatives.containersV2.Whatsapp.mediaDocument",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Call to action",
+                "id": "creatives.containersV2.Whatsapp.btnTypeCTA",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 2 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.ctaDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Quick reply",
+                "id": "creatives.containersV2.Whatsapp.btnTypeQuickReply",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 3 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.quickReplyDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template name",
+                "id": "creatives.containersV2.templateNameLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Must be a unique name and can only contain lowercase alphanumeric characters and underscores.",
+                "id": "creatives.containersV2.Whatsapp.templateNameDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter template name",
+                "id": "creatives.containersV2.templateNamePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template category",
+                "id": "creatives.containersV2.Whatsapp.templateCategoryLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message language",
+                "id": "creatives.containersV2.Whatsapp.messageLanguageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Header",
+                "id": "creatives.containersV2.Whatsapp.templateHeaderLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
             Array [
               Object {
                 "defaultMessage": "Characters count: {currentLength}/{maxLength}",
@@ -446770,6 +448913,186 @@ undefined",
               "type": "return",
               "value": undefined,
             },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
           ],
         },
       }
@@ -452625,11 +454948,14 @@ undefined",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -453376,6 +455702,7 @@ undefined",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -453383,6 +455710,7 @@ undefined",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -453392,6 +455720,7 @@ undefined",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -466243,6 +468572,301 @@ undefined",
                 "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
               },
             ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 60,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Footer",
+                "id": "creatives.containersV2.Whatsapp.templateFooterLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 60,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "These will be show clickable buttons below your message.",
+                "id": "creatives.containersV2.Whatsapp.btnDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "awaiting for approval",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltipStatus",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "This template is non-editable as this is {status}",
+                "id": "creatives.containersV2.Whatsapp.disabledEditTooltip",
+              },
+              Object {
+                "status": undefined,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Click {unsubscribe} to unsubscribe",
+                "id": "creatives.containersV2.Whatsapp.templateMessageUnsubscribeText",
+              },
+              Object {
+                "unsubscribe": "{{unsubscribe}}",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Characters count: {currentLength}/{maxLength}",
+                "id": "creatives.containersV2.Whatsapp.templateMessageLength",
+              },
+              Object {
+                "currentLength": 0,
+                "maxLength": 1024,
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Buttons",
+                "id": "creatives.containersV2.Whatsapp.btnLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Please add all mandatory fields to proceed further",
+                "id": "creatives.containersV2.Whatsapp.btnDisabledTooltip",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Select",
+                "id": "creatives.containersV2.Whatsapp.select",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Text",
+                "id": "creatives.containersV2.Whatsapp.mediaText",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Image",
+                "id": "creatives.containersV2.Whatsapp.mediaImage",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Video",
+                "id": "creatives.containersV2.Whatsapp.mediaVideo",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Document",
+                "id": "creatives.containersV2.Whatsapp.mediaDocument",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "None",
+                "id": "creatives.containersV2.Whatsapp.btnTypeNone",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Call to action",
+                "id": "creatives.containersV2.Whatsapp.btnTypeCTA",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 2 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.ctaDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Quick reply",
+                "id": "creatives.containersV2.Whatsapp.btnTypeQuickReply",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Create up to 3 buttons that let customers respond to your messages or take action.",
+                "id": "creatives.containersV2.Whatsapp.quickReplyDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template name",
+                "id": "creatives.containersV2.templateNameLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Must be a unique name and can only contain lowercase alphanumeric characters and underscores.",
+                "id": "creatives.containersV2.Whatsapp.templateNameDesc",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter template name",
+                "id": "creatives.containersV2.templateNamePlaceholder",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Template category",
+                "id": "creatives.containersV2.Whatsapp.templateCategoryLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Message language",
+                "id": "creatives.containersV2.Whatsapp.messageLanguageLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Media",
+                "id": "creatives.containersV2.Whatsapp.mediaLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Header",
+                "id": "creatives.containersV2.Whatsapp.templateHeaderLabel",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "(Optional)",
+                "id": "creatives.containersV2.Whatsapp.optional",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Add variables",
+                "id": "creatives.containersV2.Whatsapp.addVar",
+              },
+            ],
+            Array [
+              Object {
+                "defaultMessage": "Enter message with variable",
+                "id": "creatives.containersV2.Whatsapp.templateMessagePlaceholder",
+              },
+            ],
             Array [
               Object {
                 "defaultMessage": "Characters count: {currentLength}/{maxLength}",
@@ -470049,6 +472673,186 @@ undefined",
               "type": "return",
               "value": undefined,
             },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
           ],
         },
       }
@@ -475904,11 +478708,14 @@ undefined",
                           inline={false}
                           size="large"
                           suffix={
-                            <CapButton
-                              isAddBtn={true}
-                              onClick={[Function]}
-                              type="flat"
-                            />
+                            <React.Fragment>
+                              <CapButton
+                                data-testid="suffix-button"
+                                isAddBtn={true}
+                                onClick={[Function]}
+                                type="flat"
+                              />
+                            </React.Fragment>
                           }
                           title={
                             <CapHeading
@@ -476655,6 +479462,7 @@ undefined",
                                 </CapHeading>
                               </div>
                               <CapButton
+                                data-testid="suffix-button"
                                 isAddBtn={true}
                                 onClick={[Function]}
                                 type="flat"
@@ -476662,6 +479470,7 @@ undefined",
                                 <Button
                                   block={false}
                                   className="cap-button-v2 flat-btn add-btn has-icon"
+                                  data-testid="suffix-button"
                                   ghost={false}
                                   htmlType="button"
                                   loading={false}
@@ -476671,6 +479480,7 @@ undefined",
                                   <Wave>
                                     <button
                                       className="ant-btn cap-button-v2 flat-btn add-btn has-icon ant-btn-flat"
+                                      data-testid="suffix-button"
                                       onClick={[Function]}
                                       type="button"
                                     >