umwd-components 0.1.263 → 0.1.265

package/dist/cjs/src/components/ContactForm.js

@@ -4,4 +4,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("@mui/material"),t=require("validator/lib/isEmail"),n=require("../lib/utils.js"),r=require("@mui/material/styles");exports.default=function(l){let{data:i}=l;const{title:s="Write us",subtitle:o="We're open for any suggestion or just to have a chat",successHeading:m="Thank you!",successText:u="Your e-mail has been successfully sent!",errorHeading:c,errorText:d="I am sorry, something went wrong, you could email me directly on info@jellepaulus.nl",maxWidth:g,sx:p={},glass:b=!1}=i,[y,h]=e.useState({name:"",email:"",subject:"",message:""}),[v,E]=e.useState({});e.useState("Send");const[x,j]=e.useState(!1),[T,S]=e.useState(!1),f=e=>{const{name:a,value:t}=e.target;h({...y,[a]:t})},k=e=>{const{name:a}=e.target,t=C(y);t[a]?E((e=>({...e,[a]:t[a]}))):E((e=>{const t={...e};return delete t[a],t}))},C=e=>{console.log("values from validate",e);let a={};return""===e.name&&(a.name="Name is required"),""===e.email?a.email="Email is required":t(e.email)||(a.email="Invalid email"),""===e.subject&&(a.subject="Subject is required"),""===e.message&&(a.message="Message is required"),console.log("errors from validate",a),a},q=r.useTheme();return e.createElement(a.Container,{maxWidth:g||"lg",sx:{my:1,...p}},e.createElement(a.Stack,{spacing:2,sx:{width:"100%"}},e.createElement(a.Typography,{variant:"h6",align:"center"},s),e.createElement(a.Typography,{variant:"body1",align:"center",sx:{pb:3}},o),x&&e.createElement(a.Paper,{sx:{p:2}},e.createElement(a.Stack,{spacing:2},e.createElement(a.Typography,{variant:"h6"},m),e.createElement(a.Typography,null,u))),T&&e.createElement(a.Paper,{sx:{p:2}},e.createElement(a.Stack,{spacing:2},c&&e.createElement(a.Typography,{variant:"h6"},c),e.createElement(a.Typography,null,d),e.createElement(a.Button,{variant:"contained"},"try again")))),!x&&!T&&e.createElement(a.Paper,{sx:{p:2,backdropFilter:"blur(3px)",backgroundColor:n.setOpacity(q.palette.background.paper,b?.1:1),border:b?"1px solid rgba(255, 255, 255, 0.15)":"none"}},e.createElement(a.Stack,{spacing:2},e.createElement(a.TextField,{id:"name",name:"name",label:"Name",value:y.name,variant:"outlined",onBlur:k,onChange:f,error:null!=v.name,helperText:v.name}),e.createElement(a.TextField,{id:"email",name:"email",label:"Email",value:y.email,variant:"outlined",onBlur:k,onChange:f,error:null!=v.email,helperText:v.email}),e.createElement(a.TextField,{id:"subject",name:"subject",label:"Subject",value:y.subject,variant:"outlined",onBlur:k,onChange:f,error:null!=v.subject,helperText:v.subject}),e.createElement(a.TextField,{id:"message",name:"message",label:"Message",value:y.message,variant:"outlined",multiline:!0,minRows:5,onBlur:k,onChange:f,error:null!=v.message,helperText:v.message}),e.createElement(a.Stack,{direction:"row",spacing:2,justifyContent:"end"},e.createElement(a.Button,{variant:"outlined",color:"primary",onClick:()=>{h({name:"",email:"",subject:"",message:""})}},"Clear"),e.createElement(a.Button,{variant:"contained",onClick:async e=>{e.preventDefault();let a=C(y);if(console.log("isValidForm",a),0===Object.keys(a).length){const e=await fetch("/api/sendgrid",{body:JSON.stringify({email:y.email,fullname:y.name,subject:y.subject,message:y.message}),headers:{"Content-Type":"application/json"},method:"POST"}),{error:a}=await e.json();if(a)return S(!0),void console.log(a);j(!0)}}},"Send")))))};
+"use strict";var e=require("react"),a=require("@mui/material"),t=require("validator/lib/isEmail"),n=require("../lib/utils.js"),r=require("@mui/material/styles");exports.ContactForm=function(l){let{data:i}=l;const{title:s="Write us",subtitle:o="We're open for any suggestion or just to have a chat",successHeading:m="Thank you!",successText:c="Your e-mail has been successfully sent!",errorHeading:u,errorText:g="I am sorry, something went wrong, you could email me directly on info@jellepaulus.nl",maxWidth:d,sx:p={},glass:b=!1}=i,[h,y]=e.useState({name:"",email:"",subject:"",message:""}),[v,E]=e.useState({});e.useState("Send");const[x,j]=e.useState(!1),[T,S]=e.useState(!1),f=e=>{const{name:a,value:t}=e.target;y({...h,[a]:t})},k=e=>{const{name:a}=e.target,t=C(h);t[a]?E((e=>({...e,[a]:t[a]}))):E((e=>{const t={...e};return delete t[a],t}))},C=e=>{console.log("values from validate",e);let a={};return""===e.name&&(a.name="Name is required"),""===e.email?a.email="Email is required":t(e.email)||(a.email="Invalid email"),""===e.subject&&(a.subject="Subject is required"),""===e.message&&(a.message="Message is required"),console.log("errors from validate",a),a},q=r.useTheme();return e.createElement(a.Container,{maxWidth:d||"lg",sx:{my:1,...p}},e.createElement(a.Stack,{spacing:2,sx:{width:"100%"}},e.createElement(a.Typography,{variant:"h6",align:"center"},s),e.createElement(a.Typography,{variant:"body1",align:"center",sx:{pb:3}},o),x&&e.createElement(a.Paper,{sx:{p:2}},e.createElement(a.Stack,{spacing:2},e.createElement(a.Typography,{variant:"h6"},m),e.createElement(a.Typography,null,c))),T&&e.createElement(a.Paper,{sx:{p:2}},e.createElement(a.Stack,{spacing:2},u&&e.createElement(a.Typography,{variant:"h6"},u),e.createElement(a.Typography,null,g),e.createElement(a.Button,{variant:"contained"},"try again")))),!x&&!T&&e.createElement(a.Paper,{sx:{p:2,backdropFilter:"blur(3px)",backgroundColor:n.setOpacity(q.palette.background.paper,b?.1:1),border:b?"1px solid rgba(255, 255, 255, 0.15)":"none"}},e.createElement(a.Stack,{spacing:2},e.createElement(a.TextField,{id:"name",name:"name",label:"Name",value:h.name,variant:"outlined",onBlur:k,onChange:f,error:null!=v.name,helperText:v.name}),e.createElement(a.TextField,{id:"email",name:"email",label:"Email",value:h.email,variant:"outlined",onBlur:k,onChange:f,error:null!=v.email,helperText:v.email}),e.createElement(a.TextField,{id:"subject",name:"subject",label:"Subject",value:h.subject,variant:"outlined",onBlur:k,onChange:f,error:null!=v.subject,helperText:v.subject}),e.createElement(a.TextField,{id:"message",name:"message",label:"Message",value:h.message,variant:"outlined",multiline:!0,minRows:5,onBlur:k,onChange:f,error:null!=v.message,helperText:v.message}),e.createElement(a.Stack,{direction:"row",spacing:2,justifyContent:"end"},e.createElement(a.Button,{variant:"outlined",color:"primary",onClick:()=>{y({name:"",email:"",subject:"",message:""})}},"Clear"),e.createElement(a.Button,{variant:"contained",onClick:async e=>{e.preventDefault();let a=C(h);if(console.log("isValidForm",a),0===Object.keys(a).length){const e=await fetch("/api/sendgrid",{body:JSON.stringify({email:h.email,fullname:h.name,subject:h.subject,message:h.message}),headers:{"Content-Type":"application/json"},method:"POST"}),{error:a}=await e.json();if(a)return S(!0),void console.log(a);j(!0)}}},"Send")))))};

