@stackshift-ui/contact 6.0.2 → 6.0.4

package/dist/{chunk-TQSJP3BD.mjs → chunk-4VXBEP6C.mjs}

@@ -1 +1 @@
-import{a as d}from"./chunk-LN2UUYYP.mjs";import{PortableText as h}from"@portabletext/react";import{Button as y}from"@stackshift-ui/button";import{Container as L}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Form as v}from"@stackshift-ui/form";import{FormField as k}from"@stackshift-ui/form-field";import{Heading as g}from"@stackshift-ui/heading";import{Link as o}from"@stackshift-ui/link";import{Section as C}from"@stackshift-ui/section";import{SocialIcons as N}from"@stackshift-ui/social-icons";import{Text as c}from"@stackshift-ui/text";import w from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";function S({contactDescription:e,officeInformation:t,contactEmail:i,contactNumber:l,socialLinks:p,form:u,block:a,title:s}){return n(C,{className:"py-20 bg-background",children:n(L,{maxWidth:1280,children:r(b,{direction:"col",gap:8,justify:"between",className:"lg:flex-row",children:[r(b,{direction:"col",gap:8,className:"px-10 w-full basis-1/2",children:[n(P,{form:u,title:s,contactDescription:e}),n(T,{officeInformation:t,contactEmail:i,contactNumber:l}),n(q,{socialLinks:p})]}),n(H,{form:u,block:a,blockCustomization:z})]})})})}function P({form:e,title:t,contactDescription:i}){return r("div",{children:[((e==null?void 0:e.name)||t)&&n(g,{children:(e==null?void 0:e.name)||t}),i&&n(c,{muted:!0,className:"mt-5 leading-loose text-gray-700",children:i})]})}function T({officeInformation:e,contactEmail:t,contactNumber:i}){return e?r(b,{gap:8,justify:"between",className:"flex-col w-full md:flex-row",children:[r("div",{children:[n(g,{type:"h2",children:"Office"}),e&&n(c,{className:"mt-3",muted:!0,children:e})]}),r("div",{children:[n(g,{type:"h2",children:"Contacts"}),n(c,{className:"my-3",muted:!0,children:t&&n(o,{href:`mailto:${t}`,children:t})}),n(c,{muted:!0,children:i&&n(o,{href:`tel:${i}`,children:i})})]})]}):null}function q({socialLinks:e}){return e?r("div",{className:"w-full md:w-1/3 lg:w-full",children:[n(g,{type:"h2",fontSize:"2xl",className:"mb-2",children:"Socials"}),n(b,{gap:4,children:n(M,{socialLinks:e})})]}):null}function M({socialLinks:e}){return e?n(w.Fragment,{children:e==null?void 0:e.map(t=>{var i;return n(o,{"aria-label":(t==null?void 0:t.socialMedia)||(t==null?void 0:t.socialMediaPlatform)||"",className:"inline-block mr-4 rounded hover:bg-gray-100",target:"_blank",rel:"noopener noreferrer",href:(i=t==null?void 0:t.socialMediaLink)!=null?i:"/page-not-found",children:(t==null?void 0:t.socialMediaLink)&&n(N,{social:t.socialMedia})},t==null?void 0:t._key)})}):null}function H({form:e,block:t,blockCustomization:i}){var l,p,u;return e?n("div",{className:"w-full px-5 sm:px-10 lg:w-1/2 lg:px-0 lg:pl-10 lg:pt-10",children:(e==null?void 0:e.fields)&&r(v,{id:(l=e==null?void 0:e.id)!=null?l:void 0,name:"Contact-VariantA-Form",className:"lg:mx-auto lg:max-w-md text-xs space-y-3 font-semibold",thankyouPage:d(e==null?void 0:e.thankYouPage),children:[(p=e==null?void 0:e.fields)==null?void 0:p.map((a,s)=>{var m,x;return n("div",{children:(a==null?void 0:a.type)==="inputCheckbox"?n(k,{noLabel:!0,name:(m=a==null?void 0:a.name)!=null?m:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,...a}):n(k,{noLabel:!0,variant:"primary",name:(x=a==null?void 0:a.name)!=null?x:"",placeholder:a==null?void 0:a.name,required:a==null?void 0:a.isRequired,...a})},s)}),r("div",{className:"items-center sm:flex sm:justify-between",children:[t&&r("div",{className:"inline-flex mt-2",children:[n("input",{"aria-label":"Agree to terms",className:"mt-1 mr-2",type:"checkbox",id:"terms",name:"terms",defaultValue:1,required:!0}),n("span",{className:"text-sm text-gray-500 font-semibold",children:n(h,{value:t,components:i,onMissingComponent:!1})})]}),n("div",{children:n("div",{className:"webriq-recaptcha"})}),(e==null?void 0:e.buttonLabel)&&n(y,{as:"button",ariaLabel:(u=e==null?void 0:e.buttonLabel)!=null?u:"Contact form submit button",className:"inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-l-xl rounded-t-xl bg-primary hover:bg-primary-foreground sm:mt-0",type:"submit",children:e==null?void 0:e.buttonLabel})]})]})}):null}var z={marks:{internalLink:({children:e,value:t})=>{var i;return n(o,{"aria-label":(i=t.href)!=null?i:"internal link",style:{color:"red"},href:t.slug.current,children:e})},link:({children:e,value:t})=>{var i,l;return t.blank?n(o,{"aria-label":(i=t.href)!=null?i:"external link",href:t.href,target:"_blank",rel:"noopener noreferrer",children:e}):n(o,{"aria-label":(l=t.href)!=null?l:"external link",style:{color:"blue"},href:t.href,children:e})}}};export{S as a};
+import{a as d}from"./chunk-LN2UUYYP.mjs";import{PortableText as h}from"@portabletext/react";import{Button as y}from"@stackshift-ui/button";import{Container as L}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Form as v}from"@stackshift-ui/form";import{FormField as k}from"@stackshift-ui/form-field";import{Heading as g}from"@stackshift-ui/heading";import{Link as o}from"@stackshift-ui/link";import{Section as C}from"@stackshift-ui/section";import{SocialIcons as N}from"@stackshift-ui/social-icons";import{Text as c}from"@stackshift-ui/text";import w from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";function S({contactDescription:e,officeInformation:t,contactEmail:i,contactNumber:l,socialLinks:p,form:u,block:a,title:s}){return n(C,{className:"py-20 bg-background",children:n(L,{maxWidth:1280,children:r(b,{direction:"col",gap:8,justify:"between",className:"lg:flex-row",children:[r(b,{direction:"col",gap:8,className:"px-10 w-full basis-1/2",children:[n(P,{form:u,title:s,contactDescription:e}),n(T,{officeInformation:t,contactEmail:i,contactNumber:l}),n(q,{socialLinks:p})]}),n(H,{form:u,block:a,blockCustomization:z})]})})})}function P({form:e,title:t,contactDescription:i}){return r("div",{children:[((e==null?void 0:e.name)||t)&&n(g,{children:(e==null?void 0:e.name)||t}),i&&n(c,{muted:!0,className:"mt-5 leading-loose text-gray-700",children:i})]})}function T({officeInformation:e,contactEmail:t,contactNumber:i}){return e?r(b,{gap:8,justify:"between",className:"flex-col w-full md:flex-row",children:[r("div",{children:[n(g,{type:"h2",children:"Office"}),e&&n(c,{className:"mt-3",muted:!0,children:e})]}),r("div",{children:[n(g,{type:"h2",children:"Contacts"}),n(c,{className:"my-3",muted:!0,children:t&&n(o,{href:`mailto:${t}`,children:t})}),n(c,{muted:!0,children:i&&n(o,{href:`tel:${i}`,children:i})})]})]}):null}function q({socialLinks:e}){return e?r("div",{className:"w-full md:w-1/3 lg:w-full",children:[n(g,{type:"h2",fontSize:"2xl",className:"mb-2",children:"Socials"}),n(b,{gap:4,children:n(M,{socialLinks:e})})]}):null}function M({socialLinks:e}){return e?n(w.Fragment,{children:e==null?void 0:e.map(t=>{var i;return n(o,{"aria-label":(t==null?void 0:t.socialMedia)||(t==null?void 0:t.socialMediaPlatform)||"",className:"inline-block mr-4 rounded hover:bg-gray-100",target:"_blank",rel:"noopener noreferrer",href:(i=t==null?void 0:t.socialMediaLink)!=null?i:"/page-not-found",children:(t==null?void 0:t.socialMediaLink)&&n(N,{social:t.socialMedia})},t==null?void 0:t._key)})}):null}function H({form:e,block:t,blockCustomization:i}){var l,p,u;return e?n("div",{className:"w-full px-5 sm:px-10 lg:w-1/2 lg:px-0 lg:pl-10 lg:pt-10",children:(e==null?void 0:e.fields)&&r(v,{id:(l=e==null?void 0:e.id)!=null?l:void 0,name:"Contact-VariantA-Form",className:"lg:mx-auto lg:max-w-md text-xs space-y-3 font-semibold",thankyouPage:d(e==null?void 0:e.thankYouPage),children:[(p=e==null?void 0:e.fields)==null?void 0:p.map((a,s)=>{var m,x;return n("div",{children:(a==null?void 0:a.type)==="inputCheckbox"?n(k,{noLabel:!0,name:(m=a==null?void 0:a.name)!=null?m:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,...a}):n(k,{noLabel:!0,variant:"primary",name:(x=a==null?void 0:a.name)!=null?x:"",placeholder:a==null?void 0:a.name,required:a==null?void 0:a.isRequired,...a})},s)}),r("div",{className:"items-center sm:flex sm:justify-between",children:[t&&r("div",{className:"inline-flex mt-2",children:[n("input",{"aria-label":"Agree to terms",className:"mt-1 mr-2",type:"checkbox",id:"terms",name:"terms",defaultValue:1,required:!0}),n("span",{className:"text-sm text-gray-500 font-semibold",children:n(h,{value:t,components:i,onMissingComponent:!1})})]}),n("div",{children:n("div",{className:"webriq-recaptcha"})}),(e==null?void 0:e.buttonLabel)&&n(y,{as:"button",ariaLabel:(u=e==null?void 0:e.buttonLabel)!=null?u:"Contact form submit button",className:"inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-global bg-primary hover:bg-primary-foreground sm:mt-0",type:"submit",children:e==null?void 0:e.buttonLabel})]})]})}):null}var z={marks:{internalLink:({children:e,value:t})=>{var i;return n(o,{"aria-label":(i=t.href)!=null?i:"internal link",style:{color:"red"},href:t.slug.current,children:e})},link:({children:e,value:t})=>{var i,l;return t.blank?n(o,{"aria-label":(i=t.href)!=null?i:"external link",href:t.href,target:"_blank",rel:"noopener noreferrer",children:e}):n(o,{"aria-label":(l=t.href)!=null?l:"external link",style:{color:"blue"},href:t.href,children:e})}}};export{S as a};

package/dist/contact.js

