@embedreach/components 0.2.17 → 0.2.19

package/dist/chunks/index.js

@@ -2705,14 +2705,16 @@ const listBusinessAutomations = async (args) => {
   );
   return response.data;
 };
-const duplicateBusinessAutomation = async (automationId) => {
+const duplicateBusinessAutomation = async (automationId, name, description2) => {
   const response = await baseRequest(
     `${BUSINESS_AUTOMATION_PATH}`,
     {
       method: "POST",
       body: JSON.stringify({
         duplicate: true,
-        source_id: automationId
+        source_id: automationId,
+        name,
+        description: description2
       })
     }
   );
@@ -13023,7 +13025,7 @@ const ToastClose = React.forwardRef(({ className: className2, ...props2 }, ref)
   {
     ref,
     className: cn$1(
-      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 hover:text-foreground focus:outline-none focus:ring-1 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
       className2
     ),
     "toast-close": "",
@@ -46411,7 +46413,7 @@ const stripoKeys = {
   token: () => [...stripoKeys.all, "token"],
   editorData: () => [...stripoKeys.all, "editorData"],
   templates: () => [...stripoKeys.all, "templates"],
-  demoTemplate: () => [...stripoKeys.templates(), "demo"]
+  templateForActionId: (automationId, actionId) => [...stripoKeys.templates(), automationId, actionId]
 };
 const getStripoToken = async () => {
   const response = await baseRequest(`${STRIPO_PATH}/token`);
@@ -46445,7 +46447,7 @@ const useStripoEditorData = () => {
 const useStripoTemplateForActionId = (args) => {
   const { automationId, actionId } = args;
   return useQuery({
-    queryKey: ["stripo", "templates", automationId, actionId],
+    queryKey: stripoKeys.templateForActionId(automationId, actionId),
     queryFn: () => getTemplateForActionId({ automationId, actionId }),
     ...CACHE_STANDARD
   });
@@ -63696,7 +63698,7 @@ const EmailPreview = ({
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label$1, { className: "", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
+          /* @__PURE__ */ jsx(Label$1, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
             "From Name",
             /* @__PURE__ */ jsx(
               InfoTooltip,
@@ -63718,7 +63720,7 @@ const EmailPreview = ({
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label$1, { className: "", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
+          /* @__PURE__ */ jsx(Label$1, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
             "Reply To Email",
             /* @__PURE__ */ jsx(
               InfoTooltip,
@@ -64430,6 +64432,9 @@ const TitleAndResetButton = ({ title: title2, type }) => {
     queryClient.invalidateQueries({
       queryKey: communicationGroupQueryKeys.all
     });
+    queryClient.invalidateQueries({
+      queryKey: stripoKeys.templates()
+    });
     toast2({
       title: "Communication reset to default!"
     });
@@ -72862,11 +72867,7 @@ const RecipientsTable = ({ recipients }) => {
       /* @__PURE__ */ jsx("th", { className: "px-3 sm:px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wide", children: "Contact" })
     ] }) }),
     /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200/50", children: recipients.map((recipient, index2) => /* @__PURE__ */ jsxs("tr", { className: "hover:bg-white/50 transition-colors", children: [
-      /* @__PURE__ */ jsxs("td", { className: "px-3 sm:px-4 py-3 text-sm text-gray-900", children: [
-        recipient.firstName,
-        " ",
-        recipient.lastName
-      ] }),
+      /* @__PURE__ */ jsx("td", { className: "px-3 sm:px-4 py-3 text-sm text-gray-900", children: recipient.firstName || recipient.lastName ? `${recipient.firstName || ""} ${recipient.lastName || ""}`.trim() : "Not Provided" }),
       /* @__PURE__ */ jsx("td", { className: "px-3 sm:px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5 sm:gap-2", children: [
         recipient.email && /* @__PURE__ */ jsx("span", { className: "px-2 sm:px-2.5 py-1 text-xs font-medium bg-blue-100/50 text-blue-700 rounded-lg", children: "Email" }),
         recipient.phone && /* @__PURE__ */ jsx("span", { className: "px-2 sm:px-2.5 py-1 text-xs font-medium bg-green-100/50 text-green-700 rounded-lg", children: "Phone" })
@@ -82398,16 +82399,18 @@ function AutomationDuplicateDialog({
       description: automation2?.description ?? ""
     }
   });
-  async function onSubmit() {
-    if (!automation2) {
+  async function onSubmit(values) {
+    if (!automation2 || !values.name) {
       toast2({
         title: "Error duplicating automation",
-        description: "Please try again"
+        description: "Please try again. Please make sure to fill in the name of the automation."
       });
       return;
     }
     const { id: duplicatedId } = await duplicateBusinessAutomation(
-      automation2.id
+      automation2.id,
+      values.name,
+      values.description
     );
     if (!duplicatedId) {
       toast2({
@@ -82436,7 +82439,6 @@ function AutomationDuplicateDialog({
         {
           control: form.control,
           name: "name",
-          disabled: true,
           render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
             /* @__PURE__ */ jsx(FormLabel, { children: "Title" }),
             /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
@@ -82449,7 +82451,6 @@ function AutomationDuplicateDialog({
         {
           control: form.control,
           name: "description",
-          disabled: true,
           render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
             /* @__PURE__ */ jsx(FormLabel, { children: "Description" }),
             /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),