@anoki/fse-ui 1.0.0-beta1.50.23 → 1.0.0-beta1.50.3

package/dist/index.es397.js

@@ -1,20 +1,9 @@
-import { j as s } from "./index.es246.js";
-import { clsx as r } from "./index.es247.js";
-const d = ({
-  title: t,
-  badge: e,
-  content: c,
-  isOpen: i,
-  onToggle: l
-}) => /* @__PURE__ */ s.jsxs("div", { className: r("step-item-generic-accordion", i && "isOpen"), children: [
-  /* @__PURE__ */ s.jsxs("div", { className: "step-header", onClick: l, children: [
-    /* @__PURE__ */ s.jsx("div", { className: "step-title", children: t }),
-    e && /* @__PURE__ */ s.jsx("div", { className: "step-badge", children: e }),
-    /* @__PURE__ */ s.jsx("div", { className: "step-arrow", children: /* @__PURE__ */ s.jsx("svg", { className: "arrow-icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", children: /* @__PURE__ */ s.jsx("path", { d: "M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z", fill: "#207AD5" }) }) })
-  ] }),
-  /* @__PURE__ */ s.jsx("div", { className: "step-details", children: /* @__PURE__ */ s.jsx("div", { className: "step-details-content", children: i && /* @__PURE__ */ s.jsx("div", { className: "step-content", children: c }) }) })
-] });
+import { j as t } from "./index.es226.js";
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+const s = ({
+  children: o
+}) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
-  d as StepItemGenericAccordion
+  s as CreateReservationModalFooter
 };
 //# sourceMappingURL=index.es397.js.map

package/dist/index.es397.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es397.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\n\r\nexport interface StepDataGenericAccordion {\r\n  title: string;\r\n  badge?: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n}\r\n\r\nexport const StepItemGenericAccordion: React.FC<StepItemPropsGenericAccordion> = ({\r\n  title,\r\n  badge,\r\n  content,\r\n  isOpen,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <div className=\"step-header\" onClick={onToggle}>\r\n        <div className=\"step-title\">{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <svg className=\"arrow-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\r\n            <path d=\"M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z\" fill=\"#207AD5\"/>\r\n          </svg>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-content\">\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx"],"mappings":";;AAaO,MAAMA,IAAoE,CAAC;AAAA,EAChF,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,6BAEK,OAAI,EAAA,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,eAAc,SAASF,GACpC,UAAA;AAAA,IAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,GAAA;AAAA,IAClCC,KAASM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,cAAc,UAAMN,GAAA;AAAA,IAC7CM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,cAAa,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAC7G,UAAAA,gBAAAA,EAAA,IAAC,QAAK,EAAA,GAAE,gGAA+F,MAAK,UAAS,CAAA,EACvH,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAAA,EAECA,gBAAAA,MAAA,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAI,EAAA,WAAU,wBACZ,UAAAJ,2BAAW,OAAI,EAAA,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es397.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalFooter/index.tsx"],"sourcesContent":["import \"./CreateReservationModalFooter.scss\";\r\n\r\ntype CreateReservationModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const CreateReservationModalFooter = ({\r\n  children,\r\n}: CreateReservationModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["CreateReservationModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA+B,CAAC;AAAA,EAC3C,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}

package/dist/index.es398.js

@@ -0,0 +1,11 @@
+import { j as r } from "./index.es226.js";
+import { clsx as e } from "./index.es227.js";
+import './components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css';/* empty css            */
+const a = ({
+  overrideClassNames: o,
+  children: t
+}) => /* @__PURE__ */ r.jsx("div", { className: e("ui-consent-modal-body", o), children: t });
+export {
+  a as CreateReservationModalContent
+};
+//# sourceMappingURL=index.es398.js.map

package/dist/index.es398.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es398.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./CreateReservationModalContent.scss\";\r\n\r\ntype CreateReservationModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const CreateReservationModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: CreateReservationModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CreateReservationModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}

package/dist/index.es4.js

