@arkyn/components 3.0.1-beta.165 → 3.0.1-beta.168

package/dist/modules/components/phoneInput/phoneInputCountryOption/index.js

@@ -1,24 +0,0 @@
-/* empty css       */
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Check as n } from "lucide-react";
-//#region src/components/phoneInput/phoneInputCountryOption/index.tsx
-function r(r) {
-	let { country: i, isActive: a, handleChangeValue: o, size: s } = r;
-	return /* @__PURE__ */ t("div", {
-		onClick: () => o(i),
-		className: `arkynPhoneInputCountryOption ${s} ${a ? "active" : ""}`,
-		children: [
-			/* @__PURE__ */ e("img", {
-				src: i.flag,
-				alt: i.name,
-				className: "flag"
-			}),
-			i.name,
-			" ",
-			/* @__PURE__ */ e("span", { children: i.code }),
-			/* @__PURE__ */ e(n, { className: "check" })
-		]
-	});
-}
-//#endregion
-export { r as PhoneInputCountryOption };

package/dist/modules/components/phoneInput/phoneInputCountryOptionsContainer/index.js

@@ -1,34 +0,0 @@
-import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
-/* empty css       */
-import { useEffect as t, useRef as n, useState as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/phoneInput/phoneInputCountryOptionsContainer/index.tsx
-function s(s) {
-	let { children: c, isOpen: l, onSearch: u, search: d, placeholder: f } = s, p = n(null), [m, h] = r("bottom");
-	function g(e) {
-		u(e.target.value);
-	}
-	return e(l), t(() => {
-		l && (() => {
-			if (!p.current) return;
-			let e = p.current.parentElement;
-			if (!e) return;
-			let t = e.getBoundingClientRect();
-			window.innerHeight - t.bottom < 300 && t.top > 300 ? h("top") : h("bottom");
-		})();
-	}, [l]), l ? /* @__PURE__ */ o("div", {
-		className: `arkynPhoneInputCountryOptionsContainer ${m}`,
-		ref: p,
-		children: [/* @__PURE__ */ a("input", {
-			type: "search",
-			name: "search-select",
-			className: "arkynPhoneInputCountryOptionsContainerSearchSelect",
-			value: d,
-			id: "input-search",
-			placeholder: f,
-			onChange: g
-		}), c]
-	}) : /* @__PURE__ */ a(i, {});
-}
-//#endregion
-export { s as PhoneInputCountryOptionsContainer };

package/dist/modules/components/phoneInput/phoneInputCountrySelector/index.js

@@ -1,26 +0,0 @@
-import { Divider as e } from "../../divider/index.js";
-/* empty css       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { ChevronDown as r } from "lucide-react";
-//#region src/components/phoneInput/phoneInputCountrySelector/index.tsx
-function i(i) {
-	let { currentCountry: a, onClick: o } = i;
-	return /* @__PURE__ */ n("div", {
-		className: "phoneInputSelectCountry",
-		onClick: o,
-		children: [
-			/* @__PURE__ */ t("img", {
-				className: "flag",
-				src: a.flag,
-				alt: a.name
-			}),
-			/* @__PURE__ */ t(r, {
-				className: "chevronDown",
-				strokeWidth: 2.5
-			}),
-			/* @__PURE__ */ t(e, { orientation: "vertical" })
-		]
-	});
-}
-//#endregion
-export { i as PhoneInputCountrySelector };

package/dist/modules/components/phoneInput/phoneInputMask/index.js

