-
-
+ Get in Touch with Us Today!
- -{!form.isFetching && !!form.data &&
' + captchaMsg[responceCode] + '
') + // $.ajax({ + // method: "POST", + // url: "bat/reCaptcha.php", + // data: { 'g-recaptcha-response': captchaToken }, + // async: false + // }) + // .done(function (responceCode) { + // if (responceCode !== 'CPT000') { + // if (output.hasClass("snackbars")) { + // output.html('' + captchaMsg[responceCode] + '
') - setTimeout(function () { - output.removeClass("active"); - }, 3500); + // setTimeout(function () { + // output.removeClass("active"); + // }, 3500); - captchaFlag = false; - } else { - output.html(captchaMsg[responceCode]); - } + // captchaFlag = false; + // } else { + // output.html(captchaMsg[responceCode]); + // } - output.addClass("active"); - } - }); - } + // output.addClass("active"); + // } + // }); + // } - if (!captchaFlag) { - return false; - } + // if (!captchaFlag) { + // return false; + // } - form.addClass('form-in-process'); + // form.addClass('form-in-process'); - if (output.hasClass("snackbars")) { - output.html('Sending
'); - output.addClass("active"); - } - } else { - return false; - } - }, - error: function (result) { - if (isNoviBuilder) - return; + // if (output.hasClass("snackbars")) { + // output.html('Sending
'); + // output.addClass("active"); + // } + // } else { + // return false; + // } + // }, + // error: function (result) { + // if (isNoviBuilder) + // return; - var output = $("#" + $(plugins.rdMailForm[this.extraData.counter]).attr("data-form-output")), - form = $(plugins.rdMailForm[this.extraData.counter]); + // var output = $("#" + $(plugins.rdMailForm[this.extraData.counter]).attr("data-form-output")), + // form = $(plugins.rdMailForm[this.extraData.counter]); - output.text(msg[result]); - form.removeClass('form-in-process'); + // output.text(msg[result]); + // form.removeClass('form-in-process'); - if (formHasCaptcha) { - grecaptcha.reset(); - } - }, - success: function (result) { - if (isNoviBuilder) - return; + // if (formHasCaptcha) { + // grecaptcha.reset(); + // } + // }, + // success: function (result) { + // if (isNoviBuilder) + // return; - var form = $(plugins.rdMailForm[this.extraData.counter]), - output = $("#" + form.attr("data-form-output")), - select = form.find('select'); + // var form = $(plugins.rdMailForm[this.extraData.counter]), + // output = $("#" + form.attr("data-form-output")), + // select = form.find('select'); - form - .addClass('success') - .removeClass('form-in-process'); + // form + // .addClass('success') + // .removeClass('form-in-process'); - if (formHasCaptcha) { - grecaptcha.reset(); - } + // if (formHasCaptcha) { + // grecaptcha.reset(); + // } - result = result.length === 5 ? result : 'MF255'; - output.text(msg[result]); + // result = result.length === 5 ? result : 'MF255'; + // output.text(msg[result]); - if (result === "MF000") { - if (output.hasClass("snackbars")) { - output.html('' + msg[result] + '
'); - } else { - output.addClass("active success"); - } - } else { - if (output.hasClass("snackbars")) { - output.html(' '); - } else { - output.addClass("active error"); - } - } + // if (result === "MF000") { + // if (output.hasClass("snackbars")) { + // output.html('' + msg[result] + '
'); + // } else { + // output.addClass("active success"); + // } + // } else { + // if (output.hasClass("snackbars")) { + // output.html(' '); + // } else { + // output.addClass("active error"); + // } + // } - form.clearForm(); + // form.clearForm(); - if (select.length) { - select.select2("val", ""); - } + // if (select.length) { + // select.select2("val", ""); + // } - form.find('input, textarea').trigger('blur'); + // form.find('input, textarea').trigger('blur'); - setTimeout(function () { - output.removeClass("active error success"); - form.removeClass('success'); - }, 3500); - } - }); - } - } + // setTimeout(function () { + // output.removeClass("active error success"); + // form.removeClass('success'); + // }, 3500); + // } + // }); + // } + // } // RD Filepicker if ((plugins.filePicker.length || plugins.fileDrop.length) && !isNoviBuilder) { diff --git a/src/blocks/Content.ts b/src/blocks/Content.ts new file mode 100644 index 0000000..fed61d9 --- /dev/null +++ b/src/blocks/Content.ts @@ -0,0 +1,15 @@ +import { lexicalEditor } from "@payloadcms/richtext-lexical"; +import { Block } from "payload"; + +export const ContentBlock: Block = { + slug: "contentBlock", + labels: { plural: "Contents", singular: "Content" }, + fields: [ + { + name: "content", + type: "richText", + editor: lexicalEditor({}), + required: true, + }, + ], +}; diff --git a/src/blocks/Form.ts b/src/blocks/Form.ts new file mode 100644 index 0000000..dc687b6 --- /dev/null +++ b/src/blocks/Form.ts @@ -0,0 +1,33 @@ +import type { Block } from "payload"; + +export const FormBlock: Block = { + slug: "formBlock", + fields: [ + { + name: "form", + type: "relationship", + relationTo: "forms", + required: true, + }, + { + name: "enableIntro", + type: "checkbox", + label: "Enable Intro Content", + }, + { + name: "introContent", + type: "richText", + admin: { + condition: (_, { enableIntro }) => Boolean(enableIntro), + }, + label: "Intro Content", + }, + ], + graphQL: { + singularName: "FormBlock", + }, + labels: { + plural: "Form Blocks", + singular: "Form Block", + }, +}; diff --git a/src/collections/Pages.ts b/src/collections/Pages.ts new file mode 100644 index 0000000..ee23f1e --- /dev/null +++ b/src/collections/Pages.ts @@ -0,0 +1,92 @@ +import { ContentBlock } from "@/blocks/Content"; +import { FormBlock } from "@/blocks/Form"; +import formatSlug from "@/utils/payload/formatSlug"; +import setAuthor from "@/utils/payload/setAuthor"; +import { CollectionConfig } from "payload"; + +export const Pages: CollectionConfig = { + slug: "pages", + versions: { + drafts: { + validate: true, + }, + }, + fields: [ + { + name: "title", + label: "Page Title", + type: "text", + required: true, + }, + { + name: "hero_img", + label: "Hero Image", + type: "upload", + relationTo: "media", + }, + { + name: "slug", + label: "Page Slug", + type: "text", + hooks: { + beforeValidate: [formatSlug("title")], + }, + }, + { + name: "layout", + label: "Page Layout", + type: "blocks", + minRows: 1, + blocks: [ContentBlock, FormBlock], + }, + { + name: "meta", + label: "Page Meta", + type: "group", + fields: [ + { + name: "title", + label: "Title", + type: "text", + }, + { + name: "description", + label: "Description", + type: "textarea", + }, + { + name: "canonical_url", + label: "Canonical Url", + type: "text", + }, + ], + }, + { + name: "createdBy", + type: "relationship", + relationTo: "users", + hooks: { + beforeChange: [setAuthor], + }, + admin: { + hidden: true, + }, + }, + { + name: "updatedBy", + type: "relationship", + relationTo: "users", + hooks: { + beforeChange: [setAuthor], + }, + admin: { + hidden: true, + }, + }, + ], + admin: { + hideAPIURL: true, + group: "General", + useAsTitle: "title", + }, +}; diff --git a/src/components/ContactFormBox.tsx b/src/components/ContactFormBox.tsx index 9fbc71b..af79ac3 100644 --- a/src/components/ContactFormBox.tsx +++ b/src/components/ContactFormBox.tsx @@ -1,66 +1,23 @@ +"use client"; + +import { useFormQuery } from "@/services/hooks/form"; +import { useEffect } from "react"; +import { FormBlock } from "@/components/blocks/Form"; + export default function ContactFormBox() { + const form = useFormQuery(); + + useEffect(() => { + form._fetch(1); + }, []); + return (
{node.text};
+ }
+ if (node.format & IS_SUBSCRIPT) {
+ text = {text};
+ }
+ if (node.format & IS_SUPERSCRIPT) {
+ text = {text};
+ }
+
+ return text;
+ }
+
+ if (_node == null) {
+ return null;
+ }
+
+ // NOTE: Hacky fix for
+ // https://github.com/facebook/lexical/blob/d10c4e6e55261b2fdd7d1845aed46151d0f06a8c/packages/lexical-list/src/LexicalListItemNode.ts#L133
+ // which does not return checked: false (only true - i.e. there is no prop for false)
+ const serializedChildrenFn = (node: SerializedElementNode): JSX.Element | null => {
+ if (node.children == null) {
+ return null;
+ } else {
+ if (node?.type === "list" && (node as SerializedListNode)?.listType === "check") {
+ for (const item of node.children) {
+ if ("checked" in item) {
+ if (!item?.checked) {
+ item.checked = false;
+ }
+ }
+ }
+ return serializeLexical({ nodes: node.children });
+ } else {
+ return serializeLexical({ nodes: node.children });
+ }
+ }
+ };
+
+ const serializedChildren = "children" in _node ? serializedChildrenFn(_node as SerializedElementNode) : "";
+
+ switch (_node.type) {
+ case "heading": {
+ const node = _node as SerializedHeadingNode;
+
+ type Heading = Extract{serializedChildren}
; + } + case "quote": { + return{serializedChildren}; + } + + default: + return null; + } + })} +
Loading, please wait...
} + {error &&