chatbot-editor 1.0.0

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,21 @@
+name: publish on npm
+on:
+  release:
+    types:
+      - published
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node version: 20
+          registry-url: https://registry.npmjs.org/
+      - run: npm install
+      - run: npm version ${{ github.event.release.name }} --git-tag-version=false
+      - run: npm run build
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/dist/App.d.ts

@@ -0,0 +1,10 @@
+import type TQuestion from "./TQuestion.ts";
+import React from "react";
+interface AppProps {
+    save?: (questions: TQuestion[]) => void;
+    load?: () => Promise<TQuestion[]>;
+    export?: (questions: TQuestion[]) => void;
+    import?: () => Promise<TQuestion[]>;
+}
+export default function App(props: AppProps): React.JSX.Element;
+export {};

package/dist/App.js

@@ -0,0 +1,22 @@
+import UI from "./UI";
+import Canva from "./Canva";
+import { useState } from "react";
+import { CurrentQuestionProvider } from "./CurrentQuestionHook";
+import React from "react";
+export default function App(props) {
+    const [questions, setQuestions] = useState([]);
+    const [reloadArrow, setReloadArrow] = useState(false);
+    return (React.createElement(CurrentQuestionProvider, null,
+        React.createElement("div", { className: "relative h-screen w-screen overflow-hidden" },
+            React.createElement(Canva, { questions: questions, setQuestions: setQuestions, reloadArrow: reloadArrow, setReloadArrow: setReloadArrow }),
+            React.createElement(UI, { setReloadArrow: setReloadArrow, questions: questions, addQuestion: (initPos) => {
+                    let idQuestion = "question";
+                    let i = 0;
+                    while (questions.find(v => v.id === idQuestion)) {
+                        i++;
+                        idQuestion = `question${i}`;
+                    }
+                    setQuestions(prev => [...prev, { id: idQuestion, text: "Text", position: initPos }]);
+                }, editQuestion: (id, data) => setQuestions(prev => prev.map(v => v.id === id ? data : v)), deleteQuestion: id => setQuestions(prev => prev.filter(v => v.id !== id)), setQuestions: setQuestions, save: props.save, load: props.load, export: props.export, import: props.import }))));
+}
+//# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAe;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACN,oBAAC,uBAAuB;QACvB,6BAAK,SAAS,EAAE,4CAA4C;YAC3D,oBAAC,KAAK,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,GAAG;YACpH,oBAAC,EAAE,IAAC,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,OAA+B,EAAE,EAAE;oBAC1G,IAAI,UAAU,GAAG,UAAU,CAAC;oBAC5B,IAAI,CAAC,GAAG,CAAC,CAAC;oBACV,OAAM,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC;wBAChD,CAAC,EAAE,CAAC;wBACJ,UAAU,GAAG,WAAW,CAAC,EAAE,CAAC;oBAC7B,CAAC;oBACD,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;gBACpF,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAC7B,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAE3D,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EACzE,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,CACG,CACmB,CAC1B,CAAA;AACF,CAAC"}

package/dist/Canva.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type TQuestion from "./TQuestion.ts";
+import type { SetState } from "./utils.ts";
+interface CanvaProps {
+    questions: TQuestion[];
+    setQuestions: SetState<TQuestion[]>;
+    reloadArrow: boolean;
+    setReloadArrow: SetState<boolean>;
+}
+export default function Canva(props: CanvaProps): React.JSX.Element;
+export {};

package/dist/Canva.js

@@ -0,0 +1,10 @@
+import React from "react";
+import Question from "./Components/Question";
+import { useEffect } from "react";
+export default function Canva(props) {
+    useEffect(() => {
+        props.setReloadArrow(prev => !prev);
+    }, [props.questions, props.setReloadArrow]);
+    return (React.createElement("div", { className: "min-w-full min-h-full bg-neutral-950 workspace overflow-auto" }, props.questions.map((v, i) => React.createElement(Question, { ...v, key: i, reloadArrow: props.reloadArrow, setReloadArrow: props.setReloadArrow }))));
+}
+//# sourceMappingURL=Canva.js.map

