Build

.next/app-build-manifest.json

@@ -16,35 +16,25 @@
  "static/chunks/main-app.js",
  "static/chunks/app/forms/page.js"
  ],
- "/login/page": [
- "static/chunks/webpack.js",
- "static/chunks/main-app.js",
- "static/chunks/app/login/page.js"
- ],
- "/forms/result/[uuid]/page": [
+ "/forms/[uuid]/page": [
  "static/chunks/webpack.js",
  "static/chunks/main-app.js",
- "static/chunks/app/forms/result/[uuid]/page.js"
+ "static/chunks/app/forms/[uuid]/page.js"
  ],
  "/forms/show/[uuid]/page": [
  "static/chunks/webpack.js",
  "static/chunks/main-app.js",
  "static/chunks/app/forms/show/[uuid]/page.js"
  ],
- "/forms/[uuid]/page": [
- "static/chunks/webpack.js",
- "static/chunks/main-app.js",
- "static/chunks/app/forms/[uuid]/page.js"
- ],
  "/forms/[uuid]/response/[response]/page": [
  "static/chunks/webpack.js",
  "static/chunks/main-app.js",
  "static/chunks/app/forms/[uuid]/response/[response]/page.js"
  ],
- "/_not-found/page": [
+ "/forms/create/page": [
  "static/chunks/webpack.js",
  "static/chunks/main-app.js",
- "static/chunks/app/_not-found/page.js"
+ "static/chunks/app/forms/create/page.js"
  ]
  }
 }

.next/build-manifest.json

@@ -2,9 +2,7 @@
  "polyfillFiles": [
  "static/chunks/polyfills.js"
  ],
- "devFiles": [
- "static/chunks/react-refresh.js"
- ],
+ "devFiles": [],
  "ampDevFiles": [],
  "lowPriorityFiles": [
  "static/development/_buildManifest.js",
@@ -15,16 +13,7 @@
  "static/chunks/main-app.js"
  ],
  "pages": {
- "/_app": [
- "static/chunks/webpack.js",
- "static/chunks/main.js",
- "static/chunks/pages/_app.js"
- ],
- "/_error": [
- "static/chunks/webpack.js",
- "static/chunks/main.js",
- "static/chunks/pages/_error.js"
- ]
+ "/_app": []
  },
  "ampFirstPages": []
 }

.next/server/app-paths-manifest.json

@@ -1,9 +1,8 @@
 {
- "/_not-found/page": "app/_not-found/page.js",
- "/forms/result/[uuid]/page": "app/forms/result/[uuid]/page.js",
- "/login/page": "app/login/page.js",
+ "/page": "app/page.js",
+ "/forms/page": "app/forms/page.js",
  "/forms/[uuid]/page": "app/forms/[uuid]/page.js",
- "/forms/[uuid]/response/[response]/page": "app/forms/[uuid]/response/[response]/page.js",
  "/forms/show/[uuid]/page": "app/forms/show/[uuid]/page.js",
- "/favicon.ico/route": "app/favicon.ico/route.js"
+ "/forms/[uuid]/response/[response]/page": "app/forms/[uuid]/response/[response]/page.js",
+ "/forms/create/page": "app/forms/create/page.js"
 }

.next/server/pages-manifest.json

@@ -1,5 +1 @@
-{
- "/_app": "pages/_app.js",
- "/_error": "pages/_error.js",
- "/_document": "pages/_document.js"
-}
+{}

.next/server/server-reference-manifest.json

@@ -1,5 +1,5 @@
 {
  "node": {},
  "edge": {},
- "encryptionKey": "mlCOrvVyUAmJsYGaxQ+mAdb5q6qZeHNJxw2uAljyWbI="
+ "encryptionKey": "YeDg4fwV4+9hU3km4JeItN1wsNcRAiWmCgDxPQ+J+P4="
 }

.next/server/webpack-runtime.js

@@ -47,11 +47,6 @@
 /******/ __webpack_require__.m = __webpack_modules__;
 /******/ 
 /************************************************************************/
