@anoki/fse-ui 1.0.625 → 1.0.627

package/dist/index.es34.js

@@ -1,137 +1,155 @@
-import { j as a } from "./index.es196.js";
-import { useMemo as n } from "react";
-import { AuthorBlock as k } from "./index.es94.js";
+import { j as i } from "./index.es196.js";
+import { useMemo as s } from "react";
+import { AuthorBlock as B } from "./index.es94.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as D } from "./index.es245.js";
-import { useCopyToClipboardCurrentPage as L } from "./index.es246.js";
-import { useAlertDialog as U } from "./index.es247.js";
+import { fromISODateToDateFormatted as k } from "./index.es245.js";
+import { useCopyToClipboardCurrentPage as D } from "./index.es246.js";
+import { useAlertDialog as L } from "./index.es247.js";
 import { getFullNameInitials as $ } from "./index.es248.js";
-import { Row as S } from "./index.es9.js";
+import { Row as U } from "./index.es9.js";
 import { splitInTwo as E } from "./index.es249.js";
-import { ActionIconText as s } from "./index.es60.js";
+import { ActionIconText as l } from "./index.es60.js";
 import { ShareLink as F } from "./index.es170.js";
 import { CopyLink as M } from "./index.es169.js";
 import { Tags as R } from "./index.es120.js";
-import { Col as O } from "./index.es10.js";
-import { CardCategory as P } from "./index.es26.js";
-const et = ({
-  service: t,
-  ImageComponent: d = "img",
+import { Col as S } from "./index.es10.js";
+import { CardCategory as O } from "./index.es26.js";
+const re = ({
+  data: e = {},
+  ImageComponent: c = "img",
   imageProps: p = {},
-  variant: u = "service",
-  publishedLabel: x = "Pubblicato",
-  readingTimeLabel: g = "Tempo di lettura",
-  readingMinuteLabel: c = "min",
+  variant: a = "service",
+  publishedLabel: u = "Pubblicato",
+  readingTimeLabel: v = "Tempo di lettura",
+  readingMinuteLabel: x = "min",
   tagsLabelTitle: f = "Argomenti trattati",
-  shareLabel: h = "Condividi",
-  copyLinkLabel: j = "Copia link",
-  copiedTextLabel: T = "Link copiato",
-  isPreview: o = !1
+  shareLabel: g = "Condividi",
+  copyLinkLabel: h = "Copia link",
+  copiedTextLabel: j = "Link copiato",
+  isPreview: n = !1
 }) => {
-  var i, m, r;
-  const { copyToClipboard: N, isCopied: I } = L(), { openAlert: b } = U(), y = n(() => t != null && t.updatedBy ? $(
-    t.updatedBy.name ?? "",
-    t.updatedBy.surname ?? ""
-  ) : "-", [t.updatedBy]), [w, C] = n(() => {
-    var e;
-    return t.previewImageTitle ? E((e = t.previewImageTitle) == null ? void 0 : e.toUpperCase()) : ["", ""];
-  }, [t]), A = n(() => {
-    var l;
-    const e = t.readingTime ?? "0";
-    return ((l = Math.ceil(Number(e) / 60)) == null ? void 0 : l.toString()) || "0";
-  }, [t]), B = () => t.previewImageUrl ? u === "event" ? /* @__PURE__ */ a.jsxs("div", { className: o ? "event-preview" : "event-image-container", children: [
-    /* @__PURE__ */ a.jsx(
-      "img",
-      {
-        className: "event-background",
-        src: t.previewImageUrl,
-        alt: `Evento ${t.name}`
-      }
-    ),
-    /* @__PURE__ */ a.jsxs("div", { className: "event-content-overlay", children: [
-      /* @__PURE__ */ a.jsx(
-        "img",
+  var t, o, m;
+  const { copyToClipboard: d, isCopied: T } = D(), { openAlert: N } = L(), I = s(() => e != null && e.updatedBy ? $(
+    e.updatedBy.name ?? "",
+    e.updatedBy.surname ?? ""
+  ) : "-", [e.updatedBy]), [b, y] = s(() => {
+    var r;
+    return e.previewImageTitle ? E((r = e.previewImageTitle) == null ? void 0 : r.toUpperCase()) : ["", ""];
+  }, [e]), w = s(() => {
+    const r = e.readingTime ?? 0;
+    return Math.ceil(Number(r) / 60) || 0;
+  }, [e]), C = () => {
+    if (!e.previewImageUrl) return null;
+    if (a === "event") {
+      const r = (A) => "eventTitle" in A;
+      return /* @__PURE__ */ i.jsxs(
+        "div",
         {
-          className: "event-main-image",
-          src: t.previewImageUrl,
-          alt: `Evento ${t.name}`
+          className: `${n ? "event-preview" : "event-image-container"}`,
+          children: [
+            /* @__PURE__ */ i.jsx(
+              "img",
+              {
+                className: "event-background",
+                src: e.previewImageUrl,
+                alt: `Evento ${e.name}`
+              }
+            ),
+            /* @__PURE__ */ i.jsx("div", { className: "event-content-overlay", children: /* @__PURE__ */ i.jsxs("div", { className: "event-content", children: [
+              /* @__PURE__ */ i.jsx(
+                "img",
+                {
+                  className: "event-main-image",
+                  src: e.previewImageUrl,
+                  alt: `Evento ${e.name}`
+                }
+              ),
+              /* @__PURE__ */ i.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ i.jsxs(S, { gap: "x32", children: [
+                /* @__PURE__ */ i.jsx(
+                  O,
+                  {
+                    title: r(e) ? e.eventTitle ?? "-" : "-",
+                    className: "w-full",
+                    description: r(e) ? e.eventDescriptionTitle ?? "-" : "-",
+                    description2: r(e) ? e.eventDescription ?? "-" : "-",
+                    classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
+                    classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
+                  }
+                ),
+                /* @__PURE__ */ i.jsx(
+                  R,
+                  {
+                    title: f,
+                    items: r(e) ? e.tags ?? [] : []
+                  }
+                )
+              ] }) })
+            ] }) })
+          ]
         }
-      ),
-      /* @__PURE__ */ a.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ a.jsxs(O, { gap: "x32", children: [
-        /* @__PURE__ */ a.jsx(
-          P,
-          {
-            title: t.eventTitle ?? "-",
-            className: "w-full",
-            description: t.eventDescriptionTitle ?? "-",
-            description2: t.eventDescription ?? "-",
-            classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
-            classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
-          }
-        ),
-        /* @__PURE__ */ a.jsx(R, { title: f, items: t.tags ?? [] })
-      ] }) })
-    ] })
-  ] }) : /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      className: o ? "service-detail-image" : "fullscreen-image-container",
-      children: [
-        /* @__PURE__ */ a.jsx(
-          d,
-          {
-            alt: `Service ${t.name} image`,
-            src: t.previewImageUrl,
-            style: { aspectRatio: 21 / 9 },
-            ...p
-          }
-        ),
-        /* @__PURE__ */ a.jsxs("p", { className: "short-title", children: [
-          /* @__PURE__ */ a.jsx("span", { children: w }),
-          /* @__PURE__ */ a.jsx("span", { children: C })
-        ] })
-      ]
+      );
     }