package/dist/cjs/src/components/page-elements/Page.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./TextImageSection.js"),r=require("./HeroSection.js"),a=require("./FeaturesSection.js"),n=require("./FleetSection.js"),o=require("./IconSection.js"),c=require("./ColumnsSection.js"),i=require("@mui/material"),u=require("../ContactForm.js"),s=require("./PersonaliaSection.js"),l=require("./PictureBarSection.js"),d=require("./LogoBarSection.js");function m(i){switch(i.__component){case"layout.hero-section":return e.createElement(r.HeroSection,{key:i.id,data:i});case"layout.features-section":return e.createElement(a.FeatureSection,{key:i.id,data:i});case"layout.contact-section":return e.createElement(u.default,{key:i.id,data:i});case"layout.text-image-section":return e.createElement(t.default,{key:i.id,data:i});case"layout.icon-section":return e.createElement(o.IconSection,{key:i.id,data:i});case"layout.fleet-section":return e.createElement(n.FleetSection,{key:i.id,data:i});case"layout.columns-section":return e.createElement(c.ColumnsSection,{key:i.id,data:i});case"layout.personalia-section":return e.createElement(s.PersonaliaSection,{key:i.id,data:i});case"layout.picture-bar-section":return e.createElement(l.PictureBarSection,{key:i.id,data:i});case"layout.logo-bar-section":return e.createElement(d.LogoBarSection,{key:i.id,data:i});default:return null}}exports.default=function(t){let{blocks:r,sx:a=[]}=t;return r?e.createElement(i.Box,{sx:{...a}},r.map(m)):e.createElement("p",null,"No sections found")};
+"use strict";var e=require("react"),t=require("./TextImageSection.js"),r=require("./HeroSection.js"),a=require("./FeaturesSection.js"),n=require("./FleetSection.js"),o=require("./IconSection.js"),c=require("./ColumnsSection.js"),i=require("@mui/material"),u=require("../ContactForm.js"),s=require("./PersonaliaSection.js"),l=require("./PictureBarSection.js"),m=require("./LogoBarSection.js");function d(i){switch(i.__component){case"layout.hero-section":return e.createElement(r.HeroSection,{key:i.id,data:i});case"layout.features-section":return e.createElement(a.FeatureSection,{key:i.id,data:i});case"layout.contact-section":return e.createElement(u.ContactForm,{key:i.id,data:i});case"layout.text-image-section":return e.createElement(t.TextImageSection,{key:i.id,data:i});case"layout.icon-section":return e.createElement(o.IconSection,{key:i.id,data:i});case"layout.fleet-section":return e.createElement(n.FleetSection,{key:i.id,data:i});case"layout.columns-section":return e.createElement(c.ColumnsSection,{key:i.id,data:i});case"layout.personalia-section":return e.createElement(s.PersonaliaSection,{key:i.id,data:i});case"layout.picture-bar-section":return e.createElement(l.PictureBarSection,{key:i.id,data:i});case"layout.logo-bar-section":return e.createElement(m.LogoBarSection,{key:i.id,data:i});default:return null}}exports.Page=function(t){let{blocks:r,sx:a=[]}=t;return r?e.createElement(i.Box,{sx:{...a}},r.map(d)):e.createElement("p",null,"No sections found")};

