initial commit

2025-01-24 20:05:48 +01:00
commit db55c10f43
484 changed files with 118165 additions and 0 deletions
@@ -0,0 +1,117 @@
+import { LoadingButton } from "@/components/frontend";
+import { GlobalContext } from "@/globalContext";
+import { callCustomAPI } from "@/utils/callCustomAPI";
+import { Dialog, Transition } from "@headlessui/react";
+import { useEffect } from "react";
+import { useContext } from "react";
+import { useState } from "react";
+import { Fragment } from "react";
+
+export default function TermsAndConditionsModal({ isOpen, closeModal, setIsAgreed }) {
+  const [termsAndConditions, setTermsAndCondition] = useState("");
+  const [agreed, setAgreed] = useState(false);
+  const { dispatch: globalDispatch } = useContext(GlobalContext);
+
+  async function fetchTermsAndConditions() {
+    try {
+      const result = await callCustomAPI("cms", "post", { where: [`content_key = 'terms_and_conditions'`], limit: 1, page: 1 }, "PAGINATE");
+
+      if (Array.isArray(result.list) && result.list.length > 0) {
+        setTermsAndCondition(result.list[0].content_value);
+      }
+    } catch (err) {
+      globalDispatch({
+        type: "SHOW_ERROR",
+        payload: {
+          heading: "Cannot get Terms and Conditions",
+          message: err.message,
+        },
+      });
+    }
+  }
+
+  useEffect(() => {
+    fetchTermsAndConditions();
+  }, []);
+  return (
+    <>
+      <div className={`${isOpen ? "flex" : "hidden"} fixed inset-0 items-center justify-center`}></div>
+
+      <Transition
+        appear
+        show={isOpen}
+        as={Fragment}
+      >
+        <Dialog
+          as="div"
+          className="relative z-10"
+          onClose={closeModal}
+        >
+          <Transition.Child
+            as={Fragment}
+            enter="ease-out duration-300"
+            enterFrom="opacity-0"
+            enterTo="opacity-100"
+            leave="ease-in duration-200"
+            leaveFrom="opacity-100"
+            leaveTo="opacity-0"
+          >
+            <div className="fixed inset-0 bg-black bg-opacity-25" />
+          </Transition.Child>
+
+          <div className="fixed inset-0 overflow-y-auto">
+            <div className="flex min-h-full items-center justify-center p-4 text-center">
+              <Transition.Child
+                as={Fragment}
+                enter="ease-out duration-300"
+                enterFrom="opacity-0 scale-95"
+                enterTo="opacity-100 scale-100"
+                leave="ease-in duration-200"
+                leaveFrom="opacity-100 scale-100"
+                leaveTo="opacity-0 scale-95"
+              >
+                <Dialog.Panel className="w-full max-w-6xl transform overflow-hidden rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all">
+                  <Dialog.Title
+                    as="h3"
+                    className="text-lg font-medium leading-6 text-gray-900 flex justify-between items-center"
+                  >
+                    {" "}
+                    {" "}
+                    <button
+                      type="button"
+                      onClick={closeModal}
+                      className="py-2 border hover:bg-gray-200 active:bg-gray-300 duration-100 px-3 text-2xl font-normal rounded-full flex justify-end"
+                    >
+                      &#x2715;
+                    </button>
+                  </Dialog.Title>
+                  <div className="mt-2">
+                    <article
+                      className="sun-editor-editable text-sm max-h-[600px] overflow-y-auto my-8"
+                      dangerouslySetInnerHTML={{ __html: termsAndConditions }}
+                    ></article>
+                  </div>
+                  <div className="checkbox-container">
+                    <input
+                      type={"checkbox"}
+                      name="i-agree"
+                      id="i-agree"
+                      checked={agreed}
+                      onChange={() => {setAgreed((prev) => !prev); setIsAgreed((prev) => !prev); closeModal()}}
+                    />
+                    <label
+                      htmlFor="i-agree"
+                      className="items-center cursor-pointer remove-select"
+                    >
+                      Yeah, I agree to everything
+                    </label>
+                  </div>
+                </Dialog.Panel>
+              </Transition.Child>
+            </div>
+          </div>
+        </Dialog>
+      </Transition>
+    </>
+  );
+}