@@ -1,10 +1,10 @@
-import l from "./index.es244.js";
-import f from "./index.es241.js";
-import c from "./index.es232.js";
-import m from "./index.es227.js";
-import { normalizeZone as d } from "./index.es234.js";
-import { validateWeekSettings as g } from "./index.es233.js";
-import { resetDigitRegexCache as p } from "./index.es245.js";
+import l from "./index.es429.js";
+import f from "./index.es426.js";
+import c from "./index.es417.js";
+import m from "./index.es265.js";
+import { normalizeZone as d } from "./index.es419.js";
+import { validateWeekSettings as g } from "./index.es418.js";
+import { resetDigitRegexCache as p } from "./index.es430.js";
 let e = () => Date.now(), a = "system", r = null, i = null, s = null, n = 60, u, o = null;
 class k {
   /**

package/dist/index.es40.js

@@ -1,14 +1,14 @@
-import { j as r } from "./index.es246.js";
+import { j as r } from "./index.es226.js";
 import { useMemo as s } from "react";
 import { AuthorBlock as U } from "./index.es102.js";
 import './components/ui/HeroContentCard/HeroContentCard.css';/* empty css            */
-import { fromISODateToDateFormatted as $ } from "./index.es289.js";
-import { useCopyToClipboardCurrentPage as A } from "./index.es290.js";
-import { getFullNameInitials as E } from "./index.es291.js";
+import { fromISODateToDateFormatted as $ } from "./index.es270.js";
+import { useCopyToClipboardCurrentPage as A } from "./index.es271.js";
+import { getFullNameInitials as E } from "./index.es272.js";
 import { Row as S } from "./index.es9.js";
-import { splitInTwo as F } from "./index.es292.js";
+import { splitInTwo as F } from "./index.es273.js";
 import { ActionIconText as M } from "./index.es67.js";
-import { clsx as h } from "./index.es247.js";
+import { clsx as v } from "./index.es227.js";
 import { ShareButton as R } from "./index.es123.js";
 import { CopyLink as H } from "./index.es207.js";
 import { Col as O } from "./index.es10.js";
@@ -16,9 +16,9 @@ import { CardCategory as V } from "./index.es30.js";
 import { Tags as q } from "./index.es145.js";
 const se = ({
   data: e = {},
-  ImageComponent: f = "img",
-  imageProps: x = {},
-  variant: o = "service",
+  ImageComponent: h = "img",
+  imageProps: f = {},
+  variant: x = "service",
   publishedLabel: g = "Pubblicato",
   readingTimeLabel: T = "Tempo di lettura",
   readingMinuteLabel: d = "min",
@@ -27,28 +27,27 @@ const se = ({
   copyLinkLabel: w = "Copia link",
   copiedTextLabel: I = "Link copiato",
   isPreview: t = !1,
-  modeAuthenticated: m = !1,
+  modeAuthenticated: o = !1,
   eventCardDescriptionTitle: N,
   tags: n
 }) => {
-  var p, u, v;
+  var c, p, u;
   const { copyToClipboard: y, isCopied: b } = A(), B = s(() => e != null && e.updatedBy ? E(
     e.updatedBy.name ?? "",
     e.updatedBy.surname ?? ""
-  ) : "-", [e.updatedBy]), [k, l] = s(() => !e.previewImageTitle || e.previewImageTitle.trim() === "" ? [null, null] : e.previewImageTitle.trim().split(/\s+/).length >= 4 ? F(e.previewImageTitle.toUpperCase()) : [e.previewImageTitle.toUpperCase(), null], [e.previewImageTitle]), D = s(() => {
+  ) : "-", [e.updatedBy]), [k, m] = s(() => !e.previewImageTitle || e.previewImageTitle.trim() === "" ? [null, null] : e.previewImageTitle.trim().split(/\s+/).length >= 4 ? F(e.previewImageTitle.toUpperCase()) : [e.previewImageTitle.toUpperCase(), null], [e.previewImageTitle]), D = s(() => {
     const i = e.readingTime ?? 0;
     return Math.ceil(Number(i) / 60) || 0;
   }, [e]), L = () => {
     if (!e.previewImageUrl) return null;
-    if (o === "event") {
+    if (x === "event") {
       const i = (a) => "eventCardTitle" in a || "eventTitle" in a;
       return /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: h(
-            o === "event" && "is-event",
+          className: v(
             t ? "hero-event-preview" : "hero-event-container",
-            m ? "margin-authenticated ratio-authenticated" : ""
+            o ? "margin-authenticated ratio-authenticated" : ""
           ),
           children: [
             /* @__PURE__ */ r.jsx(
@@ -97,33 +96,33 @@ const se = ({
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
-        className: h(
+        className: v(
           t ? "hero-service-detail-image" : "hero-fullscreen-image-container",
-          m ? "margin-authenticated" : ""
+          o ? "margin-authenticated" : ""
         ),
         children: [
           /* @__PURE__ */ r.jsx(
-            f,
+            h,
             {
               alt: `Service ${e.name} image`,
               src: e.previewImageUrl,
               style: { aspectRatio: 21 / 9 },
-              ...x
+              ...f
             }
           ),
           e.previewImageTitle && e.previewImageTitle.trim() !== "" && /* @__PURE__ */ r.jsxs("p", { className: "short-title", children: [
             /* @__PURE__ */ r.jsx("span", { children: k }),
-            l && /* @__PURE__ */ r.jsx("span", { children: l })
+            m && /* @__PURE__ */ r.jsx("span", { children: m })
           ] })
         ]
       }
     );
-  }, c = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  }, l = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("div", { className: "hero-action-author", children: [
       /* @__PURE__ */ r.jsx(
         U,
         {
-          authorName: (p = e == null ? void 0 : e.updatedBy) != null && p.name ? `${(u = e == null ? void 0 : e.updatedBy) == null ? void 0 : u.name} ${(v = e == null ? void 0 : e.updatedBy) == null ? void 0 : v.surname}` : "-",
+          authorName: (c = e == null ? void 0 : e.updatedBy) != null && c.name ? `${(p = e == null ? void 0 : e.updatedBy) == null ? void 0 : p.name} ${(u = e == null ? void 0 : e.updatedBy) == null ? void 0 : u.surname}` : "-",
           avatar: { initials: B },
           publishedLabel: g,
           publishedDate: $(e.updatedAt ?? "", "it") ?? "-",
@@ -147,7 +146,7 @@ const se = ({
     ] }),
     L()
   ] });
-  return t ? /* @__PURE__ */ r.jsx("div", { className: "hero-content-card-container-preview", children: c }) : c;
+  return t ? /* @__PURE__ */ r.jsx("div", { className: "hero-content-card-container-preview", children: l }) : l;
 };
 export {
   se as HeroContentCard

package/dist/index.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es40.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./HeroContentCard.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseServiceProps = {\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?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n  eventCardTitle?: string;\r\n  eventCardDescription?: string;\r\n  eventTitle?: string;\r\n  eventDescriptionTitle?: string;\r\n  eventDescription?: string;\r\n  tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n\r\n// const AuthenticatedModeEnum = {\r\n//   AUTHENTICATED: \"authenticated\",\r\n//   PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\n\r\ninterface HeroContentCardCommonProps {\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  isPreview?: boolean;\r\n  modeAuthenticated?: boolean;\r\n  eventCardDescriptionTitle?: string;\r\n  tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n  data: Service;\r\n  variant: \"service\";\r\n} & HeroContentCardCommonProps;\r\n\r\ntype EventProps = {\r\n  data: Event;\r\n  variant: \"event\";\r\n} & HeroContentCardCommonProps;\r\n\r\nexport type HeroContentCardProps = ServiceProps | EventProps;\r\n\r\nexport const HeroContentCard = ({\r\n  data = {} as Service | Event,\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  modeAuthenticated = false,\r\n  eventCardDescriptionTitle,\r\n  tags,\r\n}: HeroContentCardProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!data?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      data.updatedBy.name ?? \"\",\r\n      data.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [data.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(data.previewImageTitle.toUpperCase());\r\n    }\r\n\r\n    return [data.previewImageTitle.toUpperCase(), null];\r\n  }, [data.previewImageTitle]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = data.readingTime ?? 0;\r\n    return Math.ceil(Number(readingTime) / 60) || 0;\r\n  }, [data]);\r\n\r\n  const renderImage = () => {\r\n    if (!data.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      const isEvent = (obj: Service | Event): obj is Event => {\r\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n      };\r\n\r\n      return (\r\n        <div\r\n          className={clsx(\r\n            variant === \"event\" && \"is-event\",\r\n            isPreview ? \"hero-event-preview\" : \"hero-event-container\",\r\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n          )}\r\n        >\r\n          <img\r\n            className=\"hero-event-background\"\r\n            src={data.previewImageUrl}\r\n            alt={`Evento ${data.name}`}\r\n          />\r\n          <div className={\"hero-event-content\"}>\r\n            <img\r\n              className=\"hero-event-main-image\"\r\n              src={data.previewImageUrl}\r\n              alt={`Evento ${data.name}`}\r\n            />\r\n            <Col\r\n              justifyContent={\"space-between\"}\r\n              className=\"hero-event-card-container\"\r\n            >\r\n              <div>\r\n                {isEvent(data) &&\r\n                  (data.eventCardTitle || data.eventCardDescription) && (\r\n                    <CardCategory\r\n                      title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\r\n                      className={\"w-full\"}\r\n                      description={\r\n                        isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\r\n                      }\r\n                      description2={\r\n                        isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\r\n                      }\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                  )}\r\n              </div>\r\n\r\n              {tags && tags?.length > 0 && (\r\n                <Tags title={tagsLabelTitle} items={tags ?? []} />\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={clsx(\r\n          isPreview\r\n            ? \"hero-service-detail-image\"\r\n            : \"hero-fullscreen-image-container\",\r\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n        )}\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${data.name} image`}\r\n          src={data.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n          <p className={\"short-title\"}>\r\n            <span>{firstTitleLine}</span>\r\n            {secondTitleLine && <span>{secondTitleLine}</span>}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const content = (\r\n    <>\r\n      <div className={\"hero-action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            data?.updatedBy?.name\r\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row gap={\"x8\"} className={\"hero-action-link\"}>\r\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\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  return isPreview ? (\r\n    <div className={\"hero-content-card-container-preview\"}>{content}</div>\r\n  ) : (\r\n    content\r\n  );\r\n};\r\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.es40.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./HeroContentCard.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseServiceProps = {\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?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n  eventCardTitle?: string;\r\n  eventCardDescription?: string;\r\n  eventTitle?: string;\r\n  eventDescriptionTitle?: string;\r\n  eventDescription?: string;\r\n  tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n\r\n// const AuthenticatedModeEnum = {\r\n//   AUTHENTICATED: \"authenticated\",\r\n//   PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\n\r\ninterface HeroContentCardCommonProps {\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  isPreview?: boolean;\r\n  modeAuthenticated?: boolean;\r\n  eventCardDescriptionTitle?: string;\r\n  tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n  data: Service;\r\n  variant: \"service\";\r\n} & HeroContentCardCommonProps;\r\n\r\ntype EventProps = {\r\n  data: Event;\r\n  variant: \"event\";\r\n} & HeroContentCardCommonProps;\r\n\r\nexport type HeroContentCardProps = ServiceProps | EventProps;\r\n\r\nexport const HeroContentCard = ({\r\n  data = {} as Service | Event,\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  modeAuthenticated = false,\r\n  eventCardDescriptionTitle,\r\n  tags,\r\n}: HeroContentCardProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!data?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      data.updatedBy.name ?? \"\",\r\n      data.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [data.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(data.previewImageTitle.toUpperCase());\r\n    }\r\n\r\n    return [data.previewImageTitle.toUpperCase(), null];\r\n  }, [data.previewImageTitle]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = data.readingTime ?? 0;\r\n    return Math.ceil(Number(readingTime) / 60) || 0;\r\n  }, [data]);\r\n\r\n  const renderImage = () => {\r\n    if (!data.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      const isEvent = (obj: Service | Event): obj is Event => {\r\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n      };\r\n\r\n      return (\r\n        <div\r\n          className={clsx(\r\n            isPreview ? \"hero-event-preview\" : \"hero-event-container\",\r\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n          )}\r\n        >\r\n          <img\r\n            className=\"hero-event-background\"\r\n            src={data.previewImageUrl}\r\n            alt={`Evento ${data.name}`}\r\n          />\r\n          <div className={\"hero-event-content\"}>\r\n            <img\r\n              className=\"hero-event-main-image\"\r\n              src={data.previewImageUrl}\r\n              alt={`Evento ${data.name}`}\r\n            />\r\n            <Col\r\n              justifyContent={\"space-between\"}\r\n              className=\"hero-event-card-container\"\r\n            >\r\n              <div>\r\n                {isEvent(data) &&\r\n                  (data.eventCardTitle || data.eventCardDescription) && (\r\n                    <CardCategory\r\n                      title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\r\n                      className={\"w-full\"}\r\n                      description={\r\n                        isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\r\n                      }\r\n                      description2={\r\n                        isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\r\n                      }\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                  )}\r\n              </div>\r\n\r\n              {tags && tags?.length > 0 && <Tags title={tagsLabelTitle} items={tags ?? []} />}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={clsx(\r\n          isPreview\r\n            ? \"hero-service-detail-image\"\r\n            : \"hero-fullscreen-image-container\",\r\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n        )}\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${data.name} image`}\r\n          src={data.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n          <p className={\"short-title\"}>\r\n            <span>{firstTitleLine}</span>\r\n            {secondTitleLine && <span>{secondTitleLine}</span>}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const content = (\r\n    <>\r\n      <div className={\"hero-action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            data?.updatedBy?.name\r\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row gap={\"x8\"} className={\"hero-action-link\"}>\r\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\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  return isPreview ? (\r\n    <div className={\"hero-content-card-container-preview\"}>{content}</div>\r\n  ) : (\r\n    content\r\n  );\r\n};\r\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}

package/dist/index.es403.js

@@ -0,0 +1,46 @@
+import { j as a } from "./index.es226.js";
+import './components/ui/Feedback/Rating.css';/* empty css            */
+import { l as o } from "./index.es433.js";
+import { clsx as r } from "./index.es227.js";
+const i = 5, c = o.range(1, i + 1);
+function m({ onClick: l, rating: t = 0 }) {
+  const e = (s) => s <= t;
+  return /* @__PURE__ */ a.jsxs("fieldset", { className: "rating", children: [
+    /* @__PURE__ */ a.jsx("legend", { className: "visually-hidden", children: "Valutazione" }),
+    c.map((s, n) => /* @__PURE__ */ a.jsxs(
+      "button",
+      {
+        onClick: () => l(s),
+        className: r("star black-focus", {
+          active: e(s)
+        }),
+        "aria-label": `${s} ${s === 1 ? "punto" : "punti"} di valutazione su ${i} punti`,
+        children: [
+          /* @__PURE__ */ a.jsx(
+            "svg",
+            {
+              version: "1.1",
+              xmlns: "http://www.w3.org/2000/svg",
+              x: "0px",
+              y: "0px",
+              viewBox: "0 0 24 24",
+              className: "icon icon-sm",
+              children: /* @__PURE__ */ a.jsx("g", { children: /* @__PURE__ */ a.jsx("path", { d: "M12,1.7L9.5,9.2H1.6L8,13.9l-2.4,7.6l6.4-4.7l6.4,4.7L16,13.9l6.4-4.7h-7.9L12,1.7z" }) })
+            }
+          ),
+          /* @__PURE__ */ a.jsxs("span", { className: "visually-hidden", children: [
+            "Valuta ",
+            s,
+            " stelle su ",
+            i
+          ] })
+        ]
+      },
+      n
+    ))
+  ] });
+}
+export {
+  m as Rating
+};
+//# sourceMappingURL=index.es403.js.map

package/dist/index.es403.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es403.js","sources":["../src/components/ui/Feedback/Rating.tsx"],"sourcesContent":["import \"./Rating.scss\";\r\nimport { range } from \"lodash\";\r\nimport { clsx } from \"clsx\";\r\n\r\nexport type RatingProps = {\r\n  onClick: (value: number) => void;\r\n  rating?: number;\r\n};\r\n\r\nconst STAR_QUANTITY = 5;\r\nconst STARS = range(1, STAR_QUANTITY + 1);\r\n\r\nexport function Rating({ onClick, rating = 0 }: RatingProps) {\r\n  const isRatingActive = (num: number) => num <= rating;\r\n\r\n  return (\r\n    <fieldset className=\"rating\">\r\n      <legend className=\"visually-hidden\">Valutazione</legend>\r\n      {STARS.map((num, index) => (\r\n        <button\r\n          key={index}\r\n          onClick={() => onClick(num)}\r\n          className={clsx(\"star black-focus\", {\r\n            active: isRatingActive(num),\r\n          })}\r\n          aria-label={`${num} ${num === 1 ? \"punto\" : \"punti\"} di valutazione su ${STAR_QUANTITY} punti`}\r\n        >\r\n          <svg\r\n            version=\"1.1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 24 24\"\r\n            className=\"icon icon-sm\"\r\n          >\r\n            <g>\r\n              <path d=\"M12,1.7L9.5,9.2H1.6L8,13.9l-2.4,7.6l6.4-4.7l6.4,4.7L16,13.9l6.4-4.7h-7.9L12,1.7z\" />\r\n            </g>\r\n          </svg>\r\n\r\n          <span className=\"visually-hidden\">\r\n            Valuta {num} stelle su {STAR_QUANTITY}\r\n          </span>\r\n        </button>\r\n      ))}\r\n    </fieldset>\r\n  );\r\n}\r\n"],"names":["STAR_QUANTITY","STARS","range","Rating","onClick","rating","isRatingActive","num","jsxs","jsx","index","clsx"],"mappings":";;;;AASA,MAAMA,IAAgB,GAChBC,IAAQC,EAAA,MAAM,GAAGF,IAAgB,CAAC;AAEjC,SAASG,EAAO,EAAE,SAAAC,GAAS,QAAAC,IAAS,KAAkB;AACrD,QAAAC,IAAiB,CAACC,MAAgBA,KAAOF;AAG7C,SAAAG,gBAAAA,EAAA,KAAC,YAAS,EAAA,WAAU,UAClB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,mBAAkB,UAAW,eAAA;AAAA,IAC9CR,EAAM,IAAI,CAACM,GAAKG,MACfF,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMJ,EAAQG,CAAG;AAAA,QAC1B,WAAWI,EAAK,oBAAoB;AAAA,UAClC,QAAQL,EAAeC,CAAG;AAAA,QAAA,CAC3B;AAAA,QACD,cAAY,GAAGA,CAAG,IAAIA,MAAQ,IAAI,UAAU,OAAO,sBAAsBP,CAAa;AAAA,QAEtF,UAAA;AAAA,UAAAS,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,GAAE;AAAA,cACF,GAAE;AAAA,cACF,SAAQ;AAAA,cACR,WAAU;AAAA,cAEV,gCAAC,KACC,EAAA,UAAAA,gBAAAA,MAAC,QAAK,EAAA,GAAE,oFAAmF,EAC7F,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEAD,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,mBAAkB,UAAA;AAAA,YAAA;AAAA,YACxBD;AAAA,YAAI;AAAA,YAAYP;AAAA,UAAA,EAC1B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAtBKU;AAAA,IAwBR,CAAA;AAAA,EAAA,GACH;AAEJ;"}