package/dist/cjs/src/components/page-elements/TextImageSection.js

@@ -4,4 +4,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@mui/material"),r=require("../StrapiImage.js"),i=require("../../lib/utils.js");const n=e.lazy((()=>import("mui-markdown")));function a(i){let{image:n}=i;const a=t.useTheme();if(void 0===n.url)return null;const[l,o]=e.useState(0),c=()=>{const e="image-container".concat(n.url),t=document.getElementById(e),r="image".concat(n.url),i=document.getElementById(r);if(null===t||null===i)return;const a=t.getBoundingClientRect(),l=i.getBoundingClientRect();if(l.height>=a.height)return;const c=a.height-l.height;a.y<=160&&-a.y<=a.height-l.height-160?o(160-a.y):a.y>0?o(0):o(c)};return e.useEffect((()=>(window.addEventListener("scroll",c),()=>window.removeEventListener("scroll",c))),[]),e.createElement(t.Box,{id:"image-container".concat(n.url),sx:{height:"100%",position:"relative"}},e.createElement(r.StrapiImage,{id:"image".concat(n.url),alternativeText:n.alternativeText,height:n.height,width:n.width,url:n.url,style:{width:"100%",height:"auto",display:"block",position:"relative",top:l,borderRadius:4,border:"1px solid ".concat(a.palette.secondary.main)}}))}exports.default=function(r){let{data:l}=r;const{title:o,text:c,image:s,reverse:d=!1,maxWidth:u,sx:m={},glass:g=!1,anchor:h=""}=l,p=t.useTheme();return e.createElement(t.Container,{maxWidth:u||"lg",sx:{my:1,...m},id:h},o&&e.createElement(t.Typography,{variant:"h1",textAlign:"center",sx:{pb:2}},o),e.createElement(t.Grid,{container:!0,spacing:2,direction:d?"row-reverse":"row"},e.createElement(t.Grid,{item:!0,xs:12,md:void 0!==(null==s?void 0:s.url)?8:12},e.createElement(t.Paper,{sx:{p:2,backdropFilter:"blur(3px)",backgroundColor:i.setOpacity(p.palette.background.paper,g?.1:1),border:g?"1px solid rgba(255, 255, 255, 0.15)":"none"}},null!=c&&e.createElement(t.Box,{sx:{height:"100%",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"flex-start"}},e.createElement(n,null,c)))),void 0!==(null==s?void 0:s.url)&&e.createElement(t.Grid,{item:!0,xs:12,md:4},e.createElement(a,{image:s}))))};
+"use strict";var e=require("react"),t=require("@mui/material"),r=require("../StrapiImage.js"),i=require("../../lib/utils.js");const n=e.lazy((()=>import("mui-markdown")));function a(i){let{image:n}=i;const a=t.useTheme();if(void 0===n.url)return null;const[l,o]=e.useState(0),c=()=>{const e="image-container".concat(n.url),t=document.getElementById(e),r="image".concat(n.url),i=document.getElementById(r);if(null===t||null===i)return;const a=t.getBoundingClientRect(),l=i.getBoundingClientRect();if(l.height>=a.height)return;const c=a.height-l.height;a.y<=160&&-a.y<=a.height-l.height-160?o(160-a.y):a.y>0?o(0):o(c)};return e.useEffect((()=>(window.addEventListener("scroll",c),()=>window.removeEventListener("scroll",c))),[]),e.createElement(t.Box,{id:"image-container".concat(n.url),sx:{height:"100%",position:"relative"}},e.createElement(r.StrapiImage,{id:"image".concat(n.url),alternativeText:n.alternativeText,height:n.height,width:n.width,url:n.url,style:{width:"100%",height:"auto",display:"block",position:"relative",top:l,borderRadius:4,border:"1px solid ".concat(a.palette.secondary.main)}}))}exports.TextImageSection=function(r){let{data:l}=r;const{title:o,text:c,image:s,reverse:d=!1,maxWidth:u,sx:m={},glass:g=!1,anchor:h=""}=l,p=t.useTheme();return e.createElement(t.Container,{maxWidth:u||"lg",sx:{my:1,...m},id:h},o&&e.createElement(t.Typography,{variant:"h1",textAlign:"center",sx:{pb:2}},o),e.createElement(t.Grid,{container:!0,spacing:2,direction:d?"row-reverse":"row"},e.createElement(t.Grid,{item:!0,xs:12,md:void 0!==(null==s?void 0:s.url)?8:12},e.createElement(t.Paper,{sx:{p:2,backdropFilter:"blur(3px)",backgroundColor:i.setOpacity(p.palette.background.paper,g?.1:1),border:g?"1px solid rgba(255, 255, 255, 0.15)":"none"}},null!=c&&e.createElement(t.Box,{sx:{height:"100%",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"flex-start"}},e.createElement(n,null,c)))),void 0!==(null==s?void 0:s.url)&&e.createElement(t.Grid,{item:!0,xs:12,md:4},e.createElement(a,{image:s}))))};

