@stackshift-ui/blog 6.0.5 → 6.0.7-beta.0

package/src/types.ts

@@ -0,0 +1,414 @@
+export type StyleVariants<T extends string> = Record<T, string>;
+
+export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
+export interface MainImage {
+  image: string;
+  alt?: string;
+}
+
+export interface LabeledRoute extends ConditionalLink {
+  ariaLabel?: string;
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  _type?: string;
+  linkInternal?: any;
+}
+export interface ConditionalLink {
+  type?: string;
+  internalLink?: string | null;
+  externalLink?: string | null;
+}
+
+export interface StatItems {
+  label?: string;
+  mainImage?: MainImage;
+  value?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Logo extends ConditionalLink {
+  alt?: string;
+  linkTarget?: string;
+  image?: string;
+}
+
+export interface Images {
+  image?: string;
+  _key?: string;
+  _type?: string;
+  alt?: string;
+}
+
+export interface ContactDetails {
+  addressInfo?: string;
+  contactInfo?: string;
+  emailInfo?: string;
+  _key?: string;
+}
+
+export interface SocialLink {
+  socialMedia?: string | null;
+  socialMediaLink?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+  socialMediaIcon?: {
+    alt?: string;
+    image?: string;
+  } | null;
+  socialMediaPlatform?: string | null;
+}
+
+export interface LabeledRouteWithKey extends LabeledRoute {
+  _key?: string;
+}
+
+export interface ArrayOfImageTitleAndText {
+  mainImage?: {
+    alt?: string;
+    image?: string;
+  };
+  plainText?: string;
+  title?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface FeaturedItem {
+  description?: string;
+  mainImage?: MainImage;
+  title?: string;
+  subtitle?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface ArrayOfTitleAndText {
+  _key?: string;
+  plainText?: string;
+  title?: string;
+}
+
+export interface BlogPost extends SanityBody {
+  authors?: Author[] | null;
+  body?: any;
+  categories?: Category[] | null;
+  excerpt?: string | null;
+  link?: string | null;
+  mainImage?: string | null;
+  alt?: string | null;
+  publishedAt?: string;
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+  title?: string;
+}
+
+export interface Seo {
+  _type?: string;
+  seoTitle?: string;
+  seoDescription?: string;
+  seoImage?: string;
+  seoKeywords?: string;
+  seoSynonyms?: string;
+}
+
+export interface SanitySlug {
+  current?: string;
+  _type?: "slug";
+}
+
+export interface SanityBody {
+  _createdAt?: string;
+  _id?: string;
+  _rev?: string;
+  _type?: string;
+  _updatedAt?: string;
+}
+
+export interface Author extends SanityBody {
+  link?: string | null;
+  bio?: string | null;
+  name?: string | null;
+  slug?: SanitySlug | null;
+  image?: string | null;
+  profile?: {
+    alt: string;
+    image: string;
+  } | null;
+}
+
+export interface Category extends SanityBody {
+  title?: string;
+}
+
+export interface Form {
+  id?: string | null;
+  buttonLabel?: string | null;
+  name?: string | null;
+  subtitle?: string | null;
+  fields?: FormFields[] | null;
+  thankYouPage?: ThankYouPage | null;
+}
+
+export interface FormFields {
+  name?: string;
+  placeholder?: string;
+  pricingType?: string;
+  type?: FormTypes;
+  _key?: string;
+  _type?: string;
+  isRequired?: boolean;
+  label?: string;
+  items?: string[];
+}
+
+export type FormTypes =
+  | "inputText"
+  | "inputEmail"
+  | "inputPassword"
+  | "inputNumber"
+  | "textarea"
+  | "inputFile"
+  | "inputRadio"
+  | "inputCheckbox"
+  | "inputSelect";
+
+export interface ThankYouPage {
+  externalLink?: string | null;
+  internalLink?: string | null;
+  linkInternal?: any;
+  linkTarget?: string;
+  linkType?: string;
+  type?: string;
+}
+
+//Used on different sections
+export interface SectionsProps {
+  template?: Template;
+  data?: Sections;
+  variant?: string | null | undefined;
+  schema?: Variants;
+}
+
+export interface Sections extends SanityBody {
+  label?: string;
+  variant?: string;
+  variants?: Variants;
+  _key?: string;
+}
+
+//*EDIT THIS SECTION WHEN CREATING/UPDATING SCHEMAS ON STUDIO */
+export interface Variants {
+  template?: Template;
+  multipleMenus?: any;
+  arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
+  logo?: Logo | null;
+  primaryButton?: LabeledRoute | null;
+  secondaryButton?: LabeledRoute | null;
+  routes?: LabeledRouteWithKey[] | null;
+  menu?: LabeledRouteWithKey[] | null;
+  plans?: Plans[] | null;
+  formLinks?: LabeledRouteWithKey[] | null;
+  portfolios?: Portfolios[] | null;
+  portfoliosWithCategories?: PortfoliosWithCategories[] | null;
+  length?: number;
+  signInLink?: LabeledRoute | null;
+  signinLink?: LabeledRoute | null;
+  tags?: string[] | null;
+  posts?: BlogPost[] | null;
+  blogPosts?: BlogPost[] | null;
+  blogsPerPage?: number | null;
+  form?: Form | null;
+  collections?: Collection | null;
+  products?: CollectionProduct | null;
+  allProducts?: Collection[];
+  subtitle?: string | null;
+  caption?: string | null;
+  title?: string | null;
+  plainText?: string | null;
+  contactDescription?: string | null;
+  officeInformation?: string | null;
+  contactEmail?: string | null;
+  contactNumber?: string | null;
+  socialLinks?: SocialLink[] | null;
+  block?: any;
+  heading?: string | null;
+  acceptButtonLabel?: string | null;
+  declineButtonLabel?: string | null;
+  faqsWithCategories?: FaqsWithCategory[] | null;
+  faqs?: AskedQuestion[] | null;
+  arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
+  description?: string | null;
+  featuredItems?: FeaturedItem[] | null;
+  images?: Images[] | null;
+  contactDetails?: ContactDetails[] | null;
+  copyright?: string | null;
+  mainImage?: MainImage | null;
+  youtubeLink?: string | null;
+  banner?: any;
+  stats?: StatItems[] | null;
+  teams?: Team[] | null;
+  testimonials?: Testimonial[] | null;
+  selectStripeAccount?: string;
+  annualBilling?: string;
+  monthlyBilling?: string;
+  productDetails?: ProductDetail[];
+  btnLabel?: string;
+  selectAccount?: string;
+  hashtags?: string[];
+  numberOfPosts?: number;
+  text?: string;
+  button?: LabeledRoute;
+  features?: string[];
+  config?: {
+    enableAnalytics: boolean;
+    cookiePolicy?: {
+      siteName: string;
+      cookiePolicyPage: Reference;
+    };
+    consentModalPosition?: string;
+  };
+  contactLink?: LabeledRoute;
+}
+
+export interface Template {
+  bg?: string;
+  color?: string;
+}
+
+export type Plans = {
+  _key?: string | null;
+  _type?: "planItems" | null;
+  checkoutButtonName?: string | null;
+  description?: string | null;
+  monthlyPrice?: string | null;
+  planType?: string | null;
+  yearlyPrice?: string | null;
+  planIncludes?: string[] | null;
+  primaryButton?: LabeledRoute | null;
+} & Record<string, string>;
+
+export interface Portfolios {
+  dateAdded?: string | null;
+  mainImage?: {
+    image?: string | null;
+    alt?: string | null;
+  } | null;
+  primaryButton?: LabeledRoute | null;
+  title?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface PortfoliosWithCategories {
+  category?: string | null;
+  content?: Content[] | null;
+  primaryButton?: LabeledRoute | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface Content extends Portfolios {
+  description?: string | null;
+  subtitle?: string | null;
+}
+
+export interface Collection extends SanityBody {
+  collectionInfoVariant?: {
+    variant?: string;
+  } | null;
+  name?: string | null;
+  products?: CollectionProduct[] | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+export interface CollectionProduct extends SanityBody {
+  compareToPrice?: number | null;
+  description?: string | null;
+  ecwidProductId?: number | null;
+  name?: string | null;
+  price?: number | null;
+  productInfo?: ProductInfo | null;
+  productInfoVariant?: {
+    variant?: string;
+  } | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+interface ProductInfo {
+  btnLabel?: string | null;
+  images?: ProductInfoImage[] | null;
+  productDetails?: ProductDetail[] | null;
+  socialLinks?: SocialLink[] | null;
+  subtitle?: string | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+export interface ProductDetail {
+  blockContent?: any;
+  contentType?: string;
+  tabName?: string;
+  _key?: string;
+  [key: string]: any;
+}
+interface ProductInfoImage {
+  alt?: string | null;
+  _key: string;
+  _type: string;
+  image?: string | null;
+}
+
+export interface FaqsWithCategory {
+  askedQuestions?: AskedQuestion[] | null;
+  category?: string | null;
+  _key?: string;
+  _type?: string;
+}
+
+export interface AskedQuestion {
+  answer?: string | null;
+  question?: string | null;
+  hidden?: boolean;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Team {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  plainText?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Testimonial {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  rating?: string;
+  testimony?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export declare interface Reference {
+  _type: string;
+  _ref: string;
+  _key?: string;
+  _weak?: boolean;
+  _strengthenOnPublish?: {
+    type: string;
+    weak?: boolean;
+    template?: {
+      id: string;
+      params: Record<string, string | number | boolean>;
+    };
+  };
+}

package/dist/chunk-2USNC6WZ.mjs

@@ -1 +0,0 @@
-import{a as o}from"./chunk-TMLYY2AQ.mjs";import{a as m}from"./chunk-PC6NMI3O.mjs";import{Button as u}from"@stackshift-ui/button";import{Container as f}from"@stackshift-ui/container";import{Flex as c}from"@stackshift-ui/flex";import{Heading as b}from"@stackshift-ui/heading";import{Image as d}from"@stackshift-ui/image";import{Link as h}from"@stackshift-ui/link";import{Section as v}from"@stackshift-ui/section";import{Text as g}from"@stackshift-ui/text";import{Fragment as z,jsx as l,jsxs as t}from"react/jsx-runtime";function w({subtitle:e,title:i,posts:a,primaryButton:n}){return l(v,{className:"py-20 bg-background",children:t(f,{maxWidth:1280,children:[l(x,{subtitle:e,title:i}),l(P,{posts:a,count:0,blogsPerPage:5}),l(k,{primaryButton:n})]})})}function x({subtitle:e,title:i}){return t("div",{className:"w-full mb-16 text-center",children:[e?l(g,{weight:"bold",className:"text-secondary",children:e}):null,i?l(b,{fontSize:"3xl",children:i}):null]})}function P({posts:e,count:i,blogsPerPage:a}){return t(c,{wrap:!0,justify:"center",className:"mb-16",gap:4,children:[l("div",{className:"w-full lg:w-[45%]",children:e==null?void 0:e.slice(i,i+1).map((n,r)=>l(s,{size:"lg",post:n},r))}),l(c,{wrap:!0,className:"w-full lg:w-[45%]",gap:4,children:e==null?void 0:e.slice(i+1,a).map((n,r)=>l("div",{className:"w-full lg:basis-[45%]",children:l(s,{post:n,size:"sm"})},r))})]})}function s({post:e,size:i}){let a=o("1024");return t("div",{className:"overflow-hidden rounded-global shadow",children:[e!=null&&e.mainImage?l(N,{post:e,size:i,breakpoints:a}):null,t("div",{className:"p-6 bg-white flex flex-col justify-between",style:{height:"295px"},children:[t("div",{children:[e!=null&&e.publishedAt?l(g,{muted:!0,className:"text-sm",children:m(new Date(e.publishedAt)," dd MMM, yyyy")}):null,e!=null&&e.title?l(b,{type:"h4",className:"my-2",children:e.title.length>25?`${e.title.substring(0,25)}...`:e.title}):null,e!=null&&e.excerpt?l(g,{muted:!0,className:"mb-6 text-justify",children:e.excerpt.length>41?`${e.excerpt.substring(0,41)}...`:e.excerpt}):null]}),e!=null&&e.link?l(h,{"aria-label":"View Blog Post",className:"font-bold text-primary hover:text-secondary",href:`/${e==null?void 0:e.link}`,children:"View Blog Post"}):null]})]})}function N({post:e,size:i,breakpoints:a}){return l(z,{children:a?l(d,{className:"object-cover w-full overflow-hidden",src:`${e.mainImage}`,sizes:"100vw",style:{width:"100%",height:"auto",objectFit:"cover"},width:271,height:248,alt:`blog-variantB-image-${e.title}`}):l("div",{className:`${i==="lg"?"h-[44.5rem]":"h-[12.5rem]"}`,children:l(d,{className:"object-cover w-full overflow-hidden rounded-t-global",src:`${e.mainImage}`,sizes:"100vw",style:{width:"100%",height:"100%",objectFit:"cover"},width:271,height:248,alt:`blog-variantB-image-${e.title}`})})})}function k({primaryButton:e}){return e!=null&&e.label?l("div",{className:"text-center",children:l(u,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})}):null}export{w as a};

package/dist/chunk-OV72XAML.mjs

@@ -1 +0,0 @@
-import{a as v}from"./chunk-TMLYY2AQ.mjs";import{a as h}from"./chunk-PC6NMI3O.mjs";import{Badge as T}from"@stackshift-ui/badge";import{Button as F}from"@stackshift-ui/button";import{Container as L}from"@stackshift-ui/container";import{Flex as c}from"@stackshift-ui/flex";import{Heading as t}from"@stackshift-ui/heading";import{Image as y}from"@stackshift-ui/image";import{Link as C}from"@stackshift-ui/link";import{Section as I}from"@stackshift-ui/section";import{Text as d}from"@stackshift-ui/text";import M from"react";import{Fragment as B,jsx as l,jsxs as m}from"react/jsx-runtime";function R({subtitle:e,title:a,posts:g,primaryButton:i}){return l(I,{className:"py-20 bg-background",children:m(L,{maxWidth:1280,children:[m(c,{align:"center",justify:"between",className:"flex-col mb-16 md:flex-row",gap:4,children:[l(S,{subtitle:e,title:a}),l(P,{primaryButton:i})]}),l($,{posts:g,blogsPerPage:3}),l(P,{primaryButton:i})]})})}function S({subtitle:e,title:a}){return m("div",{className:"text-center md:text-left",children:[e?l(d,{weight:"bold",className:"text-primary",children:e}):null,a?l(t,{fontSize:"3xl",children:a}):null]})}function $({posts:e,blogsPerPage:a}){var g;return e?l("div",{children:(g=e==null?void 0:e.slice(0,a))==null?void 0:g.map((i,r)=>l("div",{className:"flex flex-wrap mb-8 overflow-hidden rounded-global shadow",children:l(A,{post:i,className:`${r%2===0?"flex-row":"flex-row-reverse"}`},r)},r))}):null}function A({post:e,className:a}){var r,b,x,u,w,N;let i=v("1100")?70:200;return m(c,{wrap:!0,className:`bg-white overflow-hidden rounded-lg shadow  w-full ${a}`,children:[(e==null?void 0:e.mainImage)&&l(y,{className:"object-cover w-full h-auto rounded-l lg:w-1/2",src:`${e==null?void 0:e.mainImage}`,sizes:"100vw",width:554,height:416,alt:"blog-variantC-image-"}),m("div",{className:"w-full px-6 py-6 rounded-r lg:w-1/2 lg:pt-10",children:[l(c,{gap:2,children:(e==null?void 0:e.categories)&&((r=e==null?void 0:e.categories)==null?void 0:r.map((n,f)=>l(T,{className:" bg-secondary-foreground text-primary",children:n==null?void 0:n.title},f)))}),(e==null?void 0:e.publishedAt)&&l(d,{muted:!0,className:"m-1",children:h(new Date(e==null?void 0:e.publishedAt)," dd MMM, yyyy")}),(e==null?void 0:e.title)&&l(t,{className:"my-4",type:"h3",children:((b=e==null?void 0:e.title)==null?void 0:b.length)>40?((x=e==null?void 0:e.title)==null?void 0:x.substring(0,40))+"...":e==null?void 0:e.title}),(e==null?void 0:e.authors)&&m("div",{className:"flex mb-10 flex-wrap",children:[l("span",{className:"italic text-primary",children:"By\xA0"}),(u=e==null?void 0:e.authors)==null?void 0:u.map((n,f,{length:k})=>m(B,{children:[l(d,{className:"italic text-primary",children:n==null?void 0:n.name}),f+1!==k?l("span",{children:"\xA0,\xA0"}):null]}))]}),(e==null?void 0:e.excerpt)&&l(d,{muted:!0,className:"mb-6 leading-loose text-justify",children:((w=e==null?void 0:e.excerpt)==null?void 0:w.length)>i?((N=e==null?void 0:e.excerpt)==null?void 0:N.substring(0,i))+"...":e==null?void 0:e.excerpt}),(e==null?void 0:e.link)&&l(C,{"aria-label":"View Blog Post",className:"font-bold text-primary hover:text-primary-foreground",href:`/${e==null?void 0:e.link}`,children:"View Blog Post"})]})]})}function P({primaryButton:e}){return e!=null&&e.label?l(M.Fragment,{children:l(F,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})}):null}export{R as a};

package/dist/chunk-XEJIKOLC.mjs

@@ -1 +0,0 @@
-import{a as t}from"./chunk-PC6NMI3O.mjs";import{Button as b}from"@stackshift-ui/button";import{Container as v}from"@stackshift-ui/container";import{Flex as x}from"@stackshift-ui/flex";import{Heading as w}from"@stackshift-ui/heading";import{Image as h}from"@stackshift-ui/image";import{Link as N}from"@stackshift-ui/link";import{Section as o}from"@stackshift-ui/section";import{Text as k}from"@stackshift-ui/text";import{jsx as l,jsxs as d}from"react/jsx-runtime";function P({subtitle:e,title:i,posts:a,primaryButton:n}){return l(o,{className:"py-20 bg-background",children:d(v,{maxWidth:1280,children:[l(y,{subtitle:e,title:i}),l(A,{posts:a}),l(L,{primaryButton:n})]})})}function y({subtitle:e,title:i}){return d("div",{className:"mb-16 text-center",children:[e?l(k,{weight:"bold",className:"text-secondary",children:e}):null,i?l(w,{fontSize:"3xl",children:i}):null]})}function A({posts:e}){var n,c,g,u;if(!e)return null;let i=6,a=0;return d(x,{gap:4,className:"flex-col lg:flex-row",children:[d("div",{className:"w-full space-y-5 lg:w-1/2",children:[(n=e==null?void 0:e.slice(a,a+1))==null?void 0:n.map((m,r)=>l(f,{post:m},r)),l(x,{gap:4,className:"flex-col lg:flex-row",children:(c=e==null?void 0:e.slice(a+1,a+3))==null?void 0:c.map((m,r)=>l(f,{post:m},r))})]}),d("div",{className:"w-full space-y-5 lg:w-1/2",children:[l(x,{gap:4,className:"flex-col lg:flex-row",children:(g=e==null?void 0:e.slice(a+3,a+5))==null?void 0:g.map((m,r)=>l(f,{post:m},r))}),(u=e==null?void 0:e.slice(a+5,i))==null?void 0:u.map((m,r)=>l(f,{post:m},r))]})]})}function f({post:e}){var i,a;return d("div",{className:"relative w-full h-64 rounded",children:[e!=null&&e.mainImage?l(h,{className:"relative object-cover w-full h-full overflow-hidden rounded-global",src:`${e==null?void 0:e.mainImage}`,alt:"blog-variantA-image",sizes:"(min-width: 1540px) 740px, (min-width: 1280px) 612px, (min-width: 1040px) 484px, (min-width: 780px) 736px, (min-width: 680px) 608px, calc(94.44vw - 15px)"}):null,l("div",{className:"absolute inset-0 bg-gray-900 rounded-global opacity-75"}),d("div",{className:"absolute inset-0 flex flex-col items-start p-6",children:[e!=null&&e.categories?l("div",{className:"absolute flex left-5 top-5",children:(i=e==null?void 0:e.categories)==null?void 0:i.map((n,c)=>l("span",{className:"px-3 py-1 mb-auto mr-3 text-sm font-bold uppercase bg-white rounded-full text-primary",children:n==null?void 0:n.title},c))}):null,l("span",{className:"mt-auto text-sm text-gray-500",children:e!=null&&e.publishedAt?t(new Date(e==null?void 0:e.publishedAt),"dd MMM, yyyy"):""}),e!=null&&e.title?l(N,{className:"text-lg font-bold text-white transform hover:scale-110 hover:text-secondary motion-reduce:transform-none",href:`/${e==null?void 0:e.link}`,children:((a=e==null?void 0:e.title)==null?void 0:a.length)>40?(e==null?void 0:e.title.substring(0,40))+"...":e==null?void 0:e.title}):null]})]})}function L({primaryButton:e}){return e!=null&&e.label?l("div",{className:"mt-10 text-center",children:l(b,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})}):null}export{P as a};

package/dist/chunk-YM6QOMEL.mjs

@@ -1 +0,0 @@
-import{a as N}from"./chunk-PC6NMI3O.mjs";import{Button as y}from"@stackshift-ui/button";import{Card as I}from"@stackshift-ui/card";import{Container as M}from"@stackshift-ui/container";import{Flex as x}from"@stackshift-ui/flex";import{Heading as C}from"@stackshift-ui/heading";import{Image as F}from"@stackshift-ui/image";import{Input as $}from"@stackshift-ui/input";import{Link as E}from"@stackshift-ui/link";import{Section as H}from"@stackshift-ui/section";import{Text as v}from"@stackshift-ui/text";import o from"react";import{jsx as n,jsxs as c}from"react/jsx-runtime";function R({subtitle:e,title:t,posts:i}){let[l,u]=o.useState("All"),[r,b]=o.useState(1),[w,k]=o.useState(""),f=6;o.useEffect(()=>{b(1)},[l]);let h=(i!=null?i:[]).flatMap(a=>{var g;return((g=a==null?void 0:a.categories)!=null?g:[]).map(d=>({category:d==null?void 0:d.title,title:a==null?void 0:a.title,slug:a==null?void 0:a.slug,excerpt:a==null?void 0:a.excerpt,publishedAt:a==null?void 0:a.publishedAt,mainImage:a==null?void 0:a.mainImage,authors:a==null?void 0:a.authors}))}),B=h==null?void 0:h.reduce((a,g)=>{let d=g==null?void 0:g.category;return a.indexOf(d)===-1&&a.push(d),a},[]),m=l==="All"?i==null?void 0:i.filter(a=>{var g;return(g=a==null?void 0:a.title)==null?void 0:g.toLowerCase().includes(w.toLowerCase())}):h.filter(a=>{var g;return(a==null?void 0:a.category)===l&&((g=a==null?void 0:a.title)==null?void 0:g.toLowerCase().includes(w.toLowerCase()))}),s=r*f,S=s-f,A=m==null?void 0:m.slice(S,s),L=a=>b(a);return n(H,{className:"py-20 bg-background",children:c(M,{maxWidth:1280,children:[n(D,{subtitle:e,title:t}),n(O,{handleSearchChange:a=>{k(a.target.value),u("All"),b(1)}}),c(x,{wrap:!0,children:[n(j,{categories:B,activeTab:l,setActiveTab:u}),(m==null?void 0:m.length)===0?n(z,{}):n(Q,{currentPosts:A,activeTab:l,blogsPerPage:f})]}),n(W,{blogsPerPage:f,totalBlogs:m==null?void 0:m.length,paginate:L,currentPage:r})]})})}function z({message:e="No post available."}){return n("div",{className:"w-full px-3 lg:w-3/4 font-medium text-lg",children:e})}function D({subtitle:e,title:t}){return c("div",{className:"w-full mb-16",children:[e?n(v,{weight:"bold",className:"text-secondary",children:e}):null,t?n(C,{fontSize:"3xl",children:t}):null]})}function O({handleSearchChange:e}){return c("div",{className:"relative mb-5 w-full lg:w-1/4",children:[n($,{type:"text","aria-label":"Search, find any question you want to ask...",className:"w-full bg-white rounded-global font-heading focus:border-gray-500 focus:outline-none",placeholder:"Search posts...",onChange:e}),n(y,{as:"button",variant:"unstyled",ariaLabel:"Search button",className:"absolute right-0 top-0 h-full px-3 bg-white rounded-global text-primary flex items-center",children:n("svg",{className:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:n("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})})]})}function j({categories:e,activeTab:t,setActiveTab:i}){return n(I,{className:"w-full px-3 mb-8 bg-white lg:mb-0 lg:w-1/4",borderRadius:"global",children:e&&c(o.Fragment,{children:[n(C,{type:"h3",muted:!0,weight:"bold",className:"mb-4 text-base uppercase lg:text-base",children:"Topics"}),c("ul",{children:[(e==null?void 0:e.length)>1&&n(P,{activeTab:t,setActiveTab:i,category:"All"}),e==null?void 0:e.map((l,u)=>n(P,{activeTab:t,setActiveTab:i,category:l},u))]})]})})}function P({key:e,activeTab:t,setActiveTab:i,category:l}){return n("li",{children:n(y,{as:"button",variant:"unstyled",ariaLabel:"Show all blog posts",className:`mb-4 block ${l?"block":"hidden"} px-3 py-2 hover:bg-secondary-foreground focus:outline-none w-full text-left rounded ${t===l?"font-bold text-primary focus:outline-none bg-secondary-foreground":null}`,onClick:()=>i(l),children:l})},e)}function Q({currentPosts:e,activeTab:t,blogsPerPage:i}){var l;return e?n("div",{className:"w-full px-3 lg:w-3/4",children:t==="All"?e==null?void 0:e.map((u,r)=>n(T,{post:u},r)):(l=e==null?void 0:e.slice(0,i))==null?void 0:l.map((u,r)=>n(T,{post:u},r))}):null}function T({post:e}){var t,i,l;return e?c(x,{wrap:!0,className:"mb-8 lg:mb-6 bg-white shadow rounded-lg",children:[n("div",{className:"w-full h-full mb-4 lg:mb-0 lg:w-1/4",children:n(F,{className:"object-cover w-full h-full overflow-hidden rounded",src:`${e==null?void 0:e.mainImage}`,sizes:"100vw",width:188,height:129,alt:"blog-variantD-image-"})}),c("div",{className:"w-full px-3 py-2 lg:w-3/4",children:[(e==null?void 0:e.title)&&n(E,{"aria-label":e==null?void 0:e.title,className:"mb-1 text-2xl font-bold hover:text-secondary font-heading",href:`/${(t=e==null?void 0:e.link)!=null?t:"page-not-added"}`,children:(e==null?void 0:e.title.length)>25?((i=e==null?void 0:e.title)==null?void 0:i.substring(0,25))+"...":e==null?void 0:e.title}),c(x,{wrap:!0,align:"center",gap:1,className:"mb-2 text-sm",children:[e!=null&&e.authors?(l=e==null?void 0:e.authors)==null?void 0:l.map((u,r,{length:b})=>c(x,{children:[n(v,{className:"text-primary",children:u==null?void 0:u.name}),r+1!==b?n("span",{children:"\xA0,\xA0"}):null]},r)):null,e!=null&&e.publishedAt&&(e!=null&&e.authors)?n("span",{className:"mx-2 text-gray-500",children:"\u2022"}):null,e!=null&&e.publishedAt?n(v,{muted:!0,children:N(new Date(e==null?void 0:e.publishedAt)," dd MMM, yyyy")}):null]}),e!=null&&e.excerpt?n(v,{muted:!0,children:(e==null?void 0:e.excerpt.length)>60?(e==null?void 0:e.excerpt.substring(0,60))+"...":e==null?void 0:e.excerpt}):null]})]}):null}function W({blogsPerPage:e,totalBlogs:t,paginate:i,currentPage:l}){if(!e)return null;let u=[];for(let r=1;r<=Math.ceil(t/e);r++)u.push(r);return n("nav",{className:"mt-4","aria-label":"Pagination",children:n("ul",{className:"flex space-x-2 justify-end mr-5",children:u.map(r=>n(y,{variant:"unstyled",as:"button",ariaLabel:`Page ${r}`,className:`${l===r?"bg-secondary-foreground text-gray-500":"bg-white hover:bg-secondary-foreground hover:text-gray-500"} text-primary font-medium py-2 px-4 border border-primary rounded focus:outline-none`,onClick:()=>i(r),children:r},r))})})}export{R as a};