diy-template-components 2.0.14 → 2.0.15

package/build/index.es.js

@@ -362,9 +362,10 @@ const buttonStyles = createUseStyles(theme => ({
     color: ({
       disabled
     } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.colors?.CtaTextColor,
-    background: ({
+    background: theme?.colors?.ctaColor,
+    opacity: ({
       disabled
-    } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.colors?.ctaColor,
+    } = {}) => disabled ? 0.5 : 1,
     border: 'none',
     textDecoration: 'none',
     cursor: ({
@@ -388,9 +389,10 @@ const buttonStyles = createUseStyles(theme => ({
     color: ({
       disabled
     } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme?.colors?.CtaTextColor,
-    background: ({
+    background: theme?.colors?.ctaColor,
+    opacity: ({
       disabled
-    } = {}) => disabled ? colorMixer(theme?.palette?.parimar?.default, 0.5).color : theme?.colors?.ctaColor,
+    } = {}) => disabled ? 0.5 : 1,
     border: ({
       disabled
     } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.colors?.ctaColor}`,
@@ -7340,6 +7342,7 @@ function Contact({
     extraProps
   } = useContext(PageContext);
   let [btnDisabled, setBtnDisabled] = useState(false);
+  const [isSubmitted, setIsSubmitted] = useState(false);
   const [nodeData] = sectionData.components;
   const classes = useSectionStyles({
     containerWidth,
@@ -7372,14 +7375,15 @@ function Contact({
     if (!(isPreview || isEdit)) postApiCall(baseURLs, data);
     setBtnDisabled(true);
     setInputVal(formInitialValue);
+    setIsSubmitted(true);
   };
   useEffect(() => {
-    if (validData?.nameValid && validData?.emailValid && validData?.phoneValid && validData?.messageValid) {
+    if (validData?.nameValid && validData?.emailValid && validData?.phoneValid && validData?.messageValid && inputVal?.email && inputVal?.name && inputVal?.phone && inputVal?.message) {
       setBtnDisabled(false);
     } else {
       setBtnDisabled(true);
     }
-  }, [validData]);
+  }, [validData, inputVal]);
   const checkValidity = (regexField, fieldname, fieldValidity) => {
     if (validations?.[regexField]?.length) {
       let regex = new RegExp(validations[regexField]);
@@ -7522,7 +7526,7 @@ function Contact({
     className: classes.btnContainer
   }, /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
-    data: btnDisabled && validData?.messageValid && validData?.emailValid && validData?.nameValid && validData?.phoneValid ? {
+    data: isSubmitted ? {
       value: 'Submitted'
     } : {
       value: nodeData.cta.metadata.value