package/dist/cjs/src/index.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-"use strict";var e=require("./components/layout/Footer.js"),t=require("./components/ContactForm.js"),o=require("./components/WebsitePlaceholder.js"),r=require("./components/WhatsAppClickToChatButton.js"),s=require("./components/ScrollLink.js"),n=require("./components/layout/Navbar.js"),i=require("./components/FluidBackground.js"),a=require("./components/forms/RegisterForm.js"),u=require("./components/forms/SigninForm.js"),p=require("./components/layout/SideNav.js"),l=require("./components/LogoutButton.js"),c=require("./components/page-elements/Page.js"),d=require("./components/page-builder/PageBuilder.js"),g=require("./components/StyledLink.js"),m=require("./data/actions/auth-actions.js"),x=require("./data/actions/pagebuilder-actions.js");exports.Footer=e.default,exports.ContactForm=t.default,exports.WebsitePlaceholder=o.default,exports.WhatsAppClickToChatButton=r.default,exports.ScrollLink=s.default,exports.Navbar=n.default,exports.FluidBackground=i.default,exports.RegisterForm=a.default,exports.SigninForm=u.default,exports.SideNav=p.default,exports.LogoutButton=l.default,exports.Page=c.default,exports.PageBuilder=d.default,exports.StyledLink=g.StyledLink,exports.loginUserAction=m.loginUserAction,exports.logoutAction=m.logoutAction,exports.registerUserAction=m.registerUserAction,exports.updatePageAction=x.updatePageAction;
+"use strict";var e=require("./components/layout/Footer.js"),o=require("./components/ContactForm.js"),t=require("./components/WebsitePlaceholder.js"),r=require("./components/WhatsAppClickToChatButton.js"),s=require("./components/ScrollLink.js"),n=require("./components/layout/Navbar.js"),i=require("./components/FluidBackground.js"),a=require("./components/forms/RegisterForm.js"),u=require("./components/forms/SigninForm.js"),p=require("./components/layout/SideNav.js"),c=require("./components/LogoutButton.js"),l=require("./components/page-elements/Page.js"),d=require("./components/page-builder/PageBuilder.js"),g=require("./components/StyledLink.js"),m=require("./data/actions/auth-actions.js"),x=require("./data/actions/pagebuilder-actions.js");exports.Footer=e.default,exports.ContactForm=o.ContactForm,exports.WebsitePlaceholder=t.default,exports.WhatsAppClickToChatButton=r.default,exports.ScrollLink=s.default,exports.Navbar=n.default,exports.FluidBackground=i.default,exports.RegisterForm=a.default,exports.SigninForm=u.default,exports.SideNav=p.default,exports.LogoutButton=c.default,exports.Page=l.Page,exports.PageBuilder=d.default,exports.StyledLink=g.StyledLink,exports.loginUserAction=m.loginUserAction,exports.logoutAction=m.logoutAction,exports.registerUserAction=m.registerUserAction,exports.updatePageAction=x.updatePageAction;

package/dist/esm/src/components/ContactForm.js