-/******/ /* webpack/runtime/amd options */
-/******/ (() => {
-/******/ __webpack_require__.amdO = {};
-/******/ })();
-/******/ 
 /******/ /* webpack/runtime/compat get default export */
 /******/ (() => {
 /******/ // getDefaultExport function for compatibility with non-harmony modules
@@ -130,7 +125,7 @@
 /******/ 
 /******/ /* webpack/runtime/getFullHash */
 /******/ (() => {
-/******/ __webpack_require__.h = () => ("b444829db6174f53")
+/******/ __webpack_require__.h = () => ("109e7753c454bf1e")
 /******/ })();
 /******/ 
 /******/ /* webpack/runtime/hasOwnProperty shorthand */

src/app/forms/[uuid]/components/edit-question-form.tsx

@@ -42,9 +42,9 @@ const EditQuestionForm: React.FC<EditQuestionFormProps> = ({
  );
 
  // Update the value of an option
- const updateOption: UpdateOption = (index, event) => {
+ const updateOption: UpdateOption = (index, newValue) => {
  const newItems: any = [...options];
- newItems[index].value = event.target.value;
+ newItems[index].value = newValue;
  setOptions(newItems);
  };
 
@@ -177,7 +177,7 @@ const EditQuestionForm: React.FC<EditQuestionFormProps> = ({
  {options.map((item: any, index: number) => {
  return (
  <div
- key={crypto.randomUUID()}
+ key={index}
  className="w-full flex justify-between items-cenFter"
  >
  <div className="w-11/12 flex items-center gap-2.5">
@@ -187,8 +187,8 @@ const EditQuestionForm: React.FC<EditQuestionFormProps> = ({
  }`}
  ></div>
  <input
- onChange={(e) => updateOption(index, e)}
  value={item.value}
+ onChange={(e) => updateOption(index, e.target.value)}
  className="w-[calc(100%-26px)] border-b focus:border-tremor-brand-boulder300/80 border-primary-boulder200/50 text-[13px] pb-1 px-1 font-light placeholder:text-primary-boulder300 text-primary-boulder950 outline-none"
  />
  </div>

src/app/forms/[uuid]/components/form-questions.tsx

@@ -165,7 +165,7 @@ const FormQuestions: React.FC<FormQuestionsProps> = ({
  <QuestionSection
  handleDeleteQuestion={handleDeleteQuestion}
  data={item}
- key={crypto.randomUUID()}
+ key={item.number}
  setFormQuestions={setVetQuestions}
  />
  ))}

src/app/forms/[uuid]/components/form-responses.tsx

@@ -46,7 +46,7 @@ const FormResponses: React.FC<FormResponsesInterface> = ({
  {responses.map((item: any, index: number) => {
  return (
  <tr
- key={crypto.randomUUID()}
+ key={item.created_at}
  className={`w-full h-11 ${
  index % 2 === 0 ? "bg-primary-boulder300/10" : ""
  }`}

src/app/forms/[uuid]/response/[response]/components/answer-section.tsx

@@ -67,10 +67,7 @@ const AnswerSection: React.FC<AnswerSectionProps> = ({ data }) => {
  <RadioGroup defaultValue={data.answer.answer || ""}>
  {data.question.options.map((option: any) => {
  return (
- <div
- key={crypto.randomUUID()}
- className="flex items-center space-x-2"
- >
+ <div key={data.number} className="flex items-center space-x-2">
  <RadioGroupItem
  disabled
  value={option.value || ""}
@@ -100,10 +97,7 @@ const AnswerSection: React.FC<AnswerSectionProps> = ({ data }) => {
  <div className="w-full flex flex-col gap-2">
  {data.question.options.map((option: any) => {
  return (
- <div
- key={crypto.randomUUID()}
- className="flex items-center space-x-2"
- >
+ <div key={data.number} className="flex items-center space-x-2">
  <Checkbox
  id={data.number + option.value}
  checked={data.answer.answer?.indexOf(option.value) > -1}

src/app/forms/[uuid]/response/[response]/components/response-content.tsx

@@ -71,7 +71,7 @@ const ResponseContent: React.FC<ResponseContentProps> = ({ uuid }) => {
  <div className="mt-6 w-full flex flex-col gap-5 pb-10">
  {answers &&
  answers.map((item: any) => {
- return <AnswerSection key={crypto.randomUUID()} data={item} />;
+ return <AnswerSection key={item.number} data={item} />;
  })}
  </div>
  </section>

src/app/forms/components/home.tsx

@@ -110,7 +110,7 @@ export default function FormsDashboard() {
  .slice(1, currentPageInfo.links.length - 1)
  .map((item: any) => {
  return (
- <PaginationItem key={crypto.randomUUID()}>
+ <PaginationItem key={item.label}>
  <PaginationLink
  isActive={item.active}
  href={item.url ? "/forms" + item?.url?.slice(45) : ""}
@@ -151,7 +151,7 @@ export default function FormsDashboard() {
  data.map((item: any) => {
  return (
  <FormGridTile
- key={crypto.randomUUID()}
+ key={item.uuid}
  item={item}
  deleteForm={() => {
  setIdToBeDeleted(item.uuid);

src/app/forms/result/[uuid]/components/question-and-answer.tsx

@@ -66,10 +66,7 @@ const QuestionAndAnswer: React.FC<QuestionAndAnswerProps> = ({ data }) => {
  <RadioGroup defaultValue={data?.form_answers[0]?.answer || ""}>
  {data?.options.map((option: any) => {
  return (
- <div
- key={crypto.randomUUID()}
- className="flex items-center space-x-2"
- >
+ <div key={data.number} className="flex items-center space-x-2">
  <RadioGroupItem
  disabled
  value={option.value || ""}
@@ -99,10 +96,7 @@ const QuestionAndAnswer: React.FC<QuestionAndAnswerProps> = ({ data }) => {
  <div className="w-full flex flex-col gap-2">
  {data?.options.map((option: any) => {
  return (
- <div
- key={crypto.randomUUID()}
- className="flex items-center space-x-2"
- >
+ <div key={data.number} className="flex items-center space-x-2">
  <Checkbox
  id={data.number + option.value}
  checked={

src/app/forms/result/[uuid]/components/show-result.tsx

@@ -78,9 +78,7 @@ const ShowResult: React.FC<ShowResultProps> = ({ resultUUID }) => {
  <div className="mt-6 w-full flex flex-col gap-5 pb-10">
  {response &&
  response?.form?.form_questions.map((item: any) => {
- return (
- <QuestionAndAnswer key={crypto.randomUUID()} data={item} />
- );
+ return <QuestionAndAnswer key={item.number} data={item} />;
  })}
  </div>
  </div>

src/app/forms/show/[uuid]/components/render-question.tsx

@@ -119,10 +119,7 @@ const RenderQuestion: React.FC<RenderQuestionProps> = ({
  <div className="w-full flex flex-col gap-2">
  {item.options.map((option: any) => {
  return (
- <div
- key={crypto.randomUUID()}
- className="flex items-center space-x-2"
- >
+ <div key={item.number} className="flex items-center space-x-2">
  <Checkbox
  id={item.number + option.value}
  onCheckedChange={() =>
@@ -152,10 +149,7 @@ const RenderQuestion: React.FC<RenderQuestionProps> = ({
  >
  {item.options.map((option: any) => {
  return (
- <div
- key={crypto.randomUUID()}
- className="flex items-center space-x-2"
- >
+ <div key={item.number} className="flex items-center space-x-2">
  <RadioGroupItem
  checked={item.answer === option.value}
  value={option.value}

src/app/forms/show/[uuid]/components/show-form.tsx

@@ -184,7 +184,7 @@ const ShowForm: React.FC<ShowFormProps> = ({ formUUID }) => {
  {questions.map((item: any) => {
  return (
  <RenderQuestion
- key={crypto.randomUUID()}
+ key={item.number}
  item={item}
  formUUID={formUUID}
  updateAnswerValue={updateAnswerValue}