@@ -1,46 +0,0 @@
-import { MAX_LENGTH as e, TYPES as t, applyMask as n, clear as r, getMask as i } from "../../../utils/phoneInputUtilities.js";
-/* empty css      */
-import { forwardRef as a, useEffect as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import { InputMask as l } from "@react-input/mask";
-//#region src/components/phoneInput/phoneInputMask/index.tsx
-var u = a((e, t) => /* @__PURE__ */ c("input", {
-	ref: t,
-	...e
-})), d = a((a, d) => {
-	let { onFocus: f, readonly: p, onBlur: m, size: h, onChange: g, value: _, currentCountry: v, disabled: y, id: b } = a, [x, S] = s(!1), C = typeof v.mask == "string" ? v.mask : v.mask[0];
-	o(() => {
-		x ? g(C) : S(!0);
-	}, [v]);
-	let w = `phoneInputMask ${h}`;
-	function T(a) {
-		let o = r(a.target.value), s = i(o);
-		o.length > e || (o = n(o, t[s]), a.target.value = o, g(o));
-	}
-	return v.code === "+55" ? /* @__PURE__ */ c("input", {
-		id: b,
-		value: _,
-		onChange: T,
-		className: w,
-		onFocus: f,
-		onBlur: m,
-		disabled: y,
-		ref: d
-	}) : /* @__PURE__ */ c(l, {
-		id: b,
-		value: _,
-		readOnly: p,
-		onChange: (e) => g(e.target.value),
-		className: w,
-		component: u,
-		onFocus: f,
-		onBlur: m,
-		disabled: y,
-		mask: C,
-		showMask: !0,
-		replacement: { _: /\d/ },
-		ref: d
-	});
-});
-//#endregion
-export { d as PhoneInputMask };

package/dist/modules/components/popover/index.js

@@ -1,38 +0,0 @@
-import { useScrollLock as e } from "../../hooks/useScrollLock.js";
-/* empty css       */
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { motion as i } from "framer-motion";
-//#region src/components/popover/index.tsx
-function a(a) {
-	let { children: o, button: s, closeOnClick: c, className: l = "", orientation: u = "bottomLeft" } = a, [d, f] = t(!1), p = `arkynPopover ${u} ${d ? "visibleTrue" : "visibleFalse"} ${l}`;
-	function m() {
-		d || f(!0);
-	}
-	return e(d), /* @__PURE__ */ r("div", {
-		className: p,
-		onClick: m,
-		children: [
-			s,
-			/* @__PURE__ */ n(i.div, {
-				style: { visibility: d ? "visible" : "hidden" },
-				transition: {
-					ease: "easeOut",
-					duration: 0
-				},
-				initial: { opacity: 0 },
-				animate: { opacity: +!!d },
-				exit: { opacity: 0 },
-				onClick: () => c && f(!1),
-				className: "arkynPopoverContent",
-				children: o
-			}),
-			d && /* @__PURE__ */ n("div", {
-				onClick: () => f(!1),
-				className: "arkynPopoverOverlay"
-			})
-		]
-	});
-}
-//#endregion
-export { a as Popover };

package/dist/modules/components/radio/radioBox/index.js

@@ -1,25 +0,0 @@
-import { useRadioGroup as e } from "../radioContext.js";
-/* empty css       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/radio/radioBox/index.tsx
-function r(r) {
-	let { value: i, size: a, disabled: o, children: s, className: c = "", onClick: l, onFocus: u, ...d } = r, { handleChange: f, size: p, value: m, isError: h, disabled: g } = e(), _ = m === i, v = a || p, y = o || g, b = `arkynRadioBox ${v} ${_ ? "checkedTrue" : "checkedFalse"} ${h ? "errorTrue" : "errorFalse"} ${y ? "disabledTrue" : "disabledFalse"} ${c}`;
-	function x(e) {
-		l && l(e), f(i);
-	}
-	function S(e) {
-		u && u(e), f(i);
-	}
-	return /* @__PURE__ */ n("label", {
-		className: b.trim(),
-		children: [/* @__PURE__ */ t("button", {
-			type: "button",
-			disabled: y,
-			onClick: x,
-			onFocus: S,
-			...d
-		}), s]
-	});
-}
-//#endregion
-export { r as RadioBox };

package/dist/modules/components/radio/radioContext.js

@@ -1,22 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/radio/radioContext.tsx
-var r = e({});
-function i(e) {
-	let { children: t, size: i, isError: a, handleChange: o, value: s, disabled: c } = e;
-	return /* @__PURE__ */ n(r.Provider, {
-		value: {
-			handleChange: o,
-			value: s,
-			size: i,
-			isError: a,
-			disabled: c
-		},
-		children: t
-	});
-}
-function a() {
-	return t(r);
-}
-//#endregion
-export { i as RadioProvider, a as useRadioGroup };

package/dist/modules/components/radio/radioGroup/index.js