@@ -4,4 +4,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-import e from"react";import{Container as a,Stack as t,Typography as n,Paper as l,Button as r,TextField as i}from"@mui/material";import s from"validator/lib/isEmail";import{setOpacity as m}from"../lib/utils.js";import{useTheme as o}from"@mui/material/styles";function c(c){let{data:u}=c;const{title:d="Write us",subtitle:g="We're open for any suggestion or just to have a chat",successHeading:p="Thank you!",successText:b="Your e-mail has been successfully sent!",errorHeading:E,errorText:v="I am sorry, something went wrong, you could email me directly on info@jellepaulus.nl",maxWidth:h,sx:j={},glass:f=!1}=u,[x,y]=e.useState({name:"",email:"",subject:"",message:""}),[S,C]=e.useState({});e.useState("Send");const[T,k]=e.useState(!1),[w,q]=e.useState(!1),B=e=>{const{name:a,value:t}=e.target;y({...x,[a]:t})},W=e=>{const{name:a}=e.target,t=N(x);t[a]?C((e=>({...e,[a]:t[a]}))):C((e=>{const t={...e};return delete t[a],t}))},N=e=>{console.log("values from validate",e);let a={};return""===e.name&&(a.name="Name is required"),""===e.email?a.email="Email is required":s(e.email)||(a.email="Invalid email"),""===e.subject&&(a.subject="Subject is required"),""===e.message&&(a.message="Message is required"),console.log("errors from validate",a),a},O=o();return e.createElement(a,{maxWidth:h||"lg",sx:{my:1,...j}},e.createElement(t,{spacing:2,sx:{width:"100%"}},e.createElement(n,{variant:"h6",align:"center"},d),e.createElement(n,{variant:"body1",align:"center",sx:{pb:3}},g),T&&e.createElement(l,{sx:{p:2}},e.createElement(t,{spacing:2},e.createElement(n,{variant:"h6"},p),e.createElement(n,null,b))),w&&e.createElement(l,{sx:{p:2}},e.createElement(t,{spacing:2},E&&e.createElement(n,{variant:"h6"},E),e.createElement(n,null,v),e.createElement(r,{variant:"contained"},"try again")))),!T&&!w&&e.createElement(l,{sx:{p:2,backdropFilter:"blur(3px)",backgroundColor:m(O.palette.background.paper,f?.1:1),border:f?"1px solid rgba(255, 255, 255, 0.15)":"none"}},e.createElement(t,{spacing:2},e.createElement(i,{id:"name",name:"name",label:"Name",value:x.name,variant:"outlined",onBlur:W,onChange:B,error:null!=S.name,helperText:S.name}),e.createElement(i,{id:"email",name:"email",label:"Email",value:x.email,variant:"outlined",onBlur:W,onChange:B,error:null!=S.email,helperText:S.email}),e.createElement(i,{id:"subject",name:"subject",label:"Subject",value:x.subject,variant:"outlined",onBlur:W,onChange:B,error:null!=S.subject,helperText:S.subject}),e.createElement(i,{id:"message",name:"message",label:"Message",value:x.message,variant:"outlined",multiline:!0,minRows:5,onBlur:W,onChange:B,error:null!=S.message,helperText:S.message}),e.createElement(t,{direction:"row",spacing:2,justifyContent:"end"},e.createElement(r,{variant:"outlined",color:"primary",onClick:()=>{y({name:"",email:"",subject:"",message:""})}},"Clear"),e.createElement(r,{variant:"contained",onClick:async e=>{e.preventDefault();let a=N(x);if(console.log("isValidForm",a),0===Object.keys(a).length){const e=await fetch("/api/sendgrid",{body:JSON.stringify({email:x.email,fullname:x.name,subject:x.subject,message:x.message}),headers:{"Content-Type":"application/json"},method:"POST"}),{error:a}=await e.json();if(a)return q(!0),void console.log(a);k(!0)}}},"Send")))))}export{c as default};
+import e from"react";import{Container as a,Stack as t,Typography as n,Paper as l,Button as r,TextField as i}from"@mui/material";import s from"validator/lib/isEmail";import{setOpacity as m}from"../lib/utils.js";import{useTheme as o}from"@mui/material/styles";function c(c){let{data:u}=c;const{title:d="Write us",subtitle:g="We're open for any suggestion or just to have a chat",successHeading:p="Thank you!",successText:b="Your e-mail has been successfully sent!",errorHeading:E,errorText:v="I am sorry, something went wrong, you could email me directly on info@jellepaulus.nl",maxWidth:h,sx:j={},glass:f=!1}=u,[x,y]=e.useState({name:"",email:"",subject:"",message:""}),[S,C]=e.useState({});e.useState("Send");const[T,k]=e.useState(!1),[w,q]=e.useState(!1),B=e=>{const{name:a,value:t}=e.target;y({...x,[a]:t})},W=e=>{const{name:a}=e.target,t=N(x);t[a]?C((e=>({...e,[a]:t[a]}))):C((e=>{const t={...e};return delete t[a],t}))},N=e=>{console.log("values from validate",e);let a={};return""===e.name&&(a.name="Name is required"),""===e.email?a.email="Email is required":s(e.email)||(a.email="Invalid email"),""===e.subject&&(a.subject="Subject is required"),""===e.message&&(a.message="Message is required"),console.log("errors from validate",a),a},O=o();return e.createElement(a,{maxWidth:h||"lg",sx:{my:1,...j}},e.createElement(t,{spacing:2,sx:{width:"100%"}},e.createElement(n,{variant:"h6",align:"center"},d),e.createElement(n,{variant:"body1",align:"center",sx:{pb:3}},g),T&&e.createElement(l,{sx:{p:2}},e.createElement(t,{spacing:2},e.createElement(n,{variant:"h6"},p),e.createElement(n,null,b))),w&&e.createElement(l,{sx:{p:2}},e.createElement(t,{spacing:2},E&&e.createElement(n,{variant:"h6"},E),e.createElement(n,null,v),e.createElement(r,{variant:"contained"},"try again")))),!T&&!w&&e.createElement(l,{sx:{p:2,backdropFilter:"blur(3px)",backgroundColor:m(O.palette.background.paper,f?.1:1),border:f?"1px solid rgba(255, 255, 255, 0.15)":"none"}},e.createElement(t,{spacing:2},e.createElement(i,{id:"name",name:"name",label:"Name",value:x.name,variant:"outlined",onBlur:W,onChange:B,error:null!=S.name,helperText:S.name}),e.createElement(i,{id:"email",name:"email",label:"Email",value:x.email,variant:"outlined",onBlur:W,onChange:B,error:null!=S.email,helperText:S.email}),e.createElement(i,{id:"subject",name:"subject",label:"Subject",value:x.subject,variant:"outlined",onBlur:W,onChange:B,error:null!=S.subject,helperText:S.subject}),e.createElement(i,{id:"message",name:"message",label:"Message",value:x.message,variant:"outlined",multiline:!0,minRows:5,onBlur:W,onChange:B,error:null!=S.message,helperText:S.message}),e.createElement(t,{direction:"row",spacing:2,justifyContent:"end"},e.createElement(r,{variant:"outlined",color:"primary",onClick:()=>{y({name:"",email:"",subject:"",message:""})}},"Clear"),e.createElement(r,{variant:"contained",onClick:async e=>{e.preventDefault();let a=N(x);if(console.log("isValidForm",a),0===Object.keys(a).length){const e=await fetch("/api/sendgrid",{body:JSON.stringify({email:x.email,fullname:x.name,subject:x.subject,message:x.message}),headers:{"Content-Type":"application/json"},method:"POST"}),{error:a}=await e.json();if(a)return q(!0),void console.log(a);k(!0)}}},"Send")))))}export{c as ContactForm};