-  ) : null;
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsxs("div", { className: "action-author", children: [
-      /* @__PURE__ */ a.jsx(
-        k,
+    return /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        className: n ? "service-detail-image" : "fullscreen-image-container",
+        children: [
+          /* @__PURE__ */ i.jsx(
+            c,
+            {
+              alt: `Service ${e.name} image`,
+              src: e.previewImageUrl,
+              style: { aspectRatio: 21 / 9 },
+              ...p
+            }
+          ),
+          /* @__PURE__ */ i.jsxs("p", { className: "short-title", children: [
+            /* @__PURE__ */ i.jsx("span", { children: b }),
+            /* @__PURE__ */ i.jsx("span", { children: y })
+          ] })
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs("div", { className: "action-author", children: [
+      /* @__PURE__ */ i.jsx(
+        B,
         {
-          authorName: (i = t == null ? void 0 : t.updatedBy) != null && i.name ? `${(m = t == null ? void 0 : t.updatedBy) == null ? void 0 : m.name} ${(r = t == null ? void 0 : t.updatedBy) == null ? void 0 : r.surname}` : "-",
-          avatar: { initials: y },
-          publishedLabel: x,
-          publishedDate: D(t.updatedAt ?? "", "it") ?? "-",
-          readingTimeLabel: g,
-          readingTimeValue: A,
-          readingMinuteLabel: c
+          authorName: (t = e == null ? void 0 : e.updatedBy) != null && t.name ? `${(o = e == null ? void 0 : e.updatedBy) == null ? void 0 : o.name} ${(m = e == null ? void 0 : e.updatedBy) == null ? void 0 : m.surname}` : "-",
+          avatar: { initials: I },
+          publishedLabel: u,
+          publishedDate: k(e.updatedAt ?? "", "it") ?? "-",
+          readingTimeLabel: v,
+          readingTimeValue: w,
+          readingMinuteLabel: x
         }
       ),
-      /* @__PURE__ */ a.jsxs(S, { pb: "x16", gap: "x8", className: "action-link", children: [
-        /* @__PURE__ */ a.jsx(
-          s,
+      /* @__PURE__ */ i.jsxs(U, { pb: "x24", gap: "x8", className: "action-link", children: [
+        /* @__PURE__ */ i.jsx(
+          l,
           {
-            textLabel: h,
-            icon: /* @__PURE__ */ a.jsx(F, {}),
-            handleAction: b,
+            textLabel: g,
+            icon: /* @__PURE__ */ i.jsx(F, {}),
+            handleAction: N,
             classNameText: "fw-bold"
           }
         ),
-        /* @__PURE__ */ a.jsx("div", { className: "share-divider", children: /* @__PURE__ */ a.jsx(
-          s,
+        /* @__PURE__ */ i.jsx("div", { className: "share-divider", children: /* @__PURE__ */ i.jsx(
+          l,
           {
-            textLabel: I ? T : j,
-            icon: /* @__PURE__ */ a.jsx(M, {}),
-            handleAction: N,
+            textLabel: T ? j : h,
+            icon: /* @__PURE__ */ i.jsx(M, {}),
+            handleAction: d,
             classNameText: "fw-bold"
           }
         ) })
       ] })
     ] }),
-    B()
+    C()
   ] });
 };
 export {
-  et as AuthorWithImage
+  re as AuthorWithImage
 };
 //# sourceMappingURL=index.es34.js.map

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.js","sources":["../src/components/ui/AuthorWithImage/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./AuthorWithImage.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { useAlertDialog } from \"@/hooks/useAlert\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink, ShareLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\n\r\nexport type VariantType = \"service\" | \"event\" | \"insight\";\r\n\r\ninterface AuthorWithImageProps {\r\n  service: {\r\n    name: string;\r\n    previewImageUrl?: string;\r\n    previewImageTitle?: string;\r\n    updatedBy?: {\r\n      name?: string;\r\n      surname?: string;\r\n    };\r\n    updatedAt?: string;\r\n    readingTime?: string;\r\n    eventTitle?: string;\r\n    eventDescription?: string;\r\n    eventDescriptionTitle?: string;\r\n    tags?: string[];\r\n  };\r\n  publishedLabel?: string;\r\n  readingTimeLabel?: string;\r\n  readingMinuteLabel?: string;\r\n  tagsLabelTitle?: string;\r\n  shareLabel?: string;\r\n  copyLinkLabel?: string;\r\n  copiedTextLabel?: string;\r\n  ImageComponent?: \"img\" | React.ComponentType<any>;\r\n  imageProps?: Record<string, any>;\r\n  variant?: VariantType;\r\n  isPreview?: boolean;\r\n}\r\n\r\nexport const AuthorWithImage = ({\r\n  service,\r\n  ImageComponent = \"img\",\r\n  imageProps = {},\r\n  variant = \"service\",\r\n  publishedLabel = \"Pubblicato\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingMinuteLabel = \"min\",\r\n  tagsLabelTitle = \"Argomenti trattati\",\r\n  shareLabel = \"Condividi\",\r\n  copyLinkLabel = \"Copia link\",\r\n  copiedTextLabel = \"Link copiato\",\r\n  isPreview = false,\r\n}: AuthorWithImageProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const { openAlert } = useAlertDialog();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!service?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      service.updatedBy.name ?? \"\",\r\n      service.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [service.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (service.previewImageTitle) {\r\n      return splitInTwo(service.previewImageTitle?.toUpperCase());\r\n    }\r\n    return [\"\", \"\"];\r\n  }, [service]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = service.readingTime ?? \"0\";\r\n    return Math.ceil(Number(readingTime) / 60)?.toString() || \"0\";\r\n  }, [service]);\r\n\r\n  const renderImage = () => {\r\n    if (!service.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      return (\r\n        <div className={isPreview ? \"event-preview\" : \"event-image-container\"}>\r\n          <img\r\n            className=\"event-background\"\r\n            src={service.previewImageUrl}\r\n            alt={`Evento ${service.name}`}\r\n          />\r\n\r\n          <div className=\"event-content-overlay\">\r\n            <img\r\n              className=\"event-main-image\"\r\n              src={service.previewImageUrl}\r\n              alt={`Evento ${service.name}`}\r\n            />\r\n\r\n            <div className=\"event-card-container\">\r\n              <Col gap={\"x32\"}>\r\n                <CardCategory\r\n                  title={service.eventTitle ?? \"-\"}\r\n                  className={\"w-full\"}\r\n                  description={service.eventDescriptionTitle ?? \"-\"}\r\n                  description2={service.eventDescription ?? \"-\"}\r\n                  classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                  classNameDescriptionTitle={\r\n                    \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                  }\r\n                />\r\n                <Tags title={tagsLabelTitle} items={service.tags ?? []} />\r\n              </Col>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={\r\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\"\r\n        }\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${service.name} image`}\r\n          src={service.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        <p className={\"short-title\"}>\r\n          <span>{firstTitleLine}</span>\r\n          <span>{secondTitleLine}</span>\r\n        </p>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className={\"action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            service?.updatedBy?.name\r\n              ? `${service?.updatedBy?.name} ${service?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(service.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row pb={\"x16\"} gap={\"x8\"} className={\"action-link\"}>\r\n          <ActionIconText\r\n            textLabel={shareLabel}\r\n            icon={<ShareLink />}\r\n            handleAction={openAlert}\r\n            classNameText={\"fw-bold\"}\r\n          />\r\n          <div className={\"share-divider\"}>\r\n            <ActionIconText\r\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n              icon={<CopyLink />}\r\n              handleAction={copyToClipboard}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n          </div>\r\n        </Row>\r\n      </div>\r\n\r\n      {renderImage()}\r\n    </>\r\n  );\r\n};\r\n"],"names":["AuthorWithImage","service","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","openAlert","useAlertDialog","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","_a","readingTimeInMinutes","readingTime","renderImage","jsxs","jsx","Col","CardCategory","Tags","Fragment","AuthorBlock","_b","_c","fromISODateToDateFormatted","Row","ActionIconText","ShareLink","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.es34.js","sources":["../src/components/ui/AuthorWithImage/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { AuthorBlock } from \"../AuthorBlock\";\nimport \"./AuthorWithImage.scss\";\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\nimport { useAlertDialog } from \"@/hooks/useAlert\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink, ShareLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col } from \"@/components\";\nimport { Tags } from \"@/sections\";\n\n// export type VariantType = \"service\" | \"event\" | \"insight\";\n\ntype BaseServiceProps = {\n  name: string;\n  previewImageUrl?: string;\n  previewImageTitle?: string;\n  updatedBy?: {\n    name?: string;\n    surname?: string;\n  };\n  updatedAt?: string;\n  readingTime?: number;\n};\n\ntype Event = BaseServiceProps & {\n  eventTitle?: string;\n  eventDescription?: string;\n  eventDescriptionTitle?: string;\n  tags?: string[];\n};\n\ntype Service = BaseServiceProps;\n\ninterface AuthorWithImageCommonProps {\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  tagsLabelTitle?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  isPreview?: boolean;\n}\n\ntype ServiceProps = {\n  data: Service;\n  variant: \"service\";\n} & AuthorWithImageCommonProps;\n\ntype EventProps = {\n  data: Event;\n  variant: \"event\";\n} & AuthorWithImageCommonProps;\n//\n// type InsightProps = {\n//   data: null;\n//   variant: \"insight\";\n// } & AuthorWithImageCommonProps;\n\nexport type AuthorWithImageProps = ServiceProps | EventProps;\n\nexport const AuthorWithImage = ({\n  data = {} as Service | Event,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"service\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  tagsLabelTitle = \"Argomenti trattati\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n  isPreview = false,\n}: AuthorWithImageProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const { openAlert } = useAlertDialog();\n  const avatarInitials = useMemo(() => {\n    if (!data?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      data.updatedBy.name ?? \"\",\n      data.updatedBy.surname ?? \"\",\n    );\n  }, [data.updatedBy]);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (data.previewImageTitle) {\n      return splitInTwo(data.previewImageTitle?.toUpperCase());\n    }\n    return [\"\", \"\"];\n  }, [data]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = data.readingTime ?? 0;\n    return Math.ceil(Number(readingTime) / 60) || 0;\n  }, [data]);\n\n  const renderImage = () => {\n    if (!data.previewImageUrl) return null;\n\n    if (variant === \"event\") {\n      const isEvent = (obj: Service | Event): obj is Event => {\n        return \"eventTitle\" in obj;\n      };\n\n      return (\n        <div\n          className={`${isPreview ? \"event-preview\" : \"event-image-container\"}`}\n        >\n          <img\n            className=\"event-background\"\n            src={data.previewImageUrl}\n            alt={`Evento ${data.name}`}\n          />\n\n          <div className=\"event-content-overlay\">\n            <div className={\"event-content\"}>\n              <img\n                className=\"event-main-image\"\n                src={data.previewImageUrl}\n                alt={`Evento ${data.name}`}\n              />\n\n              <div className=\"event-card-container\">\n                <Col gap={\"x32\"}>\n                  <CardCategory\n                    title={isEvent(data) ? (data.eventTitle ?? \"-\") : \"-\"}\n                    className={\"w-full\"}\n                    description={\n                      isEvent(data) ? (data.eventDescriptionTitle ?? \"-\") : \"-\"\n                    }\n                    description2={\n                      isEvent(data) ? (data.eventDescription ?? \"-\") : \"-\"\n                    }\n                    classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                    classNameDescriptionTitle={\n                      \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                    }\n                  />\n                  <Tags\n                    title={tagsLabelTitle}\n                    items={isEvent(data) ? (data.tags ?? []) : []}\n                  />\n                </Col>\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\"\n        }\n      >\n        <ImageComponent\n          alt={`Service ${data.name} image`}\n          src={data.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        <p className={\"short-title\"}>\n          <span>{firstTitleLine}</span>\n          <span>{secondTitleLine}</span>\n        </p>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <div className={\"action-author\"}>\n        <AuthorBlock\n          authorName={\n            data?.updatedBy?.name\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row pb={\"x24\"} gap={\"x8\"} className={\"action-link\"}>\n          <ActionIconText\n            textLabel={shareLabel}\n            icon={<ShareLink />}\n            handleAction={openAlert}\n            classNameText={\"fw-bold\"}\n          />\n          <div className={\"share-divider\"}>\n            <ActionIconText\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\n              icon={<CopyLink />}\n              handleAction={copyToClipboard}\n              classNameText={\"fw-bold\"}\n            />\n          </div>\n        </Row>\n      </div>\n\n      {renderImage()}\n    </>\n  );\n};\n"],"names":["AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","openAlert","useAlertDialog","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","_a","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","jsx","Col","CardCategory","Tags","Fragment","AuthorBlock","_b","_c","fromISODateToDateFormatted","Row","ActionIconText","ShareLink","CopyLink"],"mappings":"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"}

package/dist/index.es345.js

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, createContext as q, useLayoutEffect as Q } from "react";
-import { S as X } from "./index.es401.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es402.js";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es403.js";
+import { S as X } from "./index.es403.js";
+import { g as Y, m as Z, a as ee, u as re } from "./index.es404.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es405.js";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/dist/index.es346.js

@@ -1,4 +1,4 @@
-import { c as w } from "./index.es416.js";
+import { c as w } from "./index.es414.js";
 import { m as l } from "./index.es415.js";
 function N(x) {
   let {

package/dist/index.es347.js

@@ -1,5 +1,5 @@
-import { c as $ } from "./index.es417.js";
-import { c as F } from "./index.es416.js";
+import { c as $ } from "./index.es416.js";
+import { c as F } from "./index.es414.js";
 import { m, a as E, f as T, h as S } from "./index.es415.js";
 function N(I) {
   let {

package/dist/index.es355.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es404.js";
+import { __exports as e } from "./index.es399.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es356.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./index.es405.js";
+import { __exports as u } from "./index.es400.js";
 import B from "react";
 /**
  * @license React