@@ -1,42 +0,0 @@
-import { useForm as e } from "../../../hooks/useForm.js";
-import { FieldTemplate as t } from "../../../services/fieldTemplate.js";
-import { RadioProvider as n } from "../radioContext.js";
-/* empty css       */
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/radio/radioGroup/index.tsx
-function o(o) {
-	let { defaultValue: s = "", name: c, label: l, showAsterisk: u, errorMessage: d, value: f, onChange: p, size: m = "md", className: h = "", disabled: g = !1, unShowFieldTemplate: _ = !1, orientation: v = "vertical", ...y } = o, [b, x] = r(s), { fieldErrors: S } = e();
-	function C(e) {
-		x(e), p && p(e);
-	}
-	let w = d || S?.[c], T = !!w, E = `arkynRadioGroup ${m}`;
-	return /* @__PURE__ */ i(t, {
-		name: c,
-		label: l,
-		showAsterisk: u,
-		className: h,
-		errorMessage: w,
-		unShowFieldTemplate: _,
-		orientation: v,
-		children: /* @__PURE__ */ a(n, {
-			isError: T,
-			size: m,
-			value: f || b,
-			handleChange: C,
-			disabled: g,
-			children: [/* @__PURE__ */ i("input", {
-				style: { display: "none" },
-				type: "text",
-				readOnly: !0,
-				name: c,
-				value: f || b
-			}), /* @__PURE__ */ i("div", {
-				className: E.trim(),
-				...y
-			})]
-		})
-	});
-}
-//#endregion
-export { o as RadioGroup };

package/dist/modules/components/richText/blockButton/index.js

@@ -1,21 +0,0 @@
-import { isBlockActive as e } from "../../../services/isBlockActive.js";
-import { textAlignTypes as t } from "../../../templates/richTextTemplates.js";
-import { toggleBlock as n } from "../../../services/toggleBlock.js";
-/* empty css       */
-import { jsx as r } from "react/jsx-runtime";
-import { useSlate as i } from "slate-react";
-//#region src/components/richText/blockButton/index.tsx
-function a({ format: a, icon: o }) {
-	let s = i(), c = e(s, a, t.includes(a) ? "align" : "type") ? "activeTrue" : "activeFalse";
-	function l(e) {
-		e.preventDefault(), n(s, a);
-	}
-	return /* @__PURE__ */ r("button", {
-		type: "button",
-		className: "arkynRichTextBlockButton " + c,
-		onMouseDown: l,
-		children: /* @__PURE__ */ r(o, {})
-	});
-}
-//#endregion
-export { a as BlockButton };

package/dist/modules/components/richText/element/index.js

@@ -1,73 +0,0 @@
-/* empty css       */
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/richText/element/index.tsx
-function n({ attributes: n, children: r, element: i }) {
-	let a = { textAlign: i.align };
-	switch (i.type) {
-		case "blockQuote": return /* @__PURE__ */ e("blockquote", {
-			className: "arkynElementBlockquote",
-			style: a,
-			...n,
-			children: r
-		});
-		case "bulletedList": return /* @__PURE__ */ e("ul", {
-			className: "arkynElementBulletList",
-			style: a,
-			...n,
-			children: r
-		});
-		case "headingOne": return /* @__PURE__ */ e("h1", {
-			className: "arkynElementHeadingOne",
-			style: a,
-			...n,
-			children: r
-		});
-		case "headingTwo": return /* @__PURE__ */ e("h2", {
-			className: "arkynElementHeadingTwo",
-			style: a,
-			...n,
-			children: r
-		});
-		case "listItem": return /* @__PURE__ */ e("li", {
-			className: "arkynElementListItem",
-			style: a,
-			...n,
-			children: r
-		});
-		case "numberedList": return /* @__PURE__ */ e("ol", {
-			className: "arkynElementNumberedList",
-			style: a,
-			...n,
-			children: r
-		});
-		case "image": return /* @__PURE__ */ t("div", {
-			style: a,
-			...n,
-			children: [/* @__PURE__ */ e("img", {
-				className: "arkynElementImage",
-				alt: "arkynElementImage",
-				src: i?.src || ""
-			}), r]
-		});
-		case "video": return /* @__PURE__ */ t("div", {
-			style: a,
-			...n,
-			children: [/* @__PURE__ */ e("iframe", {
-				className: "arkynElementVideo",
-				src: i?.src || "",
-				title: "YouTube video player",
-				allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-				referrerPolicy: "strict-origin-when-cross-origin",
-				allowFullScreen: !0
-			}), r]
-		});
-		default: return /* @__PURE__ */ e("p", {
-			className: "arkynElementParagraph",
-			style: a,
-			...n,
-			children: r
-		});
-	}
-}
-//#endregion
-export { n as Element };