package/dist/Canva.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Canva.js","sourceRoot":"","sources":["../src/Canva.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAG7C,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAShC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC9C,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAC5C,OAAO,CACN,6BAAK,SAAS,EAAE,8DAA8D,IAC5E,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,oBAAC,QAAQ,OAAK,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,GAAG,CAAC,CAC3H,CACN,CAAA;AACF,CAAC"}

package/dist/Components/Answers.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface AnswersProps {
+    text: string;
+    next: string;
+    reloadArrows: boolean;
+}
+export default function Answers(props: AnswersProps): React.JSX.Element;
+export {};

package/dist/Components/Answers.js

@@ -0,0 +1,18 @@
+import React from "react";
+import Arrow from "./Arrow";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { CiWarning } from "react-icons/ci";
+export default function Answers(props) {
+    const container = useRef(null);
+    const [pos, setPos] = useState({ x: 0, y: 0 });
+    useEffect(() => {
+        setPos(container.current.getBoundingClientRect());
+    }, [props.reloadArrows]);
+    const destPos = useMemo(() => {
+        return document.getElementById(props.next)?.getBoundingClientRect();
+    }, [props.next, props.reloadArrows]);
+    return (React.createElement("div", { className: "rounded bg-stone-700 w-16 px-2 py-1 text-nowrap text-ellipsis relative", ref: container },
+        React.createElement("p", { className: "text-ellipsis text-nowrap overflow-hidden max-w-full", title: props.text }, props.text),
+        destPos && React.createElement(Arrow, { from: { x: 64, y: 16 }, to: { x: destPos.x - pos.x - 1, y: destPos.y - pos.y + 20 } }) || React.createElement(CiWarning, { className: "text-orange-500 absolute -right-5 top-2" })));
+}
+//# sourceMappingURL=Answers.js.map

package/dist/Components/Answers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Answers.js","sourceRoot":"","sources":["../../src/Components/Answers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAQzC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IAClD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,CAAC,SAAS,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IACrC,OAAO,CACN,6BAAK,SAAS,EAAE,wEAAwE,EAAE,GAAG,EAAE,SAAS;QACvG,2BAAG,SAAS,EAAE,sDAAsD,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,IAAG,KAAK,CAAC,IAAI,CAAK;QACxG,OAAO,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,EAAE,EAAE,EAAE,EAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,EAAC,GAAG,IAAI,oBAAC,SAAS,IAAC,SAAS,EAAE,yCAAyC,GAAG,CACtK,CACN,CAAA;AACF,CAAC"}

package/dist/Components/Arrow.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ArrowProps {
+    from: {
+        x: number;
+        y: number;
+    };
+    to: {
+        x: number;
+        y: number;
+    };
+}
+export default function Arrow(props: ArrowProps): React.JSX.Element;
+export {};

