@producteca/producteca-ui-kit 1.78.1 → 1.79.0

package/dist/producteca-ui-kit.es.js

@@ -8615,7 +8615,7 @@ function createSvgIcon(path, displayName) {
 const CloseRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
 }), "CloseRounded");
-function compact(array) {
+function compact$1(array) {
   var index2 = -1, length2 = array == null ? 0 : array.length, resIndex = 0, result = [];
   while (++index2 < length2) {
     var value = array[index2];
@@ -8625,8 +8625,8 @@ function compact(array) {
   }
   return result;
 }
-var compact_1 = compact;
-const compact$1 = /* @__PURE__ */ getDefaultExportFromCjs(compact_1);
+var compact_1 = compact$1;
+const compact$2 = /* @__PURE__ */ getDefaultExportFromCjs(compact_1);
 function arrayPush$3(array, values2) {
   var index2 = -1, length2 = values2.length, offset2 = array.length;
   while (++index2 < length2) {
@@ -10029,7 +10029,7 @@ const getColor = (category, shade) => {
 };
 const allColors = flatMap$1(
   Colors,
-  (shades, category) => compact$1(
+  (shades, category) => compact$2(
     map$2(shades, (color2, shade) => color2 ? { title: `${category} ${shade}`, color: color2 } : null)
   )
 );
@@ -19709,7 +19709,7 @@ El componente \`ConditionalOperator\` permite elegir entre operador lógico "Y"
 const pickChannelModalExample = `
 ## Uso del componente
 
-El componente \`PickChannelModal\` muestra un modal con una grilla de canales seleccionables. Recibe el listado \`channels\` con \`{ clientId, iconUrl, name? }\`. Opcionalmente, mediante \`showGeneralEdition\`, agrega una sección superior con la opción Producteca (exportada como \`productecaStrategy\`) para editar atributos generales — se comporta como un canal más y se notifica por el mismo \`onSelectChannel\`. El header acepta cualquier \`ModalTitleProps\` vía \`titleProps\` (\`title\`, \`icon\`, \`subtitle\`, \`helpArticleUrl\`, \`helpTooltip\`).
+El componente \`PickChannelModal\` muestra un modal con una grilla de canales seleccionables. Recibe el listado \`channels\` con \`{ clientId, iconUrl, name?, disabled?, tooltipMessage? }\`. Un canal con \`disabled\` se muestra atenuado y no dispara \`onSelectChannel\` al clickearlo; \`tooltipMessage\` agrega un tooltip a la card, visible al pasar el mouse. Opcionalmente, mediante \`showGeneralEdition\`, agrega una sección superior con la opción Producteca (exportada como \`productecaStrategy\`) para editar atributos generales — se comporta como un canal más y se notifica por el mismo \`onSelectChannel\`. El header acepta cualquier \`ModalTitleProps\` vía \`titleProps\` (\`title\`, \`icon\`, \`subtitle\`, \`helpArticleUrl\`, \`helpTooltip\`).
 
 ### Ejemplo básico:
 
@@ -19747,6 +19747,9 @@ Muestra el modal con una gran cantidad de canales para verificar que el contenid
 const pickChannelModalWithoutText = `
 Sin \`channelEditionTitle\` ni \`channelEditionDescription\` (ni los textos de edición general): los \`<h3>\` y \`<p>\` no se renderizan y la grilla de cards queda sin margen superior. Verifica el render condicional de los textos opcionales y el margen condicional del grid.
 `;
+const pickChannelModalWithDisabledChannel = `
+Uno de los canales se pasa con \`disabled\` y \`tooltipMessage\`: la card se muestra atenuada, no dispara \`onSelectChannel\` al clickearla y expone un tooltip explicando el motivo al pasar el mouse.
+`;
 const emptyStateExample = `
 ## Uso del componente
 
@@ -20162,7 +20165,8 @@ const es$3 = {
       customTexts: pickChannelModalCustomTexts,
       withFullTitle: pickChannelModalWithFullTitle,
       scrollableContent: pickChannelModalScrollableContent,
-      withoutText: pickChannelModalWithoutText
+      withoutText: pickChannelModalWithoutText,
+      withDisabledChannel: pickChannelModalWithDisabledChannel
     },
     copyButton: {
       example: copyButtonExample
@@ -20350,6 +20354,7 @@ const es$3 = {
     channelEditionDescription: "Edita los atributos específicos y obligatorios según la categoría del canal",
     channelName: "Cuenta {{number}}",
     openModal: "Abrir selector de canales",
+    disabledChannelTooltip: "Este canal está deshabilitado. Pasa el mouse para más información.",
     fullTitle: {
       title: "Editar atributos del producto",
       subtitle: "Seleccioná en qué canal querés editar los atributos",
@@ -21065,293 +21070,287 @@ const VisibilityIcon = ({ showPassword, setShowPassword }) => {
   return /* @__PURE__ */ jsx$1("div", { "data-testid": "visibility-toggle", onClick: () => setShowPassword(!showPassword), children: showPassword ? /* @__PURE__ */ jsx$1(Visibility, {}) : /* @__PURE__ */ jsx$1(VisibilityOff, {}) });
 };
 var dayjs_min = { exports: {} };
-var hasRequiredDayjs_min;
-function requireDayjs_min() {
-  if (hasRequiredDayjs_min) return dayjs_min.exports;
-  hasRequiredDayjs_min = 1;
-  (function(module, exports) {
-    !function(t, e) {
-      module.exports = e();
-    }(commonjsGlobal, function() {
-      var t = 1e3, e = 6e4, n = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
-        var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
-        return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
-      } }, m = function(t2, e2, n2) {
-        var r3 = String(t2);
-        return !r3 || r3.length >= e2 ? t2 : "" + Array(e2 + 1 - r3.length).join(n2) + t2;
-      }, v = { s: m, z: function(t2) {
-        var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r3 = Math.floor(n2 / 60), i2 = n2 % 60;
-        return (e2 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
-      }, m: function t2(e2, n2) {
-        if (e2.date() < n2.date()) return -t2(n2, e2);
-        var r3 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r3, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r3 + (s2 ? -1 : 1), c);
-        return +(-(r3 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
-      }, a: function(t2) {
-        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
-      }, p: function(t2) {
-        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
-      }, u: function(t2) {
-        return void 0 === t2;
-      } }, g = "en", D = {};
-      D[g] = M;
-      var p = "$isDayjsObject", S = function(t2) {
-        return t2 instanceof _ || !(!t2 || !t2[p]);
-      }, w2 = function t2(e2, n2, r3) {
-        var i2;
-        if (!e2) return g;
-        if ("string" == typeof e2) {
-          var s2 = e2.toLowerCase();
-          D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
-          var u2 = e2.split("-");
-          if (!i2 && u2.length > 1) return t2(u2[0]);
-        } else {
-          var a2 = e2.name;
-          D[a2] = e2, i2 = a2;
-        }
-        return !r3 && i2 && (g = i2), i2 || !r3 && g;
-      }, O = function(t2, e2) {
-        if (S(t2)) return t2.clone();
-        var n2 = "object" == typeof e2 ? e2 : {};
-        return n2.date = t2, n2.args = arguments, new _(n2);
-      }, b = v;
-      b.l = w2, b.i = S, b.w = function(t2, e2) {
-        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
-      };
-      var _ = function() {
-        function M2(t2) {
-          this.$L = w2(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
-        }
-        var m2 = M2.prototype;
-        return m2.parse = function(t2) {
-          this.$d = function(t3) {
-            var e2 = t3.date, n2 = t3.utc;
-            if (null === e2) return /* @__PURE__ */ new Date(NaN);
-            if (b.u(e2)) return /* @__PURE__ */ new Date();
-            if (e2 instanceof Date) return new Date(e2);
-            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
-              var r3 = e2.match($);
-              if (r3) {
-                var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
-                return n2 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
-              }
+(function(module, exports) {
+  !function(t, e) {
+    module.exports = e();
+  }(commonjsGlobal, function() {
+    var t = 1e3, e = 6e4, n = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+      var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+      return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+    } }, m = function(t2, e2, n2) {
+      var r3 = String(t2);
+      return !r3 || r3.length >= e2 ? t2 : "" + Array(e2 + 1 - r3.length).join(n2) + t2;
+    }, v = { s: m, z: function(t2) {
+      var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r3 = Math.floor(n2 / 60), i2 = n2 % 60;
+      return (e2 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
+    }, m: function t2(e2, n2) {
+      if (e2.date() < n2.date()) return -t2(n2, e2);
+      var r3 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r3, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r3 + (s2 ? -1 : 1), c);
+      return +(-(r3 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+    }, a: function(t2) {
+      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+    }, p: function(t2) {
+      return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+    }, u: function(t2) {
+      return void 0 === t2;
+    } }, g = "en", D = {};
+    D[g] = M;
+    var p = "$isDayjsObject", S = function(t2) {
+      return t2 instanceof _ || !(!t2 || !t2[p]);
+    }, w2 = function t2(e2, n2, r3) {
+      var i2;
+      if (!e2) return g;
+      if ("string" == typeof e2) {
+        var s2 = e2.toLowerCase();
+        D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+        var u2 = e2.split("-");
+        if (!i2 && u2.length > 1) return t2(u2[0]);
+      } else {
+        var a2 = e2.name;
+        D[a2] = e2, i2 = a2;
+      }
+      return !r3 && i2 && (g = i2), i2 || !r3 && g;
+    }, O = function(t2, e2) {
+      if (S(t2)) return t2.clone();
+      var n2 = "object" == typeof e2 ? e2 : {};
+      return n2.date = t2, n2.args = arguments, new _(n2);
+    }, b = v;
+    b.l = w2, b.i = S, b.w = function(t2, e2) {
+      return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+    };
+    var _ = function() {
+      function M2(t2) {
+        this.$L = w2(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+      }
+      var m2 = M2.prototype;
+      return m2.parse = function(t2) {
+        this.$d = function(t3) {
+          var e2 = t3.date, n2 = t3.utc;
+          if (null === e2) return /* @__PURE__ */ new Date(NaN);
+          if (b.u(e2)) return /* @__PURE__ */ new Date();
+          if (e2 instanceof Date) return new Date(e2);
+          if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+            var r3 = e2.match($);
+            if (r3) {
+              var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
+              return n2 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
             }
-            return new Date(e2);
-          }(t2), this.init();
-        }, m2.init = function() {
-          var t2 = this.$d;
-          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
-        }, m2.$utils = function() {
-          return b;
-        }, m2.isValid = function() {
-          return !(this.$d.toString() === l);
-        }, m2.isSame = function(t2, e2) {
-          var n2 = O(t2);
-          return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
-        }, m2.isAfter = function(t2, e2) {
-          return O(t2) < this.startOf(e2);
-        }, m2.isBefore = function(t2, e2) {
-          return this.endOf(e2) < O(t2);
-        }, m2.$g = function(t2, e2, n2) {
-          return b.u(t2) ? this[e2] : this.set(n2, t2);
-        }, m2.unix = function() {
-          return Math.floor(this.valueOf() / 1e3);
-        }, m2.valueOf = function() {
-          return this.$d.getTime();
-        }, m2.startOf = function(t2, e2) {
-          var n2 = this, r3 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
-            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
-            return r3 ? i2 : i2.endOf(a);
-          }, $2 = function(t3, e3) {
-            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
-          }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-          switch (f2) {
-            case h:
-              return r3 ? l2(1, 0) : l2(31, 11);
-            case c:
-              return r3 ? l2(1, M3) : l2(0, M3 + 1);
-            case o:
-              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
-              return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
-            case a:
-            case d:
-              return $2(v2 + "Hours", 0);
-            case u:
-              return $2(v2 + "Minutes", 1);
-            case s:
-              return $2(v2 + "Seconds", 2);
-            case i:
-              return $2(v2 + "Milliseconds", 3);
-            default:
-              return this.clone();
-          }
-        }, m2.endOf = function(t2) {
-          return this.startOf(t2, false);
-        }, m2.$set = function(t2, e2) {
-          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r2] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
-          if (o2 === c || o2 === h) {
-            var y2 = this.clone().set(d, 1);
-            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
-          } else l2 && this.$d[l2]($2);
-          return this.init(), this;
-        }, m2.set = function(t2, e2) {
-          return this.clone().$set(t2, e2);
-        }, m2.get = function(t2) {
-          return this[b.p(t2)]();
-        }, m2.add = function(r3, f2) {
-          var d2, l2 = this;
-          r3 = Number(r3);
-          var $2 = b.p(f2), y2 = function(t2) {
-            var e2 = O(l2);
-            return b.w(e2.date(e2.date() + Math.round(t2 * r3)), l2);
-          };
-          if ($2 === c) return this.set(c, this.$M + r3);
-          if ($2 === h) return this.set(h, this.$y + r3);
-          if ($2 === a) return y2(1);
-          if ($2 === o) return y2(7);
-          var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
-          return b.w(m3, this);
-        }, m2.subtract = function(t2, e2) {
-          return this.add(-1 * t2, e2);
-        }, m2.format = function(t2) {
-          var e2 = this, n2 = this.$locale();
-          if (!this.isValid()) return n2.invalidDate || l;
-          var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
-            return t3 && (t3[n3] || t3(e2, r3)) || i3[n3].slice(0, s3);
-          }, d2 = function(t3) {
-            return b.s(s2 % 12 || 12, t3, "0");
-          }, $2 = f2 || function(t3, e3, n3) {
-            var r4 = t3 < 12 ? "AM" : "PM";
-            return n3 ? r4.toLowerCase() : r4;
-          };
-          return r3.replace(y, function(t3, r4) {
-            return r4 || function(t4) {
-              switch (t4) {
-                case "YY":
-                  return String(e2.$y).slice(-2);
-                case "YYYY":
-                  return b.s(e2.$y, 4, "0");
-                case "M":
-                  return a2 + 1;
-                case "MM":
-                  return b.s(a2 + 1, 2, "0");
-                case "MMM":
-                  return h2(n2.monthsShort, a2, c2, 3);
-                case "MMMM":
-                  return h2(c2, a2);
-                case "D":
-                  return e2.$D;
-                case "DD":
-                  return b.s(e2.$D, 2, "0");
-                case "d":
-                  return String(e2.$W);
-                case "dd":
-                  return h2(n2.weekdaysMin, e2.$W, o2, 2);
-                case "ddd":
-                  return h2(n2.weekdaysShort, e2.$W, o2, 3);
-                case "dddd":
-                  return o2[e2.$W];
-                case "H":
-                  return String(s2);
-                case "HH":
-                  return b.s(s2, 2, "0");
-                case "h":
-                  return d2(1);
-                case "hh":
-                  return d2(2);
-                case "a":
-                  return $2(s2, u2, true);
-                case "A":
-                  return $2(s2, u2, false);
-                case "m":
-                  return String(u2);
-                case "mm":
-                  return b.s(u2, 2, "0");
-                case "s":
-                  return String(e2.$s);
-                case "ss":
-                  return b.s(e2.$s, 2, "0");
-                case "SSS":
-                  return b.s(e2.$ms, 3, "0");
-                case "Z":
-                  return i2;
-              }
-              return null;
-            }(t3) || i2.replace(":", "");
-          });
-        }, m2.utcOffset = function() {
-          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, m2.diff = function(r3, d2, l2) {
-          var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
-            return b.m(y2, m3);
-          };
-          switch (M3) {
-            case h:
-              $2 = D2() / 12;
-              break;
-            case c:
-              $2 = D2();
-              break;
-            case f:
-              $2 = D2() / 3;
-              break;
-            case o:
-              $2 = (g2 - v2) / 6048e5;
-              break;
-            case a:
-              $2 = (g2 - v2) / 864e5;
-              break;
-            case u:
-              $2 = g2 / n;
-              break;
-            case s:
-              $2 = g2 / e;
-              break;
-            case i:
-              $2 = g2 / t;
-              break;
-            default:
-              $2 = g2;
           }
-          return l2 ? $2 : b.a($2);
-        }, m2.daysInMonth = function() {
-          return this.endOf(c).$D;
-        }, m2.$locale = function() {
-          return D[this.$L];
-        }, m2.locale = function(t2, e2) {
-          if (!t2) return this.$L;
-          var n2 = this.clone(), r3 = w2(t2, e2, true);
-          return r3 && (n2.$L = r3), n2;
-        }, m2.clone = function() {
-          return b.w(this.$d, this);
-        }, m2.toDate = function() {
-          return new Date(this.valueOf());
-        }, m2.toJSON = function() {
-          return this.isValid() ? this.toISOString() : null;
-        }, m2.toISOString = function() {
-          return this.$d.toISOString();
-        }, m2.toString = function() {
-          return this.$d.toUTCString();
-        }, M2;
-      }(), k = _.prototype;
-      return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
-        k[t2[1]] = function(e2) {
-          return this.$g(e2, t2[0], t2[1]);
+          return new Date(e2);
+        }(t2), this.init();
+      }, m2.init = function() {
+        var t2 = this.$d;
+        this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+      }, m2.$utils = function() {
+        return b;
+      }, m2.isValid = function() {
+        return !(this.$d.toString() === l);
+      }, m2.isSame = function(t2, e2) {
+        var n2 = O(t2);
+        return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+      }, m2.isAfter = function(t2, e2) {
+        return O(t2) < this.startOf(e2);
+      }, m2.isBefore = function(t2, e2) {
+        return this.endOf(e2) < O(t2);
+      }, m2.$g = function(t2, e2, n2) {
+        return b.u(t2) ? this[e2] : this.set(n2, t2);
+      }, m2.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, m2.valueOf = function() {
+        return this.$d.getTime();
+      }, m2.startOf = function(t2, e2) {
+        var n2 = this, r3 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
+          var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+          return r3 ? i2 : i2.endOf(a);
+        }, $2 = function(t3, e3) {
+          return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+        }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+        switch (f2) {
+          case h:
+            return r3 ? l2(1, 0) : l2(31, 11);
+          case c:
+            return r3 ? l2(1, M3) : l2(0, M3 + 1);
+          case o:
+            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+            return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
+          case a:
+          case d:
+            return $2(v2 + "Hours", 0);
+          case u:
+            return $2(v2 + "Minutes", 1);
+          case s:
+            return $2(v2 + "Seconds", 2);
+          case i:
+            return $2(v2 + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, m2.endOf = function(t2) {
+        return this.startOf(t2, false);
+      }, m2.$set = function(t2, e2) {
+        var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r2] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+        if (o2 === c || o2 === h) {
+          var y2 = this.clone().set(d, 1);
+          y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+        } else l2 && this.$d[l2]($2);
+        return this.init(), this;
+      }, m2.set = function(t2, e2) {
+        return this.clone().$set(t2, e2);
+      }, m2.get = function(t2) {
+        return this[b.p(t2)]();
+      }, m2.add = function(r3, f2) {
+        var d2, l2 = this;
+        r3 = Number(r3);
+        var $2 = b.p(f2), y2 = function(t2) {
+          var e2 = O(l2);
+          return b.w(e2.date(e2.date() + Math.round(t2 * r3)), l2);
         };
-      }), O.extend = function(t2, e2) {
-        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
-      }, O.locale = w2, O.isDayjs = S, O.unix = function(t2) {
-        return O(1e3 * t2);
-      }, O.en = D[g], O.Ls = D, O.p = {}, O;
-    });
-  })(dayjs_min);
-  return dayjs_min.exports;
-}
-var dayjs_minExports = requireDayjs_min();
+        if ($2 === c) return this.set(c, this.$M + r3);
+        if ($2 === h) return this.set(h, this.$y + r3);
+        if ($2 === a) return y2(1);
+        if ($2 === o) return y2(7);
+        var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
+        return b.w(m3, this);
+      }, m2.subtract = function(t2, e2) {
+        return this.add(-1 * t2, e2);
+      }, m2.format = function(t2) {
+        var e2 = this, n2 = this.$locale();
+        if (!this.isValid()) return n2.invalidDate || l;
+        var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
+          return t3 && (t3[n3] || t3(e2, r3)) || i3[n3].slice(0, s3);
+        }, d2 = function(t3) {
+          return b.s(s2 % 12 || 12, t3, "0");
+        }, $2 = f2 || function(t3, e3, n3) {
+          var r4 = t3 < 12 ? "AM" : "PM";
+          return n3 ? r4.toLowerCase() : r4;
+        };
+        return r3.replace(y, function(t3, r4) {
+          return r4 || function(t4) {
+            switch (t4) {
+              case "YY":
+                return String(e2.$y).slice(-2);
+              case "YYYY":
+                return b.s(e2.$y, 4, "0");
+              case "M":
+                return a2 + 1;
+              case "MM":
+                return b.s(a2 + 1, 2, "0");
+              case "MMM":
+                return h2(n2.monthsShort, a2, c2, 3);
+              case "MMMM":
+                return h2(c2, a2);
+              case "D":
+                return e2.$D;
+              case "DD":
+                return b.s(e2.$D, 2, "0");
+              case "d":
+                return String(e2.$W);
+              case "dd":
+                return h2(n2.weekdaysMin, e2.$W, o2, 2);
+              case "ddd":
+                return h2(n2.weekdaysShort, e2.$W, o2, 3);
+              case "dddd":
+                return o2[e2.$W];
+              case "H":
+                return String(s2);
+              case "HH":
+                return b.s(s2, 2, "0");
+              case "h":
+                return d2(1);
+              case "hh":
+                return d2(2);
+              case "a":
+                return $2(s2, u2, true);
+              case "A":
+                return $2(s2, u2, false);
+              case "m":
+                return String(u2);
+              case "mm":
+                return b.s(u2, 2, "0");
+              case "s":
+                return String(e2.$s);
+              case "ss":
+                return b.s(e2.$s, 2, "0");
+              case "SSS":
+                return b.s(e2.$ms, 3, "0");
+              case "Z":
+                return i2;
+            }
+            return null;
+          }(t3) || i2.replace(":", "");
+        });
+      }, m2.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, m2.diff = function(r3, d2, l2) {
+        var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
+          return b.m(y2, m3);
+        };
+        switch (M3) {
+          case h:
+            $2 = D2() / 12;
+            break;
+          case c:
+            $2 = D2();
+            break;
+          case f:
+            $2 = D2() / 3;
+            break;
+          case o:
+            $2 = (g2 - v2) / 6048e5;
+            break;
+          case a:
+            $2 = (g2 - v2) / 864e5;
+            break;
+          case u:
+            $2 = g2 / n;
+            break;
+          case s:
+            $2 = g2 / e;
+            break;
+          case i:
+            $2 = g2 / t;
+            break;
+          default:
+            $2 = g2;
+        }
+        return l2 ? $2 : b.a($2);
+      }, m2.daysInMonth = function() {
+        return this.endOf(c).$D;
+      }, m2.$locale = function() {
+        return D[this.$L];
+      }, m2.locale = function(t2, e2) {
+        if (!t2) return this.$L;
+        var n2 = this.clone(), r3 = w2(t2, e2, true);
+        return r3 && (n2.$L = r3), n2;
+      }, m2.clone = function() {
+        return b.w(this.$d, this);
+      }, m2.toDate = function() {
+        return new Date(this.valueOf());
+      }, m2.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, m2.toISOString = function() {
+        return this.$d.toISOString();
+      }, m2.toString = function() {
+        return this.$d.toUTCString();
+      }, M2;
+    }(), k = _.prototype;
+    return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+      k[t2[1]] = function(e2) {
+        return this.$g(e2, t2[0], t2[1]);
+      };
+    }), O.extend = function(t2, e2) {
+      return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+    }, O.locale = w2, O.isDayjs = S, O.unix = function(t2) {
+      return O(1e3 * t2);
+    }, O.en = D[g], O.Ls = D, O.p = {}, O;
+  });
+})(dayjs_min);
+var dayjs_minExports = dayjs_min.exports;
 const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 var es$2 = { exports: {} };
 (function(module, exports) {
   !function(e, o) {
-    module.exports = o(requireDayjs_min());
+    module.exports = o(dayjs_minExports);
   }(commonjsGlobal, function(e) {
     function o(e2) {
       return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
@@ -67539,6 +67538,7 @@ const Maintenance = ({
 ] }) });
 const modal$1 = "pickChannelModal-module_modal_YGDD7";
 const body = "pickChannelModal-module_body_X7L60";
+const compact = "pickChannelModal-module_compact_hD7b-";
 const sections = "pickChannelModal-module_sections_VGJ6N";
 const section = "pickChannelModal-module_section_BklUc";
 const section__title = "pickChannelModal-module_section__title_fBRgI";
@@ -67546,6 +67546,7 @@ const section__description = "pickChannelModal-module_section__description_Pgidd
 const styles$g = {
   modal: modal$1,
   body,
+  compact,
   sections,
   section,
   section__title,
@@ -67723,24 +67724,29 @@ const ChannelIcon = ({ iconUrl, name }) => /* @__PURE__ */ jsx$1(
     sx: { height: "36px", maxHeight: "36px", maxWidth: "128px", width: "128px" }
   }
 );
-const ChannelCard = ({ channel, onSelect }) => /* @__PURE__ */ jsx$1(
-  Card,
-  {
-    description: channel.name,
-    sx: { width: "200px", height: "88px" },
-    onClick: () => onSelect(channel),
-    icon: /* @__PURE__ */ jsx$1(ChannelIcon, { iconUrl: channel.iconUrl, name: channel.name })
-  }
-);
+const ChannelCard = ({ channel, onSelect }) => {
+  const { name, iconUrl, disabled: disabled2, tooltipMessage } = channel;
+  return /* @__PURE__ */ jsx$1(WithTooltip, { content: tooltipMessage, shouldShowTooltip: !!tooltipMessage, children: /* @__PURE__ */ jsx$1("div", { children: /* @__PURE__ */ jsx$1(
+    Card,
+    {
+      disabled: disabled2,
+      description: name,
+      sx: { width: "200px", height: "88px" },
+      onClick: () => !disabled2 && onSelect(channel),
+      icon: /* @__PURE__ */ jsx$1(ChannelIcon, { iconUrl, name })
+    }
+  ) }) });
+};
 const productecaStrategy = {
   clientId: 1,
   iconUrl: "https://imagesproducteca.blob.core.windows.net/producteca/isologo-producteca.svg"
 };
+const COMPACT_CARD_THRESHOLD = 6;
 const PickChannelModalBase = ({
   open,
   onClose,
   channels,
-  fitContent = true,
+  fitContent,
   generalEditionTitle,
   channelEditionTitle,
   generalEditionDescription,
@@ -67749,21 +67755,35 @@ const PickChannelModalBase = ({
   onSelectChannel = () => {
   },
   titleProps = { title: locale("pickChannelModal.title") }
-}) => /* @__PURE__ */ jsxs(Modal2, { open, onClose, size: "md", fitContent, className: styles$g["modal"], children: [
-  /* @__PURE__ */ jsx$1(Modal2.Title, { ...titleProps }),
-  /* @__PURE__ */ jsx$1(Modal2.Body, { className: styles$g["body"], children: /* @__PURE__ */ jsxs("div", { className: styles$g["sections"], children: [
-    showGeneralEdition && /* @__PURE__ */ jsxs("section", { className: styles$g["section"], children: [
-      generalEditionTitle && /* @__PURE__ */ jsx$1("h3", { className: styles$g["section__title"], children: generalEditionTitle }),
-      generalEditionDescription && /* @__PURE__ */ jsx$1("p", { className: styles$g["section__description"], children: generalEditionDescription }),
-      /* @__PURE__ */ jsx$1("div", { className: styles$g["cards-grid"], children: /* @__PURE__ */ jsx$1(ChannelCard, { channel: productecaStrategy, onSelect: onSelectChannel }) })
-    ] }),
-    /* @__PURE__ */ jsxs("section", { className: styles$g["section"], children: [
-      channelEditionTitle && /* @__PURE__ */ jsx$1("h3", { className: styles$g["section__title"], children: channelEditionTitle }),
-      channelEditionDescription && /* @__PURE__ */ jsx$1("p", { className: styles$g["section__description"], children: channelEditionDescription }),
-      /* @__PURE__ */ jsx$1("div", { className: styles$g["cards-grid"], children: (channels || []).map((channel) => /* @__PURE__ */ jsx$1(ChannelCard, { channel, onSelect: onSelectChannel }, channel.clientId)) })
-    ] })
-  ] }) })
-] });
+}) => {
+  const cardCount = (channels?.length ?? 0) + (showGeneralEdition ? 1 : 0);
+  const isCompact = !fitContent && cardCount <= COMPACT_CARD_THRESHOLD;
+  return /* @__PURE__ */ jsxs(
+    Modal2,
+    {
+      open,
+      onClose,
+      size: "md",
+      fitContent,
+      className: clsx(styles$g["modal"], { [styles$g["compact"]]: isCompact }),
+      children: [
+        /* @__PURE__ */ jsx$1(Modal2.Title, { ...titleProps }),
+        /* @__PURE__ */ jsx$1(Modal2.Body, { className: styles$g["body"], children: /* @__PURE__ */ jsxs("div", { className: styles$g["sections"], children: [
+          showGeneralEdition && /* @__PURE__ */ jsxs("section", { className: styles$g["section"], children: [
+            generalEditionTitle && /* @__PURE__ */ jsx$1("h3", { className: styles$g["section__title"], children: generalEditionTitle }),
+            generalEditionDescription && /* @__PURE__ */ jsx$1("p", { className: styles$g["section__description"], children: generalEditionDescription }),
+            /* @__PURE__ */ jsx$1("div", { className: styles$g["cards-grid"], children: /* @__PURE__ */ jsx$1(ChannelCard, { channel: productecaStrategy, onSelect: onSelectChannel }) })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: styles$g["section"], children: [
+            channelEditionTitle && /* @__PURE__ */ jsx$1("h3", { className: styles$g["section__title"], children: channelEditionTitle }),
+            channelEditionDescription && /* @__PURE__ */ jsx$1("p", { className: styles$g["section__description"], children: channelEditionDescription }),
+            /* @__PURE__ */ jsx$1("div", { className: styles$g["cards-grid"], children: (channels || []).map((channel) => /* @__PURE__ */ jsx$1(ChannelCard, { channel, onSelect: onSelectChannel }, channel.clientId)) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
 const PickChannelModal = withDebugHandlers(PickChannelModalBase, "PickChannelModal");
 function getLinearProgressUtilityClass(slot) {
   return generateUtilityClass("MuiLinearProgress", slot);