@embedreach/components 0.2.12 → 0.2.13

package/dist/chunks/index.js

@@ -46033,6 +46033,20 @@ const sendTestCommunication = async (id2, params) => {
   );
   return response.data;
 };
+const resetCommunicationGroupToDefault = async (args) => {
+  const { communicationGroupId, automationId, type } = args;
+  const response = await baseRequest(
+    `${COMMUNICATION_GROUP_PATH}/${communicationGroupId}/${automationId}/reset`,
+    {
+      method: "POST",
+      body: JSON.stringify({ type })
+    }
+  );
+  return response.data;
+};
+const communicationGroupQueryKeys = {
+  all: ["communication-group"]
+};
 const useGetCommunicationGroup = (communicationGroupId) => {
   const query = useQuery({
     queryKey: ["communication-group", communicationGroupId],
@@ -46054,7 +46068,9 @@ const useUpdateCommunicationGroup = () => {
       params
     }) => updateCommunicationGroup(groupId, params),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["communication-group"] });
+      queryClient.invalidateQueries({
+        queryKey: communicationGroupQueryKeys.all
+      });
     }
   });
   return {
@@ -63065,8 +63081,13 @@ const stripoScriptId = "UiEditorScript";
 const initStripo = (options) => {
   return new Promise((resolve, reject) => {
     const initStripoEditor = () => {
+      let forceRecreate = true;
+      if (options.updatedFromDefault) {
+        forceRecreate = false;
+      }
       if (window.UIEditor) {
         window.UIEditor.initEditor(options.container, {
+          forceRecreate,
           metadata: {
             emailId: options.emailId
           },
@@ -63226,7 +63247,8 @@ const StripoWrapper = ({
           css: template2.css || "",
           container: containerRef.current,
           businessId: editorData.businessId,
-          mergeFields: mergeFieldsResponse.mergeFields || []
+          mergeFields: mergeFieldsResponse.mergeFields || [],
+          updatedFromDefault: template2.updatedFromDefault
         }).catch((error2) => {
           console.error("Failed to initialize Stripo:", error2);
         });
@@ -64316,6 +64338,103 @@ const SMSPreview = ({ mergeFieldsResponse, smsChannelSenders }) => {
     ] })
   ] });
 };
+var CommunicationGroupTypeEnum = /* @__PURE__ */ ((CommunicationGroupTypeEnum2) => {
+  CommunicationGroupTypeEnum2["CUSTOM"] = "custom";
+  CommunicationGroupTypeEnum2["MANAGED"] = "managed";
+  return CommunicationGroupTypeEnum2;
+})(CommunicationGroupTypeEnum || {});
+var BuiltInActionIds = /* @__PURE__ */ ((BuiltInActionIds2) => {
+  BuiltInActionIds2["EditAudience"] = "edit-audience";
+  BuiltInActionIds2["EditTime"] = "edit-time";
+  return BuiltInActionIds2;
+})(BuiltInActionIds || {});
+const TitleAndResetButton = ({ title: title2, type }) => {
+  const communicationGroup = useCommunicationGroup();
+  const automation2 = useAutomation();
+  const { toast: toast2 } = useToast();
+  const queryClient = useQueryClient();
+  const [loading2, setLoading2] = useState(false);
+  const [showConfirm, setShowConfirmDialog] = useState(false);
+  const showResetButton = (
+    /**
+     * If we haven't loaded in the communication group yet, don't show the reset button
+     */
+    !communicationGroup ? false : (
+      /**
+       * First see if this is a managed communication group
+       */
+      communicationGroup.type === CommunicationGroupTypeEnum.MANAGED && /**
+      * If its SMS, check if the text_message_body was updated from the default template
+      */
+      (type === "sms" ? communicationGroup.updatedFromDefault?.text_message_body : (
+        /**
+         * If its email, check if the email_text_body or email_html_body was updated from the default template
+         */
+        communicationGroup.updatedFromDefault?.email_text_body || communicationGroup.updatedFromDefault?.email_html_body
+      ))
+    )
+  );
+  const resetCommunicationGroup = async () => {
+    if (!communicationGroup || !automation2) {
+      toast2({
+        title: "Error resetting communication",
+        description: "Please contact your administrator",
+        variant: "destructive"
+      });
+      return;
+    }
+    setLoading2(true);
+    await resetCommunicationGroupToDefault({
+      communicationGroupId: communicationGroup.id,
+      automationId: automation2.id,
+      type
+    });
+    queryClient.invalidateQueries({
+      queryKey: communicationGroupQueryKeys.all
+    });
+    toast2({
+      title: "Communication reset to default!"
+    });
+    setLoading2(false);
+    setShowConfirmDialog(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-xl text-primary", children: title2 }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: showResetButton && /* @__PURE__ */ jsx(Fragment, { children: loading2 ? /* @__PURE__ */ jsx(BasicLoader, {}) : /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => setShowConfirmDialog(true),
+          children: "Reset To Default"
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: showConfirm, onOpenChange: setShowConfirmDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl font-semibold", children: "Reset to Default" }),
+        /* @__PURE__ */ jsxs(DialogDescription, { className: "text-base text-muted-foreground", children: [
+          "Are you sure you want to reset this",
+          " ",
+          type === "email" ? "email" : "SMS",
+          " template to its default state? This action cannot be undone."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { className: "flex flex-row justify-end gap-3 mt-6", children: [
+        /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            variant: "outline",
+            onClick: () => setShowConfirmDialog(false),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button$1, { variant: "destructive", onClick: resetCommunicationGroup, children: "Reset to Default" })
+      ] })
+    ] }) })
+  ] });
+};
 const EditCampaignContent = ({
   getExtraMergeFields
 }) => {
@@ -64491,7 +64610,7 @@ const EditCampaignContent = ({
         className: "bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative",
         ref: emailContainerRef,
         children: [
-          /* @__PURE__ */ jsx("h4", { className: "text-xl text-primary", children: "Email Campaign" }),
+          /* @__PURE__ */ jsx(TitleAndResetButton, { title: "Email Campaign", type: "email" }),
           /* @__PURE__ */ jsx(
             EmailPreview,
             {
@@ -64503,7 +64622,7 @@ const EditCampaignContent = ({
       }
     ),
     selectedChannels.includes("sms") && /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-xl text-primary", children: "SMS Campaign" }),
+      /* @__PURE__ */ jsx(TitleAndResetButton, { title: "SMS Campaign", type: "sms" }),
       /* @__PURE__ */ jsx(
         SMSPreview,
         {
@@ -84965,11 +85084,6 @@ const sortAutomationSteps = (args) => {
   }
   return sortedSteps;
 };
-var BuiltInActionIds = /* @__PURE__ */ ((BuiltInActionIds2) => {
-  BuiltInActionIds2["EditAudience"] = "edit-audience";
-  BuiltInActionIds2["EditTime"] = "edit-time";
-  return BuiltInActionIds2;
-})(BuiltInActionIds || {});
 const AutomationFlowLabel = ({ copyText }) => {
   return /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: copyText });
 };
@@ -85512,7 +85626,8 @@ const AutomationFlowMain = () => {
         },
         actionData.actionData.actionMetadata?.currentActionId ?? index2
       )),
-      automation2.triggerType === AutomationTriggerType.ONE_TIME && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx(AutomationEditorTrigger, {}) }, "one-time-trigger")
+      automation2.triggerType === AutomationTriggerType.ONE_TIME && // We need this otherwise we can get a 'Encountered two children with the same key, ``.'
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx(AutomationEditorTrigger, {}) }, "one-time-trigger")
     ] }) })
   ] });
 };