@embedreach/components 0.1.46 → 0.1.47

package/dist/chunks/index.js

@@ -5109,8 +5109,8 @@ function getMutationStatusColor({
 }) {
   return isPaused ? "purple" : status === "error" ? "red" : status === "pending" ? "yellow" : status === "success" ? "green" : "gray";
 }
-function getQueryStatusColorByLabel(label) {
-  return label === "fresh" ? "green" : label === "stale" ? "yellow" : label === "paused" ? "purple" : label === "inactive" ? "gray" : "blue";
+function getQueryStatusColorByLabel(label2) {
+  return label2 === "fresh" ? "green" : label2 === "stale" ? "yellow" : label2 === "paused" ? "purple" : label2 === "inactive" ? "gray" : "blue";
 }
 var displayValue = (value, beautify = false) => {
   const {
@@ -12538,7 +12538,7 @@ var [ToastProviderProvider, useToastProviderContext] = createToastContext(PROVID
 var ToastProvider$1 = (props) => {
   const {
     __scopeToast,
-    label = "Notification",
+    label: label2 = "Notification",
     duration = 5e3,
     swipeDirection = "right",
     swipeThreshold = 50,
@@ -12548,7 +12548,7 @@ var ToastProvider$1 = (props) => {
   const [toastCount, setToastCount] = React.useState(0);
   const isFocusedToastEscapeKeyDownRef = React.useRef(false);
   const isClosePausedRef = React.useRef(false);
-  if (!label.trim()) {
+  if (!label2.trim()) {
     console.error(
       `Invalid prop \`label\` supplied to \`${PROVIDER_NAME$1}\`. Expected non-empty \`string\`.`
     );
@@ -12557,7 +12557,7 @@ var ToastProvider$1 = (props) => {
     ToastProviderProvider,
     {
       scope: __scopeToast,
-      label,
+      label: label2,
       duration,
       swipeDirection,
       swipeThreshold,
@@ -12582,7 +12582,7 @@ var ToastViewport$1 = React.forwardRef(
     const {
       __scopeToast,
       hotkey = VIEWPORT_DEFAULT_HOTKEY,
-      label = "Notifications ({hotkey})",
+      label: label2 = "Notifications ({hotkey})",
       ...viewportProps
     } = props;
     const context = useToastProviderContext(VIEWPORT_NAME$1, __scopeToast);
@@ -12689,7 +12689,7 @@ var ToastViewport$1 = React.forwardRef(
       {
         ref: wrapperRef,
         role: "region",
-        "aria-label": label.replace("{hotkey}", hotkeyLabel),
+        "aria-label": label2.replace("{hotkey}", hotkeyLabel),
         tabIndex: -1,
         style: { pointerEvents: hasToasts ? void 0 : "none" },
         children: [
@@ -14033,11 +14033,11 @@ const imageLabels = /* @__PURE__ */ new Set(["image", "url"]);
 const isArbitraryImage = (value) => getIsArbitraryValue(value, imageLabels, isImage);
 const isArbitraryShadow = (value) => getIsArbitraryValue(value, "", isShadow);
 const isAny = () => true;
-const getIsArbitraryValue = (value, label, testValue) => {
+const getIsArbitraryValue = (value, label2, testValue) => {
   const result = arbitraryValueRegex.exec(value);
   if (result) {
     if (result[1]) {
-      return typeof label === "string" ? result[1] === label : label.has(result[1]);
+      return typeof label2 === "string" ? result[1] === label2 : label2.has(result[1]);
     }
     return testValue(result[2]);
   }
@@ -20847,8 +20847,8 @@ function resolveAxisElastic(dragElastic, minLabel, maxLabel) {
     max: resolvePointElastic(dragElastic, maxLabel)
   };
 }
-function resolvePointElastic(dragElastic, label) {
-  return typeof dragElastic === "number" ? dragElastic : dragElastic[label] || 0;
+function resolvePointElastic(dragElastic, label2) {
+  return typeof dragElastic === "number" ? dragElastic : dragElastic[label2] || 0;
 }
 const createAxisDelta = () => ({
   translate: 0,
@@ -23752,6 +23752,7 @@ const BUSINESS_AUTOMATION_PATH = "/automations";
 const CHANNEL_SENDER_PATH = "/channel/senders";
 const CHANNEL_ACCOUNT_PATH = "/channel/accounts";
 const COMMUNICATION_GROUP_PATH = "/communication-groups";
+const STRIPO_PATH = "/stripo";
 const createAutomation = async (params) => {
   const response = await baseRequest(
     BUSINESS_AUTOMATION_PATH,
@@ -24021,7 +24022,7 @@ const sizeDefault$1 = "reach-styles-module__sizeDefault___8kU5A";
 const sizeSm$1 = "reach-styles-module__sizeSm___zPIEh";
 const sizeLg = "reach-styles-module__sizeLg___D2G8z";
 const sizeIcon = "reach-styles-module__sizeIcon___5XkYW";
-const styles$6 = {
+const styles$7 = {
   base: base$2,
   "default": "reach-styles-module__default___ny1h7",
   destructive: destructive$2,
@@ -24034,21 +24035,21 @@ const styles$6 = {
   sizeLg,
   sizeIcon
 };
-const buttonVariants = cva([styles$6.base], {
+const buttonVariants = cva([styles$7.base], {
   variants: {
     variant: {
-      default: styles$6.default,
-      destructive: styles$6.destructive,
-      outline: styles$6.outline,
-      secondary: styles$6.secondary,
-      ghost: styles$6.ghost,
-      link: styles$6.link
+      default: styles$7.default,
+      destructive: styles$7.destructive,
+      outline: styles$7.outline,
+      secondary: styles$7.secondary,
+      ghost: styles$7.ghost,
+      link: styles$7.link
     },
     size: {
-      default: styles$6.sizeDefault,
-      sm: styles$6.sizeSm,
-      lg: styles$6.sizeLg,
-      icon: styles$6.sizeIcon
+      default: styles$7.sizeDefault,
+      sm: styles$7.sizeSm,
+      lg: styles$7.sizeLg,
+      icon: styles$7.sizeIcon
     }
   },
   defaultVariants: {
@@ -24137,7 +24138,7 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
     }
   );
 };
-const styles$5 = {
+const styles$6 = {
   title: "text-3xl mb-8",
   grid: "grid grid-cols-2 gap-6",
   container: "relative p-6  rounded-lg"
@@ -24146,9 +24147,9 @@ const ChooseAutomationType = ({ onNext, iconDefinitions }) => {
   const onClick = (type) => {
     onNext(type);
   };
-  return /* @__PURE__ */ jsxs("div", { className: styles$5.container, children: [
-    /* @__PURE__ */ jsx("h1", { className: styles$5.title, children: "Choose Your Automation Type" }),
-    /* @__PURE__ */ jsxs("div", { className: styles$5.grid, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$6.container, children: [
+    /* @__PURE__ */ jsx("h1", { className: styles$6.title, children: "Choose Your Automation Type" }),
+    /* @__PURE__ */ jsxs("div", { className: styles$6.grid, children: [
       /* @__PURE__ */ jsx(
         BigSelector,
         {
@@ -24203,16 +24204,16 @@ function UnreachableCaseStatement(x3, enumObj) {
     `Unreachable case statement: ${JSON.stringify(x3)}. Valid values are: ${Object.values(enumObj).join(", ")}`
   );
 }
-const styles$4 = {
+const styles$5 = {
   iconWrapper: "mb-4 flex items-center justify-center",
   cardTitle: "text-lg font-medium mb-2",
   cardDescription: "text-sm text-gray-600"
 };
 const OneTimeBroadcast = ({ iconDefinitions }) => {
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { className: styles$4.iconWrapper, children: /* @__PURE__ */ jsx(iconDefinitions.OneTimeBroadcast, {}) }),
-    /* @__PURE__ */ jsx("h3", { className: styles$4.cardTitle, children: "One-Time Broadcast" }),
-    /* @__PURE__ */ jsx("p", { className: styles$4.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
+    /* @__PURE__ */ jsx("div", { className: styles$5.iconWrapper, children: /* @__PURE__ */ jsx(iconDefinitions.OneTimeBroadcast, {}) }),
+    /* @__PURE__ */ jsx("h3", { className: styles$5.cardTitle, children: "One-Time Broadcast" }),
+    /* @__PURE__ */ jsx("p", { className: styles$5.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
   ] });
 };
 const SetAutomationName = ({ selectedType, setAutomationName, automationName, iconDefinitions }) => {
@@ -24320,7 +24321,7 @@ const CreateAutomationModal = ({
     });
   };
   if (isCreating || startedCreating) {
-    return /* @__PURE__ */ jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$6.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden", children: [
     /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
@@ -28533,7 +28534,7 @@ const sizeSm = "reach-styles-module__sizeSm___6T2oK";
 const iconOnly = "reach-styles-module__iconOnly___8vUSp";
 const iconOnlySm = "reach-styles-module__iconOnlySm___9ZKv9";
 const container = "reach-styles-module__container___6PQqs";
-const styles$3 = {
+const styles$4 = {
   base: base$1,
   "default": "reach-styles-module__default___zeGU1",
   secondary: secondary$1,
@@ -28547,22 +28548,22 @@ const styles$3 = {
   iconOnlySm,
   container
 };
-const badgeVariants = cva([styles$3.base], {
+const badgeVariants = cva([styles$4.base], {
   variants: {
     variant: {
-      default: styles$3.default,
-      secondary: styles$3.secondary,
-      destructive: styles$3.destructive,
-      outline: styles$3.outline,
-      google: styles$3.google,
-      date: styles$3.date
+      default: styles$4.default,
+      secondary: styles$4.secondary,
+      destructive: styles$4.destructive,
+      outline: styles$4.outline,
+      google: styles$4.google,
+      date: styles$4.date
     },
     size: {
-      default: styles$3.sizeDefault,
-      sm: styles$3.sizeSm
+      default: styles$4.sizeDefault,
+      sm: styles$4.sizeSm
     },
     iconOnly: {
-      true: styles$3.iconOnly,
+      true: styles$4.iconOnly,
       false: ""
     }
   },
@@ -28570,7 +28571,7 @@ const badgeVariants = cva([styles$3.base], {
     {
       iconOnly: true,
       size: "sm",
-      class: styles$3.iconOnlySm
+      class: styles$4.iconOnlySm
     }
   ],
   defaultVariants: {
@@ -28597,7 +28598,7 @@ const Badge = React.forwardRef(
 );
 Badge.displayName = "Badge";
 const BadgeContainer = React.forwardRef(({ className: className2, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$3.container, className2), ...props });
+  return /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.container, className2), ...props });
 });
 BadgeContainer.displayName = "BadgeContainer";
 var U = 1, Y$1 = 0.9, H = 0.8, J = 0.17, p = 0.1, u = 0.999, $ = 0.9999;
@@ -35037,7 +35038,7 @@ const NameAndDescription = ({ nameAndDescriptionState, setNameAndDescriptionStat
     ] })
   ] }) });
 };
-const styles$2 = {
+const styles$3 = {
   container: "relative rounded-lg"
 };
 const SegmentBuilder = ({
@@ -35191,17 +35192,17 @@ const SegmentBuilder = ({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: styles$2.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
   }
   if (isCreating || startedCreating) {
-    return /* @__PURE__ */ jsx("div", { className: styles$2.container, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(
       SpinLoader,
       {
         text: SEGMENT_ID && existingSegment ? ["Updating Segment", "Finishing up"] : ["Creating Segment", "Finishing up"]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles$2.container, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$3.container, children: [
     /* @__PURE__ */ jsx("div", { className: "relative w-full flex justify-end mb-4", children: /* @__PURE__ */ jsx(
       Button$1,
       {
@@ -35959,14 +35960,14 @@ const InfoTooltip = ({ title: title2, alertText, Icon: Icon2 = Info, onClick })
     ] }) })
   ] }) });
 };
-const styles$1 = {
+const styles$2 = {
   container: "flex flex-col items-center justify-center h-full"
 };
 const AutomationStatistics = ({ automationId, iconDefinitions }) => {
   const [activeTab, setActiveTab] = useState("email");
   const { statistics, isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
   if (isStatisticsLoading || !statistics) {
-    return /* @__PURE__ */ jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$2.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
   }
   const StatsGrid = () => {
     const statGridMainDiv = "flex items-center bg-white rounded-lg p-4 shadow-sm border border-gray-200 transform transition-all duration-300 hover:shadow-md";
@@ -39119,7 +39120,7 @@ const AutomationRecipients = ({ automationId, iconDefinitions }) => {
   const { recipients, isLoading, fetchError } = useGetBusinessAutomationRecipients(automationId);
   const { isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
   if (isLoading || isStatisticsLoading) {
-    return /* @__PURE__ */ jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$2.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
   }
   if (fetchError) {
     return /* @__PURE__ */ jsxs("div", { children: [
@@ -40496,18 +40497,38 @@ const DropdownMenuSeparator = React.forwardRef(({ className: className2, ...prop
   }
 ));
 DropdownMenuSeparator.displayName = Separator2.displayName;
-const StepIndicator = ({
+const stepIndicatorContainer = "reach-styles-module__stepIndicatorContainer___FoKXB";
+const iconContainer = "reach-styles-module__iconContainer___Ki-1n";
+const checkIcon = "reach-styles-module__checkIcon___-krUS";
+const minusIcon = "reach-styles-module__minusIcon___r5cKs";
+const minusIconActive = "reach-styles-module__minusIconActive___-4JHM";
+const minusIconInactive = "reach-styles-module__minusIconInactive___JtvVB";
+const label = "reach-styles-module__label___tiCMA";
+const labelActive = "reach-styles-module__labelActive___EXydD";
+const labelInactive = "reach-styles-module__labelInactive___g-J3r";
+const styles$1 = {
+  stepIndicatorContainer,
+  iconContainer,
+  checkIcon,
+  minusIcon,
+  minusIconActive,
+  minusIconInactive,
   label,
+  labelActive,
+  labelInactive
+};
+const StepIndicator = ({
+  label: label2,
   isCompleted,
   isActive
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-3", children: [
-    isCompleted ? /* @__PURE__ */ jsx("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-emerald-500" }) }) : /* @__PURE__ */ jsx("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: styles$1.stepIndicatorContainer, children: [
+    isCompleted ? /* @__PURE__ */ jsx("div", { className: styles$1.iconContainer, children: /* @__PURE__ */ jsx(Check, { className: styles$1.checkIcon }) }) : /* @__PURE__ */ jsx("div", { className: styles$1.iconContainer, children: /* @__PURE__ */ jsx(
       Minus,
       {
         className: cn$1(
-          "w-4 h-4",
-          isActive ? "text-[var(--reach-primary)]" : "text-gray-600"
+          styles$1.minusIcon,
+          isActive ? styles$1.minusIconActive : styles$1.minusIconInactive
         )
       }
     ) }),
@@ -40515,10 +40536,10 @@ const StepIndicator = ({
       "span",
       {
         className: cn$1(
-          "text-sm font-medium",
-          isActive ? "text-gray-900" : "text-gray-400"
+          styles$1.label,
+          isActive ? styles$1.labelActive : styles$1.labelInactive
         ),
-        children: label
+        children: label2
       }
     )
   ] });
@@ -40775,16 +40796,18 @@ const stripoKeys = {
   demoTemplate: () => [...stripoKeys.templates(), "demo"]
 };
 const getStripoToken = async () => {
-  const response = await baseRequest("/stripo/token");
+  const response = await baseRequest(`${STRIPO_PATH}/token`);
   return response.data;
 };
 const getEditorData = async () => {
-  const response = await baseRequest("/stripo/editor-data");
+  const response = await baseRequest(
+    `${STRIPO_PATH}/editor-data`
+  );
   return response.data;
 };
 const getTemplate = async (automationId) => {
   const response = await baseRequest(
-    `/stripo/template/${automationId}`
+    `${STRIPO_PATH}/template/${automationId}`
   );
   return response.data;
 };
@@ -41123,12 +41146,6 @@ const EmailPreview = ({ automation }) => {
       getCommunicationGroup2(communicationGroupId, {
         onSuccess: (data) => {
           setDataFromFetch(data);
-        },
-        onError: () => {
-          console.log("error");
-        },
-        onSettled: () => {
-          console.log("onSettled");
         }
       });
     }
@@ -41594,7 +41611,7 @@ const SMSPreview = ({ automation, iconDefinitions }) => {
     return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Loading..."] }) });
   }
   const smsChannelSenders = channelSenders.channel_senders?.filter(
-    (sender) => sender.channel_sender_metadata.from
+    (sender) => sender.channel_sender_metadata.from || sender.channel_sender_metadata.messageServiceSid
   );
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(Dialog, { open: showSmsEditor, onOpenChange: setShowSmsEditor, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
@@ -45234,11 +45251,11 @@ function WeekNumber(props) {
   if (!onWeekNumberClick) {
     return jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children: content2 });
   }
-  var label = labelWeekNumber2(Number(weekNumber), { locale: locale2 });
+  var label2 = labelWeekNumber2(Number(weekNumber), { locale: locale2 });
   var handleClick = function(e4) {
     onWeekNumberClick(weekNumber, dates2, e4);
   };
-  return jsx(Button, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content2 });
+  return jsx(Button, { name: "week-number", "aria-label": label2, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content2 });
 }
 function Row(props) {
   var _a, _b;
@@ -46909,7 +46926,7 @@ const ViewAutomationModalContent = ({
     return /* @__PURE__ */ jsx("div", { children: "Invalid automation ID" });
   }
   if (!automation && (isFetching || isLoading)) {
-    return /* @__PURE__ */ jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$6.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
   }
   if (fetchError) {
     return /* @__PURE__ */ jsxs("div", { children: [
@@ -46920,7 +46937,7 @@ const ViewAutomationModalContent = ({
   if (!automation) {
     return /* @__PURE__ */ jsx("div", { children: "No automation found" });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles$5.container, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$6.container, children: [
     /* @__PURE__ */ jsx(
       ViewAutomationHeader,
       {

package/dist/index.d.ts

@@ -101,7 +101,7 @@ declare type ReauthCallback = () => Promise<string> | void;
 declare interface SDKCallbacks {
     /** Called when reauthentication is required */
     onReauthRequested: ReauthCallback;
-    /** Called when tenant information is requested @deprecated */
+    /** Called when tenant information is requested */
     onTenantInformationRequested?: () => void;
 }