@anoki/fse-ui 1.0.588 → 1.0.590

package/dist/index.es230.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es230.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"../HeaderSlim\";\nimport clsx from \"clsx\";\nimport { Balancer } from \"react-wrap-balancer\";\nimport { Button } from \"@/components/ui/Button\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderDesktop.scss\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderDesktopProps = {\n  title: React.ReactNode | string;\n  region: Region;\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n  labels: NavigationLabels;\n  navigatonItems: NavigationItem[];\n  supportLink?: NavigationItem;\n  loginLink?: string;\n  shortTitle?: React.ReactNode;\n  headerTitleClassname?: string;\n  headerLogoUrl2?: string;\n};\n\nexport const HeaderDesktop = ({\n  title,\n  region,\n  asLink = \"a\",\n  labels,\n  navigatonItems,\n  supportLink,\n  loginLink = \"/\",\n  shortTitle,\n  headerTitleClassname,\n  children,\n  headerLogoUrl2,\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"sticky-header bg-white\">\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        <LinkComponent\n          href=\"/\"\n          className=\"text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\"\n        >\n          {headerLogoUrl2 && (\n            <div\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\n              className={\"ui-header-item-image\"}\n            ></div>\n          )}\n\n          {shortTitle ? shortTitle : title}\n          <span className=\"visually-hidden\">Vai alla homepage</span>\n        </LinkComponent>\n\n        {children}\n      </HeaderSlim>\n      <header className=\"bg-white\">\n        <Row\n          py={\"x20\"}\n          gap={\"x16\"}\n          alignItems=\"center\"\n          justifyContent={\"space-between\"}\n          className=\"max-h-x116 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={53} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={53} height={53} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\n              <Balancer>\n                <LinkComponent\n                  href=\"/\"\n                  className={\n                    \"fs-2 fw-bold text-slate-20 text-decoration-none ui-title-line-height hover-underline\"\n                  }\n                >\n                  {title}\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\n                </LinkComponent>\n              </Balancer>\n            </h1>\n          </Row>\n          <Button size=\"2\" href={loginLink} asLink=\"a\">\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n        </Row>\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\n          <Container className=\"base-row align-items-center justify-content-between max-h-x52\">\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\n              {navigatonItems.map((item, index) => {\n                return (\n                  <li\n                    key={index}\n                    className={clsx(\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\n                      item.active && \"active\",\n                    )}\n                  >\n                    <LinkComponent\n                      href={item.href}\n                      aria-label={`Vai alla pagina ${item.label}`}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? \"fw-bold text-blue-30\"\n                          : \"fw-semibold text-primary\",\n                      )}\n                      target={item.isNewTab ? \"_blank\" : undefined}\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                    >\n                      {item.label}\n                      {item.active && (\n                        <span className=\"visually-hidden\">Attivo</span>\n                      )}\n                    </LinkComponent>\n                  </li>\n                );\n              })}\n            </Row>\n            {supportLink && (\n              <LinkComponent\n                href={supportLink.href}\n                aria-label={`Vai alla pagina ${supportLink.label}`}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\n                  supportLink.active\n                    ? \"fw-bold text-blue-30\"\n                    : \"fw-semibold text-primary\",\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active && \"active\",\n                )}\n              >\n                {supportLink.label}\n                {supportLink.active && (\n                  <span className=\"visually-hidden\">Attivo</span>\n                )}\n              </LinkComponent>\n            )}\n          </Container>\n        </nav>\n      </header>\n    </div>\n  );\n};\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es230.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"../HeaderSlim\";\nimport clsx from \"clsx\";\nimport { Balancer } from \"react-wrap-balancer\";\nimport { Button } from \"@/components/ui/Button\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderDesktop.scss\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderDesktopProps = {\n  title: React.ReactNode | string;\n  region: Region;\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n  labels: NavigationLabels;\n  navigatonItems: NavigationItem[];\n  supportLink?: NavigationItem;\n  loginLink?: string;\n  shortTitle?: React.ReactNode;\n  headerTitleClassname?: string;\n  headerLogoUrl2?: string;\n};\n\nexport const HeaderDesktop = ({\n  title,\n  region,\n  asLink = \"a\",\n  labels,\n  navigatonItems,\n  supportLink,\n  loginLink = \"/\",\n  shortTitle,\n  headerTitleClassname,\n  children,\n  headerLogoUrl2,\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"sticky-header bg-white\">\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        <LinkComponent\n          href=\"/\"\n          className=\"text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\"\n        >\n          {headerLogoUrl2 && (\n            <div\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\n              className={\"ui-header-item-image\"}\n            ></div>\n          )}\n\n          {shortTitle ? shortTitle : title}\n          <span className=\"visually-hidden\">Vai alla homepage</span>\n        </LinkComponent>\n\n        {children}\n      </HeaderSlim>\n      <header className=\"bg-white\">\n        <Row\n          py={\"x20\"}\n          gap={\"x16\"}\n          alignItems=\"center\"\n          justifyContent={\"space-between\"}\n          className=\"max-h-x116 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={53} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={53} height={53} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\n              <Balancer>\n                <LinkComponent\n                  href=\"/\"\n                  className={\n                    \"fs-2 fw-bold text-slate-20 text-decoration-none  hover-underline\"\n                  }\n                >\n                  <span className={\"ui-title-line-height\"}>{title}</span>\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\n                </LinkComponent>\n              </Balancer>\n            </h1>\n          </Row>\n          <Button size=\"2\" href={loginLink} asLink=\"a\">\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n        </Row>\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\n          <Container className=\"base-row align-items-center justify-content-between max-h-x52\">\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\n              {navigatonItems.map((item, index) => {\n                return (\n                  <li\n                    key={index}\n                    className={clsx(\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\n                      item.active && \"active\",\n                    )}\n                  >\n                    <LinkComponent\n                      href={item.href}\n                      aria-label={`Vai alla pagina ${item.label}`}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? \"fw-bold text-blue-30\"\n                          : \"fw-semibold text-primary\",\n                      )}\n                      target={item.isNewTab ? \"_blank\" : undefined}\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                    >\n                      {item.label}\n                      {item.active && (\n                        <span className=\"visually-hidden\">Attivo</span>\n                      )}\n                    </LinkComponent>\n                  </li>\n                );\n              })}\n            </Row>\n            {supportLink && (\n              <LinkComponent\n                href={supportLink.href}\n                aria-label={`Vai alla pagina ${supportLink.label}`}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\n                  supportLink.active\n                    ? \"fw-bold text-blue-30\"\n                    : \"fw-semibold text-primary\",\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active && \"active\",\n                )}\n              >\n                {supportLink.label}\n                {supportLink.active && (\n                  <span className=\"visually-hidden\">Attivo</span>\n                )}\n              </LinkComponent>\n            )}\n          </Container>\n        </nav>\n      </header>\n    </div>\n  );\n};\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}

