@stackshift-ui/features 6.0.3 → 6.0.5-beta.0

package/src/types.ts

@@ -0,0 +1,412 @@
+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;
+  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;
+  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-GGPLBP3I.mjs

@@ -1 +0,0 @@
-import{Container as g}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as p}from"@stackshift-ui/heading";import{Image as c}from"@stackshift-ui/image";import{Section as d}from"@stackshift-ui/section";import{Text as l}from"@stackshift-ui/text";import e from"react";import{jsx as m,jsxs as o}from"react/jsx-runtime";function x({caption:n,title:i,features:t}){return m(d,{className:"py-20 bg-background",children:o(g,{maxWidth:1280,children:[m(g,{maxWidth:448,className:"mb-16 text-center ",children:m(I,{caption:n,title:i})}),m(s,{wrap:!0,children:m(F,{features:t})})]})})}function I({caption:n,title:i}){return o(e.Fragment,{children:[n?m(l,{weight:"bold",className:"text-secondary",children:n}):null,i?m(p,{fontSize:"3xl",children:i}):null]})}function F({features:n}){return n?m(e.Fragment,{children:n==null?void 0:n.map(i=>m(b,{feature:i},i._key))}):null}function b({feature:n}){var i;return o("div",{className:"w-full px-4 mt-16 mb-12 md:w-1/2 lg:mb-0 lg:w-1/4",children:[(i=n==null?void 0:n.mainImage)!=null&&i.image?m(T,{feature:n}):null,n!=null&&n.title?m(l,{weight:"bold",className:"mb-4 text-gray-500",fontSize:"xl",children:n==null?void 0:n.title}):null,n!=null&&n.plainText?m(l,{muted:!0,className:"leading-loose",children:n==null?void 0:n.plainText}):null]})}function T({feature:n}){var i,t,a,r;return(i=n==null?void 0:n.mainImage)!=null&&i.image?m("span",{className:"inline-block p-3 mb-4 rounded bg-secondary-foreground text-primary-foreground md:mb-6",children:m(c,{className:"object-scale-down",src:`${(t=n==null?void 0:n.mainImage)==null?void 0:t.image}`,width:40,height:40,alt:(r=(a=n==null?void 0:n.mainImage)==null?void 0:a.alt)!=null?r:"features-image-"})}):null}export{x as a};

package/dist/chunk-L75Y6DJF.mjs