package/dist/esm/src/components/page-elements/Page.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-import e from"react";import t from"./TextImageSection.js";import{HeroSection as o}from"./HeroSection.js";import{FeatureSection as r}from"./FeaturesSection.js";import{FleetSection as a}from"./FleetSection.js";import{IconSection as n}from"./IconSection.js";import{ColumnsSection as c}from"./ColumnsSection.js";import{Box as i}from"@mui/material";import m from"../ContactForm.js";import{PersonaliaSection as s}from"./PersonaliaSection.js";import{PictureBarSection as l}from"./PictureBarSection.js";import{LogoBarSection as u}from"./LogoBarSection.js";function d(i){switch(i.__component){case"layout.hero-section":return e.createElement(o,{key:i.id,data:i});case"layout.features-section":return e.createElement(r,{key:i.id,data:i});case"layout.contact-section":return e.createElement(m,{key:i.id,data:i});case"layout.text-image-section":return e.createElement(t,{key:i.id,data:i});case"layout.icon-section":return e.createElement(n,{key:i.id,data:i});case"layout.fleet-section":return e.createElement(a,{key:i.id,data:i});case"layout.columns-section":return e.createElement(c,{key:i.id,data:i});case"layout.personalia-section":return e.createElement(s,{key:i.id,data:i});case"layout.picture-bar-section":return e.createElement(l,{key:i.id,data:i});case"layout.logo-bar-section":return e.createElement(u,{key:i.id,data:i});default:return null}}function y(t){let{blocks:o,sx:r=[]}=t;return o?e.createElement(i,{sx:{...r}},o.map(d)):e.createElement("p",null,"No sections found")}export{y as default};
+import e from"react";import{TextImageSection as t}from"./TextImageSection.js";import{HeroSection as o}from"./HeroSection.js";import{FeatureSection as r}from"./FeaturesSection.js";import{FleetSection as a}from"./FleetSection.js";import{IconSection as n}from"./IconSection.js";import{ColumnsSection as c}from"./ColumnsSection.js";import{Box as i}from"@mui/material";import{ContactForm as m}from"../ContactForm.js";import{PersonaliaSection as s}from"./PersonaliaSection.js";import{PictureBarSection as l}from"./PictureBarSection.js";import{LogoBarSection as u}from"./LogoBarSection.js";function d(i){switch(i.__component){case"layout.hero-section":return e.createElement(o,{key:i.id,data:i});case"layout.features-section":return e.createElement(r,{key:i.id,data:i});case"layout.contact-section":return e.createElement(m,{key:i.id,data:i});case"layout.text-image-section":return e.createElement(t,{key:i.id,data:i});case"layout.icon-section":return e.createElement(n,{key:i.id,data:i});case"layout.fleet-section":return e.createElement(a,{key:i.id,data:i});case"layout.columns-section":return e.createElement(c,{key:i.id,data:i});case"layout.personalia-section":return e.createElement(s,{key:i.id,data:i});case"layout.picture-bar-section":return e.createElement(l,{key:i.id,data:i});case"layout.logo-bar-section":return e.createElement(u,{key:i.id,data:i});default:return null}}function y(t){let{blocks:o,sx:r=[]}=t;return o?e.createElement(i,{sx:{...r}},o.map(d)):e.createElement("p",null,"No sections found")}export{y as Page};

package/dist/esm/src/components/page-elements/TextImageSection.js

