@capillarytech/creatives-library 7.12.44 → 7.12.46

package/v2Containers/Templates/constants.js

@@ -59,4 +59,4 @@ export const GET_ORG_LEVEL_CAMPAIGN_SETTINGS_SUCCESS =
 export const GET_ORG_LEVEL_CAMPAIGN_SETTINGS_FAILURE =
   'app/v2Containers/Templates/GET_ORG_LEVEL_CAMPAIGN_SETTINGS_FAILURE';
 
-export const MAX_WHATSAPP_TEMPLATES = 250;
+export const MAX_WHATSAPP_TEMPLATES = 500;

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

@@ -2630,7 +2630,7 @@ exports[`Test Templates container Test max templates exceeded 1`] = `
                     id="creatives.containersV2.Templates.whatsappMaxTemplates"
                     values={
                       Object {
-                        "maxCount": 250,
+                        "maxCount": 500,
                       }
                     }
                   />
@@ -2680,6 +2680,386 @@ exports[`Test Templates container Test max templates exceeded 1`] = `
                               type="label9"
                             >
                               $'asdasd
+Click {{unsubscribe}} to unsubscribe'
+                            </CapLabel>
+                          </React.Fragment>
+                        </React.Fragment>,
+                        "extra": Array [
+                          <CapIcon
+                            className="view-whatsapp"
+                            onClick={[Function]}
+                            style={
+                              Object {
+                                "marginRight": "16px",
+                              }
+                            }
+                            type="eye"
+                          />,
+                        ],
+                        "hoverOption": <CapButton
+                          className="edit-whatsapp"
+                          isAddBtn={false}
+                          onClick={[Function]}
+                          type="primary"
+                        >
+                          Overview
+                        </CapButton>,
+                        "key": "WHATSAPP-card-saad",
+                        "title": <CapRow
+                          className="whatsapp-card-title"
+                        >
+                          <CapLabel
+                            type="label1"
+                          >
+                            saad
+                          </CapLabel>
+                          <WhatsappStatusContainer
+                            template={
+                              Object {
+                                "_id": "620b88327ecc279198099117",
+                                "createdAt": "2022-02-15T11:02:11.190Z",
+                                "createdBy": "15000449",
+                                "isActive": true,
+                                "name": "saad",
+                                "orgId": 50146,
+                                "totalCount": 510,
+                                "type": "WHATSAPP",
+                                "updatedAt": "2022-02-15T11:02:11.190Z",
+                                "updatedBy": "15000449",
+                                "versions": Object {
+                                  "$init": true,
+                                  "base": Object {
+                                    "content": Object {
+                                      "whatsapp": Object {
+                                        "accessToken": "4676323eb5d1f975b0987070c03a8efc",
+                                        "accountId": "AC41030cebba9e2f1ce37c78235da0ee18",
+                                        "accountName": "WhatsppTest",
+                                        "category": "ACCOUNT_UPDATE",
+                                        "languages": Array [
+                                          Object {
+                                            "content": "$'asdasd
+Click {{1}} to unsubscribe'",
+                                            "language": "en",
+                                          },
+                                        ],
+                                        "mediaType": "text",
+                                        "rejection_reason": null,
+                                        "status": "approved",
+                                        "templateId": "HTc5068cbaa813f931ed887f19922ca19d",
+                                      },
+                                    },
+                                  },
+                                  "history": Array [],
+                                },
+                              }
+                            }
+                          />
+                        </CapRow>,
+                      },
+                    ]
+                  }
+                  fbType="list"
+                  key="WHATSAPP-card-list"
+                  style={
+                    Object {
+                      "marginLeft": "16px",
+                    }
+                  }
+                  type="WHATSAPP"
+                />
+              </div>
+              <div
+                style={
+                  Object {
+                    "height": "calc(100vh - 325px)",
+                    "overflow": "auto",
+                  }
+                }
+              />
+            </div>
+          </CapSpin>
+        </div>
+      </Pagination>
+    </CapRow>
+    <CapRow />
+    <CapRow>
+      <CapSlideBox
+        closeIconSize="m"
+        content={
+          <CardGrid
+            className=""
+            colNumber={2}
+            gutterSize={16}
+            isLoading={false}
+            listItem={Array []}
+            onHoverItem={[Function]}
+            onItemClick={[Function]}
+          />
+        }
+        handleClose={[Function]}
+        header={
+          <h3>
+            Select layout
+          </h3>
+        }
+        loadingText="Loading EDM Templates"
+        position="right"
+        show={false}
+        size="size-r"
+        width={60}
+      />
+      <Wrapper
+        centered={true}
+        className="delete-template-confirm"
+        closeText="Cancel"
+        okText="Yes, delete"
+        onCancel={[Function]}
+        onOk={[Function]}
+        title="Confirm delete template"
+        visible={false}
+      >
+        Are you sure you wish to delete this template?
+      </Wrapper>
+    </CapRow>
+  </div>
+</Fragment>
+`;
+
+exports[`Test Templates container Test max templates not exceeded 1`] = `
+<Fragment>
+  <div
+    className="creatives-templates-list full-mode"
+  >
+    <input
+      accept=".zip, .html, .htm"
+      id="filename"
+      onChange={[Function]}
+      style={
+        Object {
+          "display": "none",
+        }
+      }
+      type="file"
+    />
+    <CapRow>
+      <Pagination
+        onPageChange={[Function]}
+        paginationContainer="pagination-container"
+        paginationSelector="pagination-container"
+      >
+        <div>
+          <div
+            className="action-container"
+          >
+            <_class
+              className="search-text"
+              disabled={false}
+              labelPosition="top"
+              onChange={[Function]}
+              onClear={[Function]}
+              onScroll={[Function]}
+              placeholder="Search"
+              style={
+                Object {
+                  "width": "210px",
+                }
+              }
+              value=""
+            />
+            <div
+              className="whatsapp-filters"
+            >
+              <CapSelectFilter
+                data={
+                  Array [
+                    Object {
+                      "key": "awaitingApproval",
+                      "label": <FormattedMessage
+                        defaultMessage="Awaiting approval"
+                        id="creatives.containersV2.Whatsapp.awaitingApproval"
+                        values={Object {}}
+                      />,
+                      "value": "awaitingApproval",
+                    },
+                    Object {
+                      "key": "approved",
+                      "label": <FormattedMessage
+                        defaultMessage="Approved"
+                        id="creatives.containersV2.Whatsapp.approved"
+                        values={Object {}}
+                      />,
+                      "value": "approved",
+                    },
+                    Object {
+                      "key": "rejected",
+                      "label": <FormattedMessage
+                        defaultMessage="Rejected"
+                        id="creatives.containersV2.Whatsapp.rejected"
+                        values={Object {}}
+                      />,
+                      "value": "rejected",
+                    },
+                  ]
+                }
+                dropdownMaxHeight="320px"
+                dropdownWidth="228px"
+                onSelect={[Function]}
+                placeholder="Status"
+                placement="bottomLeft"
+                selectedValue=""
+                showBadge={true}
+                width="90px"
+              />
+              <CapSelectFilter
+                data={
+                  Array [
+                    Object {
+                      "key": "alertUpdate",
+                      "label": <FormattedMessage
+                        defaultMessage="Alert update"
+                        id="creatives.containersV2.Whatsapp.alertUpdate"
+                        values={Object {}}
+                      />,
+                      "tagColor": "#f2e7fe",
+                      "tagTextColor": "#a451ff",
+                      "tooltipLabel": <FormattedMessage
+                        defaultMessage="Send important updates or news to customers."
+                        id="creatives.containersV2.Whatsapp.alertUpdateTooltip"
+                        values={Object {}}
+                      />,
+                      "value": "ALERT_UPDATE",
+                    },
+                    Object {
+                      "key": "accountUpdate",
+                      "label": <FormattedMessage
+                        defaultMessage="Account update"
+                        id="creatives.containersV2.Whatsapp.accountUpdate"
+                        values={Object {}}
+                      />,
+                      "tagColor": "#ffe5d2",
+                      "tagTextColor": "#f87d23",
+                      "tooltipLabel": <FormattedMessage
+                        defaultMessage="Let customers know about updates or changes to their accounts."
+                        id="creatives.containersV2.Whatsapp.accountUpdateTooltip"
+                        values={Object {}}
+                      />,
+                      "value": "ACCOUNT_UPDATE",
+                    },
+                    Object {
+                      "key": "appointmentUpdate",
+                      "label": <FormattedMessage
+                        defaultMessage="Appointment update"
+                        id="creatives.containersV2.Whatsapp.appointmentUpdate"
+                        values={Object {}}
+                      />,
+                      "tagColor": "#ecf7ec",
+                      "tagTextColor": "#6bb56b",
+                      "tooltipLabel": <FormattedMessage
+                        defaultMessage="Send confirmations, reminders, or other updates to customers about their appointments."
+                        id="creatives.containersV2.Whatsapp.appointmentUpdateTooltip"
+                        values={Object {}}
+                      />,
+                      "value": "APPOINTMENT_UPDATE",
+                    },
+                    Object {
+                      "key": "paymentUpdate",
+                      "label": <FormattedMessage
+                        defaultMessage="Payment update"
+                        id="creatives.containersV2.Whatsapp.paymentUpdate"
+                        values={Object {}}
+                      />,
+                      "tagColor": "#ffe5d2",
+                      "tagTextColor": "#f87d23",
+                      "tooltipLabel": <FormattedMessage
+                        defaultMessage="Send a message to customers about their payment."
+                        id="creatives.containersV2.Whatsapp.paymentUpdateTooltip"
+                        values={Object {}}
+                      />,
+                      "value": "PAYMENT_UPDATE",
+                    },
+                    Object {
+                      "key": "reservationUpdate",
+                      "label": <FormattedMessage
+                        defaultMessage="Reservation update"
+                        id="creatives.containersV2.Whatsapp.reservationUpdate"
+                        values={Object {}}
+                      />,
+                      "tagColor": "#ffe5d2",
+                      "tagTextColor": "#f87d23",
+                      "tooltipLabel": <FormattedMessage
+                        defaultMessage="Send confirmations, reminders, or other updates to customers about their reservations."
+                        id="creatives.containersV2.Whatsapp.reservationUpdateTooltip"
+                        values={Object {}}
+                      />,
+                      "value": "RESERVATION_UPDATE",
+                    },
+                  ]
+                }
+                dropdownMaxHeight="320px"
+                dropdownWidth="228px"
+                onSelect={[Function]}
+                overlayStyle={
+                  Object {
+                    "overflowY": "hidden",
+                  }
+                }
+                placeholder="Category"
+                placement="bottomLeft"
+                selectedValue=""
+                showBadge={true}
+                width="105px"
+              />
+            </div>
+            <Component />
+            <Component />
+            <div
+              style={
+                Object {
+                  "alignItems": "center",
+                  "display": "flex",
+                  "justifyContent": "space-between",
+                }
+              }
+            >
+              <CapButton
+                className="create-new-whatsapp margin-l-8 margin-b-12"
+                disabled={false}
+                isAddBtn={false}
+                onClick={[Function]}
+                type="primary"
+              >
+                Create new
+              </CapButton>
+            </div>
+          </div>
+          <CapRow
+            align="middle"
+            className="selected-whatsapp-filters"
+            type="flex"
+          />
+          <CapSpin
+            spinning={false}
+            style={
+              Object {
+                "width": "100%",
+              }
+            }
+            tip="Getting all templates..."
+          >
+            <div>
+              <div
+                className="pagination-container"
+              >
+                <CapCustomCardList
+                  cardList={
+                    Array [
+                      Object {
+                        "content": <React.Fragment>
+                          <React.Fragment>
+                            <CapLabel
+                              type="label9"
+                            >
+                              $'asdasd
 Click {{unsubscribe}} to unsubscribe'
                             </CapLabel>
                           </React.Fragment>

package/v2Containers/Templates/tests/index.test.js

@@ -115,12 +115,18 @@ describe('Test Templates container', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
-  it('Test max templates exceeded', () => {
+  it('Test max templates not exceeded', () => {
     renderFunction(true);
     renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 260 }]});
     expect(renderedComponent).toMatchSnapshot();
   });
 
+  it('Test max templates exceeded', () => {
+    renderFunction(true);
+    renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 510 }]});
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
   it('Test max templates warning', () => {
     renderFunction(true);
     renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 248 }]});