@@ -1 +0,0 @@
-import{Button as p}from"@stackshift-ui/button";import{Card as w}from"@stackshift-ui/card";import{Container as v}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Heading as e}from"@stackshift-ui/heading";import{Image as N}from"@stackshift-ui/image";import{Section as F}from"@stackshift-ui/section";import{Text as s}from"@stackshift-ui/text";import h from"react";import{jsx as l,jsxs as c}from"react/jsx-runtime";function k({featuredItems:o}){let[i,n]=h.useState(0);return l(F,{className:"py-20 overflow-x-auto bg-background",children:l(v,{maxWidth:1280,children:l(b,{className:"relative",children:l(d,{featuredItems:o,slider:r=>{o&&(r==="next"?i!==o.length-1?n(t=>t+1):n(0):i>=1?n(t=>t-1):n(o.length-1))},children:c("div",{className:"order-1 w-full ml-auto xl:w-4/5",children:[l(C,{featuredItems:o,item:i}),l(S,{featuredItems:o,item:i})]})})})})})}function C({featuredItems:o,item:i}){var n,x,r,t,m,a,g;return(x=(n=o==null?void 0:o[i])==null?void 0:n.mainImage)!=null&&x.image?l("div",{className:"mx-auto overflow-hidden rounded-md md:max-w-xl xl:max-w-4xl",children:l(N,{className:"relative object-cover rounded-global",src:`${(t=(r=o==null?void 0:o[i])==null?void 0:r.mainImage)==null?void 0:t.image}`,sizes:"100vw",width:896,height:575,alt:(g=(a=(m=o==null?void 0:o[i])==null?void 0:m.mainImage)==null?void 0:a.alt)!=null?g:`features-image-${i}`})}):null}function S({featuredItems:o,item:i}){var n,x,r,t,m,a;return o?c(w,{className:"top-0 left-0 max-w-xl p-6 mx-auto text-center bg-white md:mt-12 md:p-10 lg:mt-12 lg:p-10 xl:absolute xl:mx-0 xl:mt-20 xl:py-24",children:[l(s,{weight:"bold",className:"text-xs lg:text-md md:text-sm xl:text-lg text-secondary",children:((n=o==null?void 0:o[i])==null?void 0:n.subtitle)&&((x=o==null?void 0:o[i])==null?void 0:x.subtitle)}),l(e,{fontSize:"3xl",children:((r=o==null?void 0:o[i])==null?void 0:r.title)&&((t=o==null?void 0:o[i])==null?void 0:t.title)}),l(s,{muted:!0,className:"text-xs leading-loose text-center md:mt-5 md:text-sm lg:mt-5 lg:text-sm",children:((m=o==null?void 0:o[i])==null?void 0:m.description)&&((a=o==null?void 0:o[i])==null?void 0:a.description)})]}):null}function d({featuredItems:o,children:i,slider:n}){return o?c(h.Fragment,{children:[l("div",{className:"absolute left-0 z-40 items-center mt-20 -mx-3 order-0 md:mt-40 lg:mt-60 xl:-mx-6 xl:flex",children:(o==null?void 0:o.length)>=2&&l(p,{as:"button",ariaLabel:"Show Previous Feature",className:"z-10 p-4 text-white ",onClick:()=>n("prev"),children:l("svg",{className:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M10 19l-7-7m0 0l7-7m-7 7h18"})})})}),i,l("div",{className:"absolute right-0 z-40 items-center order-2 mt-20 -mx-3 md:mt-40 lg:mt-60 xl:-mx-6 xl:flex",children:(o==null?void 0:o.length)>=2&&l(p,{as:"button",ariaLabel:"Show Next Feature",className:"p-4 text-white ",onClick:()=>n("next"),children:l("svg",{className:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})})})]}):null}export{k as a};

package/dist/chunk-PLE2ZDCT.mjs

@@ -1 +0,0 @@
-import{Card as s}from"@stackshift-ui/card";import{Container as l}from"@stackshift-ui/container";import{Flex as g}from"@stackshift-ui/flex";import{Heading as p}from"@stackshift-ui/heading";import{Image as c}from"@stackshift-ui/image";import{Section as d}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import x from"react";import{jsx as i,jsxs as e}from"react/jsx-runtime";function T({caption:t,title:m,features:n}){return i(d,{className:"py-20 bg-background",children:e(l,{maxWidth:1280,children:[i(l,{maxWidth:448,className:"mb-8 text-center",children:i(b,{caption:t,title:m})}),i(y,{features:n})]})})}function b({caption:t,title:m}){return e(x.Fragment,{children:[t?i(o,{weight:"bold",className:"text-primary",children:t}):null,m?i(p,{fontSize:"3xl",children:m}):null]})}function y({features:t}){return t?i(g,{wrap:!0,justify:"center",children:t.map(m=>i(F,{feature:m},m._key))}):null}function F({feature:t}){var m,n,r,a;return i("div",{className:"w-full px-4 mt-8 lg:mb-0 lg:w-1/3",children:e(s,{className:"h-full px-6 py-12 text-center",children:[i("div",{className:"self-start inline-block p-3 mb-6 rounded-lg bg-secondary-foreground md:p-5",children:((m=t==null?void 0:t.mainImage)==null?void 0:m.image)&&i(c,{className:"object-scale-down",src:`${(n=t==null?void 0:t.mainImage)==null?void 0:n.image}`,width:40,height:40,alt:(a=(r=t==null?void 0:t.mainImage)==null?void 0:r.alt)!=null?a:"features-image-"})}),i(o,{fontSize:"xl",weight:"bold",className:"px-8 mb-4 text-gray-500",children:t==null?void 0:t.title}),i(o,{muted:!0,children:t==null?void 0:t.plainText})]})})}export{T as a};

package/dist/chunk-VJX6I62Q.mjs

@@ -1 +0,0 @@
-import{Card as s}from"@stackshift-ui/card";import{Container as r}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Heading as g}from"@stackshift-ui/heading";import{Image as c}from"@stackshift-ui/image";import{Section as p}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import x from"react";import{jsx as m,jsxs as a}from"react/jsx-runtime";function b({caption:t,title:i,features:n}){return m(p,{className:"py-20 bg-background",children:a(r,{maxWidth:1280,children:[m(r,{maxWidth:448,className:"mb-16 text-center ",children:m(T,{caption:t,title:i})}),m(w,{features:n})]})})}function T({caption:t,title:i}){return a(x.Fragment,{children:[t?m(o,{weight:"bold",className:"text-secondary",children:t}):null,i?m(g,{fontSize:"3xl",children:i}):null]})}function w({features:t}){return t?m(d,{wrap:!0,justify:"start",className:"-mx-3",children:t.map(i=>m(y,{feature:i},i._key))}):null}function y({feature:t}){var i,n,e,l;return m("div",{className:"w-full px-3 mb-6 lg:w-1/2",children:a(s,{className:"flex flex-wrap h-full p-6",children:[m("div",{className:"self-start inline-block p-3 mb-4 mr-6 rounded-lg bg-secondary-foreground md:p-5 lg:mb-0",children:((i=t==null?void 0:t.mainImage)==null?void 0:i.image)&&m(c,{className:"object-scale-down",src:`${(n=t==null?void 0:t.mainImage)==null?void 0:n.image}`,width:40,height:40,alt:(l=(e=t==null?void 0:t.mainImage)==null?void 0:e.alt)!=null?l:"features-main-image"})}),a("div",{className:"w-full lg:w-2/3",children:[m(o,{fontSize:"2xl",weight:"bold",className:"mb-2 text-gray-500",children:t==null?void 0:t.title}),m(o,{muted:!0,children:t==null?void 0:t.plainText})]})]})})}export{b as a};