geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es129.js

@@ -1,14 +1,189 @@
-import { createContext as r, useContext as e } from "react";
-const o = r(null), n = () => {
-  const t = e(o);
-  if (!t)
-    throw new Error(
-      "useFormStructure must be used within a FormStructureProvider"
-    );
-  return t;
+import e from "react";
+import { Typography as s } from "./index.es19.js";
+import { Checkbox as N } from "@radix-ui/react-checkbox";
+import { AccordionDemo as I } from "./index.es4.js";
+import { Badge as b } from "./index.es8.js";
+import { FormFieldType as a } from "./index.es161.js";
+const x = ({
+  structure: u,
+  values: o
+}) => {
+  const E = (r, n) => {
+    if (r.type === a.REPEATABLE_GROUP_FIELD) {
+      const t = `${r.id}||`, c = /* @__PURE__ */ new Set();
+      Object.keys(o).forEach((i) => {
+        if (i.startsWith(t)) {
+          const m = i.match(new RegExp(`^${r.id}\\|\\|(\\d+)\\|\\|`));
+          m && m[1] && c.add(parseInt(m[1]));
+        }
+      });
+      const l = Array.from(c).sort((i, m) => i - m);
+      return l.length === 0 ? [] : l.flatMap((i) => r.options.map((m) => {
+        const d = `${r.id}||${i}||${m.id}`, _ = o[d], p = {
+          ...m,
+          id: d
+        };
+        return /* @__PURE__ */ e.createElement(e.Fragment, { key: d }, g(p), E(p, _));
+      }));
+    }
+    if (n == null || n === "")
+      return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-4" }, "Not answered");
+    switch (r.type) {
+      case a.SHORT_TEXT:
+      case a.LONG_TEXT:
+      case a.EMAIL:
+      case a.NUMBER:
+      case a.MOBILE_NUMBER:
+      case a.SINGLE_VIDEO_PICKER_WITH_INPUT:
+        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, n);
+      case a.DATE_PICKER:
+        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, new Date(n * 1e3).toLocaleDateString());
+      case a.SINGLE_COMBOBOX:
+      case a.RADIO_GROUP:
+        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, n);
+      case a.CHECKBOX_GROUP: {
+        const t = o[r.id];
+        return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-2" }, r.options.map((c) => /* @__PURE__ */ e.createElement("div", { key: c, className: "flex items-center space-x-2" }, /* @__PURE__ */ e.createElement(
+          N,
+          {
+            disabled: !0,
+            id: c,
+            checked: t?.split(",").includes(c)
+          }
+        ), /* @__PURE__ */ e.createElement(s, { variant: "body1", className: "text-light-4" }, c))));
+      }
+      case a.MULTI_COMBOBOX:
+      case a.CREATABLE_MULTI_COMBOBOX:
+        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, typeof n == "string" ? n.split(",").join(", ") : null);
+      case a.RADIO_GROUP_WITH_OPTIONAL_INPUT: {
+        const t = n;
+        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, t.radio_value, t.input_value && t.radio_value === r.inputTriggerOptionValue && `: ${t.input_value}`);
+      }
+      case a.SINGLE_IMAGE_PICKER: {
+        const t = n;
+        return /* @__PURE__ */ e.createElement("div", { className: "mt-1" }, /* @__PURE__ */ e.createElement(
+          "a",
+          {
+            href: t.public_url,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          },
+          /* @__PURE__ */ e.createElement(
+            "img",
+            {
+              src: t.public_url,
+              alt: r.name,
+              className: "object-cover w-full h-32 rounded-md hover:opacity-90"
+            }
+          )
+        ));
+      }
+      case a.SINGLE_VIDEO_PICKER: {
+        const t = n;
+        return /* @__PURE__ */ e.createElement("div", { className: "mt-1" }, /* @__PURE__ */ e.createElement(
+          "video",
+          {
+            src: t.public_url,
+            controls: !0,
+            className: "w-full h-32 rounded-md"
+          },
+          /* @__PURE__ */ e.createElement(
+            "track",
+            {
+              kind: "captions",
+              label: "English captions",
+              srcLang: "en",
+              src: "",
+              default: !0
+            }
+          )
+        ));
+      }
+      case a.MULTI_IMAGE_PICKER: {
+        const t = n;
+        return /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4" }, t.map((c, l) => /* @__PURE__ */ e.createElement(
+          "a",
+          {
+            key: l,
+            href: c.public_url,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          },
+          /* @__PURE__ */ e.createElement(
+            "img",
+            {
+              src: c.public_url,
+              alt: r.name,
+              className: "object-cover w-full h-32 rounded-md hover:opacity-90"
+            }
+          )
+        )));
+      }
+      case a.MULTI_VIDEO_PICKER: {
+        const t = n;
+        return /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-1 gap-4 mt-1 sm:grid-cols-2" }, t.map((c, l) => /* @__PURE__ */ e.createElement("div", { key: l, className: "flex flex-col" }, /* @__PURE__ */ e.createElement(
+          "video",
+          {
+            src: c.public_url,
+            controls: !0,
+            className: "h-32 rounded-md"
+          },
+          /* @__PURE__ */ e.createElement(
+            "track",
+            {
+              kind: "captions",
+              label: "English captions",
+              srcLang: "en",
+              src: "",
+              default: !0
+            }
+          )
+        ))));
+      }
+      case a.TAGGABLE_MULTI_IMAGE_PICKER:
+      case a.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {
+        const t = n;
+        return /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4" }, t.map((c, l) => /* @__PURE__ */ e.createElement("div", { key: l, className: "relative" }, /* @__PURE__ */ e.createElement(
+          "a",
+          {
+            key: l,
+            href: c.public_url,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          },
+          /* @__PURE__ */ e.createElement(
+            "img",
+            {
+              src: c.public_url,
+              alt: r.name,
+              className: "object-cover w-full h-32 rounded-md hover:opacity-90"
+            }
+          )
+        ), /* @__PURE__ */ e.createElement(
+          b,
+          {
+            className: "absolute bottom-2 right-2  ",
+            variant: "select"
+          },
+          c.tag && c.tag.length > 8 ? `${c.tag.substring(0, 8)}...` : c.tag
+        ))));
+      }
+      default:
+        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-4" }, "Unsupported field type");
+    }
+  }, g = (r) => /* @__PURE__ */ e.createElement(s, { variant: "body1", className: "mb-1 text-light-3" }, r.name, r.required && /* @__PURE__ */ e.createElement("span", { className: "text-danger-1" }, "*"));
+  return /* @__PURE__ */ e.createElement("div", { className: "" }, u.steps.map((r) => /* @__PURE__ */ e.createElement(
+    I,
+    {
+      key: r.id,
+      trigger: /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ e.createElement(s, { variant: "h3", className: "text-light-2" }, r.name)),
+      triggerProps: { className: "mt-4 " },
+      contentProps: { className: "mt-4 p-2 bg-light-2 rounded" },
+      content: r.sections.map((n) => /* @__PURE__ */ e.createElement("div", { key: n.id, className: "mb-4" }, /* @__PURE__ */ e.createElement(s, { variant: "h3", className: "mb-2 text-light-2" }, n.name), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, n.fields.map((t) => /* @__PURE__ */ e.createElement("div", { key: t.id, className: "last:border-b-0" }, g(t), E(t, o[t.id]))))))
+    }
+  )));
 };
 export {
-  o as FormStructureContext,
-  n as useFormStructure
+  x as FormReadOnlyView
 };
 //# sourceMappingURL=index.es129.js.map