@@ -4,4 +4,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-import e,{useState as t,useEffect as i}from"react";import{useTheme as r,Container as n,Typography as l,Grid as o,Paper as a,Box as c}from"@mui/material";import{StrapiImage as m}from"../StrapiImage.js";import{setOpacity as d}from"../../lib/utils.js";const s=e.lazy((()=>import("mui-markdown")));function u(n){let{image:l}=n;const o=r();if(void 0===l.url)return null;const[a,d]=t(0),s=()=>{const e="image-container".concat(l.url),t=document.getElementById(e),i="image".concat(l.url),r=document.getElementById(i);if(null===t||null===r)return;const n=t.getBoundingClientRect(),o=r.getBoundingClientRect();if(o.height>=n.height)return;const a=n.height-o.height;n.y<=160&&-n.y<=n.height-o.height-160?d(160-n.y):n.y>0?d(0):d(a)};return i((()=>(window.addEventListener("scroll",s),()=>window.removeEventListener("scroll",s))),[]),e.createElement(c,{id:"image-container".concat(l.url),sx:{height:"100%",position:"relative"}},e.createElement(m,{id:"image".concat(l.url),alternativeText:l.alternativeText,height:l.height,width:l.width,url:l.url,style:{width:"100%",height:"auto",display:"block",position:"relative",top:a,borderRadius:4,border:"1px solid ".concat(o.palette.secondary.main)}}))}function g(t){let{data:i}=t;const{title:m,text:g,image:h,reverse:p=!1,maxWidth:x,sx:v={},glass:E=!1,anchor:f=""}=i,y=r();return e.createElement(n,{maxWidth:x||"lg",sx:{my:1,...v},id:f},m&&e.createElement(l,{variant:"h1",textAlign:"center",sx:{pb:2}},m),e.createElement(o,{container:!0,spacing:2,direction:p?"row-reverse":"row"},e.createElement(o,{item:!0,xs:12,md:void 0!==(null==h?void 0:h.url)?8:12},e.createElement(a,{sx:{p:2,backdropFilter:"blur(3px)",backgroundColor:d(y.palette.background.paper,E?.1:1),border:E?"1px solid rgba(255, 255, 255, 0.15)":"none"}},null!=g&&e.createElement(c,{sx:{height:"100%",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"flex-start"}},e.createElement(s,null,g)))),void 0!==(null==h?void 0:h.url)&&e.createElement(o,{item:!0,xs:12,md:4},e.createElement(u,{image:h}))))}export{g as default};
+import e,{useState as t,useEffect as i}from"react";import{useTheme as r,Container as n,Typography as l,Grid as o,Paper as a,Box as c}from"@mui/material";import{StrapiImage as m}from"../StrapiImage.js";import{setOpacity as d}from"../../lib/utils.js";const s=e.lazy((()=>import("mui-markdown")));function u(n){let{image:l}=n;const o=r();if(void 0===l.url)return null;const[a,d]=t(0),s=()=>{const e="image-container".concat(l.url),t=document.getElementById(e),i="image".concat(l.url),r=document.getElementById(i);if(null===t||null===r)return;const n=t.getBoundingClientRect(),o=r.getBoundingClientRect();if(o.height>=n.height)return;const a=n.height-o.height;n.y<=160&&-n.y<=n.height-o.height-160?d(160-n.y):n.y>0?d(0):d(a)};return i((()=>(window.addEventListener("scroll",s),()=>window.removeEventListener("scroll",s))),[]),e.createElement(c,{id:"image-container".concat(l.url),sx:{height:"100%",position:"relative"}},e.createElement(m,{id:"image".concat(l.url),alternativeText:l.alternativeText,height:l.height,width:l.width,url:l.url,style:{width:"100%",height:"auto",display:"block",position:"relative",top:a,borderRadius:4,border:"1px solid ".concat(o.palette.secondary.main)}}))}function g(t){let{data:i}=t;const{title:m,text:g,image:h,reverse:p=!1,maxWidth:x,sx:v={},glass:E=!1,anchor:f=""}=i,y=r();return e.createElement(n,{maxWidth:x||"lg",sx:{my:1,...v},id:f},m&&e.createElement(l,{variant:"h1",textAlign:"center",sx:{pb:2}},m),e.createElement(o,{container:!0,spacing:2,direction:p?"row-reverse":"row"},e.createElement(o,{item:!0,xs:12,md:void 0!==(null==h?void 0:h.url)?8:12},e.createElement(a,{sx:{p:2,backdropFilter:"blur(3px)",backgroundColor:d(y.palette.background.paper,E?.1:1),border:E?"1px solid rgba(255, 255, 255, 0.15)":"none"}},null!=g&&e.createElement(c,{sx:{height:"100%",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"flex-start"}},e.createElement(s,null,g)))),void 0!==(null==h?void 0:h.url)&&e.createElement(o,{item:!0,xs:12,md:4},e.createElement(u,{image:h}))))}export{g as TextImageSection};

