@capillarytech/creatives-library 7.12.31 → 7.12.33

package/v2Containers/Whatsapp/utils.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
+import CapIcon from '@capillarytech/cap-ui-library/CapIcon';
+import { get } from 'lodash';
 import { WHATSAPP } from '../CreativesContainer/constants';
 import {
     STATUS_OPTIONS,
@@ -15,6 +17,8 @@ export const getWhatsappContent = (template, isPreview) => {
                 content: {
                     [WHATSAPP.toLowerCase()]: {
                         languages = [{}],
+                        buttonType = 'NONE',
+                        buttons : ctaData = [],
                     } = {},
                 } = {},
             } = {},
@@ -41,9 +45,42 @@ export const getWhatsappContent = (template, isPreview) => {
             </>
         ),
         charCount: text?.length - 1,
+        ...(buttonType === 'CTA' && {
+            ctaData,
+          }),
     };
 }
 
+export const getWhatsappCta = (template) => {
+  const { buttonType = 'NONE', buttons = [] } = get(
+    template,
+    `versions.base.content.whatsapp`,
+    {},
+  );
+  const renderArray = [];
+  if (buttonType === 'CTA' && buttons?.length) {
+    buttons.forEach((cta) => {
+      const { type, text } = cta || {};
+      if (text) {
+        renderArray.push(
+          <CapLabel
+            type="label21"
+            style={{ textAlign: 'center', marginTop: '12px' }}
+          >
+            <CapIcon
+              type={type === 'PHONE_NUMBER' ? 'call' : 'launch'}
+              size="xs"
+              svgProps={{ style: { marginRight: '4px' } }}
+            />
+            {text}
+          </CapLabel>,
+        );
+      }
+    });
+  }
+  return renderArray;
+};
+
 export const getWhatsappCategory = (category) => {
     return CATEGORY_OPTIONS.find((obj) => obj.value === category);
   }

package/v2Containers/mockdata.js

@@ -1201,6 +1201,53 @@ export default {
     modeType: undefined,
     type: 'WHATSAPP',
     whatsappTemplateCategory: '',
+    whatsappTemplateLanguageCode: "",
     whatsappTemplateName: '',
   },
+  location: {
+    pathname:
+      '/creatives/ui/v2',
+    search: '',
+    hash: '',
+    key: 'm54f43',
+  },
+  match: {
+    path: '/creatives/ui/v2',
+    url: '/creatives/ui/v2',
+    isExact: true,
+    params: {
+    },
+  },
+  capGlobal: {
+    fetching_userdata: false,
+    orgID: 1001,
+    user: {
+      proxyOrgList: [
+        {
+          orgID: 1001,
+          orgName: 'org1',
+        },
+        {
+          orgID: 1002,
+          orgName: 'org2',
+        },
+      ],
+      attributes: {
+        USERNAME: {
+          value: 'capUser',
+        },
+        EMAIL: {
+          value: 'capUser@capillary.com',
+        },
+      },
+      refID: 101,
+      orgName: 'org1',
+      orgID: '1001',
+    },
+    isLoggedIn: true,
+    currentOrgDetails: {},
+  },
+  language: {
+    localeLoading: false,
+  },
 };