package/dist/Components/Arrow.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { useMemo, useRef } from "react";
+export default function Arrow(props) {
+    const ref = useRef(null);
+    const [width, height] = useMemo(() => [
+        Math.abs(props.from.x - props.to.x) + (props.from.x + 20 <= props.to.x - 20 ? 0 : 40),
+        Math.abs(props.from.y - props.to.y)
+    ], [props.from, props.to]);
+    const [start] = useMemo(() => [
+        { x: props.from.x + 20 < props.to.x - 20 ? 0 : -20, y: 0 }
+    ], [props.from, props.to]);
+    const [left, top] = useMemo(() => [
+        props.from.x + 20 <= props.to.x - 20 ? props.from.x : props.to.x - 20,
+        props.from.y < props.to.y ? props.from.y : props.to.y
+    ], [props.from, props.to]);
+    const [from, to] = useMemo(() => [
+        { x: props.from.x + 20 < props.to.x - 20 ? 0 : (props.from.x < props.to.x ? (props.from.x === props.to.x ? 0 : -20) : width - 40), y: props.from.y < props.to.y ? 0 : height },
+        { x: props.from.x + 20 < props.to.x - 20 ? width : (props.from.x + 20 === props.to.x - 20 ? 20 : 0), y: props.from.y < props.to.y ? height : 0 },
+    ], [props.from, props.to, width, height]);
+    const path = useMemo(() => {
+        let p = `M${from.x} ${from.y}  L${from.x + 16} ${from.y}`;
+        if (from.x + 20 < to.x - 20) {
+            if (from.y < to.y) {
+                p += ` L${(to.x - from.x) / 2 - 4} ${from.y} Q${(to.x - from.x) / 2 - 4} ${from.y} ${(to.x - from.x) / 2} ${from.y + 4} L${(to.x - from.x) / 2} ${to.y - 4} Q${(to.x - from.x) / 2} ${to.y - 4} ${(to.x - from.x) / 2 + 4} ${to.y}`;
+            }
+            else if (from.y > to.y) {
+                p += ` L${(to.x - from.x) / 2 - 4} ${from.y} Q${(to.x - from.x) / 2 - 4} ${from.y} ${(to.x - from.x) / 2} ${from.y - 4} L${(to.x - from.x) / 2} ${to.y + 4} Q${(to.x - from.x) / 2} ${to.y + 4} ${(to.x - from.x) / 2 + 4} ${to.y}`;
+            }
+        }
+        else if (from.x + 20 > to.x - 20) {
+            if (from.y < to.y) {
+                p += ` Q${from.x + 16} ${from.y} ${from.x + 20} ${from.y + 4} L${from.x + 20} ${to.y - 44} Q${from.x + 20} ${to.y - 44} ${from.x + 16} ${to.y - 40} L${to.x - 16} ${to.y - 40} Q${to.x - 16} ${to.y - 40} ${to.x - 20} ${to.y - 36}`;
+                p += ` L${to.x - 20} ${to.y - 4} Q${to.x - 20} ${to.y - 4} ${to.x - 16} ${to.y}`;
+            }
+            else if (from.y > to.y) {
+                p += ` Q${from.x + 16} ${from.y} ${from.x + 20} ${from.y - 4} L${from.x + 20} ${from.y - 36} Q${from.x + 20} ${from.y - 36} ${from.x + 16} ${from.y - 40} L${to.x - 16} ${from.y - 40} Q${to.x - 16} ${from.y - 40} ${to.x - 20} ${from.y - 44}`;
+                p += ` L${to.x - 20} ${to.y + 4} Q${to.x - 20} ${to.y + 4} ${to.x - 16} ${to.y}`;
+            }
+        }
+        else {
+            if (from.y < to.y) {
+                p += ` Q${from.x + 16} ${from.y} ${from.x + 20} ${from.y + 4} L${from.x + 20} ${to.y - 4} Q${from.x + 20} ${to.y - 4} ${from.x + 24} ${to.y}`;
+            }
+            else if (from.y > to.y) {
+                p += ` Q${from.x + 16} ${from.y} ${from.x + 20} ${from.y - 4} L${from.x + 20} ${to.y + 4} Q${from.x + 20} ${to.y + 4} ${from.x + 24} ${to.y}`;
+            }
+        }
+        p += ` L${to.x} ${to.y}`;
+        return p;
+    }, [from, to]);
+    return (React.createElement("svg", { ref: ref, viewBox: `${start.x} ${start.y} ${width} ${height}`, width: width, height: height, className: "absolute -z-20 stroke-stone-600 pointer-events-none", style: { left: left, top: top } },
+        React.createElement("path", { d: path, fill: "none", strokeWidth: "2" })));
+}
+//# sourceMappingURL=Arrow.js.map

package/dist/Components/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../src/Components/Arrow.tsx"],"names":[],"mappings":"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"}

package/dist/Components/Bubble.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface BubbleProps {
+    text: string;
+}
+export default function Bubble(props: BubbleProps): React.JSX.Element;
+export {};

package/dist/Components/Bubble.js

@@ -0,0 +1,5 @@
+import React from "react";
+export default function Bubble(props) {
+    return (React.createElement("div", { className: "text-orange-100 py-2 px-4 rounded bg-stone-800" }, props.text));
+}
+//# sourceMappingURL=Bubble.js.map

package/dist/Components/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/Components/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAChD,OAAO,CACN,6BAAK,SAAS,EAAE,gDAAgD,IAC9D,KAAK,CAAC,IAAI,CACN,CACN,CAAA;AACF,CAAC"}

package/dist/Components/Button.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import React from "react";
+interface ButtonProps {
+    children: ReactNode;
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+}
+export default function Button(props: ButtonProps): React.JSX.Element;
+export {};

package/dist/Components/Button.js