package/dist/modules/components/richText/index.js

@@ -1,144 +0,0 @@
-import { useForm as e } from "../../hooks/useForm.js";
-import { FieldTemplate as t } from "../../services/fieldTemplate.js";
-import { hotKeys as n, initialValue as r } from "../../templates/richTextTemplates.js";
-import { BlockButton as i } from "./blockButton/index.js";
-import { Element as ee } from "./element/index.js";
-import { InsertImage as a } from "./insertImage/index.js";
-import { InsertVideo as o } from "./insertVideo/index.js";
-import { Leaf as te } from "./leaf/index.js";
-import { toggleMark as ne } from "../../services/toggleMark.js";
-import { MarkButton as s } from "./markButton/index.js";
-import { Toolbar as c } from "./toolbar/index.js";
-import { extractTextFromNode as l } from "../../services/extractTextFromNode.js";
-/* empty css       */
-import { useCallback as u, useId as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { AlignCenter as re, AlignJustify as ie, AlignLeft as ae, AlignRight as oe, Bold as se, Code as ce, Heading1 as _, Heading2 as v, Italic as y, Quote as b, Underline as x } from "lucide-react";
-import S from "is-hotkey";
-import { Transforms as C, createEditor as w } from "slate";
-import { withHistory as T } from "slate-history";
-import { Editable as E, Slate as D, withReact as O } from "slate-react";
-//#region src/components/richText/index.tsx
-function k(k) {
-	let { name: A, hiddenButtons: j, imageConfig: M, videoConfig: N, className: P = "", defaultValue: F = "[]", enforceCharacterLimit: I = !1, onChangeCharactersCount: L, baseErrorMessage: R, maxLimit: z = 1e4, onChange: B, isError: le, label: V, showAsterisk: H, id: U, orientation: W = "vertical", unShowFieldTemplate: ue = !1 } = k, G = f(() => T(O(w())), []), { fieldErrors: de } = e();
-	function K() {
-		try {
-			let e = JSON.parse(F);
-			return !Array.isArray(e) || e.length <= 0 ? r : e.every((e) => typeof e == "object" && !!e && "type" in e && "children" in e) ? e : r;
-		} catch {
-			return r;
-		}
-	}
-	let [q, fe] = m(l(K()).length), [pe, me] = m(JSON.stringify(K()) || "[]"), [he, J] = m(!1), ge = p(null), _e = U || d(), Y = R || de?.[A], ve = le || !!Y, ye = u(te, []), X = u(ee, []);
-	function Z(e) {
-		let t = l(e);
-		fe(t.length), L && L(t.length), !(I && t.length >= z) && (me(JSON.stringify(e)), B && B(e), G.children = e, C.setNodes(G, { children: e }));
-	}
-	let be = `arkynRichText ${ve || z < q ? "errorTrue" : "errorFalse"} ${he ? "focusTrue" : "focusFalse"}`, Q = z - q;
-	function $(e) {
-		return !j?.includes(e);
-	}
-	return /* @__PURE__ */ h(t, {
-		name: A,
-		label: V,
-		showAsterisk: H,
-		className: P,
-		errorMessage: Y,
-		unShowFieldTemplate: ue,
-		orientation: W,
-		children: /* @__PURE__ */ g(D, {
-			editor: G,
-			initialValue: K(),
-			onChange: Z,
-			onValueChange: Z,
-			children: [
-				/* @__PURE__ */ g("div", {
-					className: be,
-					children: [
-						/* @__PURE__ */ g(c, { children: [
-							$("headingOne") && /* @__PURE__ */ h(i, {
-								format: "headingOne",
-								icon: _
-							}),
-							$("headingTwo") && /* @__PURE__ */ h(i, {
-								format: "headingTwo",
-								icon: v
-							}),
-							$("blockQuote") && /* @__PURE__ */ h(i, {
-								format: "blockQuote",
-								icon: b
-							}),
-							$("bold") && /* @__PURE__ */ h(s, {
-								format: "bold",
-								icon: se
-							}),
-							$("italic") && /* @__PURE__ */ h(s, {
-								format: "italic",
-								icon: y
-							}),
-							$("underline") && /* @__PURE__ */ h(s, {
-								format: "underline",
-								icon: x
-							}),
-							$("code") && /* @__PURE__ */ h(s, {
-								format: "code",
-								icon: ce
-							}),
-							$("left") && /* @__PURE__ */ h(i, {
-								format: "left",
-								icon: ae
-							}),
-							$("right") && /* @__PURE__ */ h(i, {
-								format: "right",
-								icon: oe
-							}),
-							$("center") && /* @__PURE__ */ h(i, {
-								format: "center",
-								icon: re
-							}),
-							$("justify") && /* @__PURE__ */ h(i, {
-								format: "justify",
-								icon: ie
-							}),
-							M && $("image") && /* @__PURE__ */ h(a, { ...M }),
-							$("video") && /* @__PURE__ */ h(o, { ...N })
-						] }),
-						/* @__PURE__ */ h(E, {
-							className: "editorContainer",
-							renderElement: X,
-							renderLeaf: ye,
-							spellCheck: !0,
-							ref: ge,
-							id: _e,
-							onFocus: () => J(!0),
-							onBlur: () => J(!1),
-							onKeyDown: (e) => {
-								for (let t in n) if (S(t, e)) {
-									e.preventDefault();
-									let r = n[t];
-									ne(G, r);
-								}
-							}
-						}),
-						Q < 0 && /* @__PURE__ */ h("div", {
-							className: "restatesCharacters",
-							children: Q
-						})
-					]
-				}),
-				/* @__PURE__ */ h("input", {
-					type: "hidden",
-					name: A,
-					value: pe.slice(0, z)
-				}),
-				/* @__PURE__ */ h("input", {
-					type: "hidden",
-					name: `${A}Count`,
-					value: q
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { k as RichText };

package/dist/modules/components/richText/insertImage/index.js

@@ -1,95 +0,0 @@
-import { Button as e } from "../../button/index.js";
-import { Input as t } from "../../input/index.js";
-import { ImageUpload as n } from "../../imageUpload/index.js";
-import { ModalContainer as r } from "../../modal/modalContainer/index.js";
-import { ModalFooter as i } from "../../modal/modalFooter/index.js";
-import { ModalHeader as a } from "../../modal/modalHeader/index.js";
-import { TabButton as o } from "../../tab/tabButton/index.js";
-import { TabContainer as s } from "../../tab/tabContainer/index.js";
-/* empty css       */
-import { useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Image as f } from "lucide-react";
-import { useSlate as p } from "slate-react";
-//#region src/components/richText/insertImage/index.tsx
-function m(m) {
-	let { action: h, tabLabels: g = ["Adicionar URL", "Upload de arquivo"], modalCancelButton: _ = "Cancelar", modalConfirmButton: v = "Confirmar", modalInputImageLabel: y = "Imagem:", modalInputUrlLabel: b = "URL da imagem:", modalTitle: x = "Inserir imagem" } = m, S = p(), [C, w] = c(!1), [T, E] = c(""), [D, O] = c("url");
-	function k(e) {
-		e.preventDefault(), !(!T || T === "") && (S.insertNodes([
-			{
-				type: "paragraph",
-				children: [{ text: "" }]
-			},
-			{
-				type: "image",
-				src: T,
-				children: [{ text: "" }]
-			},
-			{
-				type: "paragraph",
-				children: [{ text: "" }]
-			}
-		]), w(!1));
-	}
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("button", {
-		type: "button",
-		className: "arkynRichTextInsertImage",
-		onMouseDown: () => w(!0),
-		children: /* @__PURE__ */ u(f, {})
-	}), /* @__PURE__ */ d(r, {
-		isVisible: C,
-		makeInvisible: () => w(!1),
-		children: [
-			/* @__PURE__ */ u(a, { children: x }),
-			/* @__PURE__ */ d("div", {
-				className: "arkynRichTextInsertImageModalContent",
-				children: [
-					/* @__PURE__ */ d(s, {
-						defaultValue: D,
-						onChange: O,
-						children: [/* @__PURE__ */ u(o, {
-							value: "url",
-							children: g[0]
-						}), /* @__PURE__ */ u(o, {
-							value: "file",
-							children: g[1]
-						})]
-					}),
-					D === "url" && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(t, {
-						type: "text",
-						name: "richTextImageURL",
-						label: b,
-						showAsterisk: !0,
-						defaultValue: T,
-						onChange: (e) => E(e.target.value)
-					}), T && /* @__PURE__ */ u("img", {
-						className: "arkynRichTextInsertImageModalPreviewImage",
-						src: T,
-						alt: "preview"
-					})] }),
-					D === "file" && /* @__PURE__ */ u(n, {
-						name: "richTextImageURL",
-						action: h,
-						label: y,
-						showAsterisk: !0,
-						defaultValue: T,
-						onChange: (e) => E(e)
-					})
-				]
-			}),
-			/* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u(e, {
-				type: "button",
-				scheme: "danger",
-				variant: "outline",
-				onClick: () => w(!1),
-				children: _
-			}), /* @__PURE__ */ u(e, {
-				type: "button",
-				onClick: k,
-				children: v
-			})] })
-		]
-	})] });
-}
-//#endregion
-export { m as InsertImage };