package/dist/index.es129.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es129.js","sources":["../src/components/ui/form-renderer/context/form-structure/form-structure.context.ts"],"sourcesContent":["// contexts/FormStructureContext.tsx\nimport { createContext, useContext } from 'react'\nimport { FormStructure, FormStep } from '../../form.types'\n\ninterface FormStructureContextType {\n  structure: FormStructure\n  currentStepIndex: number\n  currentStep: FormStep\n  goToNextStep: () => void\n  goToPreviousStep: () => void\n  goToStep: (stepIndex: number) => void\n  isFirstStep: boolean\n  isLastStep: boolean\n  totalSteps: number\n}\n\nexport const FormStructureContext =\n  createContext<FormStructureContextType | null>(null)\n\nexport const useFormStructure = () => {\n  const context = useContext(FormStructureContext)\n  if (!context) {\n    throw new Error(\n      'useFormStructure must be used within a FormStructureProvider'\n    )\n  }\n  return context\n}\n"],"names":["FormStructureContext","createContext","useFormStructure","context","useContext"],"mappings":";AAgBO,MAAMA,IACXC,EAA+C,IAAI,GAExCC,IAAmB,MAAM;AACpC,QAAMC,IAAUC,EAAWJ,CAAoB;AAC/C,MAAI,CAACG;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGJ,SAAOA;AACT;"}
+{"version":3,"file":"index.es129.js","sources":["../src/components/ui/form-renderer/components/form-read-only-view.tsx"],"sourcesContent":["// components/form-readonly-view.tsx\nimport React, { ReactNode } from 'react'\nimport {\n  FormStructure,\n  FormValues,\n  FormField,\n  FormFieldValue,\n  AssetValue,\n  TaggableAssetValue,\n  RadioGroupWithInputFieldValue,\n} from './../form.types'\nimport { Typography } from '@/components/atoms/typography'\nimport { Checkbox } from '@radix-ui/react-checkbox'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Badge } from '@/components/atoms/badge'\n\nimport { FormFieldType } from '../form.enums'\n\ninterface FormReadOnlyViewProps {\n  structure: FormStructure\n  values: FormValues\n}\n\nexport const FormReadOnlyView: React.FC<FormReadOnlyViewProps> = ({\n  structure,\n  values,\n}) => {\n  // Helper function to render field value based on type\n  const renderFieldValue = (\n    field: FormField,\n    value: FormFieldValue\n  ): ReactNode => {\n    // Special handling for repeatable groups, Since values[field.id] wont exist for repeatable groups\n\n    if (field.type === FormFieldType.REPEATABLE_GROUP_FIELD) {\n      const prefix = `${field.id}||`\n      const entryIndices = new Set<number>()\n\n      // Extract unique entry indices from the keys present in `values`\n      Object.keys(values).forEach((key) => {\n        if (key.startsWith(prefix)) {\n          // Regex to capture the index part: field.id||INDEX||subfield.id\n          // Assuming field.id does not contain characters that need escaping for RegExp\n          const match = key.match(new RegExp(`^${field.id}\\\\|\\\\|(\\\\d+)\\\\|\\\\|`))\n          if (match && match[1]) {\n            entryIndices.add(parseInt(match[1]))\n          }\n        }\n      })\n\n      // Sort indices numerically\n      const sortedIndices = Array.from(entryIndices).sort((a, b) => a - b)\n\n      if (sortedIndices.length === 0) {\n        return [] // No entries to render\n      }\n\n      // Use flatMap to iterate through each entry index, then each sub-field template,\n      // and flatten the results into a single array of React elements.\n      return sortedIndices.flatMap((entryIndex) => {\n        // For each entry, map over its defined sub-fields from the field's options\n        return field.options.map((subFieldTemplate) => {\n          // Construct the unique key for this specific instance of the sub-field\n          const instanceKey = `${field.id}||${entryIndex}||${subFieldTemplate.id}`\n          const value = values[instanceKey] // Get the value for this specific instance\n\n          // Create a new field object for this instance,\n          // using the subFieldTemplate and overriding its 'id' with the unique instanceKey.\n          const instanceSpecificSubField: FormField = {\n            ...subFieldTemplate,\n            id: instanceKey,\n          }\n\n          return (\n            <React.Fragment key={instanceKey}>\n              {renderQuestionLabel(instanceSpecificSubField)}\n              {renderFieldValue(instanceSpecificSubField, value)}\n            </React.Fragment>\n          )\n        })\n      })\n    }\n\n    if (value === undefined || value === null || value === '') {\n      return (\n        <Typography variant=\"body2\" className=\"text-light-4\">\n          Not answered\n        </Typography>\n      )\n    }\n\n    switch (field.type) {\n      case FormFieldType.SHORT_TEXT:\n      case FormFieldType.LONG_TEXT:\n      case FormFieldType.EMAIL:\n      case FormFieldType.NUMBER:\n      case FormFieldType.MOBILE_NUMBER:\n      case FormFieldType.SINGLE_VIDEO_PICKER_WITH_INPUT:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {value as string}\n          </Typography>\n        )\n\n      case FormFieldType.DATE_PICKER:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {new Date((value as number) * 1000).toLocaleDateString()}\n          </Typography>\n        )\n\n      case FormFieldType.SINGLE_COMBOBOX:\n      case FormFieldType.RADIO_GROUP:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {value as string}\n          </Typography>\n        )\n\n      case FormFieldType.CHECKBOX_GROUP: {\n        const value = values[field.id] as string\n        return (\n          <div className=\"flex flex-col gap-2\">\n            {field.options.map((option) => {\n              return (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <Checkbox\n                    disabled\n                    id={option}\n                    checked={value?.split(',').includes(option)}\n                  />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              )\n            })}\n          </div>\n        )\n      }\n      case FormFieldType.MULTI_COMBOBOX:\n      case FormFieldType.CREATABLE_MULTI_COMBOBOX:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {typeof value === 'string' ? value.split(',').join(', ') : null}\n          </Typography>\n        )\n\n      case FormFieldType.RADIO_GROUP_WITH_OPTIONAL_INPUT: {\n        const radioValue = value as RadioGroupWithInputFieldValue\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {radioValue.radio_value}\n            {radioValue.input_value &&\n              radioValue.radio_value === field.inputTriggerOptionValue &&\n              `: ${radioValue.input_value}`}\n          </Typography>\n        )\n      }\n\n      // For single image/video uploads\n      case FormFieldType.SINGLE_IMAGE_PICKER: {\n        const asset = value as AssetValue\n        return (\n          <div className=\"mt-1\">\n            <a\n              href={asset.public_url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img\n                src={asset.public_url}\n                alt={field.name}\n                className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n              />\n            </a>\n          </div>\n        )\n      }\n\n      case FormFieldType.SINGLE_VIDEO_PICKER: {\n        const asset = value as AssetValue\n        return (\n          <div className=\"mt-1\">\n            <video\n              src={asset.public_url}\n              controls\n              className=\"w-full h-32 rounded-md\"\n            >\n              <track\n                kind=\"captions\"\n                label=\"English captions\"\n                srcLang=\"en\"\n                src=\"\"\n                default\n              />\n            </video>\n          </div>\n        )\n      }\n\n      case FormFieldType.MULTI_IMAGE_PICKER: {\n        const assets = value as AssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4\">\n            {assets.map((asset, index) => (\n              <a\n                key={index}\n                href={asset.public_url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <img\n                  src={asset.public_url}\n                  alt={field.name}\n                  className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n                />\n              </a>\n            ))}\n          </div>\n        )\n      }\n\n      case FormFieldType.MULTI_VIDEO_PICKER: {\n        const assets = value as AssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-4 mt-1 sm:grid-cols-2\">\n            {assets.map((asset, index) => (\n              <div key={index} className=\"flex flex-col\">\n                <video\n                  src={asset.public_url}\n                  controls\n                  className=\"h-32 rounded-md\"\n                >\n                  <track\n                    kind=\"captions\"\n                    label=\"English captions\"\n                    srcLang=\"en\"\n                    src=\"\"\n                    default\n                  />\n                </video>\n              </div>\n            ))}\n          </div>\n        )\n      }\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER:\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {\n        const taggedAssets = value as TaggableAssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4\">\n            {taggedAssets.map((asset, index) => (\n              <div key={index} className=\"relative\">\n                <a\n                  key={index}\n                  href={asset.public_url}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  <img\n                    src={asset.public_url}\n                    alt={field.name}\n                    className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n                  />\n                </a>\n                <Badge\n                  className=\"absolute bottom-2 right-2  \"\n                  variant={'select'}\n                >\n                  {asset.tag && asset.tag.length > 8\n                    ? `${asset.tag.substring(0, 8)}...`\n                    : asset.tag}\n                </Badge>\n              </div>\n            ))}\n          </div>\n        )\n      }\n\n      default:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-4\">\n            Unsupported field type\n          </Typography>\n        )\n    }\n  }\n\n  const renderQuestionLabel = (field: FormField): ReactNode => {\n    return (\n      <Typography variant=\"body1\" className=\"mb-1 text-light-3\">\n        {field.name}\n        {field.required && <span className=\"text-danger-1\">*</span>}\n      </Typography>\n    )\n  }\n\n  return (\n    <div className=\"\">\n      {structure.steps.map((step) => (\n        <Accordion\n          key={step.id}\n          trigger={\n            <div className=\"flex items-center gap-2\">\n              <Typography variant=\"h3\" className=\"text-light-2\">\n                {step.name}\n              </Typography>\n            </div>\n          }\n          triggerProps={{ className: 'mt-4 ' }}\n          contentProps={{ className: 'mt-4 p-2 bg-light-2 rounded' }}\n          content={step.sections.map((section) => (\n            <div key={section.id} className=\"mb-4\">\n              <Typography variant=\"h3\" className=\"mb-2 text-light-2\">\n                {section.name}\n              </Typography>\n\n              <div className=\"flex flex-col gap-3\">\n                {section.fields.map((field) => (\n                  <div key={field.id} className=\"last:border-b-0\">\n                    {renderQuestionLabel(field)}\n                    {renderFieldValue(field, values[field.id])}\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        />\n      ))}\n    </div>\n  )\n}\n"],"names":["FormReadOnlyView","structure","values","renderFieldValue","field","value","FormFieldType","prefix","entryIndices","key","match","sortedIndices","a","b","entryIndex","subFieldTemplate","instanceKey","instanceSpecificSubField","React","renderQuestionLabel","Typography","option","Checkbox","radioValue","asset","assets","index","taggedAssets","Badge","step","Accordion","section"],"mappings":"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"}