@@ -0,0 +1,5 @@
+import React from "react";
+export default function Button(props) {
+    return (React.createElement("button", { className: "bg-stone-800 rounded-lg py-1 px-2 text-lg cursor-pointer transition hover:scale-105 disabled:hover:scale-100 disabled:cursor-default disabled:text-stone-400 disabled:bg-neutral-800", onClick: props.onClick, disabled: props.disabled }, props.children));
+}
+//# sourceMappingURL=Button.js.map

package/dist/Components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAChD,OAAO,CACN,gCAAQ,SAAS,EAAE,sLAAsL,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAU,CACtR,CAAA;AACF,CAAC"}

package/dist/Components/Input.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+interface InputProps {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: React.HTMLInputTypeAttribute;
+    label?: React.ReactNode;
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+}
+export default function Input(props: InputProps): React.JSX.Element;
+export {};

package/dist/Components/Input.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { useMemo } from "react";
+import { clsx } from "clsx";
+export default function Input(props) {
+    const id = useMemo(() => {
+        return props.id ?? (Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15));
+    }, [props.id]);
+    return (React.createElement("div", { className: clsx("flex flex-col", props.className) },
+        props.label && React.createElement("label", { className: clsx("px-2 pt-1 rounded-t-lg pb-2 -mb-2", props.disabled === true && "text-stone-500 bg-neutral-950" || "bg-stone-950"), htmlFor: id }, props.label),
+        React.createElement("input", { type: props.type, value: props.value, onChange: props.onChange, id: id, className: "bg-stone-800 rounded-lg py-1 px-2 text-lg disabled:bg-neutral-900", disabled: props.disabled })));
+}
+//# sourceMappingURL=Input.js.map

package/dist/Components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAY1B,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC9C,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,OAAO,KAAK,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAChH,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IACf,OAAO,CACN,6BAAK,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;QACpD,KAAK,CAAC,KAAK,IAAI,+BAAO,SAAS,EAAE,IAAI,CAAC,mCAAmC,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,+BAA+B,IAAI,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,IAAG,KAAK,CAAC,KAAK,CAAS;QAC7L,+BAAO,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,mEAAmE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,CACrL,CACN,CAAA;AACF,CAAC"}

package/dist/Components/Question.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { SetState } from "../utils.ts";
+import type { TAction, TAnswers } from "../TQuestion.ts";
+interface QuestionProps {
+    id: string;
+    text: string | string[];
+    goto?: string;
+    answers?: TAnswers[];
+    action?: TAction;
+    reloadArrow: boolean;
+    setReloadArrow: SetState<boolean>;
+    position: {
+        x: number;
+        y: number;
+    };
+}
+export default function Question(props: QuestionProps): React.JSX.Element;
+export {};

package/dist/Components/Question.js