package/dist/esm/src/index.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-export{default as Footer}from"./components/layout/Footer.js";export{default as ContactForm}from"./components/ContactForm.js";export{default as WebsitePlaceholder}from"./components/WebsitePlaceholder.js";export{default as WhatsAppClickToChatButton}from"./components/WhatsAppClickToChatButton.js";export{default as ScrollLink}from"./components/ScrollLink.js";export{default as Navbar}from"./components/layout/Navbar.js";export{default as FluidBackground}from"./components/FluidBackground.js";export{default as RegisterForm}from"./components/forms/RegisterForm.js";export{default as SigninForm}from"./components/forms/SigninForm.js";export{default as SideNav}from"./components/layout/SideNav.js";export{default as LogoutButton}from"./components/LogoutButton.js";export{default as Page}from"./components/page-elements/Page.js";export{default as PageBuilder}from"./components/page-builder/PageBuilder.js";export{StyledLink}from"./components/StyledLink.js";export{loginUserAction,logoutAction,registerUserAction}from"./data/actions/auth-actions.js";export{updatePageAction}from"./data/actions/pagebuilder-actions.js";
+export{default as Footer}from"./components/layout/Footer.js";export{ContactForm}from"./components/ContactForm.js";export{default as WebsitePlaceholder}from"./components/WebsitePlaceholder.js";export{default as WhatsAppClickToChatButton}from"./components/WhatsAppClickToChatButton.js";export{default as ScrollLink}from"./components/ScrollLink.js";export{default as Navbar}from"./components/layout/Navbar.js";export{default as FluidBackground}from"./components/FluidBackground.js";export{default as RegisterForm}from"./components/forms/RegisterForm.js";export{default as SigninForm}from"./components/forms/SigninForm.js";export{default as SideNav}from"./components/layout/SideNav.js";export{default as LogoutButton}from"./components/LogoutButton.js";export{Page}from"./components/page-elements/Page.js";export{default as PageBuilder}from"./components/page-builder/PageBuilder.js";export{StyledLink}from"./components/StyledLink.js";export{loginUserAction,logoutAction,registerUserAction}from"./data/actions/auth-actions.js";export{updatePageAction}from"./data/actions/pagebuilder-actions.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.263",
+  "version": "0.1.265",
   "description": "UMWD Component library",
   "main": "dist/cjs/src/index.js",
   "module": "dist/esm/src/index.js",

package/src/app/page.js

@@ -1,4 +1,4 @@
-import Page from "../components/Page";
+import { Page } from "../components/Page";
 import { getAllPages } from "../data/loaders.ts";
 import { Container, Typography } from "@mui/material";
 import { Fragment } from "react";

package/src/components/ContactForm.tsx

@@ -276,4 +276,4 @@ function ContactForm({ data }: { readonly data: ContactFormProps }) {
   );
 }
 
-export default ContactForm;
+export { ContactForm };

package/src/components/page-elements/Page.tsx

@@ -1,12 +1,12 @@
 import React from "react";
-import TextImageSection from "./TextImageSection.tsx";
+import { TextImageSection } from "./TextImageSection.tsx";
 import { HeroSection } from "./HeroSection.tsx";
 import { FeatureSection } from "./FeaturesSection.tsx";
 import { FleetSection } from "./FleetSection.tsx";
 import { IconSection } from "./IconSection.tsx";
 import { ColumnsSection } from "./ColumnsSection.tsx";
 import { Box } from "@mui/material";
-import ContactForm from "../ContactForm.tsx";
+import { ContactForm } from "../ContactForm.tsx";
 import { PersonaliaSection } from "./PersonaliaSection.tsx";
 import { PictureBarSection } from "./PictureBarSection.tsx";
 import { LogoBarSection } from "./LogoBarSection.tsx";
@@ -45,7 +45,7 @@ interface PageProps {
   sx?: SxProps<Theme>;
 }
 
-export default function Page({ blocks, sx = [] }: PageProps) {
+export function Page({ blocks, sx = [] }: PageProps) {
   if (!blocks) {
     return <p>No sections found</p>;
   }

package/src/components/page-elements/TextImageSection.tsx

@@ -178,4 +178,4 @@ function TextImageSection({ data }: Readonly<TextImageSectionProps>) {
   );
 }
 
-export default TextImageSection;
+export { TextImageSection };

package/src/index.js

@@ -1,5 +1,5 @@
 export { default as Footer } from "./components/layout/Footer.tsx";
-export { default as ContactForm } from "./components/ContactForm.tsx";
+export { ContactForm } from "./components/ContactForm.tsx";
 export { default as WebsitePlaceholder } from "./components/WebsitePlaceholder";
 export { default as WhatsAppClickToChatButton } from "./components/WhatsAppClickToChatButton.tsx";
 export { default as ScrollLink } from "./components/ScrollLink.tsx";
@@ -9,7 +9,7 @@ export { default as RegisterForm } from "./components/forms/RegisterForm.tsx";
 export { default as SigninForm } from "./components/forms/SigninForm.tsx";
 export { default as SideNav } from "./components/layout/SideNav.tsx";
 export { default as LogoutButton } from "./components/LogoutButton.tsx";
-export { default as Page } from "./components/page-elements/Page.tsx";
+export { Page } from "./components/page-elements/Page.tsx";
 export { default as PageBuilder } from "./components/page-builder/PageBuilder.tsx";
 export { StyledLink } from "./components/StyledLink.tsx";
 export {

package/src/stories/ContactForm.stories.js

@@ -1,4 +1,4 @@
-import ContactForm from "../components/ContactForm.tsx";
+import { ContactForm } from "../components/ContactForm.tsx";
 import React from "react";
 
 export default {

package/src/stories/Page.stories.js

@@ -1,4 +1,4 @@
-import Page from "../components/PageV2.tsx";
+import { Page } from "../components/page-elements/Page.tsx";
 import React from "react";
 
 export default {

package/src/stories/TextImageSection.stories.js

@@ -1,4 +1,4 @@
-import TextImageSection from "../components/TextImageSection.tsx";
+import { TextImageSection } from "../components/page-elements/TextImageSection.tsx";
 import React from "react";
 
 export default {