package/dist/index.es13.js

@@ -1,22 +1,30 @@
-import * as t from "react";
-import * as r from "@radix-ui/react-switch";
-import { cn as a } from "./index.es81.js";
-import { SwitchVariants as o, SwitchThumbVariants as n } from "./index.es76.js";
-const h = t.forwardRef((m, i) => {
-  const { className: s, size: e, ...c } = m;
-  return /* @__PURE__ */ t.createElement(
-    r.Root,
-    {
-      className: a(o({ size: e }), s),
-      ...c,
-      ref: i
-    },
-    /* @__PURE__ */ t.createElement(r.Thumb, { className: a(n({ size: e })) })
-  );
-});
-h.displayName = "Switch";
+import * as e from "react";
+import * as a from "@radix-ui/react-radio-group";
+import { cn as d } from "./index.es89.js";
+import { RadioGroupVariants as i } from "./index.es79.js";
+const m = e.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ e.createElement(
+  a.Root,
+  {
+    className: d("grid gap-2", r),
+    ...t,
+    ref: o
+  }
+));
+m.displayName = a.Root.displayName;
+const c = e.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ e.createElement(
+  a.Item,
+  {
+    ref: o,
+    className: d(i({ className: r })),
+    ...t
+  },
+  t.children,
+  /* @__PURE__ */ e.createElement(a.Indicator, { className: "flex data=[state=unchecked]:hover:bg-primary-1 data-[state=checked]:bg-rest-p1 data-[state=checked]:hover:bg-hover-p1 h-2.5 w-2.5  rounded-full t-7 l-y disabled:opacity-50 items-center justify-center border-none" })
+));
+c.displayName = a.Item.displayName;
 export {
-  h as Switch,
-  o as SwitchVariants
+  m as RadioGroup,
+  c as RadioGroupItem,
+  i as RadioGroupVariants
 };
 //# sourceMappingURL=index.es13.js.map