@@ -0,0 +1,93 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Bubble from "./Bubble";
+import Answers from "./Answers";
+import { useCurrentQuestion } from "../CurrentQuestionHook";
+import * as React from "react";
+import Arrow from "./Arrow";
+import { CiWarning } from "react-icons/ci";
+export default function Question(props) {
+    const container = useRef(null);
+    const [position, setPosition] = useState(props.position);
+    const [clicked, setClicked] = useState(false);
+    const [, setOpen] = useState(false);
+    const [, setQuestion] = useCurrentQuestion();
+    const onMouseDown = useCallback((e) => {
+        if (e.button !== 0)
+            return;
+        setClicked(true);
+        setOpen(true);
+    }, []);
+    const onMouseUp = useCallback((e) => {
+        if (e.button !== 0)
+            return;
+        if (e.target !== container.current && (container.current && !container.current.contains(e.target)))
+            return;
+        setClicked(false);
+        setOpen(prev => {
+            if (prev) {
+                setQuestion(props);
+            }
+            return true;
+        });
+    }, [props, setQuestion]);
+    const onMouseMove = useCallback((e) => {
+        setOpen(false);
+        setPosition(prev => {
+            return {
+                x: prev.x + e.movementX,
+                y: prev.y + e.movementY
+            };
+        });
+        props.setReloadArrow(prev => !prev);
+    }, [setPosition, props]);
+    useEffect(() => {
+        if (clicked) {
+            document.addEventListener("mousemove", onMouseMove);
+        }
+        return () => {
+            document.removeEventListener("mousemove", onMouseMove);
+        };
+    }, [clicked, onMouseMove]);
+    useEffect(() => {
+        document.addEventListener("mouseup", onMouseUp);
+        return () => document.removeEventListener("mouseup", onMouseUp);
+    }, [onMouseUp]);
+    const gotoPosition = useMemo(() => {
+        let pos = undefined;
+        if (props.goto || props.action?.goto) {
+            const toElement = document.getElementById(props.goto ?? props.action?.goto ?? "");
+            if (toElement) {
+                pos = { x: toElement.offsetLeft, y: toElement.offsetTop };
+                pos.x -= (position.x - position.x % 20);
+                pos.y -= (position.y - position.y % 20);
+                pos.y += 18;
+            }
+            else {
+                pos = undefined;
+            }
+        }
+        return pos;
+    }, [props.goto, props.action?.goto, position, props.reloadArrow]);
+    return (React.createElement("div", { id: props.id, className: "w-50 h-64 bg-stone-900 border border-neutral-400/20 rounded z-10 absolute flex flex-col gap-1 pb-1", style: { top: position.y - (position.y % 20), left: position.x - (position.x % 20) }, onMouseDown: onMouseDown, ref: container },
+        React.createElement("h2", { title: props.id, className: "text-stone-100 m-1 min-h-8 bg-neutral-900 px-2 py-1 font-mono overflow-hidden text-ellipsis" }, props.id),
+        React.createElement("div", { className: "p-1 flex flex-col gap-1 max-h-32 overflow-x-hidden overflow-y-auto" }, typeof props.text === "string" ? React.createElement(Bubble, { text: props.text }) : props.text.map((v, i) => React.createElement(Bubble, { text: v, key: i }))),
+        React.createElement("div", { className: "absolute -right-15 top-1 flex flex-col gap-1.5" }, props.answers?.map((v, i) => React.createElement(Answers, { text: v.text, key: i, next: v.next, reloadArrows: props.reloadArrow }))),
+        props.id === "start" && React.createElement("div", { className: "absolute top-2 -left-4 w-6 h-6 rounded-full border-2 border-green-800 text-center flex items-center justify-center" },
+            React.createElement("div", { className: "bg-green-800 w-4 h-4 rounded-full" })),
+        (props.goto || props.action?.goto) && React.createElement("div", null,
+            React.createElement("div", { className: "absolute top-2 -right-3 w-6 h-6 rounded-full border-2 border-violet-900 text-center flex justify-center items-center" },
+                React.createElement("div", { className: "bg-violet-900 w-4 h-4 rounded-full" })),
+            gotoPosition && React.createElement(Arrow, { from: { x: 200, y: 20 }, to: gotoPosition }) || React.createElement(CiWarning, { className: "text-orange-500 absolute top-3 -right-7" })),
+        React.createElement("div", { className: "grow" }),
+        props.action && React.createElement("div", { className: "font-mono text-stone-200 px-4 mx-1 rounded bg-neutral-800 overflow-hidden" },
+            React.createElement("p", { className: "font-sans" }, "Action"),
+            props.action.action === "set" && React.createElement("p", null,
+                React.createElement("span", null, props.action.property),
+                " == ",
+                props.action.value),
+            props.action.action === "ask" && React.createElement("p", null,
+                React.createElement("span", null, props.action.property),
+                " == user input"),
+            props.action.action === "end" && React.createElement("p", null, "Chatbot end"))));
+}
+//# sourceMappingURL=Question.js.map

package/dist/Components/Question.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Question.js","sourceRoot":"","sources":["../../src/Components/Question.tsx"],"names":[],"mappings":"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"}

package/dist/Components/Select.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface Option {
+    value: string;
+    label: React.ReactNode;
+}
+interface SelectProps {
+    options: Option[];
+    id?: string;
+    value: string;
+    onChange: (v: string) => void;
+}
+export default function Select(props: SelectProps): React.JSX.Element;
+export {};

