customer-module-frontend 2.7.0-beta.6 → 2.7.0-beta.7

package/dist/customer-module.js

@@ -31512,7 +31512,7 @@ const xC = async (e, n) => (await hn.patch(
       ] }),
       "This will replace the existing contact for this conversation."
     ] }),
-    /* @__PURE__ */ N("div", { className: "flex gap-3 items-center justify-end w-full", children: [
+    /* @__PURE__ */ N("div", { className: "cm:flex cm:gap-3 cm:items-center cm:justify-end cm:w-full", children: [
       /* @__PURE__ */ u(
         yi,
         {
@@ -31545,9 +31545,9 @@ const xC = async (e, n) => (await hn.patch(
         className: "cm:h-10"
       }
     ) }),
-    /* @__PURE__ */ N("div", { className: "flex flex-col gap-2 items-start w-full", children: [
+    /* @__PURE__ */ N("div", { className: "cm:flex cm:flex-col cm:gap-2 cm:items-start cm:w-full", children: [
       /* @__PURE__ */ u("p", { className: "cm:font-normal cm:leading-5 cm:text-sm cm:text-slate-text-subtle", children: "Contacts in this conversation" }),
-      /* @__PURE__ */ u("div", { className: "flex flex-col items-start w-full gap-0", children: de.map(($) => /* @__PURE__ */ u(
+      /* @__PURE__ */ u("div", { className: "cm:flex cm:flex-col cm:items-start cm:w-full cm:gap-0", children: de.map(($) => /* @__PURE__ */ u(
         OC,
         {
           contact: $,
@@ -35628,7 +35628,7 @@ const SE = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     },
     i
   ) : /* @__PURE__ */ u(Kt.Fragment, { children: o }, i));
-}, pp = ({ isDark: e }) => /* @__PURE__ */ u("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ N("div", { className: "cm:flex cm:flex-col cm:items-center cm:justify-center cm:gap-6", children: [
+}, pp = ({ isDark: e }) => /* @__PURE__ */ u("div", { className: "cm:flex cm:items-center cm:justify-center cm:h-full", children: /* @__PURE__ */ N("div", { className: "cm:flex cm:flex-col cm:items-center cm:justify-center cm:gap-6", children: [
   /* @__PURE__ */ u(Vt, { name: "search_typing", size: 64, type: "active", color: e ? "#d1d2d5" : "#0F172A", fill: e ? "#1e1f21" : "#F8FAFC" }),
   /* @__PURE__ */ u("div", { className: "cm:text-label-small cm:text-slate-text-subtle", children: "Start typing to search" })
 ] }) }), OE = ({ searchResults: e, searchQuery: n, onNavigate: t, onClose: a, callbacks: r }) => {
@@ -43915,8 +43915,8 @@ const Lp = (e) => (n) => {
   name: e,
   channelType: n,
   avatarSize: t = "default",
-  containerClassName: a = "flex items-center gap-2 min-w-0",
-  textClassName: r = "text-sm text-slate-900 truncate"
+  containerClassName: a = "cm:flex cm:items-center cm:gap-2 cm:min-w-0",
+  textClassName: r = "cm:text-sm cm:text-slate-900 cm:truncate"
 }) => {
   const o = k3(e, n);
   return /* @__PURE__ */ N("div", { className: a, children: [
@@ -43932,8 +43932,8 @@ const Lp = (e) => (n) => {
 }, Pm = ({
   email: e,
   onCompose: n,
-  baseClassName: t = "text-sm truncate block",
-  containerClassName: a = "flex items-center gap-1"
+  baseClassName: t = "cm:text-sm cm:truncate cm:block",
+  containerClassName: a = "cm:flex cm:items-center cm:gap-1"
 }) => {
   const [r, o] = He(!1), i = Et((f) => f.isComposeEnabled), l = Gr(e), d = l !== "-" && e && n && i, m = (f) => {
     f.stopPropagation(), d && n(e);
@@ -43965,7 +43965,7 @@ const Lp = (e) => (n) => {
           "button",
           {
             onClick: m,
-            className: "flex items-center justify-center shrink-0 cursor-pointer w-3.5 h-3.5",
+            className: "cm:flex cm:items-center cm:justify-center cm:shrink-0 cm:cursor-pointer cm:w-3.5 cm:h-3.5",
             style: {
               opacity: r ? 1 : 0,
               pointerEvents: r ? "auto" : "none",
@@ -43979,7 +43979,7 @@ const Lp = (e) => (n) => {
               {
                 src: OI,
                 alt: "compose email",
-                className: "w-3.5 h-3.5"
+                className: "cm:w-3.5 cm:h-3.5"
               }
             )
           }
@@ -43989,9 +43989,9 @@ const Lp = (e) => (n) => {
   );
 }, Nm = ({
   phone: e,
-  className: n = "text-slate-900",
+  className: n = "cm:text-slate-900",
   style: t = { color: "var(--cm-color-slate-text-body)" },
-  baseClassName: a = "text-sm truncate block"
+  baseClassName: a = "cm:text-sm cm:truncate cm:block"
 }) => {
   const r = Gr(e);
   return /* @__PURE__ */ u(