react-minimal-survey-builder 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,435 @@
+# react-minimal-survey-builder
+
+> **The Headless Survey Engine for Modern React Apps.**
+
+A lightweight, customizable, JSON-schema driven survey builder for React. Zero heavy dependencies. Headless-first. TypeScript-first.
+
+[![Bundle Size](https://img.shields.io/badge/gzip-~11kb-brightgreen)](.) [![TypeScript](https://img.shields.io/badge/TypeScript-first-blue)](.) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)
+
+---
+
+## Why another survey library?
+
+| Feature      | SurveyJS         | react-minimal-survey-builder |
+| ------------ | ---------------- | ---------------------------- |
+| Bundle Size  | Heavy (~200kb+)  | **~11kb gzipped**            |
+| Headless     | Limited          | **Fully headless**           |
+| Custom UI    | Hard to override | **Easy, plug-and-play**      |
+| TypeScript   | Partial          | **First-class**              |
+| Dependencies | Many             | **Zero heavy deps**          |
+| SSR          | Tricky           | **Full support**             |
+
+---
+
+## Installation
+
+```bash
+npm install react-minimal-survey-builder
+```
+
+**Peer dependencies:** `react >= 17`, `react-dom >= 17`
+
+---
+
+## Quick Start
+
+### 1. Define a schema
+
+```ts
+import type { SurveySchema } from "react-minimal-survey-builder";
+
+const schema: SurveySchema = {
+  id: "survey-1",
+  title: "Customer Feedback",
+  pages: [
+    {
+      id: "page-1",
+      title: "About You",
+      questions: [
+        {
+          id: "name",
+          type: "text",
+          label: "What is your name?",
+          required: true,
+        },
+        {
+          id: "role",
+          type: "select",
+          label: "Your role?",
+          options: [
+            { label: "Developer", value: "dev" },
+            { label: "Designer", value: "design" },
+            { label: "PM", value: "pm" },
+          ],
+        },
+      ],
+    },
+  ],
+};
+```
+
+### 2. Render with zero config
+
+```tsx
+import { SurveyRenderer } from "react-minimal-survey-builder";
+
+function App() {
+  return (
+    <SurveyRenderer
+      schema={schema}
+      options={{
+        onSubmit: (answers) => console.log(answers),
+      }}
+    />
+  );
+}
+```
+
+That's it! You get validation, navigation, progress tracking, and conditional logic out of the box.
+
+---
+
+## Architecture
+
+The library has 3 layers — use only what you need:
+
+```
+┌─────────────────────────────────┐
+│   Builder (Drag & Drop UI)      │  ← Optional
+├─────────────────────────────────┤
+│   React Layer (Hook + Components)│  ← Optional UI
+├─────────────────────────────────┤
+│   Core Engine (Framework Agnostic)│  ← Always available
+└─────────────────────────────────┘
+```
+
+### Import paths
+
+```ts
+// Everything
+import {
+  useSurvey,
+  SurveyRenderer,
+  SurveyBuilder,
+} from "react-minimal-survey-builder";
+
+// Core only (framework agnostic, ~3kb)
+import {
+  createSurveyManager,
+  validateSurvey,
+} from "react-minimal-survey-builder/core";
+
+// Builder only
+import { SurveyBuilder } from "react-minimal-survey-builder/builder";
+```
+
+---
+
+## API Reference
+
+### `useSurvey(schema, options?)`
+
+The main React hook. Fully headless — bring your own UI.
+
+```tsx
+const {
+  survey, // Parsed schema
+  answers, // Current answers: Record<string, AnswerValue>
+  setAnswer, // (questionId, value) => void
+  errors, // ValidationError[]
+  getError, // (questionId) => string | undefined
+  isValid, // boolean
+  validate, // () => ValidationError[]
+  getVisibleQuestions, // () => Question[]
+  getPageQuestions, // (pageIndex) => Question[]
+  visiblePages, // Page[]
+  currentPageIndex,
+  totalPages,
+  hasNextPage,
+  hasPrevPage,
+  nextPage, // () => boolean
+  prevPage, // () => boolean
+  goToPage, // (index) => boolean
+  submit, // () => Promise<{ success, errors }>
+  isSubmitted, // boolean
+  reset, // () => void
+  progress, // 0-100
+} = useSurvey(schema, {
+  initialAnswers: { name: "John" },
+  onChange: (answers, questionId) => {},
+  onSubmit: async (answers) => {},
+  onValidate: (errors) => {},
+  onPageChange: (pageIndex) => {},
+});
+```
+
+### `<SurveyRenderer />`
+
+Pre-built survey UI with full override capabilities.
+
+```tsx
+<SurveyRenderer
+  schema={schema}
+  options={{ onSubmit: handleSubmit }}
+  components={{
+    text: MyCustomTextInput,
+    radio: MyCustomRadioGroup,
+  }}
+  renderHeader={({ title, progress }) => (
+    <MyHeader title={title} progress={progress} />
+  )}
+  renderFooter={({ nextPage, submit, isLastPage }) => <MyFooter />}
+  renderComplete={() => <ThankYou />}
+/>
+```
+
+**Render prop mode** for complete control:
+
+```tsx
+<SurveyRenderer schema={schema}>
+  {(survey) => (
+    <div>
+      {survey.getPageQuestions(survey.currentPageIndex).map((q) => (
+        <MyQuestion key={q.id} question={q} value={survey.answers[q.id]} />
+      ))}
+    </div>
+  )}
+</SurveyRenderer>
+```
+
+### `<SurveyBuilder />`
+
+Drag-and-drop visual builder with live preview.
+
+```tsx
+import { SurveyBuilder } from "react-minimal-survey-builder";
+
+function BuilderPage() {
+  const [schema, setSchema] = useState(initialSchema);
+
+  return (
+    <SurveyBuilder
+      value={schema}
+      onChange={setSchema}
+      showPreview // Side-by-side live preview
+      showJson // JSON editor tab
+      layout="horizontal" // or "vertical"
+    />
+  );
+}
+```
+
+---
+
+## Schema Reference
+
+### SurveySchema
+
+```ts
+type SurveySchema = {
+  id: string;
+  title?: string;
+  description?: string;
+  pages: Page[];
+  settings?: {
+    showProgress?: boolean; // default: true
+    allowBack?: boolean; // default: true
+    validateOnPageChange?: boolean; // default: true
+    showQuestionNumbers?: boolean; // default: true
+    submitText?: string; // default: "Submit"
+    nextText?: string; // default: "Next"
+    prevText?: string; // default: "Previous"
+  };
+};
+```
+
+### Question
+
+```ts
+type Question = {
+  id: string;
+  type:
+    | "text"
+    | "textarea"
+    | "radio"
+    | "checkbox"
+    | "select"
+    | "number"
+    | "email"
+    | "date"
+    | "rating";
+  label: string;
+  description?: string;
+  placeholder?: string;
+  required?: boolean;
+  defaultValue?: AnswerValue;
+  options?: { label: string; value: string }[];
+  visibleIf?: string; // Conditional logic expression
+  validation?: ValidationRule[];
+  meta?: Record<string, unknown>; // Custom metadata
+};
+```
+
+### Conditional Logic
+
+Use `visibleIf` to show/hide questions dynamically:
+
+```ts
+// Simple comparison
+{
+  visibleIf: "{role} === 'other'";
+}
+
+// Multiple conditions
+{
+  visibleIf: "{age} >= 18 && {country} === 'US'";
+}
+
+// OR logic
+{
+  visibleIf: "{plan} === 'pro' || {plan} === 'enterprise'";
+}
+
+// Truthy check
+{
+  visibleIf: "{newsletter}";
+}
+```
+
+### Validation Rules
+
+```ts
+{
+  validation: [
+    { type: "required" },
+    { type: "email", message: "Please enter a valid email" },
+    { type: "minLength", value: 3 },
+    { type: "maxLength", value: 100 },
+    { type: "min", value: 0 },
+    { type: "max", value: 10 },
+    { type: "pattern", value: "^[A-Z]", message: "Must start with uppercase" },
+    {
+      type: "custom",
+      validator: (value, allAnswers) => {
+        if (value === "admin") return "Reserved username";
+        return true;
+      },
+    },
+  ];
+}
+```
+
+---
+
+## Custom Question Types
+
+Override built-in components or register entirely new types:
+
+```tsx
+import type { QuestionComponentProps } from "react-minimal-survey-builder";
+
+// Custom star rating component
+const StarRating: React.FC<QuestionComponentProps<number>> = ({
+  question,
+  value,
+  onChange,
+}) => (
+  <div className="star-rating">
+    {[1, 2, 3, 4, 5].map((n) => (
+      <span
+        key={n}
+        onClick={() => onChange(n)}
+        className={value >= n ? "star active" : "star"}
+      >
+        ★
+      </span>
+    ))}
+  </div>
+);
+
+// Use it
+<SurveyRenderer schema={schema} components={{ rating: StarRating }} />;
+```
+
+---
+
+## Core Engine (Framework Agnostic)
+
+Use the core engine without React:
+
+```ts
+import { createSurveyManager } from "react-minimal-survey-builder/core";
+
+const manager = createSurveyManager(schema, {
+  onSubmit: (answers) => saveToServer(answers),
+});
+
+manager.setAnswer("name", "John");
+manager.nextPage();
+
+const errors = manager.validate();
+const state = manager.getState();
+
+// Event system
+const unsub = manager.on("answerChanged", (event) => {
+  console.log(event.payload);
+});
+```
+
+---
+
+## Running the Example
+
+```bash
+# From the project root
+cd example
+npm install
+npm run dev
+```
+
+The example app demonstrates all three modes:
+
+- **Survey Renderer** — pre-built UI with conditional logic
+- **Headless Hook** — custom UI powered by `useSurvey()`
+- **Drag & Drop Builder** — visual schema editor with live preview
+
+---
+
+## Project Structure
+
+```
+src/
+├── core/                    # Framework-agnostic engine
+│   ├── schema-parser.ts     # Schema parsing & validation
+│   ├── validation-engine.ts # Question validation
+│   ├── condition-evaluator.ts # Conditional logic
+│   └── state-manager.ts     # State management class
+├── react/                   # React layer
+│   ├── useSurvey.ts         # Main React hook
+│   ├── SurveyRenderer.tsx   # Pre-built survey UI
+│   └── QuestionRenderer.tsx # Question component system
+├── builder/                 # Visual builder
+│   ├── SurveyBuilder.tsx    # Drag & drop builder
+│   ├── QuestionEditor.tsx   # Question property editor
+│   └── builder-reducer.ts   # Builder state management
+├── types/                   # TypeScript types
+│   └── index.ts
+└── index.ts                 # Main entry point
+```
+
+---
+
+## Design Principles
+
+- **No UI lock-in** — Use headless hooks or swap every component
+- **Zero heavy dependencies** — Only React as a peer dep
+- **Tree-shakable** — Import only what you use
+- **SSR safe** — No browser-only APIs
+- **Memoization friendly** — Minimal re-renders, `memo` throughout
+- **Clean error messages** — Descriptive errors with library prefix
+
+---
+
+## License
+
+MIT © 2026

package/dist/builder/index.d.mts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { S as SurveySchema, Q as Question, e as BuilderState, B as BuilderAction } from '../index-Q8KHOfHv.mjs';
+
+interface SurveyBuilderProps {
+    /** Current schema value (controlled) */
+    value?: SurveySchema;
+    /** Called when the schema changes */
+    onChange?: (schema: SurveySchema) => void;
+    /** Custom class name */
+    className?: string;
+    /** Show the live preview panel */
+    showPreview?: boolean;
+    /** Show the JSON editor panel */
+    showJson?: boolean;
+    /** Customize builder layout */
+    layout?: "horizontal" | "vertical";
+}
+declare const SurveyBuilder: React.FC<SurveyBuilderProps>;
+
+interface QuestionEditorProps {
+    question: Question;
+    pageId: string;
+    onUpdate: (questionId: string, pageId: string, updates: Partial<Question>) => void;
+    onDelete: (questionId: string, pageId: string) => void;
+}
+declare const QuestionEditor: React.FC<QuestionEditorProps>;
+
+declare function createInitialBuilderState(schema?: SurveySchema): BuilderState;
+declare function builderReducer(state: BuilderState, action: BuilderAction): BuilderState;
+
+export { QuestionEditor, type QuestionEditorProps, SurveyBuilder, type SurveyBuilderProps, builderReducer, createInitialBuilderState };

package/dist/builder/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { S as SurveySchema, Q as Question, e as BuilderState, B as BuilderAction } from '../index-Q8KHOfHv.js';
+
+interface SurveyBuilderProps {
+    /** Current schema value (controlled) */
+    value?: SurveySchema;
+    /** Called when the schema changes */
+    onChange?: (schema: SurveySchema) => void;
+    /** Custom class name */
+    className?: string;
+    /** Show the live preview panel */
+    showPreview?: boolean;
+    /** Show the JSON editor panel */
+    showJson?: boolean;
+    /** Customize builder layout */
+    layout?: "horizontal" | "vertical";
+}
+declare const SurveyBuilder: React.FC<SurveyBuilderProps>;
+
+interface QuestionEditorProps {
+    question: Question;
+    pageId: string;
+    onUpdate: (questionId: string, pageId: string, updates: Partial<Question>) => void;
+    onDelete: (questionId: string, pageId: string) => void;
+}
+declare const QuestionEditor: React.FC<QuestionEditorProps>;
+
+declare function createInitialBuilderState(schema?: SurveySchema): BuilderState;
+declare function builderReducer(state: BuilderState, action: BuilderAction): BuilderState;
+
+export { QuestionEditor, type QuestionEditorProps, SurveyBuilder, type SurveyBuilderProps, builderReducer, createInitialBuilderState };

package/dist/builder/index.js

@@ -0,0 +1 @@
+'use strict';var chunkQ5PYPUG5_js=require('../chunk-Q5PYPUG5.js');require('../chunk-JWOXQRNV.js');Object.defineProperty(exports,"QuestionEditor",{enumerable:true,get:function(){return chunkQ5PYPUG5_js.g}});Object.defineProperty(exports,"SurveyBuilder",{enumerable:true,get:function(){return chunkQ5PYPUG5_js.h}});Object.defineProperty(exports,"builderReducer",{enumerable:true,get:function(){return chunkQ5PYPUG5_js.f}});Object.defineProperty(exports,"createInitialBuilderState",{enumerable:true,get:function(){return chunkQ5PYPUG5_js.e}});

package/dist/builder/index.mjs

@@ -0,0 +1 @@
+export{g as QuestionEditor,h as SurveyBuilder,f as builderReducer,e as createInitialBuilderState}from'../chunk-5CMRPHVX.mjs';import'../chunk-YTSJTAP2.mjs';

package/dist/chunk-5CMRPHVX.mjs

@@ -0,0 +1 @@
+import {a,b,j,k,h,g,l,d}from'./chunk-YTSJTAP2.mjs';import {memo,useMemo,useCallback,useState,useReducer,useRef,useEffect}from'react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function ce(e,r={}){let o=useRef(r);o.current=r;let t=useMemo(()=>a(e),[e]),d=useMemo(()=>{let s={};for(let x of b(t))x.defaultValue!==void 0&&(s[x.id]=x.defaultValue);return {...s,...r.initialAnswers}},[t]),[i,a$1]=useState(d),[l$1,u]=useState([]),[m,g$1]=useState(0),[p,b$1]=useState(false),c=useMemo(()=>j(t,i),[t,i]),P=useMemo(()=>k(t,i),[t,i]),Q=useCallback((s,x)=>{a$1(I=>{let A={...I,[s]:x};return o.current.onChange?.(A,s),A}),u(I=>I.filter(A=>A.questionId!==s));},[]),D=useCallback(s=>{a$1(x=>({...x,...s}));},[]),$=useCallback(()=>{let s=h(t,i,c);return u(s),o.current.onValidate?.(s),s},[t,i,c]),G=useCallback(()=>{let s=g(t,m,i,c);return u(s),s},[t,m,i,c]),M=useCallback(s=>l$1.find(x=>x.questionId===s)?.message,[l$1]),w=t.pages.length,V=m<w-1,L=m>0,H=useCallback(()=>{if(m>=w-1)return  false;if(t.settings?.validateOnPageChange){let x=g(t,m,i,c);if(x.length>0)return u(x),false}let s=m+1;return g$1(s),u([]),o.current.onPageChange?.(s),true},[m,w,t,i,c]),B=useCallback(()=>{if(m<=0||!t.settings?.allowBack)return  false;let s=m-1;return g$1(s),u([]),o.current.onPageChange?.(s),true},[m,t.settings?.allowBack]),W=useCallback(s=>s<0||s>=w?false:(g$1(s),u([]),o.current.onPageChange?.(s),true),[w]),T=useCallback(()=>b(t).filter(s=>c.has(s.id)),[t,c]),n=useCallback(s=>{let x=t.pages[s];return x?l(x,i):[]},[t,i]),y=useCallback(async()=>{let s=h(t,i,c);if(s.length>0)return u(s),{success:false,errors:s};try{return await o.current.onSubmit?.(i),b$1(!0),{success:!0,errors:[]}}catch(x){let I={questionId:"__submit__",message:x instanceof Error?x.message:"Submission failed",rule:"custom"};return u([I]),{success:false,errors:[I]}}},[t,i,c]),C=useCallback(()=>{a$1(d),u([]),g$1(0),b$1(false);},[d]),Y=useMemo(()=>{let s=b(t).filter(I=>c.has(I.id));if(s.length===0)return 100;let x=s.filter(I=>{let A=i[I.id];return A!=null&&A!==""&&!(Array.isArray(A)&&A.length===0)}).length;return Math.round(x/s.length*100)},[t,i,c]),K=l$1.length===0;return {survey:t,answers:i,setAnswer:Q,setAnswers:D,errors:l$1,getError:M,isValid:K,validate:$,validateCurrentPage:G,getVisibleQuestions:T,getPageQuestions:n,visiblePages:P,currentPageIndex:m,totalPages:w,hasNextPage:V,hasPrevPage:L,nextPage:H,prevPage:B,goToPage:W,submit:y,isSubmitted:p,reset:C,progress:Y}}var ae=({question:e,value:r,onChange:o,error:t,disabled:d})=>jsx("input",{type:e.type==="email"?"email":e.type==="number"?"number":"text",id:e.id,value:r??"",onChange:i=>o(i.target.value),placeholder:e.placeholder,disabled:d,"aria-invalid":!!t,"aria-describedby":t?`${e.id}-error`:void 0,style:q}),Ce=({question:e,value:r,onChange:o,error:t,disabled:d})=>jsx("textarea",{id:e.id,value:r??"",onChange:i=>o(i.target.value),placeholder:e.placeholder,disabled:d,rows:4,"aria-invalid":!!t,"aria-describedby":t?`${e.id}-error`:void 0,style:{...q,resize:"vertical"}}),Ie=({question:e,value:r,onChange:o,disabled:t})=>jsx("div",{role:"radiogroup","aria-labelledby":`${e.id}-label`,style:{display:"flex",flexDirection:"column",gap:"8px"},children:e.options?.map(d=>jsxs("label",{style:{display:"flex",alignItems:"center",gap:"8px",cursor:t?"default":"pointer"},children:[jsx("input",{type:"radio",name:e.id,value:d.value,checked:r===d.value,onChange:()=>o(d.value),disabled:t}),jsx("span",{children:d.label})]},d.value))}),Re=({question:e,value:r,onChange:o,disabled:t})=>{let d=Array.isArray(r)?r:[],i=a=>{let l=d.includes(a)?d.filter(u=>u!==a):[...d,a];o(l);};return jsx("div",{role:"group","aria-labelledby":`${e.id}-label`,style:{display:"flex",flexDirection:"column",gap:"8px"},children:e.options?.map(a=>jsxs("label",{style:{display:"flex",alignItems:"center",gap:"8px",cursor:t?"default":"pointer"},children:[jsx("input",{type:"checkbox",value:a.value,checked:d.includes(a.value),onChange:()=>i(a.value),disabled:t}),jsx("span",{children:a.label})]},a.value))})},Ee=({question:e,value:r,onChange:o,error:t,disabled:d})=>jsxs("select",{id:e.id,value:r??"",onChange:i=>o(i.target.value),disabled:d,"aria-invalid":!!t,"aria-describedby":t?`${e.id}-error`:void 0,style:q,children:[jsx("option",{value:"",children:e.placeholder??"Select..."}),e.options?.map(i=>jsx("option",{value:i.value,children:i.label},i.value))]}),Qe=({question:e,value:r,onChange:o,error:t,disabled:d})=>jsx("input",{type:"date",id:e.id,value:r??"",onChange:i=>o(i.target.value),disabled:d,"aria-invalid":!!t,"aria-describedby":t?`${e.id}-error`:void 0,style:q}),we=({question:e,value:r,onChange:o,disabled:t})=>{let d=e.meta?.max??5;return jsx("div",{style:{display:"flex",gap:"4px"},children:Array.from({length:d},(i,a)=>a+1).map(i=>jsx("button",{type:"button",onClick:()=>o(i),disabled:t,"aria-label":`Rate ${i} of ${d}`,style:{background:(r??0)>=i?"#fbbf24":"#e5e7eb",border:"none",borderRadius:"4px",padding:"6px 12px",cursor:t?"default":"pointer",fontSize:"16px"},children:"\u2605"},i))})},Te={text:ae,email:ae,number:ae,textarea:Ce,radio:Ie,checkbox:Re,select:Ee,date:Qe,rating:we},ie=memo(({question:e,value:r,onChange:o,error:t,disabled:d=false,components:i={},className:a,hideLabel:l=false,questionNumber:u})=>{let m=i[e.type]??Te[e.type];return m?jsxs("div",{className:a,style:{marginBottom:"20px"},"data-question-id":e.id,"data-question-type":e.type,children:[!l&&jsxs("label",{id:`${e.id}-label`,htmlFor:e.id,style:{display:"block",marginBottom:"6px",fontWeight:500,fontSize:"14px"},children:[u!==void 0&&jsxs("span",{style:{marginRight:"4px",color:"#6b7280"},children:[u,"."]}),e.label,e.required&&jsx("span",{style:{color:"#ef4444",marginLeft:"4px"},"aria-label":"required",children:"*"})]}),e.description&&jsx("p",{style:{margin:"0 0 8px",fontSize:"13px",color:"#6b7280"},children:e.description}),jsx(m,{question:e,value:r,onChange:o,error:t,disabled:d}),t&&jsx("p",{id:`${e.id}-error`,role:"alert",style:{margin:"4px 0 0",fontSize:"13px",color:"#ef4444"},children:t})]}):jsxs("div",{style:{color:"#ef4444",padding:"8px",border:"1px solid #ef4444",borderRadius:"4px"},children:['Unknown question type: "',e.type,'"']})});ie.displayName="QuestionRenderer";var q={width:"100%",padding:"8px 12px",fontSize:"14px",border:"1px solid #d1d5db",borderRadius:"6px",outline:"none",boxSizing:"border-box",fontFamily:"inherit"};var ee=memo(({schema:e,options:r,components:o,className:t,children:d,disabled:i=false,renderHeader:a,renderFooter:l,renderComplete:u})=>{let m=ce(e,r),{survey:g,answers:p,setAnswer:b,errors:c,getError:P,currentPageIndex:Q,totalPages:D,hasNextPage:$,hasPrevPage:G,nextPage:M,prevPage:w,submit:V,isSubmitted:L,isValid:H,progress:B,getPageQuestions:W}=m,T=g.pages[Q],n=useMemo(()=>W(Q),[W,Q]),y=Q===D-1,C=useCallback(s=>{s?.preventDefault(),V();},[V]);if(d)return jsx(Fragment,{children:d(m)});if(L)return u?jsx(Fragment,{children:u()}):jsxs("div",{style:{textAlign:"center",padding:"40px 20px"},children:[jsx("div",{style:{fontSize:"48px",marginBottom:"16px"},children:"\u2713"}),jsx("h2",{style:{margin:"0 0 8px",fontSize:"20px",fontWeight:600},children:"Thank you!"}),jsx("p",{style:{margin:0,color:"#6b7280"},children:"Your response has been submitted."})]});let Y=g.settings?.showQuestionNumbers??true,K=0;if(Y)for(let s=0;s<Q;s++)K+=g.pages[s].questions.length;return jsxs("form",{className:t,onSubmit:C,noValidate:true,style:{maxWidth:"640px",margin:"0 auto",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'},children:[a?a({title:g.title,description:g.description,progress:B,currentPage:Q+1,totalPages:D}):jsxs("div",{style:{marginBottom:"24px"},children:[g.title&&jsx("h1",{style:{margin:"0 0 4px",fontSize:"24px",fontWeight:700},children:g.title}),g.description&&jsx("p",{style:{margin:"0 0 12px",color:"#6b7280",fontSize:"14px"},children:g.description}),g.settings?.showProgress&&D>1&&jsxs("div",{style:{marginBottom:"16px"},children:[jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#6b7280",marginBottom:"4px"},children:[jsxs("span",{children:["Page ",Q+1," of ",D]}),jsxs("span",{children:[B,"% complete"]})]}),jsx("div",{style:{width:"100%",height:"4px",backgroundColor:"#e5e7eb",borderRadius:"2px",overflow:"hidden"},children:jsx("div",{style:{width:`${B}%`,height:"100%",backgroundColor:"#3b82f6",borderRadius:"2px",transition:"width 0.3s ease"}})})]}),T?.title&&jsx("h2",{style:{margin:"0 0 4px",fontSize:"18px",fontWeight:600},children:T.title}),T?.description&&jsx("p",{style:{margin:"0 0 8px",color:"#6b7280",fontSize:"13px"},children:T.description})]}),n.map((s,x)=>jsx(ie,{question:s,value:p[s.id],onChange:I=>b(s.id,I),error:P(s.id),disabled:i,components:o,questionNumber:Y?K+x+1:void 0},s.id)),l?l({hasPrevPage:G,hasNextPage:$,isLastPage:y,prevPage:w,nextPage:()=>M(),submit:()=>V(),isValid:H}):jsxs("div",{style:{display:"flex",justifyContent:"space-between",marginTop:"24px",gap:"12px"},children:[G&&g.settings?.allowBack?jsx("button",{type:"button",onClick:w,style:Oe,children:g.settings?.prevText??"Previous"}):jsx("div",{}),y?jsx("button",{type:"submit",style:ge,children:g.settings?.submitText??"Submit"}):jsx("button",{type:"button",onClick:()=>M(),style:ge,children:g.settings?.nextText??"Next"})]}),c.some(s=>s.questionId==="__submit__")&&jsx("p",{role:"alert",style:{color:"#ef4444",fontSize:"14px",marginTop:"12px"},children:c.find(s=>s.questionId==="__submit__")?.message})]})});ee.displayName="SurveyRenderer";var ge={padding:"10px 24px",fontSize:"14px",fontWeight:600,color:"#fff",backgroundColor:"#3b82f6",border:"none",borderRadius:"6px",cursor:"pointer",fontFamily:"inherit"},Oe={padding:"10px 24px",fontSize:"14px",fontWeight:600,color:"#374151",backgroundColor:"#f3f4f6",border:"1px solid #d1d5db",borderRadius:"6px",cursor:"pointer",fontFamily:"inherit"};function me(e){let r=e??{id:d("survey"),title:"Untitled Survey",pages:[{id:d("page"),title:"Page 1",questions:[]}]};return {schema:r,selectedQuestionId:null,selectedPageId:r.pages[0]?.id??null,isDragging:false}}function be(e,r){switch(r.type){case "SET_SCHEMA":return {...e,schema:r.payload};case "ADD_PAGE":{let o={id:d("page"),title:`Page ${e.schema.pages.length+1}`,questions:[],...r.payload};return {...e,schema:{...e.schema,pages:[...e.schema.pages,o]},selectedPageId:o.id}}case "REMOVE_PAGE":{let o=e.schema.pages.filter(t=>t.id!==r.payload.pageId);return o.length===0?e:{...e,schema:{...e.schema,pages:o},selectedPageId:o[0].id,selectedQuestionId:null}}case "UPDATE_PAGE":return {...e,schema:{...e.schema,pages:e.schema.pages.map(o=>o.id===r.payload.pageId?{...o,...r.payload.updates}:o)}};case "ADD_QUESTION":{let o={id:d("q"),type:"text",label:"New Question",required:false,options:[],validation:[],...r.payload.question};return {...e,schema:{...e.schema,pages:e.schema.pages.map(t=>t.id===r.payload.pageId?{...t,questions:[...t.questions,o]}:t)},selectedQuestionId:o.id}}case "REMOVE_QUESTION":return {...e,schema:{...e.schema,pages:e.schema.pages.map(o=>o.id===r.payload.pageId?{...o,questions:o.questions.filter(t=>t.id!==r.payload.questionId)}:o)},selectedQuestionId:e.selectedQuestionId===r.payload.questionId?null:e.selectedQuestionId};case "UPDATE_QUESTION":return {...e,schema:{...e.schema,pages:e.schema.pages.map(o=>o.id===r.payload.pageId?{...o,questions:o.questions.map(t=>t.id===r.payload.questionId?{...t,...r.payload.updates}:t)}:o)}};case "REORDER_QUESTIONS":return {...e,schema:{...e.schema,pages:e.schema.pages.map(o=>{if(o.id!==r.payload.pageId)return o;let t=[...o.questions],[d]=t.splice(r.payload.fromIndex,1);return t.splice(r.payload.toIndex,0,d),{...o,questions:t}})}};case "REORDER_PAGES":{let o=[...e.schema.pages],[t]=o.splice(r.payload.fromIndex,1);return o.splice(r.payload.toIndex,0,t),{...e,schema:{...e.schema,pages:o}}}case "MOVE_QUESTION":{let o=null,t=e.schema.pages.map(i=>{if(i.id!==r.payload.fromPageId)return i;let a=[...i.questions];return [o]=a.splice(r.payload.fromIndex,1),{...i,questions:a}});if(!o)return e;let d=t.map(i=>{if(i.id!==r.payload.toPageId)return i;let a=[...i.questions];return a.splice(r.payload.toIndex,0,o),{...i,questions:a}});return {...e,schema:{...e.schema,pages:d}}}case "SELECT_QUESTION":return {...e,selectedQuestionId:r.payload.questionId};case "SELECT_PAGE":return {...e,selectedPageId:r.payload.pageId,selectedQuestionId:null};case "SET_DRAGGING":return {...e,isDragging:r.payload};default:return e}}var Ne=[{value:"text",label:"Text Input"},{value:"textarea",label:"Textarea"},{value:"number",label:"Number"},{value:"email",label:"Email"},{value:"radio",label:"Radio Group"},{value:"checkbox",label:"Checkbox Group"},{value:"select",label:"Dropdown"},{value:"date",label:"Date"},{value:"rating",label:"Rating"}],fe=["radio","checkbox","select"],se=memo(({question:e,pageId:r,onUpdate:o,onDelete:t})=>{let[d,i]=useState(false),a=fe.includes(e.type),l=useCallback(p=>{o(e.id,r,p);},[o,e.id,r]),u=useCallback(()=>{let p=[...e.options??[]],b=p.length+1;p.push({label:`Option ${b}`,value:`option_${b}`}),l({options:p});},[e.options,l]),m=useCallback((p,b,c)=>{let P=[...e.options??[]];P[p]={...P[p],[b]:c},l({options:P});},[e.options,l]),g=useCallback(p=>{let b=[...e.options??[]];b.splice(p,1),l({options:b});},[e.options,l]);return jsxs("div",{style:Ve,children:[jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"12px"},children:[jsx("span",{style:{fontSize:"12px",color:"#9ca3af",fontFamily:"monospace"},children:e.id}),jsx("button",{type:"button",onClick:()=>t(e.id,r),style:xe,title:"Delete question",children:"\u2715"})]}),jsxs("div",{style:_,children:[jsx("label",{style:U,children:"Question Label"}),jsx("input",{type:"text",value:e.label,onChange:p=>l({label:p.target.value}),style:z,placeholder:"Enter question label"})]}),jsxs("div",{style:_,children:[jsx("label",{style:U,children:"Type"}),jsx("select",{value:e.type,onChange:p=>{let b=p.target.value,c={type:b};fe.includes(b)&&(!e.options||e.options.length===0)&&(c.options=[{label:"Option 1",value:"option_1"},{label:"Option 2",value:"option_2"}]),l(c);},style:z,children:Ne.map(p=>jsx("option",{value:p.value,children:p.label},p.value))})]}),jsxs("div",{style:{..._,flexDirection:"row",alignItems:"center",gap:"8px"},children:[jsx("input",{type:"checkbox",id:`${e.id}-required`,checked:e.required??false,onChange:p=>l({required:p.target.checked})}),jsx("label",{htmlFor:`${e.id}-required`,style:{fontSize:"13px",cursor:"pointer"},children:"Required"})]}),a&&jsxs("div",{style:_,children:[jsx("label",{style:U,children:"Options"}),e.options?.map((p,b)=>jsxs("div",{style:{display:"flex",gap:"6px",marginBottom:"6px",alignItems:"center"},children:[jsx("input",{type:"text",value:p.label,onChange:c=>m(b,"label",c.target.value),placeholder:"Label",style:{...z,flex:1}}),jsx("input",{type:"text",value:p.value,onChange:c=>m(b,"value",c.target.value),placeholder:"Value",style:{...z,flex:1}}),jsx("button",{type:"button",onClick:()=>g(b),style:{...xe,fontSize:"14px"},title:"Remove option",children:"\u2715"})]},b)),jsx("button",{type:"button",onClick:u,style:Be,children:"+ Add Option"})]}),jsx("button",{type:"button",onClick:()=>i(!d),style:{background:"none",border:"none",color:"#3b82f6",fontSize:"13px",cursor:"pointer",padding:"4px 0",fontFamily:"inherit"},children:d?"\u25BE Hide Advanced":"\u25B8 Show Advanced"}),d&&jsxs("div",{style:{marginTop:"8px"},children:[jsxs("div",{style:_,children:[jsx("label",{style:U,children:"Description"}),jsx("input",{type:"text",value:e.description??"",onChange:p=>l({description:p.target.value||void 0}),style:z,placeholder:"Optional helper text"})]}),jsxs("div",{style:_,children:[jsx("label",{style:U,children:"Placeholder"}),jsx("input",{type:"text",value:e.placeholder??"",onChange:p=>l({placeholder:p.target.value||void 0}),style:z,placeholder:"Input placeholder"})]}),jsxs("div",{style:_,children:[jsx("label",{style:U,children:"Visible If (condition)"}),jsx("input",{type:"text",value:e.visibleIf??"",onChange:p=>l({visibleIf:p.target.value||void 0}),style:{...z,fontFamily:"monospace",fontSize:"12px"},placeholder:"{q1} === 'yes'"}),jsxs("span",{style:{fontSize:"11px",color:"#9ca3af"},children:["Use ","{questionId}"," to reference other answers"]})]}),jsxs("div",{style:_,children:[jsx("label",{style:U,children:"Default Value"}),jsx("input",{type:"text",value:String(e.defaultValue??""),onChange:p=>l({defaultValue:p.target.value||void 0}),style:z,placeholder:"Default answer"})]})]})]})});se.displayName="QuestionEditor";var Ve={padding:"16px",border:"1px solid #e5e7eb",borderRadius:"8px",backgroundColor:"#fff"},_={display:"flex",flexDirection:"column",marginBottom:"12px"},U={fontSize:"12px",fontWeight:600,color:"#374151",marginBottom:"4px",textTransform:"uppercase",letterSpacing:"0.5px"},z={padding:"6px 10px",fontSize:"13px",border:"1px solid #d1d5db",borderRadius:"4px",outline:"none",fontFamily:"inherit",boxSizing:"border-box"},xe={background:"none",border:"none",color:"#ef4444",cursor:"pointer",fontSize:"16px",padding:"2px 6px",borderRadius:"4px",lineHeight:1},Be={background:"none",border:"1px dashed #d1d5db",borderRadius:"4px",padding:"6px 12px",fontSize:"13px",color:"#6b7280",cursor:"pointer",width:"100%",fontFamily:"inherit"};var Me=memo(({value:e,onChange:r,className:o,showPreview:t=true,showJson:d=false,layout:i="horizontal"})=>{let[a,l]=useReducer(be,e,n=>me(n)),[u,m]=useState("editor"),g=useRef(null),p=useRef(null),b=useRef(e);useEffect(()=>{e&&e!==b.current&&(l({type:"SET_SCHEMA",payload:e}),b.current=e);},[e]);let c=useRef(a.schema);useEffect(()=>{a.schema!==c.current&&(r?.(a.schema),c.current=a.schema);},[a.schema,r]);let P=useMemo(()=>a.schema.pages.find(n=>n.id===a.selectedPageId)??a.schema.pages[0],[a.schema.pages,a.selectedPageId]),Q=useCallback(n=>{l({type:"ADD_QUESTION",payload:{pageId:n}});},[]),D=useCallback((n,y,C)=>{l({type:"UPDATE_QUESTION",payload:{pageId:y,questionId:n,updates:C}});},[]),$=useCallback((n,y)=>{l({type:"REMOVE_QUESTION",payload:{pageId:y,questionId:n}});},[]),G=useCallback(n=>{l({type:"SELECT_QUESTION",payload:{questionId:n}});},[]),M=useCallback((n,y)=>{g.current={pageId:n,index:y},l({type:"SET_DRAGGING",payload:true});},[]),w=useCallback((n,y,C)=>{n.preventDefault(),p.current={pageId:y,index:C};},[]),V=useCallback(n=>{n.preventDefault();let y=g.current,C=p.current;y&&C&&(y.pageId===C.pageId?l({type:"REORDER_QUESTIONS",payload:{pageId:y.pageId,fromIndex:y.index,toIndex:C.index}}):l({type:"MOVE_QUESTION",payload:{fromPageId:y.pageId,toPageId:C.pageId,fromIndex:y.index,toIndex:C.index}})),g.current=null,p.current=null,l({type:"SET_DRAGGING",payload:false});},[]),L=useCallback(()=>{g.current=null,p.current=null,l({type:"SET_DRAGGING",payload:false});},[]),H=useCallback(n=>{l({type:"SET_SCHEMA",payload:{...a.schema,title:n.target.value}});},[a.schema]),B=useMemo(()=>JSON.stringify(a.schema,null,2),[a.schema]),W=useCallback(n=>{try{let y=JSON.parse(n.target.value);l({type:"SET_SCHEMA",payload:y});}catch{}},[]),T=i==="horizontal";return jsxs("div",{className:o,style:{fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',display:"flex",flexDirection:T?"row":"column",gap:"16px",minHeight:"500px"},children:[jsxs("div",{style:{flex:T?"1 1 50%":"auto",minWidth:0,display:"flex",flexDirection:"column"},children:[jsx("div",{style:{display:"flex",gap:"0",borderBottom:"1px solid #e5e7eb",marginBottom:"16px"},children:["editor","preview","json"].filter(n=>!(n==="preview"&&!t||n==="json"&&!d)).map(n=>jsx("button",{type:"button",onClick:()=>m(n),style:{padding:"8px 16px",fontSize:"13px",fontWeight:u===n?600:400,color:u===n?"#3b82f6":"#6b7280",background:"none",border:"none",borderBottom:u===n?"2px solid #3b82f6":"2px solid transparent",cursor:"pointer",fontFamily:"inherit",textTransform:"capitalize"},children:n},n))}),u==="editor"&&jsxs("div",{style:{flex:1,overflow:"auto"},children:[jsx("div",{style:{marginBottom:"16px"},children:jsx("input",{type:"text",value:a.schema.title??"",onChange:H,placeholder:"Survey Title",style:{width:"100%",padding:"10px 12px",fontSize:"18px",fontWeight:700,border:"1px solid #e5e7eb",borderRadius:"6px",outline:"none",boxSizing:"border-box",fontFamily:"inherit"}})}),jsxs("div",{style:{display:"flex",gap:"8px",marginBottom:"16px",flexWrap:"wrap",alignItems:"center"},children:[a.schema.pages.map((n,y)=>jsx("button",{type:"button",onClick:()=>l({type:"SELECT_PAGE",payload:{pageId:n.id}}),style:{padding:"6px 14px",fontSize:"13px",fontWeight:a.selectedPageId===n.id?600:400,backgroundColor:a.selectedPageId===n.id?"#3b82f6":"#f3f4f6",color:a.selectedPageId===n.id?"#fff":"#374151",border:"none",borderRadius:"16px",cursor:"pointer",fontFamily:"inherit"},children:n.title||`Page ${y+1}`},n.id)),jsx("button",{type:"button",onClick:()=>l({type:"ADD_PAGE"}),style:{padding:"6px 14px",fontSize:"13px",backgroundColor:"transparent",color:"#3b82f6",border:"1px dashed #3b82f6",borderRadius:"16px",cursor:"pointer",fontFamily:"inherit"},children:"+ Page"}),a.schema.pages.length>1&&a.selectedPageId&&jsx("button",{type:"button",onClick:()=>l({type:"REMOVE_PAGE",payload:{pageId:a.selectedPageId}}),style:{padding:"4px 8px",fontSize:"12px",backgroundColor:"transparent",color:"#ef4444",border:"none",cursor:"pointer",fontFamily:"inherit"},title:"Remove current page",children:"Remove Page"})]}),P&&jsx("div",{style:{marginBottom:"12px"},children:jsx("input",{type:"text",value:P.title??"",onChange:n=>l({type:"UPDATE_PAGE",payload:{pageId:P.id,updates:{title:n.target.value}}}),placeholder:"Page Title",style:{width:"100%",padding:"6px 10px",fontSize:"14px",border:"1px solid #e5e7eb",borderRadius:"4px",outline:"none",boxSizing:"border-box",fontFamily:"inherit"}})}),jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[P?.questions.map((n,y)=>jsxs("div",{draggable:true,onDragStart:()=>M(P.id,y),onDragOver:C=>w(C,P.id,y),onDrop:V,onDragEnd:L,onClick:()=>G(n.id),style:{cursor:"grab",opacity:a.isDragging?.8:1,border:a.selectedQuestionId===n.id?"2px solid #3b82f6":"1px solid transparent",borderRadius:"10px",transition:"border-color 0.15s ease"},children:[jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 12px",backgroundColor:"#f9fafb",borderRadius:a.selectedQuestionId===n.id?"8px 8px 0 0":"8px",borderBottom:a.selectedQuestionId===n.id?"1px solid #e5e7eb":"none"},children:[jsx("span",{style:{color:"#9ca3af",cursor:"grab",userSelect:"none"},children:"\u283F"}),jsx("span",{style:{flex:1,fontSize:"14px",fontWeight:500},children:n.label||"Untitled"}),jsx("span",{style:{fontSize:"11px",padding:"2px 8px",backgroundColor:"#e5e7eb",borderRadius:"10px",color:"#6b7280"},children:n.type})]}),a.selectedQuestionId===n.id&&jsx(se,{question:n,pageId:P.id,onUpdate:D,onDelete:$})]},n.id)),jsx("button",{type:"button",onClick:()=>Q(P?.id??a.schema.pages[0].id),style:{padding:"12px",fontSize:"14px",fontWeight:500,color:"#6b7280",backgroundColor:"#fff",border:"2px dashed #d1d5db",borderRadius:"8px",cursor:"pointer",fontFamily:"inherit",transition:"border-color 0.15s ease, color 0.15s ease"},onMouseEnter:n=>{n.currentTarget.style.borderColor="#3b82f6",n.currentTarget.style.color="#3b82f6";},onMouseLeave:n=>{n.currentTarget.style.borderColor="#d1d5db",n.currentTarget.style.color="#6b7280";},children:"+ Add Question"})]})]}),u==="preview"&&t&&jsx("div",{style:{flex:1,overflow:"auto",padding:"16px",backgroundColor:"#f9fafb",borderRadius:"8px"},children:jsx(ee,{schema:a.schema,options:{onSubmit:n=>console.log("Preview submit:",n)}})}),u==="json"&&jsx("div",{style:{flex:1},children:jsx("textarea",{value:B,onChange:W,style:{width:"100%",height:"100%",minHeight:"400px",padding:"12px",fontSize:"12px",fontFamily:'"SF Mono", "Fira Code", monospace',border:"1px solid #e5e7eb",borderRadius:"6px",resize:"vertical",outline:"none",boxSizing:"border-box",backgroundColor:"#fafafa",lineHeight:1.5}})})]}),T&&t&&u==="editor"&&jsxs("div",{style:{flex:"1 1 50%",minWidth:0,padding:"20px",backgroundColor:"#f9fafb",borderRadius:"8px",border:"1px solid #e5e7eb",overflow:"auto"},children:[jsx("div",{style:{fontSize:"12px",color:"#9ca3af",marginBottom:"12px",textTransform:"uppercase",letterSpacing:"0.5px",fontWeight:600},children:"Live Preview"}),jsx(ee,{schema:a.schema,options:{onSubmit:n=>console.log("Preview submit:",n)}})]})]})});Me.displayName="SurveyBuilder";export{ce as a,Te as b,ie as c,ee as d,me as e,be as f,se as g,Me as h};

package/dist/chunk-JWOXQRNV.js

@@ -0,0 +1 @@
+'use strict';function A(e){if(!e||typeof e!="object")throw new u("Schema must be a valid object");if(!e.id||typeof e.id!="string")throw new u('Schema must have a string "id"');if(!Array.isArray(e.pages)||e.pages.length===0)throw new u("Schema must have at least one page");return {...e,title:e.title??"",description:e.description??"",pages:e.pages.map(h),settings:{showProgress:true,allowBack:true,validateOnPageChange:true,showQuestionNumbers:true,submitText:"Submit",nextText:"Next",prevText:"Previous",...e.settings}}}function h(e,t){if(!e.id)throw new u(`Page at index ${t} must have an "id"`);if(!Array.isArray(e.questions))throw new u(`Page "${e.id}" must have a "questions" array`);return {...e,title:e.title??"",description:e.description??"",questions:e.questions.map((r,i)=>v(r,i,e.id))}}function v(e,t,r){if(!e.id)throw new u(`Question at index ${t} in page "${r}" must have an "id"`);if(!e.type)throw new u(`Question "${e.id}" in page "${r}" must have a "type"`);if(!e.label)throw new u(`Question "${e.id}" in page "${r}" must have a "label"`);return {required:false,...e,options:e.options??[],validation:e.validation??[],meta:e.meta??{}}}function g(e){return e.pages.flatMap(t=>t.questions)}function $(e,t){for(let r=0;r<e.pages.length;r++){let i=e.pages[r],s=i.questions.findIndex(n=>n.id===t);if(s!==-1)return {question:i.questions[s],page:i,pageIndex:r,questionIndex:s}}return null}function P(e="item"){return `${e}_${Date.now()}_${Math.random().toString(36).slice(2,8)}`}var u=class extends Error{constructor(t){super(`[react-minimal-survey-builder] ${t}`),this.name="SurveySchemaError";}};function p(e,t,r){let i=[];if(e.required&&m(t))return i.push({questionId:e.id,message:`"${e.label}" is required`,rule:"required"}),i;if(m(t))return i;let s=e.validation??[];for(let n of s){let a=S(n,t,e,r);a&&i.push(a);}return i}function N(e,t,r,i){let s=e.pages[t];return s?s.questions.filter(n=>i.has(n.id)).flatMap(n=>p(n,r[n.id],r)):[]}function E(e,t,r){return g(e).filter(i=>r.has(i.id)).flatMap(i=>p(i,t[i.id],t))}function S(e,t,r,i){let s=String(t??"");switch(e.type){case "required":if(m(t))return o(r.id,e,`"${r.label}" is required`);break;case "minLength":if(typeof e.value=="number"&&s.length<e.value)return o(r.id,e,`"${r.label}" must be at least ${e.value} characters`);break;case "maxLength":if(typeof e.value=="number"&&s.length>e.value)return o(r.id,e,`"${r.label}" must be at most ${e.value} characters`);break;case "min":if(typeof e.value=="number"&&Number(t)<e.value)return o(r.id,e,`"${r.label}" must be at least ${e.value}`);break;case "max":if(typeof e.value=="number"&&Number(t)>e.value)return o(r.id,e,`"${r.label}" must be at most ${e.value}`);break;case "pattern":{if(!(e.value instanceof RegExp?e.value:new RegExp(String(e.value))).test(s))return o(r.id,e,`"${r.label}" does not match the required pattern`);break}case "email":{if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s))return o(r.id,e,`"${r.label}" must be a valid email`);break}case "custom":if(e.validator){let n=e.validator(t,i);if(n!==true&&typeof n=="string")return o(r.id,e,n);if(n===false)return o(r.id,e,e.message??`"${r.label}" is invalid`)}break}return null}function m(e){return !!(e==null||e===""||Array.isArray(e)&&e.length===0)}function o(e,t,r){return {questionId:e,message:t.message??r,rule:t.type}}function c(e,t){if(!e||e.trim()==="")return  true;try{let r=e.replace(/\{([^}]+)\}/g,(i,s)=>{let n=t[s.trim()];return n==null?"undefined":typeof n=="string"||Array.isArray(n)?JSON.stringify(n):String(n)});return f(r)}catch{return console.warn(`[react-minimal-survey-builder] Failed to evaluate condition: "${e}"`),true}}function k(e,t){let r=new Set;for(let i of e.pages)if(c(i.visibleIf,t))for(let s of i.questions)c(s.visibleIf,t)&&r.add(s.id);return r}function W(e,t){return e.pages.filter(r=>c(r.visibleIf,t))}function R(e,t){return c(e.visibleIf,t)?e.questions.filter(r=>c(r.visibleIf,t)):[]}function f(e){let t=e.trim(),r=b(t,"||");if(r.length>1)return r.some(n=>f(n));let i=b(t,"&&");if(i.length>1)return i.every(n=>f(n));if(t.startsWith("!"))return !f(t.slice(1));if(t.startsWith("(")&&t.endsWith(")"))return f(t.slice(1,-1));for(let n of ["===","!==",">=","<=",">","<","==","!="]){let a=t.indexOf(n);if(a!==-1){let d=l(t.slice(0,a).trim()),y=l(t.slice(a+n.length).trim());return w(d,y,n)}}if(t.includes(".includes(")){let n=t.match(/^(.+)\.includes\((.+)\)$/);if(n){let a=l(n[1].trim()),d=l(n[2].trim());if(Array.isArray(a))return a.includes(d);if(typeof a=="string")return a.includes(String(d))}}let s=l(t);return x(s)}function b(e,t){let r=[],i=0,s="";for(let n=0;n<e.length;n++)e[n]==="("&&i++,e[n]===")"&&i--,i===0&&e.startsWith(t,n)?(r.push(s),s="",n+=t.length-1):s+=e[n];return r.push(s),r.map(n=>n.trim()).filter(Boolean)}function l(e){let t=e.trim();if(t==="undefined")return;if(t==="null")return null;if(t==="true")return  true;if(t==="false")return  false;if(t.startsWith("'")&&t.endsWith("'")||t.startsWith('"')&&t.endsWith('"'))return t.slice(1,-1);if(t.startsWith("[")&&t.endsWith("]"))try{return JSON.parse(t)}catch{return t}let r=Number(t);return !isNaN(r)&&t!==""?r:t}function w(e,t,r){switch(r){case "===":case "==":return e===t;case "!==":case "!=":return e!==t;case ">":return Number(e)>Number(t);case "<":return Number(e)<Number(t);case ">=":return Number(e)>=Number(t);case "<=":return Number(e)<=Number(t);default:return  false}}function x(e){return !(e==null||e===""||e===false||e===0||Array.isArray(e)&&e.length===0)}exports.a=A;exports.b=g;exports.c=$;exports.d=P;exports.e=u;exports.f=p;exports.g=N;exports.h=E;exports.i=c;exports.j=k;exports.k=W;exports.l=R;

package/dist/chunk-M6YT7KIF.js

@@ -0,0 +1 @@
+'use strict';var chunkJWOXQRNV_js=require('./chunk-JWOXQRNV.js');var n=class{constructor(e,t={}){this.schema=chunkJWOXQRNV_js.a(e),this.options=t,this.listeners=new Map,this.stateChangeCallbacks=new Set;let s=this.buildInitialAnswers(t.initialAnswers),r=chunkJWOXQRNV_js.j(this.schema,s);this.state={answers:s,currentPageIndex:0,errors:[],isValid:true,isSubmitted:false,visibleQuestionIds:r};}getState(){return {...this.state}}getSchema(){return this.schema}getAnswers(){return {...this.state.answers}}getCurrentPage(){return this.schema.pages[this.state.currentPageIndex]??null}getCurrentPageIndex(){return this.state.currentPageIndex}getTotalPages(){return this.schema.pages.length}getErrors(){return [...this.state.errors]}isValid(){return this.state.isValid}isSubmitted(){return this.state.isSubmitted}getVisibleQuestionIds(){return new Set(this.state.visibleQuestionIds)}setAnswer(e,t){let s={...this.state.answers,[e]:t},r=chunkJWOXQRNV_js.j(this.schema,s);this.updateState({answers:s,visibleQuestionIds:r,errors:this.state.errors.filter(d=>d.questionId!==e)}),this.emit("answerChanged",{questionId:e,value:t,answers:s}),this.options.onChange?.(s,e);}nextPage(){let{currentPageIndex:e}=this.state,t=e+1;if(t>=this.schema.pages.length)return  false;if(this.schema.settings?.validateOnPageChange){let s=chunkJWOXQRNV_js.g(this.schema,e,this.state.answers,this.state.visibleQuestionIds);if(s.length>0)return this.updateState({errors:s,isValid:false}),this.emit("validated",{errors:s,isValid:false}),false}return this.updateState({currentPageIndex:t,errors:[]}),this.emit("pageChanged",{pageIndex:t}),this.options.onPageChange?.(t),true}prevPage(){let{currentPageIndex:e}=this.state;if(e<=0||!this.schema.settings?.allowBack)return  false;let t=e-1;return this.updateState({currentPageIndex:t,errors:[]}),this.emit("pageChanged",{pageIndex:t}),this.options.onPageChange?.(t),true}goToPage(e){return e<0||e>=this.schema.pages.length?false:(this.updateState({currentPageIndex:e,errors:[]}),this.emit("pageChanged",{pageIndex:e}),this.options.onPageChange?.(e),true)}validate(){let e=chunkJWOXQRNV_js.h(this.schema,this.state.answers,this.state.visibleQuestionIds),t=e.length===0;return this.updateState({errors:e,isValid:t}),this.emit("validated",{errors:e,isValid:t}),this.options.onValidate?.(e),e}validateCurrentPage(){let e=chunkJWOXQRNV_js.g(this.schema,this.state.currentPageIndex,this.state.answers,this.state.visibleQuestionIds),t=e.length===0;return this.updateState({errors:e,isValid:t}),this.emit("validated",{errors:e,isValid:t}),e}async submit(){let e=this.validate();if(e.length>0)return {success:false,errors:e};try{return await this.options.onSubmit?.(this.state.answers),this.updateState({isSubmitted:!0}),this.emit("submitted",{answers:this.state.answers}),{success:!0,errors:[]}}catch(t){return {success:false,errors:[{questionId:"__submit__",message:t instanceof Error?t.message:"Submission failed",rule:"custom"}]}}}reset(e){let t=this.buildInitialAnswers(e??this.options.initialAnswers),s=chunkJWOXQRNV_js.j(this.schema,t);this.updateState({answers:t,currentPageIndex:0,errors:[],isValid:true,isSubmitted:false,visibleQuestionIds:s});}on(e,t){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t),()=>this.listeners.get(e)?.delete(t)}onStateChange(e){return this.stateChangeCallbacks.add(e),()=>this.stateChangeCallbacks.delete(e)}updateState(e){this.state={...this.state,...e},this.stateChangeCallbacks.forEach(t=>t(this.getState()));}emit(e,t){let s={type:e,payload:t,timestamp:Date.now()};this.listeners.get(e)?.forEach(r=>r(s));}buildInitialAnswers(e){let t={};for(let s of chunkJWOXQRNV_js.b(this.schema))s.defaultValue!==void 0&&(t[s.id]=s.defaultValue);return e&&Object.assign(t,e),t}};function S(o,e){return new n(o,e)}exports.a=n;exports.b=S;