package/dist/index.es236.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es364.js";
-import { createContextScope as M } from "./index.es365.js";
-import { composeEventHandlers as S } from "./index.es363.js";
-import { useControllableState as O } from "./index.es366.js";
+import { useComposedRefs as N } from "./index.es363.js";
+import { createContextScope as M } from "./index.es364.js";
+import { composeEventHandlers as S } from "./index.es362.js";
+import { useControllableState as O } from "./index.es365.js";
 import { usePrevious as A } from "./index.es373.js";
 import { useSize as B } from "./index.es374.js";
 import { Presence as H } from "./index.es375.js";
-import { Primitive as j } from "./index.es367.js";
+import { Primitive as j } from "./index.es366.js";
 import { j as f } from "./index.es196.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es246.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as s } from "./index.es381.js";
+import { useCopyToClipboard as s } from "./index.es376.js";
 import { useState as i } from "react";
 const d = () => {
   const [e, t] = s(), [p, o] = i(!1);

package/dist/index.es253.js

@@ -1,14 +1,14 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es363.js";
-import { useComposedRefs as C } from "./index.es364.js";
-import { createContextScope as B, createContext as H } from "./index.es365.js";
-import { useId as x } from "./index.es369.js";
-import { useControllableState as V } from "./index.es366.js";
+import { composeEventHandlers as p } from "./index.es362.js";
+import { useComposedRefs as C } from "./index.es363.js";
+import { createContextScope as B, createContext as H } from "./index.es364.js";
+import { useId as x } from "./index.es368.js";
+import { useControllableState as V } from "./index.es365.js";
 import { DismissableLayer as q } from "./index.es384.js";
 import { FocusScope as K } from "./index.es385.js";
 import { Portal as U } from "./index.es386.js";
 import { Presence as R } from "./index.es375.js";
-import { Primitive as m } from "./index.es367.js";
+import { Primitive as m } from "./index.es366.js";
 import { useFocusGuards as Y } from "./index.es387.js";
 import Z from "./index.es388.js";
 import { hideOthers as z } from "./index.es389.js";

package/dist/index.es260.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es196.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es261.js

@@ -1,6 +1,6 @@
 import { j as n } from "./index.es196.js";
 import { clsx as r } from "./index.es198.js";
-import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
+import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es265.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es196.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es270.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
 import { clsx as m } from "./index.es198.js";
-import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
+import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
 const e = ({
   overrideClassNames: o,
   children: t

package/dist/index.es272.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es196.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es280.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es363.js";
-import { useComposedRefs as _ } from "./index.es364.js";
-import { createContextScope as H } from "./index.es365.js";
-import { useControllableState as I } from "./index.es366.js";
+import { composeEventHandlers as T } from "./index.es362.js";
+import { useComposedRefs as _ } from "./index.es363.js";
+import { createContextScope as H } from "./index.es364.js";
+import { useControllableState as I } from "./index.es365.js";
 import { usePrevious as M } from "./index.es373.js";
 import { useSize as N } from "./index.es374.js";
-import { Primitive as w } from "./index.es367.js";
+import { Primitive as w } from "./index.es366.js";
 import { j as p } from "./index.es196.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es318.js

@@ -1,8 +1,8 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es365.js";
-import { useComposedRefs as A } from "./index.es364.js";
+import { createContextScope as T } from "./index.es364.js";
+import { useComposedRefs as A } from "./index.es363.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es253.js";
-import { composeEventHandlers as F } from "./index.es363.js";
+import { composeEventHandlers as F } from "./index.es362.js";
 import { createSlottable as G } from "./index.es390.js";
 import { j as i } from "./index.es196.js";
 var D = "AlertDialog", [W, te] = T(D, [

package/dist/index.es331.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es438.js";
-import { scrollAreaPropDefs as r } from "./index.es439.js";
-import { extractMarginProps as E } from "./index.es440.js";
-import { getMarginStyles as z } from "./index.es441.js";
-import { getResponsiveClassNames as i } from "./index.es442.js";
-import { getSubtree as C } from "./index.es443.js";
-import { mergeStyles as R } from "./index.es444.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es445.js";
+import l from "./index.es442.js";
+import { scrollAreaPropDefs as r } from "./index.es443.js";
+import { extractMarginProps as E } from "./index.es444.js";
+import { getMarginStyles as z } from "./index.es445.js";
+import { getResponsiveClassNames as i } from "./index.es446.js";
+import { getSubtree as C } from "./index.es447.js";
+import { mergeStyles as R } from "./index.es448.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es449.js";
 const D = e.forwardRef((p, u) => {
   const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
   return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));

package/dist/index.es34.js

@@ -1,95 +1,138 @@
 import { j as a } from "./index.es196.js";
-import { useMemo as n } from "react";
-import { AuthorBlock as w } from "./index.es94.js";
+import { useMemo as o } from "react";
+import { AuthorBlock as A } from "./index.es94.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as A } from "./index.es245.js";
-import { useCopyToClipboardCurrentPage as B } from "./index.es246.js";
+import { fromISODateToDateFormatted as B } from "./index.es245.js";
+import { useCopyToClipboardCurrentPage as k } from "./index.es246.js";
 import { useAlertDialog as L } from "./index.es247.js";
-import { getFullNameInitials as k } from "./index.es248.js";
-import { Row as S } from "./index.es9.js";
-import { splitInTwo as D } from "./index.es249.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";
-const K = ({
+import { getFullNameInitials as E } from "./index.es248.js";
+import { Row as d } from "./index.es9.js";
+import { splitInTwo as M } from "./index.es249.js";
+import { ActionIconText as s } from "./index.es60.js";
+import { ShareLink as R } from "./index.es170.js";
+import { CopyLink as U } from "./index.es169.js";
+import { Tags as $ } from "./index.es120.js";
+import { Col as z } from "./index.es10.js";
+import { CardCategory as D } from "./index.es26.js";
+const tt = ({
   service: t,
-  ImageComponent: d = "img",
-  imageProps: p = {},
-  variant: s = "Servizio",
-  publishedLabel: u = "Pubblicato",
+  ImageComponent: p = "img",
+  imageProps: u = {},
+  variant: n = "Servizio",
+  publishedLabel: g = "Pubblicato",
   readingTimeLabel: x = "Tempo di lettura",
-  readingMinuteLabel: h = "min",
-  shareLabel: f = "Condividi",
-  copyLinkLabel: g = "Copia link",
-  copiedTextLabel: j = "Link copiato"
+  readingMinuteLabel: f = "min",
+  shareLabel: h = "Condividi",
+  copyLinkLabel: j = "Copia link",
+  copiedTextLabel: c = "Link copiato"
 }) => {
-  var i, m, r;
-  const { copyToClipboard: T, isCopied: c } = B(), { openAlert: y } = L(), I = n(() => t != null && t.updatedBy ? k(
+  var i, r, l;
+  const { copyToClipboard: T, isCopied: I } = k(), { openAlert: y } = L(), N = o(() => t != null && t.updatedBy ? E(
     t.updatedBy.name ?? "",
     t.updatedBy.surname ?? ""
   ) : "-", [t.updatedBy]);
-  console.log(s);
-  const [b, N] = n(() => {
-    var o;
-    return t.previewImageTitle ? D((o = t.previewImageTitle) == null ? void 0 : o.toUpperCase()) : ["", ""];
-  }, [t]), C = n(() => {
+  console.log(n);
+  const [w, b] = o(() => {
     var e;
-    const o = t.readingTime ?? "0";
-    return ((e = Math.ceil(Number(o) / 60)) == null ? void 0 : e.toString()) || "0";
-  }, [t]);
+    return t.previewImageTitle ? M((e = t.previewImageTitle) == null ? void 0 : e.toUpperCase()) : ["", ""];
+  }, [t]), C = o(() => {
+    var m;
+    const e = t.readingTime ?? "0";
+    return ((m = Math.ceil(Number(e) / 60)) == null ? void 0 : m.toString()) || "0";
+  }, [t]), S = () => t.previewImageUrl ? n === "Evento" ? /* @__PURE__ */ a.jsxs("div", { className: "event-image-container", children: [
+    /* @__PURE__ */ a.jsx(
+      "img",
+      {
+        alt: `Evento ${t.name} background`,
+        src: t.previewImageUrl,
+        className: "event-image"
+      }
+    ),
+    /* @__PURE__ */ a.jsx("div", { className: "event-content-overlay w-full", children: /* @__PURE__ */ a.jsxs(d, { gap: "x24", alignItems: "end", children: [
+      /* @__PURE__ */ a.jsx(
+        "img",
+        {
+          src: t.previewImageUrl,
+          alt: `Evento ${t.name}`
+        }
+      ),
+      /* @__PURE__ */ a.jsx("div", { style: { width: "437px" }, children: /* @__PURE__ */ a.jsxs(z, { gap: "x32", children: [
+        /* @__PURE__ */ a.jsx(
+          D,
+          {
+            title: "Milano, 13 - 14 ottobre 2022",
+            className: "w-full",
+            description: "Sede dell'evento",
+            description2: "Istituto Superiore di Sanità - Viale Regina Elena, 299 - Roma"
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          $,
+          {
+            title: "Argomenti trattati",
+            items: [
+              "Organizzazione mondiale della sanità",
+              "GMHS",
+              "Salute mentale"
+            ]
+          }
+        )
+      ] }) })
+    ] }) })
+  ] }) : /* @__PURE__ */ a.jsxs("div", { className: "fullscreen-image-container", children: [
+    /* @__PURE__ */ a.jsx(
+      p,
+      {
+        alt: `Service ${t.name} image`,
+        src: t.previewImageUrl,
+        style: { aspectRatio: 21 / 9 },
+        ...u
+      }
+    ),
+    /* @__PURE__ */ a.jsxs("p", { className: "short-title", children: [
+      /* @__PURE__ */ a.jsx("span", { children: w }),
+      /* @__PURE__ */ a.jsx("span", { children: b })
+    ] })
+  ] }) : null;
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs("div", { className: "action-author", children: [
       /* @__PURE__ */ a.jsx(
-        w,
+        A,
         {
-          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: I },
-          publishedLabel: u,
-          publishedDate: A(t.updatedAt ?? "", "it") ?? "-",
+          authorName: (i = t == null ? void 0 : t.updatedBy) != null && i.name ? `${(r = t == null ? void 0 : t.updatedBy) == null ? void 0 : r.name} ${(l = t == null ? void 0 : t.updatedBy) == null ? void 0 : l.surname}` : "-",
+          avatar: { initials: N },
+          publishedLabel: g,
+          publishedDate: B(t.updatedAt ?? "", "it") ?? "-",
           readingTimeLabel: x,
           readingTimeValue: C,
-          readingMinuteLabel: h
+          readingMinuteLabel: f
         }
       ),
-      /* @__PURE__ */ a.jsxs(S, { gap: "x8", className: "action-link", children: [
+      /* @__PURE__ */ a.jsxs(d, { gap: "x8", className: "action-link", children: [
         /* @__PURE__ */ a.jsx(
-          l,
+          s,
           {
-            textLabel: f,
-            icon: /* @__PURE__ */ a.jsx(F, {}),
+            textLabel: h,
+            icon: /* @__PURE__ */ a.jsx(R, {}),
             handleAction: y,
             classNameText: "fw-bold"
           }
         ),
         /* @__PURE__ */ a.jsx("div", { className: "share-divider", children: /* @__PURE__ */ a.jsx(
-          l,
+          s,
           {
-            textLabel: c ? j : g,
-            icon: /* @__PURE__ */ a.jsx(M, {}),
+            textLabel: I ? c : j,
+            icon: /* @__PURE__ */ a.jsx(U, {}),
             handleAction: T,
             classNameText: "fw-bold"
           }
         ) })
       ] })
     ] }),
-    t.previewImageUrl && /* @__PURE__ */ a.jsxs("div", { className: "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: b }),
-        /* @__PURE__ */ a.jsx("span", { children: N })
-      ] })
-    ] })
+    S()
   ] });
 };
 export {
-  K as AuthorWithImage
+  tt 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\";\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\";\n\nexport type VariantType = \"Servizio\" | \"Evento\" | \"Approfondimento\";\n\ninterface AuthorWithImageProps {\n  service: {\n    name: string;\n    previewImageUrl?: string;\n    previewImageTitle?: string;\n    updatedBy?: {\n      name?: string;\n      surname?: string;\n    };\n    updatedAt?: string;\n    readingTime?: string;\n  };\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  variant?: VariantType;\n}\n\nexport const AuthorWithImage = ({\n  service,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"Servizio\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n}: AuthorWithImageProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const { openAlert } = useAlertDialog();\n  const avatarInitials = useMemo(() => {\n    if (!service?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      service.updatedBy.name ?? \"\",\n      service.updatedBy.surname ?? \"\",\n    );\n  }, [service.updatedBy]);\n  console.log(variant);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (service.previewImageTitle) {\n      return splitInTwo(service.previewImageTitle?.toUpperCase());\n    }\n    return [\"\", \"\"];\n  }, [service]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = service.readingTime ?? \"0\";\n    return Math.ceil(Number(readingTime) / 60)?.toString() || \"0\";\n  }, [service]);\n\n  return (\n    <>\n      <div className={\"action-author\"}>\n        <AuthorBlock\n          authorName={\n            service?.updatedBy?.name\n              ? `${service?.updatedBy?.name} ${service?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(service.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row 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      {service.previewImageUrl && (\n        <div className=\"fullscreen-image-container\">\n          <ImageComponent\n            alt={`Service ${service.name} image`}\n            src={service.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};\n"],"names":["AuthorWithImage","service","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","shareLabel","copyLinkLabel","copiedTextLabel","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","openAlert","useAlertDialog","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","_a","readingTimeInMinutes","readingTime","jsxs","Fragment","jsx","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\nexport type VariantType = \"Servizio\" | \"Evento\" | \"Approfondimento\";\n\ninterface AuthorWithImageProps {\n  service: {\n    name: string;\n    previewImageUrl?: string;\n    previewImageTitle?: string;\n    updatedBy?: {\n      name?: string;\n      surname?: string;\n    };\n    updatedAt?: string;\n    readingTime?: string;\n  };\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  variant?: VariantType;\n}\n\nexport const AuthorWithImage = ({\n  service,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"Servizio\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n}: AuthorWithImageProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const { openAlert } = useAlertDialog();\n  const avatarInitials = useMemo(() => {\n    if (!service?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      service.updatedBy.name ?? \"\",\n      service.updatedBy.surname ?? \"\",\n    );\n  }, [service.updatedBy]);\n  console.log(variant);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (service.previewImageTitle) {\n      return splitInTwo(service.previewImageTitle?.toUpperCase());\n    }\n    return [\"\", \"\"];\n  }, [service]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = service.readingTime ?? \"0\";\n    return Math.ceil(Number(readingTime) / 60)?.toString() || \"0\";\n  }, [service]);\n\n  const renderImage = () => {\n    if (!service.previewImageUrl) return null;\n\n    if (variant === \"Evento\") {\n      return (\n        <div className=\"event-image-container\">\n          <img\n            alt={`Evento ${service.name} background`}\n            src={service.previewImageUrl}\n            className=\"event-image\"\n          />\n          <div className={\"event-content-overlay w-full\"}>\n            <Row gap={\"x24\"} alignItems={\"end\"}>\n              <img\n                src={service.previewImageUrl}\n                alt={`Evento ${service.name}`}\n              />\n              <div style={{ width: \"437px\" }}>\n                <Col gap={\"x32\"}>\n                  <CardCategory\n                    title={\"Milano, 13 - 14 ottobre 2022\"}\n                    className={\"w-full\"}\n                    description={\"Sede dell'evento\"}\n                    description2={\n                      \"Istituto Superiore di Sanità - Viale Regina Elena, 299 - Roma\"\n                    }\n                  />\n                  <Tags\n                    title={\"Argomenti trattati\"}\n                    items={[\n                      \"Organizzazione mondiale della sanità\",\n                      \"GMHS\",\n                      \"Salute mentale\",\n                    ]}\n                  />\n                </Col>\n              </div>\n            </Row>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"fullscreen-image-container\">\n        <ImageComponent\n          alt={`Service ${service.name} image`}\n          src={service.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            service?.updatedBy?.name\n              ? `${service?.updatedBy?.name} ${service?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(service.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row 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      {/*{service.previewImageUrl && (*/}\n      {/*  <div className=\"fullscreen-image-container\">*/}\n      {/*    <ImageComponent*/}\n      {/*      alt={`Service ${service.name} image`}*/}\n      {/*      src={service.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};\n"],"names":["AuthorWithImage","service","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","shareLabel","copyLinkLabel","copiedTextLabel","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","openAlert","useAlertDialog","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","_a","readingTimeInMinutes","readingTime","renderImage","jsxs","jsx","Row","Col","CardCategory","Tags","Fragment","AuthorBlock","_b","_c","fromISODateToDateFormatted","ActionIconText","ShareLink","CopyLink"],"mappings":"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"}

package/dist/index.es346.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es446.js";
-import { m as l } from "./index.es447.js";
+import { c as w } from "./index.es438.js";
+import { m as l } from "./index.es439.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es347.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es448.js";
-import { c as F } from "./index.es446.js";
-import { m, a as E, f as T, h as S } from "./index.es447.js";
+import { c as $ } from "./index.es440.js";
+import { c as F } from "./index.es438.js";
+import { m, a as E, f as T, h as S } from "./index.es439.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es355.js

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

package/dist/index.es356.js

@@ -1,4 +1,4 @@
-import { __exports as _ } from "./index.es380.js";
+import { __exports as _ } from "./index.es378.js";
 import we from "react";
 /**
  * @license React