@producteca/producteca-ui-kit 1.77.2 → 1.77.4

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

@@ -20682,7 +20682,7 @@ const useOptionTooltip = (label2, isDisabled, tooltipMessage, position2 = "right
   };
 };
 const lg$a = "selectField-module_lg_adYzi";
-const body = "selectField-module_body_KiYeH";
+const body$1 = "selectField-module_body_KiYeH";
 const sm$b = "selectField-module_sm_QsUwx";
 const md$9 = "selectField-module_md_sCCe1";
 const fullwidth$1 = "selectField-module_fullwidth_c4Kqo";
@@ -20692,7 +20692,7 @@ const styles$B = {
   "producteca-select-field--with-modifier": "selectField-module_producteca-select-field--with-modifier_GN3AL",
   "producteca-select-field-body": "selectField-module_producteca-select-field-body_-gy8S",
   lg: lg$a,
-  body,
+  body: body$1,
   "searcher-body": "selectField-module_searcher-body_8Hpy2",
   sm: sm$b,
   md: md$9,
@@ -66280,12 +66280,12 @@ const AsyncContentBase = memo(({
 AsyncContentBase.displayName = "AsyncContent";
 const AsyncContent = withDebugHandlers(AsyncContentBase, "AsyncContent");
 const fullPage = "actionBar-module_fullPage_A4wiw";
-const modal$1 = "actionBar-module_modal_jZfAJ";
+const modal$2 = "actionBar-module_modal_jZfAJ";
 const page = "actionBar-module_page_Oq8Jb";
 const styles$o = {
   "action-bar": "actionBar-module_action-bar_Y-sjl",
   fullPage,
-  modal: modal$1,
+  modal: modal$2,
   page
 };
 const ActionBarBase = ({ variant = "page", saveProps, cancelProps, previousProps }) => {
@@ -67520,11 +67520,15 @@ const Maintenance = ({
     /* @__PURE__ */ jsx$1("p", { children: subtitle2 })
   ] })
 ] }) });
+const modal$1 = "pickChannelModal-module_modal_YGDD7";
+const body = "pickChannelModal-module_body_X7L60";
 const sections = "pickChannelModal-module_sections_VGJ6N";
 const section = "pickChannelModal-module_section_BklUc";
 const section__title = "pickChannelModal-module_section__title_fBRgI";
 const section__description = "pickChannelModal-module_section__description_Pgidd";
 const styles$g = {
+  modal: modal$1,
+  body,
   sections,
   section,
   section__title,
@@ -67615,13 +67619,50 @@ const Modal2 = Modal$1;
 Modal2.Title = ModalTitle;
 Modal2.Body = ModalBody;
 Modal2.Footer = ModalFooter;
+const InsertPhotoRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2M8.9 13.98l2.1 2.53 3.1-3.99c.2-.26.6-.26.8.01l3.51 4.68c.25.33.01.8-.4.8H6.02c-.42 0-.65-.48-.39-.81L8.12 14c.19-.26.57-.27.78-.02"
+}), "InsertPhotoRounded");
+const image = "image-module_image_y02P7";
+const error$1 = "image-module_error_QtQOy";
+const styles$c = {
+  "image-container": "image-module_image-container_ZhlhW",
+  "show-border": "image-module_show-border_LV5sz",
+  image,
+  error: error$1
+};
+const Image = ({
+  sx,
+  src,
+  alt,
+  imageSx,
+  errorIcon,
+  showBorder = true
+}) => {
+  const [hasError2, setHasError] = useState(false);
+  useEffect(() => {
+    setHasError(false);
+  }, [src]);
+  const handleImageError = () => {
+    setHasError(true);
+  };
+  return /* @__PURE__ */ jsx$1("div", { className: clsx(styles$c["image-container"], { [styles$c["show-border"]]: showBorder }), style: { ...sx }, children: hasError2 ? !!errorIcon ? errorIcon : /* @__PURE__ */ jsx$1(InsertPhotoRoundedIcon, { className: styles$c.error }) : /* @__PURE__ */ jsx$1(
+    "img",
+    {
+      src,
+      alt: alt || src,
+      className: styles$c.image,
+      style: { ...imageSx },
+      onError: handleImageError
+    }
+  ) });
+};
 const card = "card-module_card_HG0v6";
 const header$1 = "card-module_header_Jtd2-";
 const title$2 = "card-module_title_9LIjW";
 const description = "card-module_description_nxqlH";
 const disabled$2 = "card-module_disabled_Zdzj7";
 const active$2 = "card-module_active_dTNAe";