package/dist/Components/Select.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { useMemo, useRef, useState } from "react";
+import { clsx } from "clsx";
+import { BsChevronDown } from "react-icons/bs";
+export default function Select(props) {
+    const select = useRef(null);
+    const id = useMemo(() => {
+        return props.id ?? (Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15));
+    }, [props.id]);
+    const [visible, setVisible] = useState(false);
+    return (React.createElement("label", { htmlFor: id },
+        React.createElement("div", { className: "relative bg-stone-800 rounded-lg h-8 flex justify-between items-center px-2", onClick: () => setVisible(prev => !prev) },
+            React.createElement("p", null, props.options.find(o => o.value == props.value)?.label ?? props.value),
+            React.createElement("button", null,
+                React.createElement(BsChevronDown, null)),
+            React.createElement("div", { className: clsx("absolute bg-stone-800 pt-2 -mt-2 z-0 w-full rounded-b-lg top-full left-0", visible || "hidden") }, props.options.map((v, i) => React.createElement("p", { key: i, className: "p-1 hover:bg-stone-900", onClick: () => {
+                    if (select.current) {
+                        select.current.value = v.value;
+                        props.onChange(v.value);
+                    }
+                } }, v.label)))),
+        React.createElement("select", { className: "hidden", id: id, onChange: e => props.onChange(e.target.value), value: props.value, ref: select }, props.options.map((v, i) => React.createElement("option", { value: v.value, key: i }, v.label)))));
+}
+//# sourceMappingURL=Select.js.map

package/dist/Components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAc7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAChD,MAAM,MAAM,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACtD,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,OAAO,KAAK,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAChH,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IACf,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACN,+BAAO,OAAO,EAAE,EAAE;QACjB,6BAAK,SAAS,EAAE,6EAA6E,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC;YACtI,+BAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,CAAK;YAC9E;gBAAQ,oBAAC,aAAa,OAAE,CAAS;YACjC,6BAAK,SAAS,EAAE,IAAI,CAAC,0EAA0E,EAAE,OAAO,IAAI,QAAQ,CAAC,IACnH,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC3B,2BAAG,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,wBAAwB,EAAE,OAAO,EAAE,GAAG,EAAE;oBAC7D,IAAG,MAAM,CAAC,OAAO,EAAE,CAAC;wBACnB,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;wBAC/B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBACzB,CAAC;gBACF,CAAC,IAAG,CAAC,CAAC,KAAK,CAAK,CAChB,CACI,CACD;QACN,gCAAQ,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,IACjH,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,gCAAQ,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAG,CAAC,CAAC,KAAK,CAAU,CAAC,CACxE,CACF,CACR,CAAA;AACF,CAAC"}

package/dist/Components/SideBar.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+import type { SetState } from "../utils.ts";
+import React from "react";
+interface SideBarProps {
+    display: boolean;
+    setDisplay: SetState<boolean>;
+    children: ReactNode;
+    onClose?: () => void;
+    onValidate?: () => void;
+}
+export default function SideBar(props: SideBarProps): React.JSX.Element;
+export {};

package/dist/Components/SideBar.js

@@ -0,0 +1,18 @@
+import { clsx } from "clsx";
+import { BsCheck, BsX } from "react-icons/bs";
+import React from "react";
+export default function SideBar(props) {
+    return (React.createElement("div", { className: clsx("fixed transition w-1/3 h-screen top-0 left-0 bg-stone-900 z-50 flex flex-col", props.display && "translate-x-0" || "-translate-x-full") },
+        React.createElement("div", { className: "flex justify-end" },
+            React.createElement("button", { className: "mx-2 my-1 p-1 rounded cursor-pointer border border-stone-200/30 aspect-square w-8", onClick: () => {
+                    props.setDisplay(false);
+                    if (props.onClose) {
+                        props.onClose();
+                    }
+                } },
+                React.createElement(BsX, { className: "w-6 h-6" })),
+            props.onValidate && React.createElement("button", { className: "mx-2 my-1 p-1 rounded cursor-pointer border border-stone-200/30 aspect-square w-8", onClick: () => props.onValidate && props.onValidate() },
+                React.createElement(BsCheck, { className: "w-6 h-6" }))),
+        React.createElement("div", { className: "p-2 grow overflow-hidden" }, props.children)));
+}
+//# sourceMappingURL=SideBar.js.map