package/dist/index.es13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es13.js","sources":["../src/components/atoms/switch/switch.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport { cn } from '@/lib/utils'\nimport { SwitchThumbVariants, SwitchVariants } from './switch.styles'\nimport { SwitchProps } from './switch.types'\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchProps\n>((props, ref) => {\n  const { className, size, ...rest } = props\n\n  return (\n    <SwitchPrimitives.Root\n      className={cn(SwitchVariants({ size }), className)}\n      {...rest}\n      ref={ref}\n    >\n      <SwitchPrimitives.Thumb className={cn(SwitchThumbVariants({ size }))} />\n    </SwitchPrimitives.Root>\n  )\n})\n\nSwitch.displayName = 'Switch'\n\nexport { Switch, SwitchVariants }\n"],"names":["Switch","React","props","ref","className","size","rest","SwitchPrimitives","cn","SwitchVariants","SwitchThumbVariants"],"mappings":";;;;AAOA,MAAMA,IAASC,EAAM,WAGnB,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAD,EAAA;AAAA,IAACM,EAAiB;AAAA,IAAjB;AAAA,MACC,WAAWC,EAAGC,EAAe,EAAE,MAAAJ,EAAA,CAAM,GAAGD,CAAS;AAAA,MAChD,GAAGE;AAAA,MACJ,KAAAH;AAAA,IAAA;AAAA,IAEA,gBAAAF,EAAA,cAACM,EAAiB,OAAjB,EAAuB,WAAWC,EAAGE,EAAoB,EAAE,MAAAL,EAAA,CAAM,CAAC,EAAA,CAAG;AAAA,EAAA;AAG5E,CAAC;AAEDL,EAAO,cAAc;"}
+{"version":3,"file":"index.es13.js","sources":["../src/components/atoms/radio-group/radio-group.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\n\nimport { cn } from '@/lib/utils'\nimport { RadioGroupVariants } from './radio-group-style'\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('grid gap-2', className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\n\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(RadioGroupVariants({ className }))}\n      {...props}\n    >\n      {props.children}\n      <RadioGroupPrimitive.Indicator className=\"flex data=[state=unchecked]:hover:bg-primary-1 data-[state=checked]:bg-rest-p1 data-[state=checked]:hover:bg-hover-p1 h-2.5 w-2.5  rounded-full t-7 l-y disabled:opacity-50 items-center justify-center border-none\"></RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem, RadioGroupVariants }\n"],"names":["RadioGroup","React","className","props","ref","RadioGroupPrimitive","cn","RadioGroupItem","RadioGroupVariants"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAH,EAAA;AAAA,EAACI,EAAoB;AAAA,EAApB;AAAA,IACC,WAAWC,EAAG,cAAcJ,CAAS;AAAA,IACpC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AAAA,CAGL;AAEDJ,EAAW,cAAcK,EAAoB,KAAK;AAElD,MAAME,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAH,EAAA;AAAA,EAACI,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGE,EAAmB,EAAE,WAAAN,EAAA,CAAW,CAAC;AAAA,IAC9C,GAAGC;AAAA,EAAA;AAAA,EAEHA,EAAM;AAAA,EACP,gBAAAF,EAAA,cAACI,EAAoB,WAApB,EAA8B,WAAU,sNAAA,CAAsN;AAAA,CAGpQ;AACDE,EAAe,cAAcF,EAAoB,KAAK;"}

package/dist/index.es130.js

@@ -1,14 +1,26 @@
-import { createContext as t, useContext as o } from "react";
-const r = t(
-  null
-), n = () => {
-  const e = o(r);
-  if (!e)
-    throw new Error("useFormValues must be used within a FormValuesProvider");
-  return e;
+import l, { useState as a } from "react";
+import { FormStructureContext as c } from "./index.es159.js";
+const f = ({ children: n, structure: e }) => {
+  const [t, o] = a(0), r = () => {
+    t < e.steps.length - 1 && o(t + 1);
+  }, p = () => {
+    t > 0 && o(t - 1);
+  }, S = (s) => {
+    s >= 0 && s < e.steps.length && o(s);
+  }, i = {
+    structure: e,
+    currentStepIndex: t,
+    currentStep: e.steps[t],
+    goToNextStep: r,
+    goToPreviousStep: p,
+    goToStep: S,
+    isFirstStep: t === 0,
+    isLastStep: t === e.steps.length - 1,
+    totalSteps: e.steps.length
+  };
+  return /* @__PURE__ */ l.createElement(c.Provider, { value: i }, n);
 };
 export {
-  r as FormValuesContext,
-  n as useFormValues
+  f as FormStructureProvider
 };
 //# sourceMappingURL=index.es130.js.map

package/dist/index.es130.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es130.js","sources":["../src/components/ui/form-renderer/context/form-values/form-values.context.ts"],"sourcesContent":["// contexts/FormValuesContext.tsx\nimport { createContext, useContext } from 'react'\nimport {\n  AssetValue,\n  FormField,\n  FormFieldValue,\n  FormStep,\n  FormValues,\n  onToggleImageEditor,\n} from '../../form.types'\n\ninterface FormValuesContextType {\n  values: FormValues\n  errors: Record<string, string>\n  setValue: (fieldId: string, value: FormFieldValue) => void\n  setFormValues: (formValues: FormValues) => void\n  validateField: (field: FormField) => {\n    isValid: boolean\n    errorMessage: string\n  }\n  validateStep: (step: FormStep) => {\n    isStepValid: boolean\n    errors: Record<string, string>\n  }\n  submitForm: () => void\n  onAssetUpload?: (file: File) => Promise<AssetValue>\n  onToggleImageEditor?: onToggleImageEditor\n}\n\nexport const FormValuesContext = createContext<FormValuesContextType | null>(\n  null\n)\n\nexport const useFormValues = () => {\n  const context = useContext(FormValuesContext)\n  if (!context) {\n    throw new Error('useFormValues must be used within a FormValuesProvider')\n  }\n  return context\n}\n"],"names":["FormValuesContext","createContext","useFormValues","context","useContext"],"mappings":";AA6BO,MAAMA,IAAoBC;AAAA,EAC/B;AACF,GAEaC,IAAgB,MAAM;AACjC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,wDAAwD;AAE1E,SAAOA;AACT;"}
+{"version":3,"file":"index.es130.js","sources":["../src/components/ui/form-renderer/context/form-structure/form-structure.provider.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { FormStructureContext } from './form-structure.context'\nimport { FormStructure } from '../../form.types'\n\nexport const FormStructureProvider: React.FC<{\n  children: React.ReactNode\n  structure: FormStructure\n}> = ({ children, structure }) => {\n  const [currentStepIndex, setCurrentStepIndex] = useState(0)\n\n  const goToNextStep = () => {\n    if (currentStepIndex < structure.steps.length - 1) {\n      setCurrentStepIndex(currentStepIndex + 1)\n    }\n  }\n\n  const goToPreviousStep = () => {\n    if (currentStepIndex > 0) {\n      setCurrentStepIndex(currentStepIndex - 1)\n    }\n  }\n\n  const goToStep = (stepIndex: number) => {\n    if (stepIndex >= 0 && stepIndex < structure.steps.length) {\n      setCurrentStepIndex(stepIndex)\n    }\n  }\n\n  const value = {\n    structure,\n    currentStepIndex,\n    currentStep: structure.steps[currentStepIndex],\n    goToNextStep,\n    goToPreviousStep,\n    goToStep,\n    isFirstStep: currentStepIndex === 0,\n    isLastStep: currentStepIndex === structure.steps.length - 1,\n    totalSteps: structure.steps.length,\n  }\n\n  return (\n    <FormStructureContext.Provider value={value}>\n      {children}\n    </FormStructureContext.Provider>\n  )\n}\n"],"names":["FormStructureProvider","children","structure","currentStepIndex","setCurrentStepIndex","useState","goToNextStep","goToPreviousStep","goToStep","stepIndex","value","React","FormStructureContext"],"mappings":";;AAIO,MAAMA,IAGR,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAgB;AAChC,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,CAAC,GAEpDC,IAAe,MAAM;AACzB,IAAIH,IAAmBD,EAAU,MAAM,SAAS,KAC9CE,EAAoBD,IAAmB,CAAC;AAAA,EAE5C,GAEMI,IAAmB,MAAM;AAC7B,IAAIJ,IAAmB,KACrBC,EAAoBD,IAAmB,CAAC;AAAA,EAE5C,GAEMK,IAAW,CAACC,MAAsB;AACtC,IAAIA,KAAa,KAAKA,IAAYP,EAAU,MAAM,UAChDE,EAAoBK,CAAS;AAAA,EAEjC,GAEMC,IAAQ;AAAA,IACZ,WAAAR;AAAA,IACA,kBAAAC;AAAA,IACA,aAAaD,EAAU,MAAMC,CAAgB;AAAA,IAC7C,cAAAG;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAaL,MAAqB;AAAA,IAClC,YAAYA,MAAqBD,EAAU,MAAM,SAAS;AAAA,IAC1D,YAAYA,EAAU,MAAM;AAAA,EAAA;AAG9B,SACES,gBAAAA,EAAA,cAACC,EAAqB,UAArB,EAA8B,OAAAF,KAC5BT,CACH;AAEJ;"}

package/dist/index.es131.js

@@ -1,5 +1,206 @@
-var _ = /* @__PURE__ */ ((I) => (I.SHORT_TEXT = "short-text", I.EMAIL = "email", I.LONG_TEXT = "long-text", I.NUMBER = "number", I.MOBILE_NUMBER = "mobile-number", I.DATE_PICKER = "date-picker", I.SINGLE_COMBOBOX = "single-combobox", I.MULTI_COMBOBOX = "multi-combobox", I.RADIO_GROUP = "radio-group", I.RADIO_GROUP_WITH_OPTIONAL_INPUT = "radio-group-with-optional-input", I.CHECKBOX_GROUP = "checkbox-group", I.SINGLE_IMAGE_PICKER = "single-image-picker", I.MULTI_IMAGE_PICKER = "multi-image-picker", I.TAGGABLE_MULTI_IMAGE_PICKER = "taggable-multi-image-picker", I.SINGLE_VIDEO_PICKER = "single-video-picker", I.MULTI_VIDEO_PICKER = "multi-video-picker", I.SINGLE_VIDEO_PICKER_WITH_INPUT = "single-video-picker-with-input", I.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT = "taggable-multi-image-picker-with-input", I.REPEATABLE_GROUP_FIELD = "repeatable-group-field", I))(_ || {});
+import G, { useState as E } from "react";
+import { FormValuesContext as L } from "./index.es160.js";
+import { FormFieldType as r } from "./index.es161.js";
+const B = ({
+  children: I,
+  initialValues: m = {},
+  onSubmit: c,
+  onAssetUpload: p,
+  onToggleImageEditor: T,
+  getRequestHeaders: V,
+  getCreateOptionExtraBody: A
+}) => {
+  const [n, f] = E(m), [M, P] = E({}), b = (s, e) => {
+    f((a) => ({ ...a, [s]: e })), M[s] && P((a) => {
+      const t = { ...a };
+      return delete t[s], t;
+    });
+  }, O = (s) => {
+    f(() => s);
+  }, u = (s) => {
+    if (s.type === r.REPEATABLE_GROUP_FIELD) {
+      const a = `${s.id}||`, t = Object.keys(n).filter((i) => i.startsWith(a));
+      if (t.length === 0)
+        return { isValid: !1, errorMessage: "This field is required" };
+      for (const i of t) {
+        const o = { ...s.options.find(
+          (g) => g.id === i.split("||")[2]
+        ), id: i }, { isValid: d, errorMessage: _ } = u(
+          o
+        );
+        if (!d)
+          return { isValid: !1, errorMessage: _ };
+      }
+      return { isValid: !0, errorMessage: "" };
+    }
+    const e = n[s.id];
+    if (s.required && e == null)
+      return { isValid: !1, errorMessage: "This field is required" };
+    if (!s.required && (e == null || e === ""))
+      return { isValid: !0, errorMessage: "" };
+    switch (s.type) {
+      case r.SHORT_TEXT:
+      case r.LONG_TEXT:
+      case r.SINGLE_VIDEO_PICKER_WITH_INPUT:
+        if (e === "")
+          return { isValid: !1, errorMessage: "This field cannot be empty" };
+        break;
+      case r.EMAIL:
+        if (e === "")
+          return { isValid: !1, errorMessage: "Email is required" };
+        if (!/^\S+@\S+\.\S+$/.test(e))
+          return {
+            isValid: !1,
+            errorMessage: "Please enter a valid email address"
+          };
+        break;
+      case r.NUMBER:
+        if (e === "")
+          return { isValid: !1, errorMessage: "Number is required" };
+        if (isNaN(Number(e)))
+          return { isValid: !1, errorMessage: "Please enter a valid number" };
+        break;
+      case r.MOBILE_NUMBER:
+        if (e === "")
+          return { isValid: !1, errorMessage: "Mobile number is required" };
+        if (!/^\d{10,15}$/.test(e.replace(/\D/g, "")))
+          return {
+            isValid: !1,
+            errorMessage: "Please enter a valid mobile number"
+          };
+        break;
+      case r.DATE_PICKER:
+        if (!e || e === "")
+          return { isValid: !1, errorMessage: "Date is required" };
+        break;
+      case r.SINGLE_COMBOBOX:
+        if (!e || e === "")
+          return {
+            isValid: !1,
+            errorMessage: "Please select or enter a value"
+          };
+        break;
+      case r.MULTI_COMBOBOX:
+        if (Array.isArray(e)) {
+          if (e.length === 0)
+            return {
+              isValid: !1,
+              errorMessage: "Please select at least one option"
+            };
+        } else if (typeof e == "string" && (!e || e.split(",").filter(Boolean).length === 0))
+          return {
+            isValid: !1,
+            errorMessage: "Please select at least one option"
+          };
+        break;
+      case r.CREATABLE_MULTI_COMBOBOX: {
+        const a = Array.isArray(e) ? e : typeof e == "string" ? e.split(",").filter(Boolean) : [], t = s.minSelected ?? 0, i = s.maxSelected;
+        if (t > 0 && a.length < t)
+          return {
+            isValid: !1,
+            errorMessage: i != null ? `Select at least ${t} option(s) (max ${i})` : `Select at least ${t} option(s)`
+          };
+        if (i != null && a.length > i)
+          return {
+            isValid: !1,
+            errorMessage: `Select at most ${i} option(s)`
+          };
+        if (s.required && a.length === 0)
+          return {
+            isValid: !1,
+            errorMessage: "This field is required"
+          };
+        break;
+      }
+      case r.CHECKBOX_GROUP:
+      case r.RADIO_GROUP:
+        if (!e || e === "")
+          return { isValid: !1, errorMessage: "Please select an option" };
+        break;
+      case r.RADIO_GROUP_WITH_OPTIONAL_INPUT: {
+        const a = e;
+        if (!a || !a.radio_value)
+          return { isValid: !1, errorMessage: "Please select an option" };
+        if (a.radio_value === s.inputTriggerOptionValue && !a.input_value)
+          return {
+            isValid: !1,
+            errorMessage: "Please provide additional information for your selection"
+          };
+        break;
+      }
+      case r.SINGLE_IMAGE_PICKER:
+        if (!e || !e.public_url)
+          return { isValid: !1, errorMessage: "Please upload an image" };
+        break;
+      case r.SINGLE_VIDEO_PICKER:
+        if (!e || !e.public_url)
+          return { isValid: !1, errorMessage: "Please upload a video" };
+        break;
+      case r.MULTI_IMAGE_PICKER:
+        if (!Array.isArray(e) || e.length === 0)
+          return {
+            isValid: !1,
+            errorMessage: "Please upload at least one image"
+          };
+        break;
+      case r.MULTI_VIDEO_PICKER:
+        if (!Array.isArray(e) || e.length === 0)
+          return {
+            isValid: !1,
+            errorMessage: "Please upload at least one video"
+          };
+        break;
+      case r.TAGGABLE_MULTI_IMAGE_PICKER:
+      case r.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {
+        if (!Array.isArray(e) || e.length === 0)
+          return {
+            isValid: !1,
+            errorMessage: "Please upload at least one image"
+          };
+        if (e.some((i) => !i.tag))
+          return {
+            isValid: !1,
+            errorMessage: "Please add tags to all uploaded images"
+          };
+        break;
+      }
+    }
+    return { isValid: !0, errorMessage: "" };
+  }, y = {
+    values: n,
+    errors: M,
+    setValue: b,
+    setFormValues: O,
+    submitForm: () => {
+      c && c(n);
+    },
+    onAssetUpload: p,
+    validateField: u,
+    validateStep: (s) => {
+      let e = !0;
+      const a = {}, t = {};
+      return s.sections.forEach((i) => {
+        i.fields.forEach((l) => {
+          t[l.id] = l;
+        });
+      }), Object.entries(t).forEach(([i, l]) => {
+        if (l.required) {
+          const { isValid: o, errorMessage: d } = u(l);
+          o || (a[l.id] = d, e = !1);
+        }
+        if ((l.type === r.TAGGABLE_MULTI_IMAGE_PICKER || l.type === r.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT) && !l.required) {
+          const o = n[l.id];
+          Array.isArray(o) && o.length > 0 && o.some((g) => !g.tag) && (a[l.id] = "Please add tags to all uploaded images", e = !1);
+        }
+      }), { isStepValid: e, errors: a };
+    },
+    onToggleImageEditor: T,
+    getRequestHeaders: V,
+    getCreateOptionExtraBody: A
+  };
+  return /* @__PURE__ */ G.createElement(L.Provider, { value: y }, I);
+};
 export {
-  _ as FormFieldType
+  B as FormValuesProvider
 };
 //# sourceMappingURL=index.es131.js.map

package/dist/index.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es131.js","sources":["../src/components/ui/form-renderer/form.enums.ts"],"sourcesContent":["export enum FormFieldType {\n  // Text fields\n  SHORT_TEXT = 'short-text',\n  EMAIL = 'email',\n  LONG_TEXT = 'long-text',\n  // Number fields\n  NUMBER = 'number',\n  MOBILE_NUMBER = 'mobile-number',\n  DATE_PICKER = 'date-picker',\n\n  // Selection fields\n  SINGLE_COMBOBOX = 'single-combobox',\n  MULTI_COMBOBOX = 'multi-combobox',\n  RADIO_GROUP = 'radio-group',\n  RADIO_GROUP_WITH_OPTIONAL_INPUT = 'radio-group-with-optional-input',\n  CHECKBOX_GROUP = 'checkbox-group',\n\n  // Upload fields\n  SINGLE_IMAGE_PICKER = 'single-image-picker',\n  MULTI_IMAGE_PICKER = 'multi-image-picker',\n  TAGGABLE_MULTI_IMAGE_PICKER = 'taggable-multi-image-picker',\n  SINGLE_VIDEO_PICKER = 'single-video-picker',\n  MULTI_VIDEO_PICKER = 'multi-video-picker',\n  SINGLE_VIDEO_PICKER_WITH_INPUT = 'single-video-picker-with-input',\n  TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT = 'taggable-multi-image-picker-with-input',\n\n  REPEATABLE_GROUP_FIELD = 'repeatable-group-field',\n}\n"],"names":["FormFieldType"],"mappings":"AAAO,IAAKA,sBAAAA,OAEVA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,YAAY,aAEZA,EAAA,SAAS,UACTA,EAAA,gBAAgB,iBAChBA,EAAA,cAAc,eAGdA,EAAA,kBAAkB,mBAClBA,EAAA,iBAAiB,kBACjBA,EAAA,cAAc,eACdA,EAAA,kCAAkC,mCAClCA,EAAA,iBAAiB,kBAGjBA,EAAA,sBAAsB,uBACtBA,EAAA,qBAAqB,sBACrBA,EAAA,8BAA8B,+BAC9BA,EAAA,sBAAsB,uBACtBA,EAAA,qBAAqB,sBACrBA,EAAA,iCAAiC,kCACjCA,EAAA,yCAAyC,0CAEzCA,EAAA,yBAAyB,0BA1BfA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.es131.js","sources":["../src/components/ui/form-renderer/context/form-values/form-values.provider.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport {\n  AssetValue,\n  FormField,\n  FormFieldValue,\n  FormStep,\n  FormValues,\n  RadioGroupWithInputFieldValue,\n  TaggableAssetValue,\n  onToggleImageEditor,\n} from '../../form.types'\nimport { FormValuesContext } from './form-values.context'\nimport { FormFieldType } from '../../form.enums'\n\nexport const FormValuesProvider: React.FC<{\n  children: React.ReactNode\n  initialValues?: FormValues\n  onSubmit?: (values: FormValues) => void\n  onAssetUpload?: (file: File) => Promise<AssetValue>\n  onToggleImageEditor?: onToggleImageEditor\n  getRequestHeaders?: () =>\n    | Record<string, string>\n    | Promise<Record<string, string>>\n  getCreateOptionExtraBody?: () =>\n    | Record<string, unknown>\n    | Promise<Record<string, unknown>>\n}> = ({\n  children,\n  initialValues = {},\n  onSubmit,\n  onAssetUpload,\n  onToggleImageEditor,\n  getRequestHeaders,\n  getCreateOptionExtraBody,\n}) => {\n  const [values, setValues] = useState<FormValues>(initialValues)\n  const [errors, setErrors] = useState<Record<string, string>>({})\n\n  // to update field value\n  const setValue = (fieldId: string, value: FormFieldValue) => {\n    setValues((prev) => ({ ...prev, [fieldId]: value }))\n    // Clear error when value changes\n    if (errors[fieldId]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[fieldId]\n        return newErrors\n      })\n    }\n  }\n\n  // to update state all at once\n  const setFormValues = (newValues: FormValues) => {\n    setValues(() => newValues)\n  }\n\n  /**\n   * Validates a field based on its type\n   * @param field - The field object with all properties\n   * @returns Object containing validation status and error message\n   */\n  const validateField = (\n    field: FormField\n  ): { isValid: boolean; errorMessage: string } => {\n    // Special handling for repeatable groups, Since values[field.id] wont exist for repeatable groups\n    if (field.type === FormFieldType.REPEATABLE_GROUP_FIELD) {\n      const prefix = `${field.id}||`\n      // find all the keys that start with the prefix inside values\n      const keys = Object.keys(values).filter((key) => key.startsWith(prefix))\n\n      // if there are no keys, return invalid, since the field is required\n      if (keys.length === 0) {\n        return { isValid: false, errorMessage: 'This field is required' }\n      }\n\n      // loop through all the keys and validate each field if it is required using the same function validation field\n      for (const key of keys) {\n        const subField = field.options.find(\n          (option) => option.id === key.split('||')[2]\n        )\n\n        const modifiedSubField = { ...subField, id: key }\n        const { isValid, errorMessage } = validateField(\n          modifiedSubField as FormField\n        )\n        if (!isValid) {\n          return { isValid: false, errorMessage }\n        }\n      }\n\n      // if all the fields are valid, return valid\n      return { isValid: true, errorMessage: '' }\n    }\n\n    // For normal fields, proceed with regular validation\n    const value = values[field.id]\n\n    // Common check for undefined/null values for all required fields\n    if (field.required && (value === undefined || value === null)) {\n      return { isValid: false, errorMessage: 'This field is required' }\n    }\n\n    // If not required and no value, it's valid\n    if (\n      !field.required &&\n      (value === undefined || value === null || value === '')\n    ) {\n      return { isValid: true, errorMessage: '' }\n    }\n\n    // Type-specific validation\n    switch (field.type) {\n      // Text fields\n      case FormFieldType.SHORT_TEXT:\n      case FormFieldType.LONG_TEXT:\n      case FormFieldType.SINGLE_VIDEO_PICKER_WITH_INPUT:\n        if (value === '') {\n          return { isValid: false, errorMessage: 'This field cannot be empty' }\n        }\n        break\n\n      case FormFieldType.EMAIL:\n        if (value === '') {\n          return { isValid: false, errorMessage: 'Email is required' }\n        }\n        // Basic email validation regex\n        if (!/^\\S+@\\S+\\.\\S+$/.test(value as string)) {\n          return {\n            isValid: false,\n            errorMessage: 'Please enter a valid email address',\n          }\n        }\n        break\n\n      // Number fields\n      case FormFieldType.NUMBER:\n        if (value === '') {\n          return { isValid: false, errorMessage: 'Number is required' }\n        }\n        // Check if it's actually a number\n        if (isNaN(Number(value))) {\n          return { isValid: false, errorMessage: 'Please enter a valid number' }\n        }\n        break\n\n      case FormFieldType.MOBILE_NUMBER:\n        if (value === '') {\n          return { isValid: false, errorMessage: 'Mobile number is required' }\n        }\n        // Mobile number validation\n        if (!/^\\d{10,15}$/.test((value as string).replace(/\\D/g, ''))) {\n          return {\n            isValid: false,\n            errorMessage: 'Please enter a valid mobile number',\n          }\n        }\n        break\n\n      case FormFieldType.DATE_PICKER:\n        if (!value || value === '') {\n          return { isValid: false, errorMessage: 'Date is required' }\n        }\n        break\n\n      // Selection fields\n      case FormFieldType.SINGLE_COMBOBOX:\n        if (!value || value === '') {\n          return {\n            isValid: false,\n            errorMessage: 'Please select or enter a value',\n          }\n        }\n        break\n\n      case FormFieldType.MULTI_COMBOBOX:\n        // Could be array or comma-separated string depending on implementation\n        if (Array.isArray(value)) {\n          if (value.length === 0) {\n            return {\n              isValid: false,\n              errorMessage: 'Please select at least one option',\n            }\n          }\n        } else if (typeof value === 'string') {\n          if (!value || value.split(',').filter(Boolean).length === 0) {\n            return {\n              isValid: false,\n              errorMessage: 'Please select at least one option',\n            }\n          }\n        }\n        break\n\n      case FormFieldType.CREATABLE_MULTI_COMBOBOX: {\n        const arr = Array.isArray(value)\n          ? value\n          : typeof value === 'string'\n            ? value.split(',').filter(Boolean)\n            : []\n        const minSelected = field.minSelected ?? 0\n        const maxSelected = field.maxSelected\n        if (minSelected > 0 && arr.length < minSelected) {\n          return {\n            isValid: false,\n            errorMessage:\n              maxSelected != null\n                ? `Select at least ${minSelected} option(s) (max ${maxSelected})`\n                : `Select at least ${minSelected} option(s)`,\n          }\n        }\n        if (maxSelected != null && arr.length > maxSelected) {\n          return {\n            isValid: false,\n            errorMessage: `Select at most ${maxSelected} option(s)`,\n          }\n        }\n        if (field.required && arr.length === 0) {\n          return {\n            isValid: false,\n            errorMessage: 'This field is required',\n          }\n        }\n        break\n      }\n\n      case FormFieldType.CHECKBOX_GROUP:\n      case FormFieldType.RADIO_GROUP:\n        if (!value || value === '') {\n          return { isValid: false, errorMessage: 'Please select an option' }\n        }\n        break\n\n      case FormFieldType.RADIO_GROUP_WITH_OPTIONAL_INPUT: {\n        const radioValue = value as RadioGroupWithInputFieldValue\n        if (!radioValue || !radioValue.radio_value) {\n          return { isValid: false, errorMessage: 'Please select an option' }\n        }\n\n        // If \"Other\" option is selected, check if input is provided\n        if (\n          radioValue.radio_value === field.inputTriggerOptionValue &&\n          !radioValue.input_value\n        ) {\n          return {\n            isValid: false,\n            errorMessage:\n              'Please provide additional information for your selection',\n          }\n        }\n        break\n      }\n\n      // Media upload fields\n      case FormFieldType.SINGLE_IMAGE_PICKER:\n        if (!value || !(value as AssetValue).public_url) {\n          return { isValid: false, errorMessage: 'Please upload an image' }\n        }\n        break\n\n      case FormFieldType.SINGLE_VIDEO_PICKER:\n        if (!value || !(value as AssetValue).public_url) {\n          return { isValid: false, errorMessage: 'Please upload a video' }\n        }\n        break\n\n      case FormFieldType.MULTI_IMAGE_PICKER:\n        if (!Array.isArray(value) || value.length === 0) {\n          return {\n            isValid: false,\n            errorMessage: 'Please upload at least one image',\n          }\n        }\n        break\n\n      case FormFieldType.MULTI_VIDEO_PICKER:\n        if (!Array.isArray(value) || value.length === 0) {\n          return {\n            isValid: false,\n            errorMessage: 'Please upload at least one video',\n          }\n        }\n        break\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER:\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {\n        if (!Array.isArray(value) || value.length === 0) {\n          return {\n            isValid: false,\n            errorMessage: 'Please upload at least one image',\n          }\n        }\n\n        // Check if all uploaded images have tags assigned\n        const taggedAssets = value as TaggableAssetValue[]\n        const missingTags = taggedAssets.some((asset) => !asset.tag)\n        if (missingTags) {\n          return {\n            isValid: false,\n            errorMessage: 'Please add tags to all uploaded images',\n          }\n        }\n        break\n      }\n    }\n\n    // If we reach here, validation passed\n    return { isValid: true, errorMessage: '' }\n  }\n  // New function to validate an entire step\n  const validateStep = (\n    step: FormStep\n  ): { isStepValid: boolean; errors: Record<string, string> } => {\n    let isStepValid = true\n    const errors = {} as Record<string, string>\n    const fieldIdTypeMap = {} as Record<string, FormField>\n\n    // Collect all required field IDs from this step\n    step.sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        fieldIdTypeMap[field.id] = field\n      })\n    })\n\n    // Validate each required field\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(fieldIdTypeMap).forEach(([_fieldId, field]) => {\n      // Only validate required fields\n      if (field.required) {\n        // We can now pass the field type to a more specialized validation function\n        const { isValid, errorMessage } = validateField(field)\n        if (!isValid) {\n          errors[field.id] = errorMessage\n          isStepValid = false\n        }\n      }\n\n      // For taggable image fields, validate tags even if field is optional\n      // If images are uploaded, their tags must be filled in\n      if (\n        (field.type === FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER ||\n          field.type ===\n            FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT) &&\n        !field.required\n      ) {\n        const value = values[field.id]\n        if (Array.isArray(value) && value.length > 0) {\n          const taggedAssets = value as TaggableAssetValue[]\n          const missingTags = taggedAssets.some((asset) => !asset.tag)\n          if (missingTags) {\n            errors[field.id] = 'Please add tags to all uploaded images'\n            isStepValid = false\n          }\n        }\n      }\n    })\n\n    return { isStepValid, errors }\n  }\n\n  const submitForm = () => {\n    if (onSubmit) {\n      onSubmit(values)\n    }\n  }\n\n  const value = {\n    values,\n    errors,\n    setValue,\n    setFormValues,\n    submitForm,\n    onAssetUpload,\n    validateField,\n    validateStep,\n    onToggleImageEditor,\n    getRequestHeaders,\n    getCreateOptionExtraBody,\n  }\n\n  return (\n    <FormValuesContext.Provider value={value}>\n      {children}\n    </FormValuesContext.Provider>\n  )\n}\n"],"names":["FormValuesProvider","children","initialValues","onSubmit","onAssetUpload","onToggleImageEditor","getRequestHeaders","getCreateOptionExtraBody","values","setValues","useState","errors","setErrors","setValue","fieldId","value","prev","newErrors","setFormValues","newValues","validateField","field","FormFieldType","prefix","keys","key","modifiedSubField","option","isValid","errorMessage","arr","minSelected","maxSelected","radioValue","asset","step","isStepValid","fieldIdTypeMap","section","_fieldId","React","FormValuesContext"],"mappings":"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"}