I’m using Wordpress Plugin version of Pinegrow
I’ve got a contact us component used throughout my site and every time I update I get the following error and it wont go away no matter what I click.
There was a component (angled button) used in the component but I’ve removed all traces of using this component yet I still get an error presumably as if there is still traces.
I’ve double checked the code of the instances and they are not using this field. Here’s a snippet of an instance
<button type="button" class="angled-button" data-pg-ia='{"l":[{"name":"Open Contact Us Form","t":"$.contact-us__dialog","a":{"l":[{"t":"","l":[{"t":"set","p":0,"d":0,"l":{"pointerEvents":"auto","attr":{"open":"true"},"display":"flex"}},{"t":"tween","p":0,"d":0.5,"l":{"autoAlpha":1}}]},{"t":".contact-us__dialog-inner","l":[{"t":"set","p":0,"d":0,"l":{"y":"50px","autoAlpha":0}},{"t":"tween","p":0.2,"d":0.5,"l":{"y":0,"autoAlpha":1,"pgCall":{"complete":"focusEl"}}}]}]}}]}' data-contact-us-button>
<span style="display: block;">Send Transmition</span>
</button>
and the source of the component is as follows…
<section data-pgc-define="jtg.contact_us" data-pgc-define-name="Contact Us" class="contact-us" id="contact-us" data-contact-us-section>
<div class="contact-us__content">
<h2 class="contact-us__header" data-contact-us-header>Contact <div class="contact-us__header-us">us</div></h2>
<p class="contact-us__content-paragraph" data-contact-us-paragraph>Send a message regarding your immersive project or website and we'll get back to you as soon as possible.</p>
<button type="button" class="angled-button" data-pg-ia='{"l":[{"name":"Open Contact Us Form","t":"$.contact-us__dialog","a":{"l":[{"t":"","l":[{"t":"set","p":0,"d":0,"l":{"pointerEvents":"auto","attr":{"open":"true"},"display":"flex"}},{"t":"tween","p":0,"d":0.5,"l":{"autoAlpha":1}}]},{"t":".contact-us__dialog-inner","l":[{"t":"set","p":0,"d":0,"l":{"y":"50px","autoAlpha":0}},{"t":"tween","p":0.2,"d":0.5,"l":{"y":0,"autoAlpha":1,"pgCall":{"complete":"focusEl"}}}]}]}}]}' data-contact-us-button>
<span style="display: block;">Send Transmition</span>
</button>
</div>
<div class="contact-us__dialog" role="dialog" aria-labelledby="contact-us-title" aria-modal="true" data-pg-ia='{"l":[{"name":"Close Contact Us Form","t":"$#contact-us","a":{"l":[{"t":".contact-us__dialog","l":[{"t":"tween","p":0,"d":0.5,"l":{"autoAlpha":0,"pointerEvents":"none","attr":{"open":"false"}}}]},{"t":".contact-us__dialog-inner","l":[{"t":"tween","p":0,"d":0.5,"l":{"y":"-50px","pgCall":{"complete":"clearDialogAttributes"}}}]}]},"trg":"no"}]}'>
<div class="contact-us__dialog-inner">
<div>
<h3 class="contact-us__dialog-title" id="contact-us-title">Send mail</h3>
<form cms-form="contact_form" cms-form-send-email="true" cms-form-email="..." cms-form-captcha="true" cms-form-captcha-key="6LeddjwUAAAAAM2kzqISYM8aApmz01liHjK9tIMT" cms-form-captcha-secret="6LeddjwUAAAAAJqrwe37nOpBDHQsX6tLzrdpaq3H" cms-form-success-element=".contact-us__success" cms-form-error-element=".contact-us__error">
<div class="contact-us__form-input-wrapper">
<label>Full name</label>
<input type="text" name="name" required="required"/>
</div>
<div class="contact-us__form-input-wrapper">
<label>Email</label>
<input type="email" name="email" required="required"/>
</div>
<div class="contact-us__form-input-wrapper">
<label>Company name</label>
<input type="text" name="company"/>
</div>
<div class="contact-us__form-input-wrapper">
<label>Message</label>
<textarea name="company" required="required"></textarea>
</div>
<button class="angled-button" type="submit"><span>Transmit</span>
</button>
<div class="contact-us__success">
<div>Your message was sent!</div>
</div>
<div class="contact-us__error">
<div>There was an error</div>
</div>
</form>
</div>
<div>
<h3 class="contact-us__dialog-title contact-us__dialog-title--book">Book a call</h3>
</div>
<button class="contact-us__dialog-close-button" aria-label="Close contact us form" data-pg-ia='{"l":[{"name":"Close Contact Us Form","t":"$#contact-us","a":{"l":[{"t":".contact-us__dialog","l":[{"t":"tween","p":0,"d":0.5,"l":{"autoAlpha":0,"pointerEvents":"none","attr":{"open":"false"}}}]},{"t":".contact-us__dialog-inner","l":[{"t":"tween","p":0,"d":0.5,"l":{"y":"-50px","pgCall":{"complete":"clearDialogAttributes"}}}]}]}}]}'>
<svg width="29" height="27" viewBox="0 0 29 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="2.70711" y1="1.29289" x2="27.4558" y2="26.0416" stroke="#FF4D14" stroke-width="2"/>
<line x1="1.29289" y1="26.2934" x2="26.0416" y2="1.54464" stroke="#FF4D14" stroke-width="2"/>
</svg>
</button>
<span class="contact-us__dialog-inner-divide"></span>
</div>
</div>
</section>