package/dist/modules/components/richText/insertVideo/index.js

@@ -1,86 +0,0 @@
-import { Button as e } from "../../button/index.js";
-import { Input as t } from "../../input/index.js";
-import { ModalContainer as n } from "../../modal/modalContainer/index.js";
-import { ModalFooter as r } from "../../modal/modalFooter/index.js";
-import { ModalHeader as i } from "../../modal/modalHeader/index.js";
-/* empty css       */
-import { useEffect as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Video as u } from "lucide-react";
-import { useSlate as d } from "slate-react";
-//#region src/components/richText/insertVideo/index.tsx
-function f(f) {
-	let { modalCancelButton: p = "Cancelar", modalConfirmButton: m = "Confirmar", modalInputUrlLabel: h = "URL do vídeo:", modalTitle: g = "Inserir vídeo", invalidUrlMessage: _ = "URL inválida" } = f, v = d(), [y, b] = o(!1), [x, S] = o(""), [C, w] = o(""), [T, E] = o("");
-	function D(e) {
-		if (e.preventDefault(), !x || x === "") return;
-		let t = `https://www.youtube.com/embed/${x}`;
-		v.insertNodes([
-			{
-				type: "paragraph",
-				children: [{ text: "" }]
-			},
-			{
-				type: "video",
-				src: t,
-				children: [{ text: "" }]
-			},
-			{
-				type: "paragraph",
-				children: [{ text: "" }]
-			}
-		]), b(!1);
-	}
-	return a(() => {
-		if (!C || C === "") return;
-		S(""), E("");
-		let e = new URLSearchParams(C.split("?")[1]).get("v");
-		e ? S(e) : E(_);
-	}, [C]), a(() => {
-		y || (S(""), w(""), E(""));
-	}, [y]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
-		type: "button",
-		className: "arkynRichTextInsertVideo",
-		onMouseDown: () => b(!0),
-		children: /* @__PURE__ */ c(u, {})
-	}), /* @__PURE__ */ l(n, {
-		isVisible: y,
-		makeInvisible: () => b(!1),
-		children: [
-			/* @__PURE__ */ c(i, { children: g }),
-			/* @__PURE__ */ l("div", {
-				className: "arkynRichTextInsertVideoModalContent",
-				children: [/* @__PURE__ */ c(t, {
-					type: "text",
-					name: "richTextVideoURL",
-					label: h,
-					showAsterisk: !0,
-					defaultValue: C,
-					onChange: (e) => w(e.target.value),
-					errorMessage: T
-				}), x && /* @__PURE__ */ c("iframe", {
-					width: "auto",
-					height: "315",
-					src: `https://www.youtube.com/embed/${x}`,
-					title: "YouTube video player",
-					allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-					referrerPolicy: "strict-origin-when-cross-origin",
-					allowFullScreen: !0
-				})]
-			}),
-			/* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(e, {
-				type: "button",
-				scheme: "danger",
-				variant: "outline",
-				onClick: () => b(!1),
-				children: p
-			}), /* @__PURE__ */ c(e, {
-				disabled: !x,
-				type: "button",
-				onClick: D,
-				children: m
-			})] })
-		]
-	})] });
-}
-//#endregion
-export { f as InsertVideo };