UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 4.39 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/HeroContentCard/HeroContentCard.css');const i=require("./index.cjs237.js"),B=require("./index.cjs309.js"),k=require("./index.cjs308.js"),A=require("./index.cjs310.js"),D=require("./index.cjs256.js"),t=require("./index.cjs238.js"),o=require("react"),L=require("./index.cjs18.js"),M=require("./index.cjs26.js"),S=require("./index.cjs116.js");;/* empty css */const U=require("./index.cjs125.js"),F=require("./index.cjs181.js"),H=require("./index.cjs61.js"),O=require("./index.cjs36.js"),P=require("./index.cjs147.js"),V=({data:e={},ImageComponent:g="img",imageProps:h={},variant:l="service",publishedLabel:T="Pubblicato",readingTimeLabel:R="Tempo di lettura",readingMinuteLabel:C="min",tagsLabelTitle:E="Argomenti trattati",shareLabel:w="Condividi",copyLinkLabel:I="Copia link",copiedTextLabel:d="Link copiato",isPreview:s=!1,modeAuthenticated:c=!1,eventCardDescriptionTitle:f,tags:n})=>{var x,p,j;const{copyToClipboard:N,isCopied:q}=B.useCopyToClipboardCurrentPage(),y=o.useMemo(()=>e!=null&&e.updatedBy?A.getFullNameInitials(e.updatedBy.name??"",e.updatedBy.surname??""):"-",[e.updatedBy]),[a,m]=o.useMemo(()=>!e.previewImageTitle||e.previewImageTitle.trim()===""?[null,null]:e.previewImageTitle.trim().split(/\s+/).length>=4?D.splitInTwo(e.previewImageTitle.toUpperCase()):[e.previewImageTitle.toUpperCase(),null],[e.previewImageTitle]),b=o.useMemo(()=>{const r=e.readingTime??0;return Math.ceil(Number(r)/60)||0},[e]),$=()=>{if(!e.previewImageUrl)return null;if(l==="event"){const r=v=>"eventCardTitle"in v||"eventTitle"in v;return i.jsxRuntimeExports.jsxs("div",{className:t.clsx(l==="event"&&"is-event",s?"hero-event-preview":"hero-event-container",c?"margin-authenticated ratio-authenticated":""),children:[i.jsxRuntimeExports.jsx("img",{className:"hero-event-background",src:e.previewImageUrl,alt:`Evento ${e.name}`}),i.jsxRuntimeExports.jsxs("div",{className:"hero-event-content",children:[i.jsxRuntimeExports.jsx("img",{className:"hero-event-main-image",src:e.previewImageUrl,alt:`Evento ${e.name}`}),i.jsxRuntimeExports.jsxs(H.Col,{justifyContent:"space-between",className:"hero-event-card-container",children:[i.jsxRuntimeExports.jsx("div",{children:r(e)&&(e.eventCardTitle||e.eventCardDescription)&&i.jsxRuntimeExports.jsx(O.CardCategory,{title:r(e)?e.eventCardTitle??"-":"-",className:"w-full",description:r(e)?f??"-":"-",description2:r(e)?e.eventCardDescription??"-":"-",classNameTitle:"text-slate-20 fs-5 md-fs-custom-2",classNameDescriptionTitle:"text-slate-28 fw-bold fs-6 md-fs-custom"})}),n&&(n==null?void 0:n.length)>0&&i.jsxRuntimeExports.jsx(P.Tags,{title:E,items:n??[]})]})]})]})}return i.jsxRuntimeExports.jsxs("div",{className:t.clsx(s?"hero-service-detail-image":"hero-fullscreen-image-container",c?"margin-authenticated":""),children:[i.jsxRuntimeExports.jsx(g,{alt:`Service ${e.name} image`,src:e.previewImageUrl,style:{aspectRatio:21/9},...h}),(e==null?void 0:e.previewImageTitle)&&(e==null?void 0:e.previewImageTitle.trim())!==""&&i.jsxRuntimeExports.jsxs("p",{className:t.clsx("short-title",e!=null&&e.previewImageTextAlign?e==null?void 0:e.previewImageTextAlign:""),children:[i.jsxRuntimeExports.jsx("span",{children:a}),m&&i.jsxRuntimeExports.jsx("span",{children:m})]})]})},u=i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs("div",{className:"hero-action-author",children:[i.jsxRuntimeExports.jsx(M.AuthorBlock,{authorName:(x=e==null?void 0:e.updatedBy)!=null&&x.name?`${(p=e==null?void 0:e.updatedBy)==null?void 0:p.name} ${(j=e==null?void 0:e.updatedBy)==null?void 0:j.surname}`:"-",avatar:{initials:y},publishedLabel:T,publishedDate:k.fromISODateToDateFormatted(e.updatedAt??"","it")??"-",readingTimeLabel:R,readingTimeValue:b,readingMinuteLabel:C}),i.jsxRuntimeExports.jsxs(S.Row,{gap:"x8",className:"hero-action-link",children:[i.jsxRuntimeExports.jsx(U.ShareButton,{textLabel:w,titleShared:e.name}),i.jsxRuntimeExports.jsx("div",{className:"share-divider",children:i.jsxRuntimeExports.jsx(L.ActionIconText,{textLabel:q?d:I,icon:i.jsxRuntimeExports.jsx(F.CopyLink,{}),handleAction:N,classNameText:"fw-bold"})})]})]}),$()]});return s?i.jsxRuntimeExports.jsx("div",{className:"hero-content-card-container-preview",children:u}):u};exports.HeroContentCard=V; //# sourceMappingURL=index.cjs99.js.map