imranhsayed / frontity-contact-form-7 Goto Github PK

After installing the package and adding it to frontity.settings.js my site breaks and I get the following error...

const[,setState]=Object(react__WEBPACK_IMPORTED_MODULE_1__["...<omitted>...}}'
    at eval (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:91:71)
    at Array.forEach (<anonymous>)
    at connect (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:91:40)
    at eval (webpack-internal:///./node_modules/frontity-contact-form-7/src/processors/cf7HiddenInputs.js:5:568)
    at Module../node_modules/frontity-contact-form-7/src/processors/cf7HiddenInputs.js ...

Hi @imranhsayed, I am trying to add contact form 7 on my homepage. Can I use a shortcode in frontity for contact form 7 created in WP?

I believe that in the native contact form 7 this functionality works

Hi @imranhsayed, thanks for this plugin! It's just plug and play.

The issue is i've updated CF7 and now the contact form in frontity is broken.
I saw that you fixed the issue but you did't update the package in NPM.
Will you update there?

Thanks

Hi,

I need to add id's to my form so that I can connect the label to the input, for accesability. In the html of my wordpress page, they show up in the html, but in the html for my frontity page, the id does not show up in the html.

Does anyone have a fix for this?

I'm doing my first steps in Frontity. Using that plugin here for a contact form 7 gives the following output:
TypeError: Cannot assign to read only property 'name' of function 'props=>{// Dummy setState to update the component. const[,setState]=Object(react__WEBPACK_IMPORTED_MODULE_1__["...<omitted>...}}' at Object.keys.forEach.key (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:91:71) at Array.forEach (<anonymous>) at connect (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:91:40) at eval (webpack-internal:///./node_modules/frontity-contact-form-7/src/processors/cf7HiddenInputs.js:5:568) at Module../node_modules/frontity-contact-form-7/src/processors/cf7HiddenInputs.js (/home/oskar/ProgrammersBlog/build/server.js:2845:1) at __webpack_require__ (/home/oskar/ProgrammersBlog/build/server.js:27:30) at eval (webpack-internal:///./node_modules/frontity-contact-form-7/src/index.js:9:85) at Module../node_modules/frontity-contact-form-7/src/index.js (/home/oskar/ProgrammersBlog/build/server.js:2821:1) at __webpack_require__ (/home/oskar/ProgrammersBlog/build/server.js:27:30) at eval (webpack-internal:///./build/bundling/entry-points/server.ts:8:91)

I did a clean installation from scratch today but the issue persists. I also changed the contact form in my blog, but still the same issue.

Add support for all cf7 fields

I get this error after implementing CF7 in my frontity project:

Warning: You provided a valueprop to a form field without anonChangehandler. This will render a read-only field. If the field should be mutable usedefaultValue. Otherwise, set either onChangeorreadOnly`.
at input
at span
at label
at p
at form

at div`


as a result of this error the inputs cant be edited, when writing on the, nothing happens

Issue

If I add a form in a page other than contact form 7 form then a blank page will be returned with an error:
TypeError: state.cf7.forms[id] is undefined
This issue only happens if the form contains any hidden input fields(most likely/definitely).

Steps to replicate the issue

Create any page in WordPress with forms generated by other plugins(e.g. Everest Forms) and add this page to menu in frontity.settings.js and access that page with 'frontity-contact-form-7' package added in the settings.

Fix/Suggestion

Be more specific with the hidden input fields selection test method in the cf7HiddenInputs processor.

Screenshots

Hi,

This package is clearly not maintained anymore, so I have made a new one that is being maintained. It works with the latest version of both Frontity and the CF7 plugin. You can find it here:

https://www.npmjs.com/package/@aamodtgroup/frontity-contact-form-7

https://github.com/aamodtgroup/frontity-contact-form-7

Hey @imranhsayed!

I got the following message in frontity app:

Bests,
Chris

Hi there,

I have added and displayed the Contact Form 7 form in a Frontity application correctly but when I submit it I don't get any validation error nor the form sends. I see the text "Processing..." and nothing else after that.

Is there a bug or have I misconfigured the form somehow?

Here is a link that shows the issue

https://wwt-evildonkey.vercel.app/connect/

Thanks,
Jeff

I have integrated contact form 7 shortcode in a wordpress page. The form is showing perfectly. When I integrate reCaptcha v2 in Contact Form 7 from wordpress it does not working on Frontity side. I am trying to use default integration method of reCaptcha using wordpress Contact Form 7.

Someone can help me, how WP contact form 7 reCaptcha will work even in frontity side.

Regards

I have just updated my packages to the latest frontity version and have faced an issue related to the frontity-contact-form-7 package.
Everything installs properly but on page load I get the following error:

TypeError: Cannot assign to read only property 'name' of function 'props=>{// Dummy setState to update the component.
const[,setState]=Object(react__WEBPACK_IMPORTED_MODULE_1__["...<omitted>...}}'
    at eval (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:91:71)
    at Array.forEach (<anonymous>)
    at connect (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:91:40)
    at eval (webpack-internal:///./node_modules/frontity-contact-form-7/src/processors/cf7HiddenInputs.js:5:568)
    at Module../node_modules/frontity-contact-form-7/src/processors/cf7HiddenInputs.js (/Users/donkoko/devs/JS/kh-frontity-theme/build/server.js:3236:1)
    at __webpack_require__ (/Users/donkoko/devs/JS/kh-frontity-theme/build/server.js:27:30)
    at eval (webpack-internal:///./node_modules/frontity-contact-form-7/src/index.js:9:85)
    at Module../node_modules/frontity-contact-form-7/src/index.js (/Users/donkoko/devs/JS/kh-frontity-theme/build/server.js:3212:1)
    at __webpack_require__ (/Users/donkoko/devs/JS/kh-frontity-theme/build/server.js:27:30)
    at eval (webpack-internal:///./build/bundling/entry-points/server.ts:9:91)

I tried removing the connect() from cf7HiddenInputs & cf7Span processors and that solved the issue.

Here is the frontity info:

## System:
 - OS: macOS 11.2.3
 - CPU: (8) x64 Intel(R) Core(TM) i5-8259U CPU @ 2.30GHz
 - Memory: 84.33 MB / 8.00 GB
 - Shell: 5.1.4 - /usr/local/bin/bash
## Binaries:
 - Node: 15.12.0 - ~/.nvm/versions/node/v15.12.0/bin/node
 - npm: 7.6.3 - ~/.nvm/versions/node/v15.12.0/bin/npm
## Browsers:
 - Chrome: 90.0.4430.212
 - Edge: 90.0.818.62
 - Firefox: 70.0.1
 - Safari: 14.0.3
## npmPackages:
 - @frontity/core: ^1.14.0 => 1.14.0 
 - @frontity/head-tags: ^1.1.1 => 1.1.1 
 - @frontity/html2react: ^1.7.0 => 1.7.0 
 - @frontity/koenighaus-theme: ./packages/koenighaus-theme => 1.4.2 
 - @frontity/tiny-router: ^1.4.2 => 1.4.2 
 - @frontity/wp-source: ^1.11.4 => 1.11.4 
 - @hookform/error-message: 0.0.5 => 0.0.5 
 - axios: ^0.21.1 => 0.21.1 
 - frontity: ^1.15.0 => 1.15.0 
 - frontity-contact-form-7: ^0.1.7 => 0.1.7 
 - js-cookie: ^2.2.1 => 2.2.1 
 - kh-calculator: file:packages/kh-calculator => 0.0.1 
 - libphonenumber-js: ^1.9.18 => 1.9.18 
 - libphonenumber-js-core:  1.0.0 
 - libphonenumber-js-max:  1.0.0 
 - libphonenumber-js-min:  1.0.0 
 - libphonenumber-js-mobile:  1.0.0 
 - react-hook-form: ^6.15.7 => 6.15.7 
 - react-modal: ^3.13.1 => 3.13.1 
 - react-scroll: ^1.8.2 => 1.8.2 
 - react-select: ^3.2.0 => 3.2.0 
 - react-spring: ^8.0.27 => 8.0.27 
 - woocommerce-shop: file:packages/woocommerce-shop => 1.0.0 

Does somebody else have the same problem? I would love to help to get to the bottom of it.

When using this package with Frontity 1.9.0 and a WYSIWYG field from ACF Pro, I get the following error:

TypeError: Cannot read property 'inputVals' of undefined
      at eval (webpack-internal:///./node_modules/frontity-contact-form-7/src/index.js:32:79)
      at Object.args [as addHiddenInputs] (webpack-internal:///./node_modules/@frontity/connect/src/create-store.js:5:1702)
      at HiddenInputs (webpack-internal:///./node_modules/frontity-contact-form-7/src/components/HiddenInput.js:15:261)
      at runAsReaction (webpack-internal:///./node_modules/@frontity/connect/src/reactionRunner.js:16:45)
      at reaction (webpack-internal:///./node_modules/@frontity/connect/src/observer.js:7:131)
      at props (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:21:16)
      at processChild (webpack-internal:///./node_modules/react-dom/cjs/react-dom-server.node.development.js:397:2319)
      at resolve (webpack-internal:///./node_modules/react-dom/cjs/react-dom-server.node.development.js:396:122)
      at ReactDOMServerRenderer.render (webpack-internal:///./node_modules/react-dom/cjs/react-dom-server.node.development.js:433:1199)
      at ReactDOMServerRenderer.read (webpack-internal:///./node_modules/react-dom/cjs/react-dom-server.node.development.js:433:55)

It was working on one of my machines installed from NPM version 0.1.4 but on another machine, I had to upgrade to get it working without using the deprecated process call.

Please style the form

Update the error handling on submitform action so that it tells what field has the error/empty.

I notice an error today with the frontity-contact-form-7 npm package

{“code”:“rest_no_route”,“message”:“Aucune route correspondante \u00e0 l\u2019URL et \u00e0 la m\u00e9thode de requ\u00eate n\u2019a \u00e9t\u00e9 trouv\u00e9e.”,“data”:{“status”:404}}

This is what my network is saying when I click on the send button. Any issue with Contact Form 7 update ?