package/components/BreadCrumbs/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import BreadCrumbs from '../index';
-
-// describe('<BreadCrumbs />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/CapTagList/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import CapTagList from '../index';
-
-describe('<CapTagList />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/CardGrid/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import CardGrid from '../index';
-
-describe('<CardGrid />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/Ckeditor/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Ckeditor from '../index';
-
-describe('<Ckeditor />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/Component/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Component from '../index';
-
-// describe('<Component />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/CustomPopOver/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import CustomPopOver from '../index';
-
-describe('<CustomPopOver />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/DateFilter/tests/index.test.js

@@ -1,15 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-//
-// import moment from 'moment';
-// import DateFilter from '../index';
-
-// describe('<DateFilter />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-//   it('Expect to have selectDateRange Prop', () => {
-//     const wrapper = shallow(<DateFilter selectedDateRange={moment()} />);
-//     expect(wrapper.props().selectedDateRange).toEqual(moment());
-//   });
-// });

package/components/DateRange/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import DateRange from '../index';
-
-// describe('<DateRange />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/Edmeditor/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Edmeditor from '../index';
-
-describe('<Edmeditor />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/EmailPreview/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import EmailPreview from '../index';
-
-describe('<EmailPreview />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/Footer/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Footer from '../index';
-
-// describe('<Footer />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/FormBuilder/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import FormBuilder from '../index';
-
-// describe('<FormBuilder />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/Header/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Header from '../index';
-
-describe('<Header />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/ImagePreview/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import ImagePreview from '../index';
-
-describe('<ImagePreview />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/PageHeader/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import PageHeader from '../index';
-
-// describe('<PageHeader />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/Pagination/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Pagination from '../index';
-
-describe('<Pagination />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/PreviewSideBar/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import PreviewSideBar from '../index';
-
-describe('<PreviewSideBar />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/Sidebar/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Sidebar from '../index';
-
-// describe('<Sidebar />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/SmsEditor/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import SmsEditor from '../index';
-
-// describe('<SmsEditor />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/SmsTest/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import SmsTest from '../index';
-
-// describe('<SmsTest />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/TemplatePreview/WechatRichmediaTemplatePreview/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import WechatRichmediaTemplatePreview from '../index';
-
-describe('<WechatRichmediaTemplatePreview />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/TemplatePreview/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import TemplatePreview from '../index';
-
-describe('<TemplatePreview />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/components/Toastr/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Toastr from '../index';
-
-// describe('<Toastr />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/ToastrMessage/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import ToastrMessage from '../index';
-
-// describe('<ToastrMessage />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/components/TopBar/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import TopBar from '../index';
-
-// describe('<TopBar />', () => {
-//   it('Expect to have unit tests specified', () => {
-//     expect(true).toEqual(false);
-//   });
-// });

package/containers/App/tests/actions.test.js

@@ -1,18 +0,0 @@
-
-import {
-  defaultAction,
-} from '../actions';
-import {
-  DEFAULT_ACTION,
-} from '../constants';
-
-describe('Cap actions', () => {
-  describe('Default Action', () => {
-    it('has a type of DEFAULT_ACTION', () => {
-      const expected = {
-        type: DEFAULT_ACTION,
-      };
-      expect(defaultAction()).toEqual(expected);
-    });
-  });
-});

package/containers/App/tests/reducer.test.js

@@ -1,9 +0,0 @@
-
-import { fromJS } from 'immutable';
-import capReducer from '../reducer';
-
-describe('capReducer', () => {
-  it('returns the initial state', () => {
-    expect(capReducer(undefined, {})).toEqual(fromJS({}));
-  });
-});

package/containers/App/tests/sagas.test.js

@@ -1,15 +0,0 @@
-/**
- * Test  sagas
- */
-
-/* eslint-disable redux-saga/yield-effects */
-// import { take, call, put, select } from 'redux-saga/effects';
-// import { defaultSaga } from '../sagas';
-
-// const generator = defaultSaga();
-
-describe('defaultSaga Saga', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/App/tests/selectors.test.js

@@ -1,10 +0,0 @@
-// import { fromJS } from 'immutable';
-// import { makeSelectCapDomain } from '../selectors';
-
-// const selector = makeSelectCapDomain();
-
-describe('makeSelectCapDomain', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Assets/Gallery/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import { Gallery } from '../index';
-
-describe('<Gallery />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Assets/Gallery/tests/sagas.test.js

@@ -1,15 +0,0 @@
-/**
- * Test  sagas
- */
-
-/* eslint-disable redux-saga/yield-effects */
-// import { take, call, put, select } from 'redux-saga/effects';
-// import { defaultSaga } from '../sagas';
-
-// const generator = defaultSaga();
-
-describe('defaultSaga Saga', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Assets/Gallery/tests/selectors.test.js

@@ -1,10 +0,0 @@
-// import { fromJS } from 'immutable';
-// import { makeSelectGalleryDomain } from '../selectors';
-
-// const selector = makeSelectGalleryDomain();
-
-describe('makeSelectGalleryDomain', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Dashboard/tests/actions.test.js

@@ -1,18 +0,0 @@
-
-import {
-  defaultAction,
-} from '../actions';
-import {
-  DEFAULT_ACTION,
-} from '../constants';
-
-describe('Dashboard actions', () => {
-  describe('Default Action', () => {
-    it('has a type of DEFAULT_ACTION', () => {
-      const expected = {
-        type: DEFAULT_ACTION,
-      };
-      expect(defaultAction()).toEqual(expected);
-    });
-  });
-});

package/containers/Dashboard/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import { Dashboard } from '../index';
-
-describe('<Dashboard />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Dashboard/tests/reducer.test.js

@@ -1,9 +0,0 @@
-
-import { fromJS } from 'immutable';
-import dashboardReducer from '../reducer';
-
-describe('dashboardReducer', () => {
-  it('returns the initial state', () => {
-    expect(dashboardReducer(undefined, {})).toEqual(fromJS({}));
-  });
-});

package/containers/Dashboard/tests/sagas.test.js

@@ -1,15 +0,0 @@
-/**
- * Test  sagas
- */
-
-/* eslint-disable redux-saga/yield-effects */
-// import { take, call, put, select } from 'redux-saga/effects';
-// import { defaultSaga } from '../sagas';
-
-// const generator = defaultSaga();
-
-describe('defaultSaga Saga', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Dashboard/tests/selectors.test.js

@@ -1,10 +0,0 @@
-// import { fromJS } from 'immutable';
-// import { makeSelectDashboardDomain } from '../selectors';
-
-// const selector = makeSelectDashboardDomain();
-
-describe('makeSelectDashboardDomain', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Ebill/tests/actions.test.js

@@ -1,18 +0,0 @@
-
-import {
-  defaultAction,
-} from '../actions';
-import {
-  DEFAULT_ACTION,
-} from '../constants';
-
-describe('Ebill actions', () => {
-  describe('Default Action', () => {
-    it('has a type of DEFAULT_ACTION', () => {
-      const expected = {
-        type: DEFAULT_ACTION,
-      };
-      expect(defaultAction()).toEqual(expected);
-    });
-  });
-});

package/containers/Ebill/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import { Ebill } from '../index';
-
-describe('<Ebill />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Ebill/tests/reducer.test.js

@@ -1,9 +0,0 @@
-
-import { fromJS } from 'immutable';
-import ebillReducer from '../reducer';
-
-describe('ebillReducer', () => {
-  it('returns the initial state', () => {
-    expect(ebillReducer(undefined, {})).toEqual(fromJS({}));
-  });
-});

package/containers/Ebill/tests/sagas.test.js

@@ -1,15 +0,0 @@
-/**
- * Test  sagas
- */
-
-/* eslint-disable redux-saga/yield-effects */
-// import { take, call, put, select } from 'redux-saga/effects';
-// import { defaultSaga } from '../sagas';
-
-// const generator = defaultSaga();
-
-describe('defaultSaga Saga', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/Ebill/tests/selectors.test.js

@@ -1,10 +0,0 @@
-// import { fromJS } from 'immutable';
-// import { makeSelectEbillDomain } from '../selectors';
-
-// const selector = makeSelectEbillDomain();
-
-describe('makeSelectEbillDomain', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});