package/v2Containers/mockdata.js

@@ -1191,14 +1191,6 @@ export default {
     channel: 'RCS',
     validity: true,
   },
-  lineEditTemplateData: {
-    mode: 'edit',
-    _id: '629f7ecf134738019b2e332e',
-    modeType: '',
-    type: 'LINE',
-    channel: 'LINE',
-    validity: true,
-  },
   getWhatsappContentOutput: '1234567890\nClick {{unsubscribe}} to unsubscribe',
   getWhatsappStatusOutput: {
     key: 'approved',
@@ -1430,12 +1422,61 @@ export default {
   language: {
     localeLoading: false,
   },
-  linePreviewTemplateData: {
+  linePreviewTemplateData1: {
+    mode: 'preview',
+    _id: '62a810e4d4715c768d6ee9cf',
+    name: 'Demo Old Template 2(Multiple images)',
+    type: 'LINE',
+    versions: {
+      $init: true,
+      history: [],
+      base: {
+        content: {
+          messages: [
+            {
+              altText: 'Demo Old Template 2(Multiple images)',
+              template: {
+                type: 'image_carousel',
+                columns: [
+                  {
+                    action: {
+                      uri: 'https://www.demo.com',
+                      label: 'Demo Old 2',
+                      type: 'uri',
+                    },
+                    imageUrl:
+                      'https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/f374edfe-1fd4-4b15-a6f7-74d5d86.jpeg',
+                  },
+                  {
+                    imageUrl: '',
+                  },
+                ],
+              },
+            },
+          ],
+          to: '{{line_id}}',
+        },
+      },
+    },
+    isActive: true,
+    orgId: 1604,
+    createdBy: '15000449',
+    updatedBy: '15000449',
+    createdAt: '2022-06-14T04:39:00.665Z',
+    updatedAt: '2022-06-14T04:39:00.665Z',
+    definition: {
+      mode: 'template',
+    },
+    totalCount: 1,
+    updatedByName: 'Ashish Karan fd',
+  },
+  linePreviewTemplateData2: {
     mode: 'preview',
     _id: '629f7ecf134738019b2e332e',
     name: 'ggg1',
     type: 'LINE',
     versions: {
+      $init: true,
       history: [],
       base: {
         content: {
@@ -1473,8 +1514,21 @@ export default {
                       ],
                     },
                   },
+                  {
+                    type: 'bubble',
+                    hero: {},
+                    footer: {
+                      type: 'box',
+                      layout: 'vertical',
+                      spacing: 'xs',
+                      contents: [{}],
+                    },
+                  },
+                  {
+                    type: 'bubble',
+                  },
                 ],
-                type: "carousel",
+                type: 'carousel',
               },
             },
           ],
@@ -1487,7 +1541,10 @@ export default {
     updatedBy: '15000449',
     createdAt: '2022-06-07T16:37:35.447Z',
     updatedAt: '2022-06-07T16:42:02.243Z',
-    totalCount: 31,
+    definition: {
+      mode: 'template',
+    },
+    totalCount: 1,
     updatedByName: 'Ashish Karan fd',
   },
 };