@embedreach/components 0.2.70 → 0.2.72

package/dist/chunks/index.js

@@ -77831,23 +77831,6 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
       smsApplication
     });
   }, [channelSenders, channelAccounts, smsApplication]);
-  useEffect(() => {
-    if (showSmsEditor) {
-      if (editingMessage === null) {
-        setEditingMessage(message2);
-      }
-      if (imageUrls.length > 0 && !imagePreview && !isRemovingImage) {
-        setImagePreview(imageUrls[0]);
-      }
-    }
-  }, [
-    showSmsEditor,
-    message2,
-    imageUrls,
-    imagePreview,
-    isRemovingImage,
-    editingMessage
-  ]);
   useEffect(() => {
     if (!showSmsEditor) {
       setImagePreview(imageUrls.length > 0 ? imageUrls[0] : null);
@@ -77855,6 +77838,11 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
       setIsRemovingImage(false);
     }
   }, [showSmsEditor, imageUrls]);
+  useEffect(() => {
+    if (communicationGroup?.textMessageMediaUrls) {
+      setImageUrls(communicationGroup.textMessageMediaUrls);
+    }
+  }, [communicationGroup?.textMessageMediaUrls]);
   const handleSaveSMS = () => {
     if (editingMessage && editingMessage.length > SMS_ABSOLUTE_LIMIT) {
       toast2({
@@ -77863,6 +77851,13 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
       });
       return;
     }
+    if (editingMessage === null || editingMessage.length === 0) {
+      toast2({
+        title: "Oops",
+        description: "Please enter a message"
+      });
+      return;
+    }
     setMessage(editingMessage);
     const communicationGroupId = _getCommunicationGroupFromAutomation();
     if (communicationGroupId) {
@@ -77903,12 +77898,36 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
     setIsRemovingImage(false);
   };
   const handleRemoveImage = () => {
-    setImagePreview(null);
-    setImageBase64(null);
-    setIsRemovingImage(false);
     if (fileInputRef.current) {
       fileInputRef.current.value = "";
     }
+    if (communicationGroup?.id) {
+      updateCommunicationGroup2(
+        {
+          groupId: communicationGroup.id,
+          params: {
+            textMessageMedia: []
+          }
+        },
+        {
+          onSuccess: () => {
+            setImagePreview(null);
+            setImageBase64(null);
+            setIsRemovingImage(false);
+            setImageUrls([]);
+            if (fileInputRef.current) {
+              fileInputRef.current.value = "";
+            }
+          },
+          onError: () => {
+            toast2({
+              title: "Error removing image",
+              description: "Please contact your administrator"
+            });
+          }
+        }
+      );
+    }
   };
   const handleImageUpload = async (event) => {
     const file = event.target.files?.[0];
@@ -77921,6 +77940,22 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
           setImageBase64(base64String);
           setImagePreview(pngDataUrl);
           setIsRemovingImage(false);
+          if (communicationGroup?.id) {
+            updateCommunicationGroup2(
+              {
+                groupId: communicationGroup.id,
+                params: { textMessageMedia: [base64String] }
+              },
+              {
+                onError: () => {
+                  toast2({
+                    title: "Error updating image",
+                    description: "Please contact your administrator"
+                  });
+                }
+              }
+            );
+          }
         } catch (error2) {
           console.error("Failed to convert image:", error2);
           toast2({
@@ -77941,12 +77976,13 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
     )?.channelSender.channelSenderMetadata.from ?? channelSenderId;
   };
   useEffect(() => {
-    if (communicationGroup) {
-      if (fromNumber === null) {
+    if (communicationGroup && initialState2 === false) {
+      if (communicationGroup.smsChannelSenderId && fromNumber === null) {
         setFromNumber(communicationGroup.smsChannelSenderId);
       }
-      if (message2 === null) {
+      if (communicationGroup.smsMessageBody && message2 === null) {
         setMessage(communicationGroup.smsMessageBody);
+        setEditingMessage(communicationGroup.smsMessageBody);
       }
       if (communicationGroup.textMessageCompanyName && companyName === null) {
         setCompanyName(communicationGroup.textMessageCompanyName);
@@ -77954,49 +77990,58 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
       if (communicationGroup.textMessageMediaUrls && imageUrls.length === 0) {
         setImageUrls(communicationGroup.textMessageMediaUrls);
       }
-      setInitialState(true);
-    }
-  }, [communicationGroup, fromNumber, message2, companyName, imageUrls]);
-  const updateCompanyName = (newCompanyName) => {
-    setCompanyName(newCompanyName);
-  };
-  useEffect(() => {
-    if (channelSenders === void 0 || !initialState2) {
-      return;
-    }
-    if (!fromNumber) {
-      if (smsChannelSenders?.[0]) {
-        setFromNumber(smsChannelSenders[0].channelSender.id);
-        if (communicationGroup?.id) {
-          updateCommunicationGroup2({
-            groupId: communicationGroup.id,
-            params: {
-              smsChannelSenderId: smsChannelSenders[0].channelSender.id
-            }
-          });
+      if (showSmsEditor) {
+        if (editingMessage === null) {
+          setEditingMessage(message2);
+        }
+        if (imageUrls.length > 0 && !imagePreview && !isRemovingImage) {
+          setImagePreview(imageUrls[0]);
         }
       }
-    } else if (fromNumber) {
-      if (communicationGroup?.id) {
-        updateCommunicationGroup2({
-          groupId: communicationGroup.id,
-          params: {
-            smsChannelSenderId: fromNumber
+      if (channelSenders !== void 0) {
+        if (!fromNumber) {
+          if (smsChannelSenders?.[0]) {
+            setFromNumber(smsChannelSenders[0].channelSender.id);
+            if (communicationGroup?.id) {
+              updateCommunicationGroup2({
+                groupId: communicationGroup.id,
+                params: {
+                  smsChannelSenderId: smsChannelSenders[0].channelSender.id
+                }
+              });
+            }
           }
-        });
+        } else if (fromNumber) {
+          if (communicationGroup?.id) {
+            updateCommunicationGroup2({
+              groupId: communicationGroup.id,
+              params: {
+                smsChannelSenderId: fromNumber
+              }
+            });
+          }
+        }
       }
+      setInitialState(true);
     }
   }, [
-    channelSenders,
+    communicationGroup,
     fromNumber,
-    communicationGroup?.id,
-    updateCommunicationGroup2,
-    smsApplication,
-    channelAccounts?.results,
-    communicationGroup?.emailChannelSenderId,
+    message2,
+    companyName,
+    imageUrls,
+    initialState2,
+    showSmsEditor,
+    editingMessage,
+    imagePreview,
+    isRemovingImage,
+    channelSenders,
     smsChannelSenders,
-    initialState2
+    updateCommunicationGroup2
   ]);
+  const updateCompanyName = (newCompanyName) => {
+    setCompanyName(newCompanyName);
+  };
   useEffect(() => {
     if (!companyName && me2?.name && !initCompanyName) {
       setInitCompanyName(true);
@@ -78103,7 +78148,7 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
                 variant: "outline",
                 onClick: handleRemoveImage,
                 className: "px-4",
-                disabled: false,
+                disabled: isRemovingImage || isUpdating,
                 children: "Remove Image"
               }
             ) : /* @__PURE__ */ jsx(
@@ -78112,7 +78157,7 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
                 variant: "outline",
                 onClick: handleAddImage,
                 className: "px-4",
-                disabled: imageUrls.length >= 1 || isRemovingImage || imageBase64 !== null,
+                disabled: imageUrls.length >= 1 || isRemovingImage || imageBase64 !== null || isUpdating,
                 children: "Add Image"
               }
             ),
@@ -90979,16 +91024,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                   alertText,
                   asChild: false,
                   className: "!cursor-not-allowed",
-                  children: /* @__PURE__ */ jsx(
-                    Button$1,
-                    {
-                      variant: "outline",
-                      className: "flex items-center gap-2",
-                      disabled: true,
-                      asChild: false,
-                      children: sendText
-                    }
-                  )
+                  children: /* @__PURE__ */ jsx("div", { className: "px-4 py-2 rounded border border-input bg-background text-muted-foreground cursor-not-allowed text-sm font-medium", children: /* @__PURE__ */ jsx("span", { children: sendText }) })
                 }
               ) });
             };