@embedreach/components 0.2.69 → 0.2.71

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);
@@ -78023,28 +78068,15 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
         /* @__PURE__ */ jsx(DialogDescription, { children: "Learn more about the SMS editor and how to use it to create your SMS." })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "", children: [
-        imagePreview && /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ jsxs("div", { className: "relative group w-fit", children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: imagePreview,
-              alt: "SMS attachment preview",
-              className: "max-h-48 max-w-xs rounded-xl shadow-lg border border-gray-200 object-contain bg-white transition-transform duration-200 group-hover:scale-105",
-              style: { boxShadow: "0 4px 24px 0 rgba(0,0,0,0.08)" }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button$1,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "absolute -top-3 -right-3 bg-white/80 hover:bg-red-100 text-gray-500 hover:text-red-500 shadow-md border border-gray-200 rounded-full opacity-0 group-hover:opacity-100 transition-opacity",
-              onClick: handleRemoveImage,
-              style: { boxShadow: "0 2px 8px 0 rgba(0,0,0,0.10)" },
-              children: /* @__PURE__ */ jsx(X$2, { className: "h-4 w-4" })
-            }
-          )
-        ] }) }),
+        imagePreview && /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ jsx("div", { className: "relative group w-fit", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: imagePreview,
+            alt: "SMS attachment preview",
+            className: "max-h-48 max-w-xs rounded-xl shadow-lg border border-gray-200 object-contain bg-white transition-transform duration-200",
+            style: { boxShadow: "0 4px 24px 0 rgba(0,0,0,0.08)" }
+          }
+        ) }) }),
         /* @__PURE__ */ jsx(
           Textarea,
           {
@@ -78110,13 +78142,22 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
                 className: "hidden"
               }
             ),
-            /* @__PURE__ */ jsx(
+            imagePreview ? /* @__PURE__ */ jsx(
+              Button$1,
+              {
+                variant: "outline",
+                onClick: handleRemoveImage,
+                className: "px-4",
+                disabled: isRemovingImage || isUpdating,
+                children: "Remove Image"
+              }
+            ) : /* @__PURE__ */ jsx(
               Button$1,
               {
                 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"
               }
             ),