package/dist/Components/SideBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBar.js","sourceRoot":"","sources":["../../src/Components/SideBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAE,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IAClD,OAAO,CACN,6BAAK,SAAS,EAAE,IAAI,CAAC,8EAA8E,EAAE,KAAK,CAAC,OAAO,IAAI,eAAe,IAAI,mBAAmB,CAAC;QAC5J,6BAAK,SAAS,EAAE,kBAAkB;YACjC,gCAAQ,SAAS,EAAE,mFAAmF,EAAE,OAAO,EAAE,GAAG,EAAE;oBACrH,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;oBACxB,IAAG,KAAK,CAAC,OAAO,EAAE,CAAC;wBAClB,KAAK,CAAC,OAAO,EAAE,CAAC;oBAClB,CAAC;gBAAA,CAAC;gBACD,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS,GAAG,CACpB;YACR,KAAK,CAAC,UAAU,IAAI,gCAAQ,SAAS,EAAE,mFAAmF,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE;gBAAE,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,GAAG,CAAS,CACxN;QACN,6BAAK,SAAS,EAAE,0BAA0B,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC7D,CACN,CAAA;AACF,CAAC"}

package/dist/CurrentQuestionHook.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type ReactNode } from "react";
+import type TQuestion from "./TQuestion.ts";
+import type { SetState } from "./utils.ts";
+interface CurrentQuestionProviderProps {
+    children: ReactNode;
+}
+export declare function CurrentQuestionProvider(props: CurrentQuestionProviderProps): React.JSX.Element;
+export declare function useCurrentQuestion(): [TQuestion | null, SetState<TQuestion | null>];
+export {};

package/dist/CurrentQuestionHook.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { createContext, useContext, useState } from "react";
+const CurrentQuestionContext = createContext([null, () => { }]);
+export function CurrentQuestionProvider(props) {
+    const [question, setQuestion] = useState(null);
+    return React.createElement(CurrentQuestionContext.Provider, { value: [question, setQuestion] }, props.children);
+}
+// eslint-disable-next-line react-refresh/only-export-components
+export function useCurrentQuestion() {
+    return useContext(CurrentQuestionContext);
+}
+//# sourceMappingURL=CurrentQuestionHook.js.map

package/dist/CurrentQuestionHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentQuestionHook.js","sourceRoot":"","sources":["../src/CurrentQuestionHook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAkB,UAAU,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAI1E,MAAM,sBAAsB,GAAG,aAAa,CAAiD,CAAC,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC;AAM/G,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IAC1E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IACjE,OAAO,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,IACpE,KAAK,CAAC,QAAQ,CACkB,CAAA;AACnC,CAAC;AAED,gEAAgE;AAChE,MAAM,UAAU,kBAAkB;IACjC,OAAQ,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAC5C,CAAC"}

package/dist/TQuestion.d.ts

@@ -0,0 +1,23 @@
+export default interface TQuestion {
+    id: string;
+    text: string | string[];
+    answers?: TAnswers[];
+    goto?: string;
+    action?: TAction;
+    position: {
+        x: number;
+        y: number;
+    };
+}
+export interface TAnswers {
+    text: string;
+    next: string;
+    action?: TAction;
+}
+export interface TAction {
+    action: TActionValue;
+    property?: string;
+    value?: any;
+    goto?: string;
+}
+export type TActionValue = "set" | "ask" | "end";

package/dist/TQuestion.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TQuestion.js.map

package/dist/TQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TQuestion.js","sourceRoot":"","sources":["../src/TQuestion.ts"],"names":[],"mappings":""}

package/dist/UI.d.ts

@@ -0,0 +1,20 @@
+import type TQuestion from "./TQuestion.ts";
+import type { SetState } from "./utils.ts";
+import React from "react";
+interface UIProps {
+    questions: TQuestion[];
+    setQuestions: SetState<TQuestion[]>;
+    addQuestion: (initPos: {
+        x: number;
+        y: number;
+    }) => void;
+    editQuestion: (id: string, data: TQuestion) => void;
+    deleteQuestion: (id: string) => void;
+    setReloadArrow: SetState<boolean>;
+    save?: (questions: TQuestion[]) => void;
+    load?: () => Promise<TQuestion[]>;
+    export?: (questions: TQuestion[]) => void;
+    import?: () => Promise<TQuestion[]>;
+}
+export default function UI(props: UIProps): React.JSX.Element;
+export {};