-const styles$c = {
+const styles$b = {
   card,
   header: header$1,
   title: title$2,
@@ -67643,55 +67684,18 @@ const CardBase = ({
   {
     style: sx,
     onClick,
-    className: clsx(styles$c.card, { [styles$c.disabled]: disabled2, [styles$c.active]: isActive }),
+    className: clsx(styles$b.card, { [styles$b.disabled]: disabled2, [styles$b.active]: isActive }),
     children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$c.header, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$b.header, children: [
         !!icon2 && icon2,
-        !!title2 && /* @__PURE__ */ jsx$1("div", { className: styles$c.title, children: title2 })
+        !!title2 && /* @__PURE__ */ jsx$1("div", { className: styles$b.title, children: title2 })
       ] }),
-      !!description2 && /* @__PURE__ */ jsx$1("span", { className: styles$c.description, children: description2 }),
+      !!description2 && /* @__PURE__ */ jsx$1("span", { className: styles$b.description, children: description2 }),
       children
     ]
   }
 );
 const Card = withDebugHandlers(CardBase, "Card");
-const InsertPhotoRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
-  d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2M8.9 13.98l2.1 2.53 3.1-3.99c.2-.26.6-.26.8.01l3.51 4.68c.25.33.01.8-.4.8H6.02c-.42 0-.65-.48-.39-.81L8.12 14c.19-.26.57-.27.78-.02"
-}), "InsertPhotoRounded");
-const image = "image-module_image_y02P7";
-const error$1 = "image-module_error_QtQOy";
-const styles$b = {
-  "image-container": "image-module_image-container_ZhlhW",
-  "show-border": "image-module_show-border_LV5sz",
-  image,
-  error: error$1
-};
-const Image = ({
-  sx,
-  src,
-  alt,
-  imageSx,
-  errorIcon,
-  showBorder = true
-}) => {
-  const [hasError2, setHasError] = useState(false);
-  useEffect(() => {
-    setHasError(false);
-  }, [src]);
-  const handleImageError = () => {
-    setHasError(true);
-  };
-  return /* @__PURE__ */ jsx$1("div", { className: clsx(styles$b["image-container"], { [styles$b["show-border"]]: showBorder }), style: { ...sx }, children: hasError2 ? !!errorIcon ? errorIcon : /* @__PURE__ */ jsx$1(InsertPhotoRoundedIcon, { className: styles$b.error }) : /* @__PURE__ */ jsx$1(
-    "img",
-    {
-      src,
-      alt: alt || src,
-      className: styles$b.image,
-      style: { ...imageSx },
-      onError: handleImageError
-    }
-  ) });
-};
 const ChannelIcon = ({ iconUrl, name }) => /* @__PURE__ */ jsx$1(
   Image,
   {
@@ -67727,9 +67731,9 @@ const PickChannelModalBase = ({
   titleProps = { title: locale("pickChannelModal.title") },
   generalEditionTitle,
   channelEditionTitle
-}) => /* @__PURE__ */ jsxs(Modal2, { open, onClose, size: "md", fitContent: true, children: [
+}) => /* @__PURE__ */ jsxs(Modal2, { open, onClose, size: "md", fitContent: true, className: styles$g["modal"], children: [
   /* @__PURE__ */ jsx$1(Modal2.Title, { ...titleProps }),
-  /* @__PURE__ */ jsx$1(Modal2.Body, { children: /* @__PURE__ */ jsxs("div", { className: styles$g["sections"], children: [
+  /* @__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 }),