@@ -1 +1 @@
-"use strict";var oe=Object.create;var k=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,pe=Object.prototype.hasOwnProperty;var C=(e,n)=>()=>(e&&(n=e(e=0)),n);var N=(e,n)=>{for(var i in n)k(e,i,{get:n[i],enumerable:!0})},V=(e,n,i,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of ce(n))!pe.call(e,l)&&l!==i&&k(e,l,{get:()=>n[l],enumerable:!(o=le(n,l))||o.enumerable});return e};var $=(e,n,i)=>(i=e!=null?oe(me(e)):{},V(n||!e||!e.__esModule?k(i,"default",{value:e,enumerable:!0}):i,e)),ue=e=>V(k({},"__esModule",{value:!0}),e);var A,E=C(()=>{"use strict";A=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you"});var Q={};N(Q,{Contact_A:()=>K,default:()=>K});function K({contactDescription:e,officeInformation:n,contactEmail:i,contactNumber:o,socialLinks:l,form:c,block:a,title:p}){return(0,t.jsx)(j.Section,{className:"py-20 bg-background",children:(0,t.jsx)(W.Container,{maxWidth:1280,children:(0,t.jsxs)(b.Flex,{direction:"col",gap:8,justify:"between",className:"lg:flex-row",children:[(0,t.jsxs)(b.Flex,{direction:"col",gap:8,className:"px-10 w-full basis-1/2",children:[(0,t.jsx)(se,{form:c,title:p,contactDescription:e}),(0,t.jsx)(ge,{officeInformation:n,contactEmail:i,contactNumber:o}),(0,t.jsx)(be,{socialLinks:l})]}),(0,t.jsx)(xe,{form:c,block:a,blockCustomization:de})]})})})}function se({form:e,title:n,contactDescription:i}){return(0,t.jsxs)("div",{children:[((e==null?void 0:e.name)||n)&&(0,t.jsx)(f.Heading,{children:(e==null?void 0:e.name)||n}),i&&(0,t.jsx)(g.Text,{muted:!0,className:"mt-5 leading-loose text-gray-700",children:i})]})}function ge({officeInformation:e,contactEmail:n,contactNumber:i}){return e?(0,t.jsxs)(b.Flex,{gap:8,justify:"between",className:"flex-col w-full md:flex-row",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(f.Heading,{type:"h2",children:"Office"}),e&&(0,t.jsx)(g.Text,{className:"mt-3",muted:!0,children:e})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)(f.Heading,{type:"h2",children:"Contacts"}),(0,t.jsx)(g.Text,{className:"my-3",muted:!0,children:n&&(0,t.jsx)(m.Link,{href:`mailto:${n}`,children:n})}),(0,t.jsx)(g.Text,{muted:!0,children:i&&(0,t.jsx)(m.Link,{href:`tel:${i}`,children:i})})]})]}):null}function be({socialLinks:e}){return e?(0,t.jsxs)("div",{className:"w-full md:w-1/3 lg:w-full",children:[(0,t.jsx)(f.Heading,{type:"h2",fontSize:"2xl",className:"mb-2",children:"Socials"}),(0,t.jsx)(b.Flex,{gap:4,children:(0,t.jsx)(fe,{socialLinks:e})})]}):null}function fe({socialLinks:e}){return e?(0,t.jsx)(J.default.Fragment,{children:e==null?void 0:e.map(n=>{var i;return(0,t.jsx)(m.Link,{"aria-label":(n==null?void 0:n.socialMedia)||(n==null?void 0:n.socialMediaPlatform)||"",className:"inline-block mr-4 rounded hover:bg-gray-100",target:"_blank",rel:"noopener noreferrer",href:(i=n==null?void 0:n.socialMediaLink)!=null?i:"/page-not-found",children:(n==null?void 0:n.socialMediaLink)&&(0,t.jsx)(G.SocialIcons,{social:n.socialMedia})},n==null?void 0:n._key)})}):null}function xe({form:e,block:n,blockCustomization:i}){var o,l,c;return e?(0,t.jsx)("div",{className:"w-full px-5 sm:px-10 lg:w-1/2 lg:px-0 lg:pl-10 lg:pt-10",children:(e==null?void 0:e.fields)&&(0,t.jsxs)(Y.Form,{id:(o=e==null?void 0:e.id)!=null?o:void 0,name:"Contact-VariantA-Form",className:"lg:mx-auto lg:max-w-md text-xs space-m-3 font-semibold",thankyouPage:A(e==null?void 0:e.thankYouPage),children:[(l=e==null?void 0:e.fields)==null?void 0:l.map((a,p)=>{var u,s;return(0,t.jsx)("div",{children:(a==null?void 0:a.type)==="inputCheckbox"?(0,t.jsx)(L.FormField,{noLabel:!0,name:(u=a==null?void 0:a.name)!=null?u:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,...a}):(0,t.jsx)(L.FormField,{noLabel:!0,variant:"primary",name:(s=a==null?void 0:a.name)!=null?s:"",placeholder:a==null?void 0:a.name,required:a==null?void 0:a.isRequired,...a})},p)}),(0,t.jsxs)("div",{className:"items-center sm:flex sm:justify-between",children:[n&&(0,t.jsxs)("div",{className:"inline-flex mt-2",children:[(0,t.jsx)("input",{"aria-label":"Agree to terms",className:"mt-1 mr-2",type:"checkbox",id:"terms",name:"terms",defaultValue:1,required:!0}),(0,t.jsx)("span",{className:"text-sm text-gray-500 font-semibold",children:(0,t.jsx)(O.PortableText,{value:n,components:i,onMissingComponent:!1})})]}),(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"webriq-recaptcha"})}),(e==null?void 0:e.buttonLabel)&&(0,t.jsx)(B.Button,{as:"button",ariaLabel:(c=e==null?void 0:e.buttonLabel)!=null?c:"Contact form submit button",className:"inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-l-xl rounded-t-xl bg-primary hover:bg-primary-foreground sm:mt-0",type:"submit",children:e==null?void 0:e.buttonLabel})]})]})}):null}var O,B,W,b,Y,L,f,m,j,G,g,J,t,de,U=C(()=>{"use strict";O=require("@portabletext/react"),B=require("@stackshift-ui/button"),W=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),Y=require("@stackshift-ui/form"),L=require("@stackshift-ui/form-field"),f=require("@stackshift-ui/heading"),m=require("@stackshift-ui/link"),j=require("@stackshift-ui/section"),G=require("@stackshift-ui/social-icons"),g=require("@stackshift-ui/text"),J=$(require("react"));E();t=require("react/jsx-runtime");de={marks:{internalLink:({children:e,value:n})=>{var i;return(0,t.jsx)(m.Link,{"aria-label":(i=n.href)!=null?i:"internal link",style:{color:"red"},href:n.slug.current,children:e})},link:({children:e,value:n})=>{var i,o;return n.blank?(0,t.jsx)(m.Link,{"aria-label":(i=n.href)!=null?i:"external link",href:n.href,target:"_blank",rel:"noopener noreferrer",children:e}):(0,t.jsx)(m.Link,{"aria-label":(o=n.href)!=null?o:"external link",style:{color:"blue"},href:n.href,children:e})}}}});var te={};N(te,{Contact_B:()=>ne,default:()=>ne});function ne({title:e,contactDescription:n,officeInformation:i,contactNumber:o,contactEmail:l,socialLinks:c}){return(0,r.jsx)(j.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(W.Container,{maxWidth:1280,children:[(0,r.jsx)(ke,{title:e,description:n}),(0,r.jsx)(W.Container,{maxWidth:960,children:(0,r.jsx)(ye,{officeInformation:i,contactNumber:o,contactEmail:l,socialLinks:c})})]})})}function ke({title:e,description:n}){return(0,r.jsxs)("div",{className:"mb-16 text-center",children:[e?(0,r.jsx)(f.Heading,{type:"h1",fontSize:"3xl",children:e}):null,n?(0,r.jsx)(g.Text,{muted:!0,children:n}):null]})}function ye({officeInformation:e,contactEmail:n,contactNumber:i,socialLinks:o}){return(0,r.jsxs)(b.Flex,{className:"flex-col lg:flex-row",gap:4,justify:"between",align:"stretch",children:[e?(0,r.jsx)(he,{officeInformation:e}):null,n||i?(0,r.jsx)(Ce,{contactEmail:n,contactNumber:i}):null,o?(0,r.jsx)(Ne,{socialLinks:o}):null]})}function he({officeInformation:e}){return(0,r.jsxs)(h.Card,{className:"w-full p-12 text-center bg-white md:p-16 lg:p-20",children:[(0,r.jsx)(f.Heading,{type:"h2",fontSize:"2xl",className:"mb-16",children:"Office"}),(0,r.jsx)(g.Text,{muted:!0,children:e})]})}function Ce({contactEmail:e,contactNumber:n}){return(0,r.jsxs)(h.Card,{className:"w-full p-12 bg-white md:p-16 lg:p-20 text-center",children:[(0,r.jsx)(f.Heading,{type:"h2",fontSize:"2xl",className:"mb-16 ",children:"Contacts"}),(0,r.jsx)(g.Text,{className:"mb-2",muted:!0,children:e?(0,r.jsx)(m.Link,{href:`mailto:${e}`,children:e}):null}),(0,r.jsx)(g.Text,{muted:!0,children:n?(0,r.jsx)(m.Link,{href:`tel:${n}`,children:n}):null})]})}function Ne({socialLinks:e}){return(0,r.jsxs)(h.Card,{className:"w-full p-12 text-center bg-white md:p-16 lg:p-20",children:[(0,r.jsx)(f.Heading,{className:"mb-16",fontSize:"2xl",type:"h2",children:"Socials"}),(0,r.jsx)(b.Flex,{justify:"center",children:(0,r.jsx)(Le,{socialLinks:e})})]})}function Le({socialLinks:e}){return(0,r.jsx)(ee.default.Fragment,{children:e==null?void 0:e.map(n=>{var i,o,l,c;return(0,r.jsx)(m.Link,{"aria-label":(n==null?void 0:n.socialMedia)||(n==null?void 0:n.socialMediaPlatform),className:"inline-block mr-4",target:"_blank",rel:"noopener noreferrer",href:n==null?void 0:n.socialMediaLink,children:(i=n==null?void 0:n.socialMediaIcon)!=null&&i.image?(0,r.jsx)(X.Image,{src:(o=n==null?void 0:n.socialMediaIcon)==null?void 0:o.image,width:24,height:24,alt:(c=(l=n==null?void 0:n.socialMediaIcon)==null?void 0:l.alt)!=null?c:"contact-socialMedia-icon"}):(0,r.jsx)(G.SocialIcons,{social:n.socialMedia})},n==null?void 0:n._key)})})}var h,W,b,f,X,m,j,G,g,ee,r,ie=C(()=>{"use strict";h=require("@stackshift-ui/card"),X=require("@stackshift-ui/image"),ee=$(require("react")),r=require("react/jsx-runtime")});var we={};N(we,{Contact:()=>re});module.exports=ue(we);var w=require("react"),ve={variant_a:(0,w.lazy)(()=>Promise.resolve().then(()=>(U(),Q))),variant_b:(0,w.lazy)(()=>Promise.resolve().then(()=>(ie(),te)))},Se="Contact",re=({data:e})=>{var l,c,a,p,u,s,P,T,I,M,H,z,_,D,R,q;let n=e==null?void 0:e.variant,i=n&&ve[n],o={title:(c=(l=e==null?void 0:e.variants)==null?void 0:l.title)!=null?c:void 0,contactDescription:(p=(a=e==null?void 0:e.variants)==null?void 0:a.contactDescription)!=null?p:void 0,officeInformation:(s=(u=e==null?void 0:e.variants)==null?void 0:u.officeInformation)!=null?s:void 0,contactEmail:(T=(P=e==null?void 0:e.variants)==null?void 0:P.contactEmail)!=null?T:void 0,contactNumber:(M=(I=e==null?void 0:e.variants)==null?void 0:I.contactNumber)!=null?M:void 0,socialLinks:(z=(H=e==null?void 0:e.variants)==null?void 0:H.socialLinks)!=null?z:void 0,form:(D=(_=e==null?void 0:e.variants)==null?void 0:_.form)!=null?D:void 0,block:(q=(R=e==null?void 0:e.variants)==null?void 0:R.block)!=null?q:void 0};return i?(0,r.jsx)(i,{...o}):null};re.displayName=Se;0&&(module.exports={Contact});
+"use strict";var oe=Object.create;var y=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,pe=Object.prototype.hasOwnProperty;var C=(e,n)=>()=>(e&&(n=e(e=0)),n);var N=(e,n)=>{for(var i in n)y(e,i,{get:n[i],enumerable:!0})},V=(e,n,i,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of ce(n))!pe.call(e,l)&&l!==i&&y(e,l,{get:()=>n[l],enumerable:!(o=le(n,l))||o.enumerable});return e};var $=(e,n,i)=>(i=e!=null?oe(me(e)):{},V(n||!e||!e.__esModule?y(i,"default",{value:e,enumerable:!0}):i,e)),ue=e=>V(y({},"__esModule",{value:!0}),e);var A,E=C(()=>{"use strict";A=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you"});var Q={};N(Q,{Contact_A:()=>K,default:()=>K});function K({contactDescription:e,officeInformation:n,contactEmail:i,contactNumber:o,socialLinks:l,form:c,block:a,title:p}){return(0,t.jsx)(j.Section,{className:"py-20 bg-background",children:(0,t.jsx)(W.Container,{maxWidth:1280,children:(0,t.jsxs)(b.Flex,{direction:"col",gap:8,justify:"between",className:"lg:flex-row",children:[(0,t.jsxs)(b.Flex,{direction:"col",gap:8,className:"px-10 w-full basis-1/2",children:[(0,t.jsx)(se,{form:c,title:p,contactDescription:e}),(0,t.jsx)(ge,{officeInformation:n,contactEmail:i,contactNumber:o}),(0,t.jsx)(be,{socialLinks:l})]}),(0,t.jsx)(xe,{form:c,block:a,blockCustomization:ke})]})})})}function se({form:e,title:n,contactDescription:i}){return(0,t.jsxs)("div",{children:[((e==null?void 0:e.name)||n)&&(0,t.jsx)(f.Heading,{children:(e==null?void 0:e.name)||n}),i&&(0,t.jsx)(g.Text,{muted:!0,className:"mt-5 leading-loose text-gray-700",children:i})]})}function ge({officeInformation:e,contactEmail:n,contactNumber:i}){return e?(0,t.jsxs)(b.Flex,{gap:8,justify:"between",className:"flex-col w-full md:flex-row",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(f.Heading,{type:"h2",children:"Office"}),e&&(0,t.jsx)(g.Text,{className:"mt-3",muted:!0,children:e})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)(f.Heading,{type:"h2",children:"Contacts"}),(0,t.jsx)(g.Text,{className:"my-3",muted:!0,children:n&&(0,t.jsx)(m.Link,{href:`mailto:${n}`,children:n})}),(0,t.jsx)(g.Text,{muted:!0,children:i&&(0,t.jsx)(m.Link,{href:`tel:${i}`,children:i})})]})]}):null}function be({socialLinks:e}){return e?(0,t.jsxs)("div",{className:"w-full md:w-1/3 lg:w-full",children:[(0,t.jsx)(f.Heading,{type:"h2",fontSize:"2xl",className:"mb-2",children:"Socials"}),(0,t.jsx)(b.Flex,{gap:4,children:(0,t.jsx)(fe,{socialLinks:e})})]}):null}function fe({socialLinks:e}){return e?(0,t.jsx)(J.default.Fragment,{children:e==null?void 0:e.map(n=>{var i;return(0,t.jsx)(m.Link,{"aria-label":(n==null?void 0:n.socialMedia)||(n==null?void 0:n.socialMediaPlatform)||"",className:"inline-block mr-4 rounded hover:bg-gray-100",target:"_blank",rel:"noopener noreferrer",href:(i=n==null?void 0:n.socialMediaLink)!=null?i:"/page-not-found",children:(n==null?void 0:n.socialMediaLink)&&(0,t.jsx)(G.SocialIcons,{social:n.socialMedia})},n==null?void 0:n._key)})}):null}function xe({form:e,block:n,blockCustomization:i}){var o,l,c;return e?(0,t.jsx)("div",{className:"w-full px-5 sm:px-10 lg:w-1/2 lg:px-0 lg:pl-10 lg:pt-10",children:(e==null?void 0:e.fields)&&(0,t.jsxs)(Y.Form,{id:(o=e==null?void 0:e.id)!=null?o:void 0,name:"Contact-VariantA-Form",className:"lg:mx-auto lg:max-w-md text-xs space-y-3 font-semibold",thankyouPage:A(e==null?void 0:e.thankYouPage),children:[(l=e==null?void 0:e.fields)==null?void 0:l.map((a,p)=>{var u,s;return(0,t.jsx)("div",{children:(a==null?void 0:a.type)==="inputCheckbox"?(0,t.jsx)(L.FormField,{noLabel:!0,name:(u=a==null?void 0:a.name)!=null?u:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,...a}):(0,t.jsx)(L.FormField,{noLabel:!0,variant:"primary",name:(s=a==null?void 0:a.name)!=null?s:"",placeholder:a==null?void 0:a.name,required:a==null?void 0:a.isRequired,...a})},p)}),(0,t.jsxs)("div",{className:"items-center sm:flex sm:justify-between",children:[n&&(0,t.jsxs)("div",{className:"inline-flex mt-2",children:[(0,t.jsx)("input",{"aria-label":"Agree to terms",className:"mt-1 mr-2",type:"checkbox",id:"terms",name:"terms",defaultValue:1,required:!0}),(0,t.jsx)("span",{className:"text-sm text-gray-500 font-semibold",children:(0,t.jsx)(O.PortableText,{value:n,components:i,onMissingComponent:!1})})]}),(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"webriq-recaptcha"})}),(e==null?void 0:e.buttonLabel)&&(0,t.jsx)(B.Button,{as:"button",ariaLabel:(c=e==null?void 0:e.buttonLabel)!=null?c:"Contact form submit button",className:"inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-global bg-primary hover:bg-primary-foreground sm:mt-0",type:"submit",children:e==null?void 0:e.buttonLabel})]})]})}):null}var O,B,W,b,Y,L,f,m,j,G,g,J,t,ke,U=C(()=>{"use strict";O=require("@portabletext/react"),B=require("@stackshift-ui/button"),W=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),Y=require("@stackshift-ui/form"),L=require("@stackshift-ui/form-field"),f=require("@stackshift-ui/heading"),m=require("@stackshift-ui/link"),j=require("@stackshift-ui/section"),G=require("@stackshift-ui/social-icons"),g=require("@stackshift-ui/text"),J=$(require("react"));E();t=require("react/jsx-runtime");ke={marks:{internalLink:({children:e,value:n})=>{var i;return(0,t.jsx)(m.Link,{"aria-label":(i=n.href)!=null?i:"internal link",style:{color:"red"},href:n.slug.current,children:e})},link:({children:e,value:n})=>{var i,o;return n.blank?(0,t.jsx)(m.Link,{"aria-label":(i=n.href)!=null?i:"external link",href:n.href,target:"_blank",rel:"noopener noreferrer",children:e}):(0,t.jsx)(m.Link,{"aria-label":(o=n.href)!=null?o:"external link",style:{color:"blue"},href:n.href,children:e})}}}});var te={};N(te,{Contact_B:()=>ne,default:()=>ne});function ne({title:e,contactDescription:n,officeInformation:i,contactNumber:o,contactEmail:l,socialLinks:c}){return(0,r.jsx)(j.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(W.Container,{maxWidth:1280,children:[(0,r.jsx)(ye,{title:e,description:n}),(0,r.jsx)(W.Container,{maxWidth:960,children:(0,r.jsx)(de,{officeInformation:i,contactNumber:o,contactEmail:l,socialLinks:c})})]})})}function ye({title:e,description:n}){return(0,r.jsxs)("div",{className:"mb-16 text-center",children:[e?(0,r.jsx)(f.Heading,{type:"h1",fontSize:"3xl",children:e}):null,n?(0,r.jsx)(g.Text,{muted:!0,children:n}):null]})}function de({officeInformation:e,contactEmail:n,contactNumber:i,socialLinks:o}){return(0,r.jsxs)(b.Flex,{className:"flex-col lg:flex-row",gap:4,justify:"between",align:"stretch",children:[e?(0,r.jsx)(he,{officeInformation:e}):null,n||i?(0,r.jsx)(Ce,{contactEmail:n,contactNumber:i}):null,o?(0,r.jsx)(Ne,{socialLinks:o}):null]})}function he({officeInformation:e}){return(0,r.jsxs)(h.Card,{className:"w-full p-12 text-center bg-white md:p-16 lg:p-20",children:[(0,r.jsx)(f.Heading,{type:"h2",fontSize:"2xl",className:"mb-16",children:"Office"}),(0,r.jsx)(g.Text,{muted:!0,children:e})]})}function Ce({contactEmail:e,contactNumber:n}){return(0,r.jsxs)(h.Card,{className:"w-full p-12 bg-white md:p-16 lg:p-20 text-center",children:[(0,r.jsx)(f.Heading,{type:"h2",fontSize:"2xl",className:"mb-16 ",children:"Contacts"}),(0,r.jsx)(g.Text,{className:"mb-2",muted:!0,children:e?(0,r.jsx)(m.Link,{href:`mailto:${e}`,children:e}):null}),(0,r.jsx)(g.Text,{muted:!0,children:n?(0,r.jsx)(m.Link,{href:`tel:${n}`,children:n}):null})]})}function Ne({socialLinks:e}){return(0,r.jsxs)(h.Card,{className:"w-full p-12 text-center bg-white md:p-16 lg:p-20",children:[(0,r.jsx)(f.Heading,{className:"mb-16",fontSize:"2xl",type:"h2",children:"Socials"}),(0,r.jsx)(b.Flex,{justify:"center",children:(0,r.jsx)(Le,{socialLinks:e})})]})}function Le({socialLinks:e}){return(0,r.jsx)(ee.default.Fragment,{children:e==null?void 0:e.map(n=>{var i,o,l,c;return(0,r.jsx)(m.Link,{"aria-label":(n==null?void 0:n.socialMedia)||(n==null?void 0:n.socialMediaPlatform),className:"inline-block mr-4",target:"_blank",rel:"noopener noreferrer",href:n==null?void 0:n.socialMediaLink,children:(i=n==null?void 0:n.socialMediaIcon)!=null&&i.image?(0,r.jsx)(X.Image,{src:(o=n==null?void 0:n.socialMediaIcon)==null?void 0:o.image,width:24,height:24,alt:(c=(l=n==null?void 0:n.socialMediaIcon)==null?void 0:l.alt)!=null?c:"contact-socialMedia-icon"}):(0,r.jsx)(G.SocialIcons,{social:n.socialMedia})},n==null?void 0:n._key)})})}var h,W,b,f,X,m,j,G,g,ee,r,ie=C(()=>{"use strict";h=require("@stackshift-ui/card"),X=require("@stackshift-ui/image"),ee=$(require("react")),r=require("react/jsx-runtime")});var we={};N(we,{Contact:()=>re});module.exports=ue(we);var w=require("react"),ve={variant_a:(0,w.lazy)(()=>Promise.resolve().then(()=>(U(),Q))),variant_b:(0,w.lazy)(()=>Promise.resolve().then(()=>(ie(),te)))},Se="Contact",re=({data:e})=>{var l,c,a,p,u,s,P,T,I,M,H,z,_,D,R,q;let n=e==null?void 0:e.variant,i=n&&ve[n],o={title:(c=(l=e==null?void 0:e.variants)==null?void 0:l.title)!=null?c:void 0,contactDescription:(p=(a=e==null?void 0:e.variants)==null?void 0:a.contactDescription)!=null?p:void 0,officeInformation:(s=(u=e==null?void 0:e.variants)==null?void 0:u.officeInformation)!=null?s:void 0,contactEmail:(T=(P=e==null?void 0:e.variants)==null?void 0:P.contactEmail)!=null?T:void 0,contactNumber:(M=(I=e==null?void 0:e.variants)==null?void 0:I.contactNumber)!=null?M:void 0,socialLinks:(z=(H=e==null?void 0:e.variants)==null?void 0:H.socialLinks)!=null?z:void 0,form:(D=(_=e==null?void 0:e.variants)==null?void 0:_.form)!=null?D:void 0,block:(q=(R=e==null?void 0:e.variants)==null?void 0:R.block)!=null?q:void 0};return i?(0,r.jsx)(i,{...o}):null};re.displayName=Se;0&&(module.exports={Contact});

package/dist/contact.mjs

@@ -1 +1 @@
-import{a}from"./chunk-P7UUSKAZ.mjs";export{a as Contact};
+import{a}from"./chunk-4PEDVEBB.mjs";export{a as Contact};

package/dist/contact_a.js

@@ -1 +1 @@
-"use strict";var T=Object.create;var g=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var A=(e,t)=>{for(var a in t)g(e,a,{get:t[a],enumerable:!0})},k=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of M(t))!z.call(e,l)&&l!==a&&g(e,l,{get:()=>t[l],enumerable:!(r=q(t,l))||r.enumerable});return e};var R=(e,t,a)=>(a=e!=null?T(H(e)):{},k(t||!e||!e.__esModule?g(a,"default",{value:e,enumerable:!0}):a,e)),_=e=>k(g({},"__esModule",{value:!0}),e);var O={};A(O,{Contact_A:()=>P,default:()=>P});module.exports=_(O);var h=require("@portabletext/react"),L=require("@stackshift-ui/button"),v=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),C=require("@stackshift-ui/form"),x=require("@stackshift-ui/form-field"),b=require("@stackshift-ui/heading"),o=require("@stackshift-ui/link"),N=require("@stackshift-ui/section"),w=require("@stackshift-ui/social-icons"),p=require("@stackshift-ui/text"),S=R(require("react"));var y=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you";var n=require("react/jsx-runtime");function P({contactDescription:e,officeInformation:t,contactEmail:a,contactNumber:r,socialLinks:l,form:u,block:i,title:s}){return(0,n.jsx)(N.Section,{className:"py-20 bg-background",children:(0,n.jsx)(v.Container,{maxWidth:1280,children:(0,n.jsxs)(c.Flex,{direction:"col",gap:8,justify:"between",className:"lg:flex-row",children:[(0,n.jsxs)(c.Flex,{direction:"col",gap:8,className:"px-10 w-full basis-1/2",children:[(0,n.jsx)(D,{form:u,title:s,contactDescription:e}),(0,n.jsx)(I,{officeInformation:t,contactEmail:a,contactNumber:r}),(0,n.jsx)(Y,{socialLinks:l})]}),(0,n.jsx)(j,{form:u,block:i,blockCustomization:B})]})})})}function D({form:e,title:t,contactDescription:a}){return(0,n.jsxs)("div",{children:[((e==null?void 0:e.name)||t)&&(0,n.jsx)(b.Heading,{children:(e==null?void 0:e.name)||t}),a&&(0,n.jsx)(p.Text,{muted:!0,className:"mt-5 leading-loose text-gray-700",children:a})]})}function I({officeInformation:e,contactEmail:t,contactNumber:a}){return e?(0,n.jsxs)(c.Flex,{gap:8,justify:"between",className:"flex-col w-full md:flex-row",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(b.Heading,{type:"h2",children:"Office"}),e&&(0,n.jsx)(p.Text,{className:"mt-3",muted:!0,children:e})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(b.Heading,{type:"h2",children:"Contacts"}),(0,n.jsx)(p.Text,{className:"my-3",muted:!0,children:t&&(0,n.jsx)(o.Link,{href:`mailto:${t}`,children:t})}),(0,n.jsx)(p.Text,{muted:!0,children:a&&(0,n.jsx)(o.Link,{href:`tel:${a}`,children:a})})]})]}):null}function Y({socialLinks:e}){return e?(0,n.jsxs)("div",{className:"w-full md:w-1/3 lg:w-full",children:[(0,n.jsx)(b.Heading,{type:"h2",fontSize:"2xl",className:"mb-2",children:"Socials"}),(0,n.jsx)(c.Flex,{gap:4,children:(0,n.jsx)($,{socialLinks:e})})]}):null}function $({socialLinks:e}){return e?(0,n.jsx)(S.default.Fragment,{children:e==null?void 0:e.map(t=>{var a;return(0,n.jsx)(o.Link,{"aria-label":(t==null?void 0:t.socialMedia)||(t==null?void 0:t.socialMediaPlatform)||"",className:"inline-block mr-4 rounded hover:bg-gray-100",target:"_blank",rel:"noopener noreferrer",href:(a=t==null?void 0:t.socialMediaLink)!=null?a:"/page-not-found",children:(t==null?void 0:t.socialMediaLink)&&(0,n.jsx)(w.SocialIcons,{social:t.socialMedia})},t==null?void 0:t._key)})}):null}function j({form:e,block:t,blockCustomization:a}){var r,l,u;return e?(0,n.jsx)("div",{className:"w-full px-5 sm:px-10 lg:w-1/2 lg:px-0 lg:pl-10 lg:pt-10",children:(e==null?void 0:e.fields)&&(0,n.jsxs)(C.Form,{id:(r=e==null?void 0:e.id)!=null?r:void 0,name:"Contact-VariantA-Form",className:"lg:mx-auto lg:max-w-md text-xs space-y-3 font-semibold",thankyouPage:y(e==null?void 0:e.thankYouPage),children:[(l=e==null?void 0:e.fields)==null?void 0:l.map((i,s)=>{var m,d;return(0,n.jsx)("div",{children:(i==null?void 0:i.type)==="inputCheckbox"?(0,n.jsx)(x.FormField,{noLabel:!0,name:(m=i==null?void 0:i.name)!=null?m:"",placeholder:i==null?void 0:i.placeholder,required:i==null?void 0:i.isRequired,...i}):(0,n.jsx)(x.FormField,{noLabel:!0,variant:"primary",name:(d=i==null?void 0:i.name)!=null?d:"",placeholder:i==null?void 0:i.name,required:i==null?void 0:i.isRequired,...i})},s)}),(0,n.jsxs)("div",{className:"items-center sm:flex sm:justify-between",children:[t&&(0,n.jsxs)("div",{className:"inline-flex mt-2",children:[(0,n.jsx)("input",{"aria-label":"Agree to terms",className:"mt-1 mr-2",type:"checkbox",id:"terms",name:"terms",defaultValue:1,required:!0}),(0,n.jsx)("span",{className:"text-sm text-gray-500 font-semibold",children:(0,n.jsx)(h.PortableText,{value:t,components:a,onMissingComponent:!1})})]}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(e==null?void 0:e.buttonLabel)&&(0,n.jsx)(L.Button,{as:"button",ariaLabel:(u=e==null?void 0:e.buttonLabel)!=null?u:"Contact form submit button",className:"inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-l-xl rounded-t-xl bg-primary hover:bg-primary-foreground sm:mt-0",type:"submit",children:e==null?void 0:e.buttonLabel})]})]})}):null}var B={marks:{internalLink:({children:e,value:t})=>{var a;return(0,n.jsx)(o.Link,{"aria-label":(a=t.href)!=null?a:"internal link",style:{color:"red"},href:t.slug.current,children:e})},link:({children:e,value:t})=>{var a,r;return t.blank?(0,n.jsx)(o.Link,{"aria-label":(a=t.href)!=null?a:"external link",href:t.href,target:"_blank",rel:"noopener noreferrer",children:e}):(0,n.jsx)(o.Link,{"aria-label":(r=t.href)!=null?r:"external link",style:{color:"blue"},href:t.href,children:e})}}};0&&(module.exports={Contact_A});
+"use strict";var T=Object.create;var g=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var A=(e,t)=>{for(var a in t)g(e,a,{get:t[a],enumerable:!0})},k=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of M(t))!z.call(e,l)&&l!==a&&g(e,l,{get:()=>t[l],enumerable:!(r=q(t,l))||r.enumerable});return e};var R=(e,t,a)=>(a=e!=null?T(H(e)):{},k(t||!e||!e.__esModule?g(a,"default",{value:e,enumerable:!0}):a,e)),_=e=>k(g({},"__esModule",{value:!0}),e);var O={};A(O,{Contact_A:()=>P,default:()=>P});module.exports=_(O);var h=require("@portabletext/react"),L=require("@stackshift-ui/button"),v=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),C=require("@stackshift-ui/form"),m=require("@stackshift-ui/form-field"),b=require("@stackshift-ui/heading"),o=require("@stackshift-ui/link"),N=require("@stackshift-ui/section"),w=require("@stackshift-ui/social-icons"),p=require("@stackshift-ui/text"),S=R(require("react"));var y=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you";var n=require("react/jsx-runtime");function P({contactDescription:e,officeInformation:t,contactEmail:a,contactNumber:r,socialLinks:l,form:u,block:i,title:s}){return(0,n.jsx)(N.Section,{className:"py-20 bg-background",children:(0,n.jsx)(v.Container,{maxWidth:1280,children:(0,n.jsxs)(c.Flex,{direction:"col",gap:8,justify:"between",className:"lg:flex-row",children:[(0,n.jsxs)(c.Flex,{direction:"col",gap:8,className:"px-10 w-full basis-1/2",children:[(0,n.jsx)(D,{form:u,title:s,contactDescription:e}),(0,n.jsx)(I,{officeInformation:t,contactEmail:a,contactNumber:r}),(0,n.jsx)(Y,{socialLinks:l})]}),(0,n.jsx)(j,{form:u,block:i,blockCustomization:B})]})})})}function D({form:e,title:t,contactDescription:a}){return(0,n.jsxs)("div",{children:[((e==null?void 0:e.name)||t)&&(0,n.jsx)(b.Heading,{children:(e==null?void 0:e.name)||t}),a&&(0,n.jsx)(p.Text,{muted:!0,className:"mt-5 leading-loose text-gray-700",children:a})]})}function I({officeInformation:e,contactEmail:t,contactNumber:a}){return e?(0,n.jsxs)(c.Flex,{gap:8,justify:"between",className:"flex-col w-full md:flex-row",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(b.Heading,{type:"h2",children:"Office"}),e&&(0,n.jsx)(p.Text,{className:"mt-3",muted:!0,children:e})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(b.Heading,{type:"h2",children:"Contacts"}),(0,n.jsx)(p.Text,{className:"my-3",muted:!0,children:t&&(0,n.jsx)(o.Link,{href:`mailto:${t}`,children:t})}),(0,n.jsx)(p.Text,{muted:!0,children:a&&(0,n.jsx)(o.Link,{href:`tel:${a}`,children:a})})]})]}):null}function Y({socialLinks:e}){return e?(0,n.jsxs)("div",{className:"w-full md:w-1/3 lg:w-full",children:[(0,n.jsx)(b.Heading,{type:"h2",fontSize:"2xl",className:"mb-2",children:"Socials"}),(0,n.jsx)(c.Flex,{gap:4,children:(0,n.jsx)($,{socialLinks:e})})]}):null}function $({socialLinks:e}){return e?(0,n.jsx)(S.default.Fragment,{children:e==null?void 0:e.map(t=>{var a;return(0,n.jsx)(o.Link,{"aria-label":(t==null?void 0:t.socialMedia)||(t==null?void 0:t.socialMediaPlatform)||"",className:"inline-block mr-4 rounded hover:bg-gray-100",target:"_blank",rel:"noopener noreferrer",href:(a=t==null?void 0:t.socialMediaLink)!=null?a:"/page-not-found",children:(t==null?void 0:t.socialMediaLink)&&(0,n.jsx)(w.SocialIcons,{social:t.socialMedia})},t==null?void 0:t._key)})}):null}function j({form:e,block:t,blockCustomization:a}){var r,l,u;return e?(0,n.jsx)("div",{className:"w-full px-5 sm:px-10 lg:w-1/2 lg:px-0 lg:pl-10 lg:pt-10",children:(e==null?void 0:e.fields)&&(0,n.jsxs)(C.Form,{id:(r=e==null?void 0:e.id)!=null?r:void 0,name:"Contact-VariantA-Form",className:"lg:mx-auto lg:max-w-md text-xs space-y-3 font-semibold",thankyouPage:y(e==null?void 0:e.thankYouPage),children:[(l=e==null?void 0:e.fields)==null?void 0:l.map((i,s)=>{var x,d;return(0,n.jsx)("div",{children:(i==null?void 0:i.type)==="inputCheckbox"?(0,n.jsx)(m.FormField,{noLabel:!0,name:(x=i==null?void 0:i.name)!=null?x:"",placeholder:i==null?void 0:i.placeholder,required:i==null?void 0:i.isRequired,...i}):(0,n.jsx)(m.FormField,{noLabel:!0,variant:"primary",name:(d=i==null?void 0:i.name)!=null?d:"",placeholder:i==null?void 0:i.name,required:i==null?void 0:i.isRequired,...i})},s)}),(0,n.jsxs)("div",{className:"items-center sm:flex sm:justify-between",children:[t&&(0,n.jsxs)("div",{className:"inline-flex mt-2",children:[(0,n.jsx)("input",{"aria-label":"Agree to terms",className:"mt-1 mr-2",type:"checkbox",id:"terms",name:"terms",defaultValue:1,required:!0}),(0,n.jsx)("span",{className:"text-sm text-gray-500 font-semibold",children:(0,n.jsx)(h.PortableText,{value:t,components:a,onMissingComponent:!1})})]}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(e==null?void 0:e.buttonLabel)&&(0,n.jsx)(L.Button,{as:"button",ariaLabel:(u=e==null?void 0:e.buttonLabel)!=null?u:"Contact form submit button",className:"inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-global bg-primary hover:bg-primary-foreground sm:mt-0",type:"submit",children:e==null?void 0:e.buttonLabel})]})]})}):null}var B={marks:{internalLink:({children:e,value:t})=>{var a;return(0,n.jsx)(o.Link,{"aria-label":(a=t.href)!=null?a:"internal link",style:{color:"red"},href:t.slug.current,children:e})},link:({children:e,value:t})=>{var a,r;return t.blank?(0,n.jsx)(o.Link,{"aria-label":(a=t.href)!=null?a:"external link",href:t.href,target:"_blank",rel:"noopener noreferrer",children:e}):(0,n.jsx)(o.Link,{"aria-label":(r=t.href)!=null?r:"external link",style:{color:"blue"},href:t.href,children:e})}}};0&&(module.exports={Contact_A});

