@capillarytech/creatives-library 7.17.138 → 7.17.139

package/v2Containers/Whatsapp/tests/utils.test.js

@@ -5,7 +5,8 @@ import {
   getWhatsappCta,
   bytesConversion,
   getWhatsappDocPreview,
-  getWhatsappQuickReply
+  getWhatsappQuickReply,
+  getWhatsappAutoFill
 } from '../utils';
 import mockdata from '../../mockdata';
 
@@ -21,7 +22,8 @@ const {
   getWhatsappDocPreviewOutput1,
   whatsappPreviewTemplateData3,
   whatsappPreviewTemplateData3Result,
-  whatsappPreviewTemplateData3QuickReplyResult
+  whatsappPreviewTemplateData3QuickReplyResult,
+  getWhatsappAutoFillData
 } = mockdata;
 
 describe('Test utils', () => {
@@ -66,6 +68,11 @@ describe('Test utils', () => {
       getWhatsappCategoryOutput2,
     );
   });
+  it('test getWhatsappAutoFill', () => {
+    expect(getWhatsappAutoFill({versions:{base:{content:{whatsapp:{category: 'AUTHENTICATION'}}}}})).toEqual(
+      getWhatsappAutoFillData,
+    );
+  });
 
   it('test getWhatsappDocPreview', () => {
     const whatsappDocParams = {

package/v2Containers/Whatsapp/utils.js

@@ -5,6 +5,7 @@ import CapIcon from '@capillarytech/cap-ui-library/CapIcon';
 import CapImage from '@capillarytech/cap-ui-library/CapImage';
 import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
 import { get } from 'lodash';
+import globalMessages from '../Cap/messages';
 import { WHATSAPP } from '../CreativesContainer/constants';
 import {
   STATUS_OPTIONS,
@@ -185,6 +186,28 @@ export const getWhatsappQuickReply= (template, templatePreview) => {
   }
   return renderArray;
 }
+export const getWhatsappAutoFill = (template) => {
+  const {category}= get(
+    template,
+    `versions.base.content.whatsapp`,
+    {},
+  );
+  if (category === 'AUTHENTICATION') {
+    return (
+      <CapLabel
+        type="label21"
+        className='whatsapp-autofill-btn'
+      >
+        <CapIcon
+          type={'launch'}
+          size="xs"
+          className='margin-r-4'
+        />
+        <FormattedMessage {...globalMessages.autofill} />
+      </CapLabel>);
+  }
+  return <></>
+}
 
 export const getWhatsappCategory = (category, hostName) => (
     hostName === HOST_TWILIO ? TWILIO_CATEGORY_OPTIONS : [...KARIX_GUPSHUP_CATEGORY_OPTIONS, ...KARIX_GUPSHUP_OLDER_CATEGORY_OPTIONS]

package/v2Containers/mockdata.js

@@ -2464,4 +2464,20 @@ export default {
     },
     demoVideoAndLinkJSONStatus: "SUCCESS",
   },
+  getWhatsappAutoFillData: 
+    < CapLabel
+      className="whatsapp-autofill-btn"
+      type="label21"
+    >
+      <CapIcon
+        className="margin-r-4"
+        size="xs"
+        type="launch"
+      />
+      <FormattedMessage
+        defaultMessage="Autofill"
+        id="creatives.componentsV2.autofill"
+        values={{}}
+      />
+    </CapLabel>,
 };