@capillarytech/creatives-library 7.10.46 → 7.10.48

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.10.46",
+  "version": "7.10.48",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -697,6 +697,7 @@ function SlideBoxContent(props) {
       {isEditWhatsapp && (<Whatsapp
         isFullMode={isFullMode}
         templateData={templateData}
+        getFormData={getFormData}
         params={{
           id: templateData._id,
         }}

package/v2Containers/CreativesContainer/index.js

@@ -364,6 +364,28 @@ class Creatives extends React.Component {
           };
           break;
         }
+        case constants.WHATSAPP: {
+          const { messageBody } = templateData;
+          const body = JSON.parse(messageBody || '{}');
+          console.log("getTemplateData body", body);
+          creativesTemplateData = {
+            type: constants.WHATSAPP,
+            edit: true,
+            name: "",
+            versions: {
+              base: {
+                content: {
+                  ...body,
+                  whatsapp: {
+                    ...body.whatsapp,
+                    status: 'approved'
+                  }
+                },
+              },
+            },
+          };
+          break;
+        }
         default:
           break;
       }
@@ -495,6 +517,27 @@ class Creatives extends React.Component {
           };
         }
         break;
+      case constants.WHATSAPP:
+        if (template.value) {
+          const { Templates, templateData: templateDataProps } = this.props;
+          const { accountDetails: selectedAccountDetails, accountId: selectedAccountId } = templateDataProps || {};
+          const selectedWhatsappAccount = Templates?.selectedWhatsappAccount;
+          const accountDetails = (selectedWhatsappAccount ? selectedWhatsappAccount : selectedAccountDetails);
+          const accountId = selectedAccountId || (selectedWhatsappAccount?.id || '');
+          const { versions } = template.value;
+          const whatsappContent = cloneDeep(versions.base.content.whatsapp);
+          console.log("accountDetailsaccountDetails", accountDetails, accountDetails.name)
+          templateData = {
+            channel,
+            accountId,
+            accountName: accountDetails.name,
+            messageBody: JSON.stringify(whatsappContent.languages[0].content),
+            category: whatsappContent.category,
+            language: whatsappContent.languages[0].language,
+            mediaType: whatsappContent.mediaType,
+          };
+        }
+        break;
       case constants.FACEBOOK: {
         if (template.value) {
           const FacebookAd = template?.value?.versions?.base?.content?.FacebookAd;

package/v2Containers/Whatsapp/index.js

@@ -73,6 +73,7 @@ export const Whatsapp = (props) => {
     metaEntities,
     injectedTags,
     loadingTags,
+    getFormData
   } = props || {};
   const { formatMessage } = intl;
   const { TextArea } = CapInput;
@@ -143,7 +144,6 @@ export const Whatsapp = (props) => {
         setSpin(true);
         actions.getTemplateDetails(id);
       }
-      setEditFlow(true);
     }
     //cleanup code
     return () => {
@@ -157,9 +157,10 @@ export const Whatsapp = (props) => {
       name = '',
       versions = {},
       createdAt = '',
-    } = editData.templateDetails || templateData || {};
+    } = isFullMode ? editData.templateDetails : templateData;
     editContent = get(versions, `base.content.whatsapp`, {});
     if (editContent && !isEmpty(editContent)) {
+      setEditFlow(true);
       setTemplateName(name);
       setTemplateDate(createdAt);
       const {
@@ -470,13 +471,16 @@ export const Whatsapp = (props) => {
             languages: [
               {
                 language: 'en',
-                content: `$'${templateMessage}\nClick {{${
-                  addedVarCount + 1
-                }}} to unsubscribe'`,
+                content: 
+                  isEditFlow 
+                  ? `${updatedSmsEditor.join('')} ${formatMessage(messages.templateMessageUnsubscribeText)}`
+                  : `$'${templateMessage}\nClick {{${
+                    addedVarCount + 1 }}} to unsubscribe'`,
               },
             ],
-            mediaType: 'text',
-            varMapped: {},
+            mediaType: 'TEXT',
+            varMapped: varMap,
+            templateEditor: templateMessage,
             accountId,
             accessToken,
             accountName,
@@ -521,6 +525,15 @@ export const Whatsapp = (props) => {
     }
   };
 
+  const saveToMessage = () => {
+    getFormData({
+      value: createPayload(),
+      _id: params?.paramObj?.id,
+      validity: true,
+      type: 'WHATSAPP',
+    });
+  }
+
   const isDisableDone = () => {
     //if template name is not entered
     if (templateName.trim() === '' || templateNameError) {
@@ -874,6 +887,17 @@ export const Whatsapp = (props) => {
             </CapButton>
           </>
         )}
+        {!isFullMode && isEditFlow && (
+          <>
+            <CapButton
+              onClick={saveToMessage}
+              //disabled={isDisableDone()}
+              className="whatsapp-create-btn"
+            >
+              <FormattedMessage {...messages.done} />
+            </CapButton>
+          </>
+        )}
       </WhatsappFooter>
     </CapSpin>
   );

package/v2Containers/Whatsapp/messages.js

@@ -232,4 +232,8 @@ export default defineMessages({
     id: `${prefix}.disabledEditTooltipStatus`,
     defaultMessage: 'awaiting for approval',
   },
+  done: {
+    id: `${prefix}.done`,
+    defaultMessage: 'Done',
+  },
 });