package/dist/contact_a.mjs

@@ -1 +1 @@
-import{a}from"./chunk-TQSJP3BD.mjs";import"./chunk-LN2UUYYP.mjs";export{a as Contact_A,a as default};
+import{a}from"./chunk-4VXBEP6C.mjs";import"./chunk-LN2UUYYP.mjs";export{a as Contact_A,a as default};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var oe=Object.create;var k=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,pe=Object.prototype.hasOwnProperty;var C=(e,n)=>()=>(e&&(n=e(e=0)),n);var N=(e,n)=>{for(var i in n)k(e,i,{get:n[i],enumerable:!0})},O=(e,n,i,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of ce(n))!pe.call(e,l)&&l!==i&&k(e,l,{get:()=>n[l],enumerable:!(o=le(n,l))||o.enumerable});return e};var B=(e,n,i)=>(i=e!=null?oe(me(e)):{},O(n||!e||!e.__esModule?k(i,"default",{value:e,enumerable:!0}):i,e)),ue=e=>O(k({},"__esModule",{value:!0}),e);var W,Y=C(()=>{"use strict";W=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you"});var Z={};N(Z,{Contact_A:()=>v,default:()=>v});function v({contactDescription:e,officeInformation:n,contactEmail:i,contactNumber:o,socialLinks:l,form:c,block:a,title:p}){return(0,t.jsx)(Q.Section,{className:"py-20 bg-background",children:(0,t.jsx)(J.Container,{maxWidth:1280,children:(0,t.jsxs)(f.Flex,{direction:"col",gap:8,justify:"between",className:"lg:flex-row",children:[(0,t.jsxs)(f.Flex,{direction:"col",gap:8,className:"px-10 J-full basis-1/2",children:[(0,t.jsx)(se,{form:c,title:p,contactDescription:e}),(0,t.jsx)(ge,{officeInformation:n,contactEmail:i,contactNumber:o}),(0,t.jsx)(fe,{socialLinks:l})]}),(0,t.jsx)(xe,{form:c,block:a,blockCustomization:de})]})})})}function se({form:e,title:n,contactDescription:i}){return(0,t.jsxs)("div",{children:[((e==null?void 0:e.name)||n)&&(0,t.jsx)(b.Heading,{children:(e==null?void 0:e.name)||n}),i&&(0,t.jsx)(g.Text,{muted:!0,className:"mt-5 leading-loose text-gray-700",children:i})]})}function ge({officeInformation:e,contactEmail:n,contactNumber:i}){return e?(0,t.jsxs)(f.Flex,{gap:8,justify:"between",className:"flex-col J-full md:flex-row",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(b.Heading,{type:"h2",children:"Office"}),e&&(0,t.jsx)(g.Text,{className:"mt-3",muted:!0,children:e})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)(b.Heading,{type:"h2",children:"Contacts"}),(0,t.jsx)(g.Text,{className:"my-3",muted:!0,children:n&&(0,t.jsx)(m.Link,{href:`mailto:${n}`,children:n})}),(0,t.jsx)(g.Text,{muted:!0,children:i&&(0,t.jsx)(m.Link,{href:`tel:${i}`,children:i})})]})]}):null}function fe({socialLinks:e}){return e?(0,t.jsxs)("div",{className:"J-full md:J-1/3 lg:J-full",children:[(0,t.jsx)(b.Heading,{type:"h2",fontSize:"2xl",className:"mb-2",children:"Socials"}),(0,t.jsx)(f.Flex,{gap:4,children:(0,t.jsx)(be,{socialLinks:e})})]}):null}function be({socialLinks:e}){return e?(0,t.jsx)(X.default.Fragment,{children:e==null?void 0:e.map(n=>{var i;return(0,t.jsx)(m.Link,{"aria-label":(n==null?void 0:n.socialMedia)||(n==null?void 0:n.socialMediaPlatform)||"",className:"inline-block mr-4 rounded hover:bg-gray-100",target:"_blank",rel:"noopener noreferrer",href:(i=n==null?void 0:n.socialMediaLink)!=null?i:"/page-not-found",children:(n==null?void 0:n.socialMediaLink)&&(0,t.jsx)(U.SocialIcons,{social:n.socialMedia})},n==null?void 0:n._key)})}):null}function xe({form:e,block:n,blockCustomization:i}){var o,l,c;return e?(0,t.jsx)("div",{className:"J-full px-5 sm:px-10 lg:J-1/2 lg:px-0 lg:pl-10 lg:pt-10",children:(e==null?void 0:e.fields)&&(0,t.jsxs)(K.Form,{id:(o=e==null?void 0:e.id)!=null?o:void 0,name:"Contact-VariantA-Form",className:"lg:mx-auto lg:max-J-md text-xs space-m-3 font-semibold",thankyouPage:W(e==null?void 0:e.thankYouPage),children:[(l=e==null?void 0:e.fields)==null?void 0:l.map((a,p)=>{var u,s;return(0,t.jsx)("div",{children:(a==null?void 0:a.type)==="inputCheckbox"?(0,t.jsx)(L.FormField,{noLabel:!0,name:(u=a==null?void 0:a.name)!=null?u:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,...a}):(0,t.jsx)(L.FormField,{noLabel:!0,variant:"primary",name:(s=a==null?void 0:a.name)!=null?s:"",placeholder:a==null?void 0:a.name,required:a==null?void 0:a.isRequired,...a})},p)}),(0,t.jsxs)("div",{className:"items-center sm:flex sm:justify-between",children:[n&&(0,t.jsxs)("div",{className:"inline-flex mt-2",children:[(0,t.jsx)("input",{"aria-label":"Agree to terms",className:"mt-1 mr-2",type:"checkbox",id:"terms",name:"terms",defaultValue:1,required:!0}),(0,t.jsx)("span",{className:"text-sm text-gray-500 font-semibold",children:(0,t.jsx)(j.PortableText,{value:n,components:i,onMissingComponent:!1})})]}),(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"webriq-recaptcha"})}),(e==null?void 0:e.buttonLabel)&&(0,t.jsx)(G.Button,{as:"button",ariaLabel:(c=e==null?void 0:e.buttonLabel)!=null?c:"Contact form submit button",className:"inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-l-xl rounded-t-xl bg-primary hover:bg-primary-foreground sm:mt-0",type:"submit",children:e==null?void 0:e.buttonLabel})]})]})}):null}var j,G,J,f,K,L,b,m,Q,U,g,X,t,de,S=C(()=>{"use strict";j=require("@portabletext/react"),G=require("@stackshift-ui/button"),J=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),K=require("@stackshift-ui/form"),L=require("@stackshift-ui/form-field"),b=require("@stackshift-ui/heading"),m=require("@stackshift-ui/link"),Q=require("@stackshift-ui/section"),U=require("@stackshift-ui/social-icons"),g=require("@stackshift-ui/text"),X=B(require("react"));Y();t=require("react/jsx-runtime");de={marks:{internalLink:({children:e,value:n})=>{var i;return(0,t.jsx)(m.Link,{"aria-label":(i=n.href)!=null?i:"internal link",style:{color:"red"},href:n.slug.current,children:e})},link:({children:e,value:n})=>{var i,o;return n.blank?(0,t.jsx)(m.Link,{"aria-label":(i=n.href)!=null?i:"external link",href:n.href,target:"_blank",rel:"noopener noreferrer",children:e}):(0,t.jsx)(m.Link,{"aria-label":(o=n.href)!=null?o:"external link",style:{color:"blue"},href:n.href,children:e})}}}});var ie={};N(ie,{Contact_B:()=>T,default:()=>T});function T({title:e,contactDescription:n,officeInformation:i,contactNumber:o,contactEmail:l,socialLinks:c}){return(0,r.jsx)(Q.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(J.Container,{maxWidth:1280,children:[(0,r.jsx)(ke,{title:e,description:n}),(0,r.jsx)(J.Container,{maxWidth:960,children:(0,r.jsx)(ye,{officeInformation:i,contactNumber:o,contactEmail:l,socialLinks:c})})]})})}function ke({title:e,description:n}){return(0,r.jsxs)("div",{className:"mb-16 text-center",children:[e?(0,r.jsx)(b.Heading,{type:"h1",fontSize:"3xl",children:e}):null,n?(0,r.jsx)(g.Text,{muted:!0,children:n}):null]})}function ye({officeInformation:e,contactEmail:n,contactNumber:i,socialLinks:o}){return(0,r.jsxs)(f.Flex,{className:"flex-col lg:flex-row",gap:4,justify:"between",align:"stretch",children:[e?(0,r.jsx)(he,{officeInformation:e}):null,n||i?(0,r.jsx)(Ce,{contactEmail:n,contactNumber:i}):null,o?(0,r.jsx)(Ne,{socialLinks:o}):null]})}function he({officeInformation:e}){return(0,r.jsxs)(h.Card,{className:"J-full p-12 text-center bg-white md:p-16 lg:p-20",children:[(0,r.jsx)(b.Heading,{type:"h2",fontSize:"2xl",className:"mb-16",children:"Office"}),(0,r.jsx)(g.Text,{muted:!0,children:e})]})}function Ce({contactEmail:e,contactNumber:n}){return(0,r.jsxs)(h.Card,{className:"J-full p-12 bg-white md:p-16 lg:p-20 text-center",children:[(0,r.jsx)(b.Heading,{type:"h2",fontSize:"2xl",className:"mb-16 ",children:"Contacts"}),(0,r.jsx)(g.Text,{className:"mb-2",muted:!0,children:e?(0,r.jsx)(m.Link,{href:`mailto:${e}`,children:e}):null}),(0,r.jsx)(g.Text,{muted:!0,children:n?(0,r.jsx)(m.Link,{href:`tel:${n}`,children:n}):null})]})}function Ne({socialLinks:e}){return(0,r.jsxs)(h.Card,{className:"J-full p-12 text-center bg-white md:p-16 lg:p-20",children:[(0,r.jsx)(b.Heading,{className:"mb-16",fontSize:"2xl",type:"h2",children:"Socials"}),(0,r.jsx)(f.Flex,{justify:"center",children:(0,r.jsx)(Le,{socialLinks:e})})]})}function Le({socialLinks:e}){return(0,r.jsx)(te.default.Fragment,{children:e==null?void 0:e.map(n=>{var i,o,l,c;return(0,r.jsx)(m.Link,{"aria-label":(n==null?void 0:n.socialMedia)||(n==null?void 0:n.socialMediaPlatform),className:"inline-block mr-4",target:"_blank",rel:"noopener noreferrer",href:n==null?void 0:n.socialMediaLink,children:(i=n==null?void 0:n.socialMediaIcon)!=null&&i.image?(0,r.jsx)(F.Image,{src:(o=n==null?void 0:n.socialMediaIcon)==null?void 0:o.image,width:24,height:24,alt:(c=(l=n==null?void 0:n.socialMediaIcon)==null?void 0:l.alt)!=null?c:"contact-socialMedia-icon"}):(0,r.jsx)(U.SocialIcons,{social:n.socialMedia})},n==null?void 0:n._key)})})}var h,J,f,b,F,m,Q,U,g,te,r,I=C(()=>{"use strict";h=require("@stackshift-ui/card"),F=require("@stackshift-ui/image"),te=B(require("react")),r=require("react/jsx-runtime")});var we={};N(we,{Contact:()=>re,Contact_A:()=>v,Contact_B:()=>T});module.exports=ue(we);var M=require("react"),ve={variant_a:(0,M.lazy)(()=>Promise.resolve().then(()=>(S(),Z))),variant_b:(0,M.lazy)(()=>Promise.resolve().then(()=>(I(),ie)))},Se="Contact",re=({data:e})=>{var l,c,a,p,u,s,H,z,_,D,R,q,V,$,A,E;let n=e==null?void 0:e.variant,i=n&&ve[n],o={title:(c=(l=e==null?void 0:e.variants)==null?void 0:l.title)!=null?c:void 0,contactDescription:(p=(a=e==null?void 0:e.variants)==null?void 0:a.contactDescription)!=null?p:void 0,officeInformation:(s=(u=e==null?void 0:e.variants)==null?void 0:u.officeInformation)!=null?s:void 0,contactEmail:(z=(H=e==null?void 0:e.variants)==null?void 0:H.contactEmail)!=null?z:void 0,contactNumber:(D=(_=e==null?void 0:e.variants)==null?void 0:_.contactNumber)!=null?D:void 0,socialLinks:(q=(R=e==null?void 0:e.variants)==null?void 0:R.socialLinks)!=null?q:void 0,form:($=(V=e==null?void 0:e.variants)==null?void 0:V.form)!=null?$:void 0,block:(E=(A=e==null?void 0:e.variants)==null?void 0:A.block)!=null?E:void 0};return i?(0,r.jsx)(i,{...o}):null};re.displayName=Se;S();I();0&&(module.exports={Contact,Contact_A,Contact_B});
+"use strict";var oe=Object.create;var y=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,pe=Object.prototype.hasOwnProperty;var C=(e,n)=>()=>(e&&(n=e(e=0)),n);var N=(e,n)=>{for(var i in n)y(e,i,{get:n[i],enumerable:!0})},O=(e,n,i,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of ce(n))!pe.call(e,l)&&l!==i&&y(e,l,{get:()=>n[l],enumerable:!(o=le(n,l))||o.enumerable});return e};var B=(e,n,i)=>(i=e!=null?oe(me(e)):{},O(n||!e||!e.__esModule?y(i,"default",{value:e,enumerable:!0}):i,e)),ue=e=>O(y({},"__esModule",{value:!0}),e);var W,Y=C(()=>{"use strict";W=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you"});var Z={};N(Z,{Contact_A:()=>v,default:()=>v});function v({contactDescription:e,officeInformation:n,contactEmail:i,contactNumber:o,socialLinks:l,form:c,block:a,title:p}){return(0,t.jsx)(Q.Section,{className:"py-20 bg-background",children:(0,t.jsx)(J.Container,{maxWidth:1280,children:(0,t.jsxs)(f.Flex,{direction:"col",gap:8,justify:"between",className:"lg:flex-row",children:[(0,t.jsxs)(f.Flex,{direction:"col",gap:8,className:"px-10 J-full basis-1/2",children:[(0,t.jsx)(se,{form:c,title:p,contactDescription:e}),(0,t.jsx)(ge,{officeInformation:n,contactEmail:i,contactNumber:o}),(0,t.jsx)(fe,{socialLinks:l})]}),(0,t.jsx)(xe,{form:c,block:a,blockCustomization:ke})]})})})}function se({form:e,title:n,contactDescription:i}){return(0,t.jsxs)("div",{children:[((e==null?void 0:e.name)||n)&&(0,t.jsx)(b.Heading,{children:(e==null?void 0:e.name)||n}),i&&(0,t.jsx)(g.Text,{muted:!0,className:"mt-5 leading-loose text-gray-700",children:i})]})}function ge({officeInformation:e,contactEmail:n,contactNumber:i}){return e?(0,t.jsxs)(f.Flex,{gap:8,justify:"between",className:"flex-col J-full md:flex-row",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(b.Heading,{type:"h2",children:"Office"}),e&&(0,t.jsx)(g.Text,{className:"mt-3",muted:!0,children:e})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)(b.Heading,{type:"h2",children:"Contacts"}),(0,t.jsx)(g.Text,{className:"my-3",muted:!0,children:n&&(0,t.jsx)(m.Link,{href:`mailto:${n}`,children:n})}),(0,t.jsx)(g.Text,{muted:!0,children:i&&(0,t.jsx)(m.Link,{href:`tel:${i}`,children:i})})]})]}):null}function fe({socialLinks:e}){return e?(0,t.jsxs)("div",{className:"J-full md:J-1/3 lg:J-full",children:[(0,t.jsx)(b.Heading,{type:"h2",fontSize:"2xl",className:"mb-2",children:"Socials"}),(0,t.jsx)(f.Flex,{gap:4,children:(0,t.jsx)(be,{socialLinks:e})})]}):null}function be({socialLinks:e}){return e?(0,t.jsx)(X.default.Fragment,{children:e==null?void 0:e.map(n=>{var i;return(0,t.jsx)(m.Link,{"aria-label":(n==null?void 0:n.socialMedia)||(n==null?void 0:n.socialMediaPlatform)||"",className:"inline-block mr-4 rounded hover:bg-gray-100",target:"_blank",rel:"noopener noreferrer",href:(i=n==null?void 0:n.socialMediaLink)!=null?i:"/page-not-found",children:(n==null?void 0:n.socialMediaLink)&&(0,t.jsx)(U.SocialIcons,{social:n.socialMedia})},n==null?void 0:n._key)})}):null}function xe({form:e,block:n,blockCustomization:i}){var o,l,c;return e?(0,t.jsx)("div",{className:"J-full px-5 sm:px-10 lg:J-1/2 lg:px-0 lg:pl-10 lg:pt-10",children:(e==null?void 0:e.fields)&&(0,t.jsxs)(K.Form,{id:(o=e==null?void 0:e.id)!=null?o:void 0,name:"Contact-VariantA-Form",className:"lg:mx-auto lg:max-J-md text-xs space-y-3 font-semibold",thankyouPage:W(e==null?void 0:e.thankYouPage),children:[(l=e==null?void 0:e.fields)==null?void 0:l.map((a,p)=>{var u,s;return(0,t.jsx)("div",{children:(a==null?void 0:a.type)==="inputCheckbox"?(0,t.jsx)(L.FormField,{noLabel:!0,name:(u=a==null?void 0:a.name)!=null?u:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,...a}):(0,t.jsx)(L.FormField,{noLabel:!0,variant:"primary",name:(s=a==null?void 0:a.name)!=null?s:"",placeholder:a==null?void 0:a.name,required:a==null?void 0:a.isRequired,...a})},p)}),(0,t.jsxs)("div",{className:"items-center sm:flex sm:justify-between",children:[n&&(0,t.jsxs)("div",{className:"inline-flex mt-2",children:[(0,t.jsx)("input",{"aria-label":"Agree to terms",className:"mt-1 mr-2",type:"checkbox",id:"terms",name:"terms",defaultValue:1,required:!0}),(0,t.jsx)("span",{className:"text-sm text-gray-500 font-semibold",children:(0,t.jsx)(j.PortableText,{value:n,components:i,onMissingComponent:!1})})]}),(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"webriq-recaptcha"})}),(e==null?void 0:e.buttonLabel)&&(0,t.jsx)(G.Button,{as:"button",ariaLabel:(c=e==null?void 0:e.buttonLabel)!=null?c:"Contact form submit button",className:"inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-global bg-primary hover:bg-primary-foreground sm:mt-0",type:"submit",children:e==null?void 0:e.buttonLabel})]})]})}):null}var j,G,J,f,K,L,b,m,Q,U,g,X,t,ke,S=C(()=>{"use strict";j=require("@portabletext/react"),G=require("@stackshift-ui/button"),J=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),K=require("@stackshift-ui/form"),L=require("@stackshift-ui/form-field"),b=require("@stackshift-ui/heading"),m=require("@stackshift-ui/link"),Q=require("@stackshift-ui/section"),U=require("@stackshift-ui/social-icons"),g=require("@stackshift-ui/text"),X=B(require("react"));Y();t=require("react/jsx-runtime");ke={marks:{internalLink:({children:e,value:n})=>{var i;return(0,t.jsx)(m.Link,{"aria-label":(i=n.href)!=null?i:"internal link",style:{color:"red"},href:n.slug.current,children:e})},link:({children:e,value:n})=>{var i,o;return n.blank?(0,t.jsx)(m.Link,{"aria-label":(i=n.href)!=null?i:"external link",href:n.href,target:"_blank",rel:"noopener noreferrer",children:e}):(0,t.jsx)(m.Link,{"aria-label":(o=n.href)!=null?o:"external link",style:{color:"blue"},href:n.href,children:e})}}}});var ie={};N(ie,{Contact_B:()=>T,default:()=>T});function T({title:e,contactDescription:n,officeInformation:i,contactNumber:o,contactEmail:l,socialLinks:c}){return(0,r.jsx)(Q.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(J.Container,{maxWidth:1280,children:[(0,r.jsx)(ye,{title:e,description:n}),(0,r.jsx)(J.Container,{maxWidth:960,children:(0,r.jsx)(de,{officeInformation:i,contactNumber:o,contactEmail:l,socialLinks:c})})]})})}function ye({title:e,description:n}){return(0,r.jsxs)("div",{className:"mb-16 text-center",children:[e?(0,r.jsx)(b.Heading,{type:"h1",fontSize:"3xl",children:e}):null,n?(0,r.jsx)(g.Text,{muted:!0,children:n}):null]})}function de({officeInformation:e,contactEmail:n,contactNumber:i,socialLinks:o}){return(0,r.jsxs)(f.Flex,{className:"flex-col lg:flex-row",gap:4,justify:"between",align:"stretch",children:[e?(0,r.jsx)(he,{officeInformation:e}):null,n||i?(0,r.jsx)(Ce,{contactEmail:n,contactNumber:i}):null,o?(0,r.jsx)(Ne,{socialLinks:o}):null]})}function he({officeInformation:e}){return(0,r.jsxs)(h.Card,{className:"J-full p-12 text-center bg-white md:p-16 lg:p-20",children:[(0,r.jsx)(b.Heading,{type:"h2",fontSize:"2xl",className:"mb-16",children:"Office"}),(0,r.jsx)(g.Text,{muted:!0,children:e})]})}function Ce({contactEmail:e,contactNumber:n}){return(0,r.jsxs)(h.Card,{className:"J-full p-12 bg-white md:p-16 lg:p-20 text-center",children:[(0,r.jsx)(b.Heading,{type:"h2",fontSize:"2xl",className:"mb-16 ",children:"Contacts"}),(0,r.jsx)(g.Text,{className:"mb-2",muted:!0,children:e?(0,r.jsx)(m.Link,{href:`mailto:${e}`,children:e}):null}),(0,r.jsx)(g.Text,{muted:!0,children:n?(0,r.jsx)(m.Link,{href:`tel:${n}`,children:n}):null})]})}function Ne({socialLinks:e}){return(0,r.jsxs)(h.Card,{className:"J-full p-12 text-center bg-white md:p-16 lg:p-20",children:[(0,r.jsx)(b.Heading,{className:"mb-16",fontSize:"2xl",type:"h2",children:"Socials"}),(0,r.jsx)(f.Flex,{justify:"center",children:(0,r.jsx)(Le,{socialLinks:e})})]})}function Le({socialLinks:e}){return(0,r.jsx)(te.default.Fragment,{children:e==null?void 0:e.map(n=>{var i,o,l,c;return(0,r.jsx)(m.Link,{"aria-label":(n==null?void 0:n.socialMedia)||(n==null?void 0:n.socialMediaPlatform),className:"inline-block mr-4",target:"_blank",rel:"noopener noreferrer",href:n==null?void 0:n.socialMediaLink,children:(i=n==null?void 0:n.socialMediaIcon)!=null&&i.image?(0,r.jsx)(F.Image,{src:(o=n==null?void 0:n.socialMediaIcon)==null?void 0:o.image,width:24,height:24,alt:(c=(l=n==null?void 0:n.socialMediaIcon)==null?void 0:l.alt)!=null?c:"contact-socialMedia-icon"}):(0,r.jsx)(U.SocialIcons,{social:n.socialMedia})},n==null?void 0:n._key)})})}var h,J,f,b,F,m,Q,U,g,te,r,I=C(()=>{"use strict";h=require("@stackshift-ui/card"),F=require("@stackshift-ui/image"),te=B(require("react")),r=require("react/jsx-runtime")});var we={};N(we,{Contact:()=>re,Contact_A:()=>v,Contact_B:()=>T});module.exports=ue(we);var M=require("react"),ve={variant_a:(0,M.lazy)(()=>Promise.resolve().then(()=>(S(),Z))),variant_b:(0,M.lazy)(()=>Promise.resolve().then(()=>(I(),ie)))},Se="Contact",re=({data:e})=>{var l,c,a,p,u,s,H,z,_,D,R,q,V,$,A,E;let n=e==null?void 0:e.variant,i=n&&ve[n],o={title:(c=(l=e==null?void 0:e.variants)==null?void 0:l.title)!=null?c:void 0,contactDescription:(p=(a=e==null?void 0:e.variants)==null?void 0:a.contactDescription)!=null?p:void 0,officeInformation:(s=(u=e==null?void 0:e.variants)==null?void 0:u.officeInformation)!=null?s:void 0,contactEmail:(z=(H=e==null?void 0:e.variants)==null?void 0:H.contactEmail)!=null?z:void 0,contactNumber:(D=(_=e==null?void 0:e.variants)==null?void 0:_.contactNumber)!=null?D:void 0,socialLinks:(q=(R=e==null?void 0:e.variants)==null?void 0:R.socialLinks)!=null?q:void 0,form:($=(V=e==null?void 0:e.variants)==null?void 0:V.form)!=null?$:void 0,block:(E=(A=e==null?void 0:e.variants)==null?void 0:A.block)!=null?E:void 0};return i?(0,r.jsx)(i,{...o}):null};re.displayName=Se;S();I();0&&(module.exports={Contact,Contact_A,Contact_B});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-P7UUSKAZ.mjs";import{a as o}from"./chunk-TQSJP3BD.mjs";import{a as r}from"./chunk-VGIWNZ3R.mjs";import"./chunk-LN2UUYYP.mjs";export{e as Contact,o as Contact_A,r as Contact_B};
+"use strict";import{a as e}from"./chunk-4PEDVEBB.mjs";import{a as o}from"./chunk-4VXBEP6C.mjs";import{a as r}from"./chunk-VGIWNZ3R.mjs";import"./chunk-LN2UUYYP.mjs";export{e as Contact,o as Contact_A,r as Contact_B};

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@stackshift-ui/contact",
   "description": "",
-  "version": "6.0.2",
+  "version": "6.0.4",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist/**"
+    "dist/**",
+    "src"
   ],
   "author": "WebriQ <info@webriq.com>",
   "devDependencies": {
@@ -34,20 +35,20 @@
   "dependencies": {
     "@portabletext/react": "^3.1.0",
     "classnames": "^2.5.1",
-    "@stackshift-ui/button": "6.0.2",
-    "@stackshift-ui/card": "6.0.2",
-    "@stackshift-ui/container": "6.0.2",
-    "@stackshift-ui/flex": "6.0.2",
-    "@stackshift-ui/form": "6.0.2",
-    "@stackshift-ui/form-field": "6.0.2",
-    "@stackshift-ui/link": "6.0.2",
-    "@stackshift-ui/image": "6.0.2",
-    "@stackshift-ui/section": "6.0.2",
-    "@stackshift-ui/heading": "6.0.2",
+    "@stackshift-ui/button": "6.0.3",
+    "@stackshift-ui/card": "6.0.3",
+    "@stackshift-ui/container": "6.0.3",
+    "@stackshift-ui/flex": "6.0.3",
+    "@stackshift-ui/form": "6.0.3",
+    "@stackshift-ui/image": "6.0.3",
+    "@stackshift-ui/link": "6.0.3",
     "@stackshift-ui/scripts": "6.0.2",
-    "@stackshift-ui/social-icons": "6.0.2",
-    "@stackshift-ui/system": "6.0.2",
-    "@stackshift-ui/text": "6.0.2"
+    "@stackshift-ui/heading": "6.0.3",
+    "@stackshift-ui/section": "6.0.3",
+    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/social-icons": "6.0.3",
+    "@stackshift-ui/text": "6.0.3",
+    "@stackshift-ui/form-field": "6.0.4"
   },
   "peerDependencies": {
     "@stackshift-ui/system": ">=0.0.0",

package/src/contact.test.tsx

@@ -0,0 +1,13 @@
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, test } from "vitest";
+import { Contact } from "./contact";
+
+describe.concurrent("contact", () => {
+  afterEach(cleanup);
+
+  test.skip("Dummy test - test if renders without errors", ({ expect }) => {
+    const clx = "my-class";
+    render(<Contact />);
+    expect(screen.getByTestId("{ kebabCase name }}").classList).toContain(clx);
+  });
+});

package/src/contact.tsx

@@ -0,0 +1,40 @@
+import { lazy } from "react";
+import { SectionsProps, SocialLink, Form } from "./types";
+
+const Variants = {
+  variant_a: lazy(() => import("./contact_a")),
+  variant_b: lazy(() => import("./contact_b")),
+};
+
+export interface ContactProps {
+  title?: string;
+  contactDescription?: string;
+  officeInformation?: string;
+  contactEmail?: string;
+  contactNumber?: string;
+  socialLinks?: SocialLink[];
+  form?: Form;
+  block?: any;
+}
+
+const displayName = "Contact";
+
+export const Contact: React.FC<SectionsProps> = ({ data }) => {
+  const variant = data?.variant;
+  const Variant = variant && Variants[variant as keyof typeof Variants];
+
+  const props = {
+    title: data?.variants?.title ?? undefined,
+    contactDescription: data?.variants?.contactDescription ?? undefined,
+    officeInformation: data?.variants?.officeInformation ?? undefined,
+    contactEmail: data?.variants?.contactEmail ?? undefined,
+    contactNumber: data?.variants?.contactNumber ?? undefined,
+    socialLinks: data?.variants?.socialLinks ?? undefined,
+    form: data?.variants?.form ?? undefined,
+    block: data?.variants?.block ?? undefined,
+  };
+
+  return Variant ? <Variant {...props} /> : null;
+};
+
+Contact.displayName = displayName;

package/src/contact_a.tsx

@@ -0,0 +1,253 @@
+import { PortableText, PortableTextComponents } from "@portabletext/react";
+import { Button } from "@stackshift-ui/button";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Form } from "@stackshift-ui/form";
+import { FormField } from "@stackshift-ui/form-field";
+import { Heading } from "@stackshift-ui/heading";
+import { Link } from "@stackshift-ui/link";
+import { Section } from "@stackshift-ui/section";
+import { SocialIcons } from "@stackshift-ui/social-icons";
+import { Text } from "@stackshift-ui/text";
+import React from "react";
+
+import { ContactProps } from ".";
+import { thankYouPageLink } from "./helper";
+import { SocialLink, Form as iForm, Socials as iSocials } from "./types";
+
+export default function Contact_A({
+  contactDescription,
+  officeInformation,
+  contactEmail,
+  contactNumber,
+  socialLinks,
+  form,
+  block,
+  title,
+}: ContactProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <Flex direction="col" gap={8} justify="between" className="lg:flex-row">
+          <Flex direction="col" gap={8} className="px-10 w-full basis-1/2">
+            <ContactTitleAndDescription
+              form={form}
+              title={title}
+              contactDescription={contactDescription}
+            />
+            <OfficeInformation
+              officeInformation={officeInformation}
+              contactEmail={contactEmail}
+              contactNumber={contactNumber}
+            />
+            <SocialLinksCard socialLinks={socialLinks} />
+          </Flex>
+          <FormFields form={form} block={block} blockCustomization={blockCustomization} />
+        </Flex>
+      </Container>
+    </Section>
+  );
+}
+
+function ContactTitleAndDescription({
+  form,
+  title,
+  contactDescription,
+}: {
+  form?: iForm;
+  title?: string;
+  contactDescription?: string;
+}) {
+  return (
+    <div>
+      {(form?.name || title) && <Heading>{form?.name || title}</Heading>}
+      {contactDescription && (
+        <Text muted className="mt-5 leading-loose text-gray-700">
+          {contactDescription}
+        </Text>
+      )}
+    </div>
+  );
+}
+
+function OfficeInformation({
+  officeInformation,
+  contactEmail,
+  contactNumber,
+}: {
+  officeInformation?: string;
+  contactEmail?: string;
+  contactNumber?: string;
+}) {
+  if (!officeInformation) return null;
+
+  return (
+    <Flex gap={8} justify="between" className="flex-col w-full md:flex-row">
+      <div>
+        <Heading type="h2">{"Office"}</Heading>
+        {officeInformation && (
+          <Text className="mt-3" muted>
+            {officeInformation}
+          </Text>
+        )}
+      </div>
+      <div>
+        <Heading type="h2">{"Contacts"}</Heading>
+        <Text className="my-3" muted>
+          {contactEmail && <Link href={`mailto:${contactEmail}`}>{contactEmail}</Link>}
+        </Text>
+        <Text muted>
+          {contactNumber && <Link href={`tel:${contactNumber}`}>{contactNumber}</Link>}
+        </Text>
+      </div>
+    </Flex>
+  );
+}
+
+function SocialLinksCard({ socialLinks }: { socialLinks?: SocialLink[] }) {
+  if (!socialLinks) return null;
+  return (
+    <div className="w-full md:w-1/3 lg:w-full">
+      <Heading type="h2" fontSize="2xl" className="mb-2">
+        Socials
+      </Heading>
+      <Flex gap={4}>
+        <SocialLinks socialLinks={socialLinks} />
+      </Flex>
+    </div>
+  );
+}
+
+function SocialLinks({ socialLinks }: { socialLinks?: SocialLink[] }) {
+  if (!socialLinks) return null;
+
+  return (
+    <React.Fragment>
+      {socialLinks?.map(social => (
+        <Link
+          aria-label={social?.socialMedia || social?.socialMediaPlatform || ""}
+          className="inline-block mr-4 rounded hover:bg-gray-100"
+          target="_blank"
+          rel="noopener noreferrer"
+          href={social?.socialMediaLink ?? "/page-not-found"}
+          key={social?._key}>
+          {social?.socialMediaLink && <SocialIcons social={social.socialMedia as iSocials} />}
+        </Link>
+      ))}
+    </React.Fragment>
+  );
+}
+
+function FormFields({
+  form,
+  block,
+  blockCustomization,
+}: {
+  form?: iForm;
+  block: any;
+  blockCustomization: PortableTextComponents;
+}) {
+  if (!form) return null;
+
+  return (
+    <div className="w-full px-5 sm:px-10 lg:w-1/2 lg:px-0 lg:pl-10 lg:pt-10">
+      {form?.fields && (
+        <Form
+          id={form?.id ?? undefined}
+          name="Contact-VariantA-Form"
+          className="lg:mx-auto lg:max-w-md text-xs space-y-3 font-semibold"
+          thankyouPage={thankYouPageLink(form?.thankYouPage)}>
+          {form?.fields?.map((formFields, index) => (
+            <div key={index}>
+              {formFields?.type === "inputCheckbox" ? (
+                <FormField
+                  noLabel
+                  name={formFields?.name ?? ""}
+                  placeholder={formFields?.placeholder}
+                  required={formFields?.isRequired}
+                  {...formFields}
+                />
+              ) : (
+                <FormField
+                  noLabel
+                  variant="primary"
+                  name={formFields?.name ?? ""}
+                  placeholder={formFields?.name}
+                  required={formFields?.isRequired}
+                  {...formFields}
+                />
+              )}
+            </div>
+          ))}
+          <div className="items-center sm:flex sm:justify-between">
+            {block && (
+              <div className="inline-flex mt-2">
+                <input
+                  aria-label="Agree to terms"
+                  className="mt-1 mr-2"
+                  type="checkbox"
+                  id="terms"
+                  name="terms"
+                  defaultValue={1}
+                  required
+                />
+                <span className="text-sm text-gray-500 font-semibold">
+                  <PortableText
+                    value={block}
+                    components={blockCustomization}
+                    onMissingComponent={false} // Disabling warnings / handling unknown types
+                  />
+                </span>
+              </div>
+            )}
+            <div>
+              <div className="webriq-recaptcha" />
+            </div>
+            {form?.buttonLabel && (
+              <Button
+                as="button"
+                ariaLabel={form?.buttonLabel ?? "Contact form submit button"}
+                className="inline-block px-6 py-2 mt-5 font-bold leading-loose text-white transition duration-200 rounded-global bg-primary hover:bg-primary-foreground sm:mt-0"
+                type="submit">
+                {form?.buttonLabel}
+              </Button>
+            )}
+          </div>
+        </Form>
+      )}
+    </div>
+  );
+}
+
+// block styling as props to `components` of the PortableText component
+const blockCustomization: PortableTextComponents = {
+  marks: {
+    internalLink: ({ children, value }) => (
+      <Link
+        aria-label={value.href ?? "internal link"}
+        style={{ color: "red" }}
+        href={value.slug.current}>
+        {children}
+      </Link>
+    ),
+    link: ({ children, value }) =>
+      value.blank ? (
+        <Link
+          aria-label={value.href ?? "external link"}
+          href={value.href}
+          target="_blank"
+          rel="noopener noreferrer">
+          {children}
+        </Link>
+      ) : (
+        <Link
+          aria-label={value.href ?? "external link"}
+          style={{ color: "blue" }}
+          href={value.href}>
+          {children}
+        </Link>
+      ),
+  },
+};
+
+export { Contact_A };

package/src/contact_b.tsx

@@ -0,0 +1,149 @@
+import { Card } from "@stackshift-ui/card";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Heading } from "@stackshift-ui/heading";
+import { Image } from "@stackshift-ui/image";
+import { Link } from "@stackshift-ui/link";
+import { Section } from "@stackshift-ui/section";
+import { SocialIcons } from "@stackshift-ui/social-icons";
+import { Text } from "@stackshift-ui/text";
+import React from "react";
+import { ContactProps } from ".";
+import { Socials } from "./types";
+
+export default function Contact_B({
+  title,
+  contactDescription,
+  officeInformation,
+  contactNumber,
+  contactEmail,
+  socialLinks,
+}: ContactProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <ContactHeader title={title} description={contactDescription} />
+        <Container maxWidth={960}>
+          <ContactDetails
+            officeInformation={officeInformation}
+            contactNumber={contactNumber}
+            contactEmail={contactEmail}
+            socialLinks={socialLinks}
+          />
+        </Container>
+      </Container>
+    </Section>
+  );
+}
+
+function ContactHeader({ title, description }: { title?: string; description?: string }) {
+  return (
+    <div className="mb-16 text-center">
+      {title ? (
+        <Heading type="h1" fontSize="3xl">
+          {title}
+        </Heading>
+      ) : null}
+      {description ? <Text muted>{description}</Text> : null}
+    </div>
+  );
+}
+
+function ContactDetails({
+  officeInformation,
+  contactEmail,
+  contactNumber,
+  socialLinks,
+}: {
+  officeInformation?: string;
+  contactEmail?: string;
+  contactNumber?: string;
+  socialLinks?: any;
+}) {
+  return (
+    <Flex className="flex-col lg:flex-row" gap={4} justify="between" align="stretch">
+      {officeInformation ? <OfficeInformationCard officeInformation={officeInformation} /> : null}
+
+      {contactEmail || contactNumber ? (
+        <ContactsCard contactEmail={contactEmail} contactNumber={contactNumber} />
+      ) : null}
+
+      {socialLinks ? <SocialLinksCard socialLinks={socialLinks} /> : null}
+    </Flex>
+  );
+}
+
+function OfficeInformationCard({ officeInformation }: { officeInformation: string }) {
+  return (
+    <Card className="w-full p-12 text-center bg-white md:p-16 lg:p-20">
+      <Heading type="h2" fontSize="2xl" className="mb-16">
+        Office
+      </Heading>
+      <Text muted>{officeInformation}</Text>
+    </Card>
+  );
+}
+
+function ContactsCard({
+  contactEmail,
+  contactNumber,
+}: {
+  contactEmail?: string;
+  contactNumber?: string;
+}) {
+  return (
+    <Card className="w-full p-12 bg-white md:p-16 lg:p-20 text-center">
+      <Heading type="h2" fontSize="2xl" className="mb-16 ">
+        Contacts
+      </Heading>
+      <Text className="mb-2" muted>
+        {contactEmail ? <Link href={`mailto:${contactEmail}`}>{contactEmail}</Link> : null}
+      </Text>
+      <Text muted>
+        {contactNumber ? <Link href={`tel:${contactNumber}`}>{contactNumber}</Link> : null}
+      </Text>
+    </Card>
+  );
+}
+
+function SocialLinksCard({ socialLinks }: any) {
+  return (
+    <Card className="w-full p-12 text-center bg-white md:p-16 lg:p-20">
+      <Heading className="mb-16" fontSize="2xl" type="h2">
+        Socials
+      </Heading>
+      <Flex justify="center">
+        <SocialLinks socialLinks={socialLinks} />
+      </Flex>
+    </Card>
+  );
+}
+
+function SocialLinks({ socialLinks }: any) {
+  return (
+    <React.Fragment>
+      {socialLinks?.map((social: any) => (
+        <Link
+          aria-label={social?.socialMedia || social?.socialMediaPlatform}
+          className="inline-block mr-4"
+          target="_blank"
+          rel="noopener noreferrer"
+          href={social?.socialMediaLink}
+          key={social?._key}>
+          {social?.socialMediaIcon?.image ? (
+            <Image
+              src={social?.socialMediaIcon?.image}
+              width={24}
+              height={24}
+              alt={social?.socialMediaIcon?.alt ?? "contact-socialMedia-icon"}
+            />
+          ) : (
+            <SocialIcons social={social.socialMedia as Socials} />
+          )}
+        </Link>
+      ))}
+    </React.Fragment>
+  );
+}
+
+export { Contact_B };

package/src/helper/index.ts

@@ -0,0 +1,12 @@
+// WebriQ form redirect thank you page on successful submission
+export const thankYouPageLink = (link: any) => {
+  if (!link) {
+    return "/thank-you";
+  } else {
+    if (link?.linkType === "linkInternal") {
+      return `/${link?.internalLink}`;
+    } else {
+      return link?.externalLink;
+    }
+  }
+};

package/src/index.ts

@@ -0,0 +1,6 @@
+"use client";
+
+// component exports
+export * from "./contact";
+export * from "./contact_a";
+export * from "./contact_b";

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>;
+    };
+  };
+}