@arkyn/components 3.0.1-beta.20 → 3.0.1-beta.200

package/dist/modules/hooks/useAutomation.js

@@ -0,0 +1,45 @@
+import { badResponses as e } from "../templates/badResponses.js";
+import { successResponses as t } from "../templates/successResponses.js";
+import { useModal as n } from "./useModal.js";
+import { useToast as r } from "./useToast.js";
+import { useCallback as i, useEffect as a } from "react";
+import { scroller as o } from "react-scroll";
+//#region src/hooks/useAutomation.ts
+function s(s) {
+	let { closeAll: c } = n(), { showToast: l } = r(), u = s?.closeModal, d = s?.message, f = s?.name, p = s?.cause?.data?.scrollTo, m = s?.cause?.fieldErrors ? Object.values(s?.cause?.fieldErrors)[0] : null, h = i(() => {
+		if (!(!d && !m)) {
+			if (t.includes(f)) return l({
+				message: d,
+				type: "success"
+			});
+			if (e.includes(f)) {
+				if (m) return l({
+					message: m,
+					type: "danger"
+				});
+				if (d !== "Unprocessable entity") return l({
+					message: d,
+					type: "danger"
+				});
+			}
+		}
+	}, [
+		d,
+		m,
+		f,
+		l
+	]);
+	a(() => {
+		u && c(), p && o.scrollTo(p, {
+			smooth: !0,
+			offset: 20
+		}), h();
+	}, [
+		u,
+		p,
+		h,
+		c
+	]);
+}
+//#endregion
+export { s as useAutomation };

package/dist/modules/hooks/useDrawer.js

@@ -0,0 +1,18 @@
+import { drawerContext as e } from "../providers/drawerProvider.js";
+import { useContext as t } from "react";
+//#region src/hooks/useDrawer.ts
+function n(n) {
+	let r = t(e);
+	if (Object.entries(r).length === 0) throw Error("useDrawer must be used within a Provider");
+	if (n) {
+		let { drawerData: e, drawerIsOpen: t, openDrawer: i, closeDrawer: a } = r;
+		return {
+			drawerIsOpen: t(n),
+			drawerData: e(n),
+			openDrawer: (e) => i(n, e),
+			closeDrawer: () => a(n)
+		};
+	} else return r;
+}
+//#endregion
+export { n as useDrawer };

package/dist/modules/hooks/useForm.js

@@ -0,0 +1,8 @@
+import { formContext as e } from "../providers/formProvider.js";
+import { useContext as t } from "react";
+//#region src/hooks/useForm.ts
+function n() {
+	return t(e);
+}
+//#endregion
+export { n as useForm };

package/dist/modules/hooks/useHydrated.js

@@ -0,0 +1,10 @@
+import { useSyncExternalStore as e } from "react";
+//#region src/hooks/useHydrated.ts
+function t() {
+	return () => {};
+}
+function n() {
+	return e(t, () => !0, () => !1);
+}
+//#endregion
+export { n as useHydrated };

package/dist/modules/hooks/useModal.js

@@ -0,0 +1,18 @@
+import { modalContext as e } from "../providers/modalProvider.js";
+import { useContext as t } from "react";
+//#region src/hooks/useModal.ts
+function n(n) {
+	let r = t(e);
+	if (Object.entries(r).length === 0) throw Error("useModal must be used within a Provider");
+	if (n) {
+		let { modalData: e, modalIsOpen: t, openModal: i, closeModal: a } = r;
+		return {
+			modalIsOpen: t(n),
+			modalData: e(n),
+			openModal: (e) => i(n, e),
+			closeModal: () => a(n)
+		};
+	} else return r;
+}
+//#endregion
+export { n as useModal };

package/dist/modules/hooks/useScopedParams.js

@@ -0,0 +1,18 @@
+//#region src/hooks/useScopedParams.ts
+function e(e, t = "") {
+	let n = new URLSearchParams(e), r = t ? `${t}:` : "", i = (e) => {
+		Object.entries(e).forEach(([e, t]) => {
+			t === void 0 ? n.delete(`${r}${e}`) : n.set(`${r}${e}`, String(t));
+		});
+	};
+	return {
+		getParam: (e) => n.get(`${r}${e}`),
+		getScopedSearch: (e) => {
+			i(e);
+			let t = n.toString();
+			return t &&= `?${t}`, t;
+		}
+	};
+}
+//#endregion
+export { e as useScopedParams };

package/dist/modules/hooks/useScrollLock.js

@@ -0,0 +1,21 @@
+import { useEffect as e } from "react";
+//#region src/hooks/useScrollLock.ts
+function t() {
+	return typeof window > "u" ? 0 : window.innerWidth - document.documentElement.clientWidth;
+}
+function n(n) {
+	e(() => {
+		if (n) {
+			let e = document.body.style.overflow, n = document.body.style.paddingRight, r = t();
+			if (r > 0) {
+				let e = window.getComputedStyle(document.body), t = parseInt(e.paddingRight, 10) || 0;
+				document.body.style.paddingRight = `${t + r}px`;
+			}
+			return document.body.style.overflow = "hidden", () => {
+				document.body.style.overflow = e, document.body.style.paddingRight = n;
+			};
+		}
+	}, [n]);
+}
+//#endregion
+export { n as useScrollLock };

package/dist/modules/hooks/useSearchAutomation.js

@@ -0,0 +1,34 @@
+import { badResponses as e } from "../templates/badResponses.js";
+import { successResponses as t } from "../templates/successResponses.js";
+import { useModal as n } from "./useModal.js";
+import { useToast as r } from "./useToast.js";
+import { useScopedParams as i } from "./useScopedParams.js";
+import { useEffect as a } from "react";
+//#region src/hooks/useSearchAutomation.ts
+function o(o, s = "") {
+	let { closeAll: c } = n(), { showToast: l } = r(), { getParam: u } = i(o, s), d = u("closeModal") === "true", f = u("message"), p = u("name"), m = u("type");
+	a(() => {
+		d && c(), f && (m === "success" && l({
+			message: f,
+			type: "success"
+		}), m === "danger" && l({
+			message: f,
+			type: "danger"
+		}), p && e.includes(p) && !e.includes(f) && l({
+			message: f,
+			type: "danger"
+		}), p && t.includes(p) && !t.includes(f) && l({
+			message: f,
+			type: "success"
+		}));
+	}, [
+		d,
+		f,
+		p,
+		m,
+		l,
+		c
+	]);
+}
+//#endregion
+export { o as useSearchAutomation };

package/dist/modules/hooks/useSlider.js

@@ -0,0 +1,14 @@
+import { useState as e } from "react";
+//#region src/hooks/useSlider.ts
+function t(t) {
+	function n() {
+		return !t || t <= 0 ? 0 : t >= 100 ? 100 : t;
+	}
+	let [r, i] = e(n());
+	function a(e) {
+		return i(e <= 0 ? 0 : e >= 100 ? 100 : e);
+	}
+	return [r, a];
+}
+//#endregion
+export { t as useSlider };

package/dist/modules/hooks/useToast.js

@@ -0,0 +1,10 @@
+import { toastContext as e } from "../providers/toastProvider.js";
+import { useContext as t } from "react";
+//#region src/hooks/useToast.ts
+function n() {
+	let n = t(e);
+	if (Object.entries(n).length === 0) throw Error("useToast must be used within a Provider");
+	return n;
+}
+//#endregion
+export { n as useToast };

package/dist/modules/index.js

@@ -0,0 +1,72 @@
+import { AlertTitle as e } from "./components/alert/alertTitle/index.js";
+import { AlertContainer as t } from "./components/alert/alertContainer/index.js";
+import { AlertContent as n } from "./components/alert/alertContent/index.js";
+import { AlertDescription as r } from "./components/alert/alertDescription/index.js";
+import { AlertIcon as i } from "./components/alert/alertIcon/index.js";
+import { useSlider as a } from "./hooks/useSlider.js";
+import { Slider as o } from "./components/slider/index.js";
+import { AudioPlayer as s } from "./components/audioPlayer/index.js";
+import { FormProvider as c } from "./providers/formProvider.js";
+import { useForm as l } from "./hooks/useForm.js";
+import { FieldError as u } from "./components/fieldError/index.js";
+import { FieldLabel as d } from "./components/fieldLabel/index.js";
+import { FieldWrapper as f } from "./components/fieldWrapper/index.js";
+import { Button as p } from "./components/button/index.js";
+import { Divider as m } from "./components/divider/index.js";
+import { IconButton as h } from "./components/iconButton/index.js";
+import { Tooltip as g } from "./components/tooltip/index.js";
+import { AudioUpload as _ } from "./components/audioUpload/index.js";
+import { Badge as v } from "./components/badge/index.js";
+import { useScrollLock as y } from "./hooks/useScrollLock.js";
+import { Input as b } from "./components/input/index.js";
+import { Select as x } from "./components/select/index.js";
+import { Calendar as S } from "./components/calendar/index.js";
+import { CardTabButton as C } from "./components/cardTab/cardTabButton/index.js";
+import { CardTabContainer as w } from "./components/cardTab/cardTabContainer/index.js";
+import { Checkbox as T } from "./components/checkbox/index.js";
+import { useHydrated as E } from "./hooks/useHydrated.js";
+import { ClientOnly as D } from "./components/clientOnly.js";
+import { CurrencyInput as O } from "./components/currencyInput/index.js";
+import { DrawerContainer as k } from "./components/drawer/drawerContainer/index.js";
+import { DrawerHeader as A } from "./components/drawer/drawerHeader/index.js";
+import { FacebookPixel as j } from "./components/facebookPixel/index.js";
+import { FileUpload as M } from "./components/fileUpload/index.js";
+import { FullCalendar as N } from "./components/fullCalendar/index.js";
+import { GoogleAnalytics as P } from "./components/googleAnalytics/index.js";
+import { GoogleTagManager as F } from "./components/googleTagManager/index.js";
+import { ImageUpload as I } from "./components/imageUpload/index.js";
+import { MapView as L } from "./components/mapView/index.js";
+import { MaskedInput as R } from "./components/maskedInput/index.js";
+import { ModalContainer as z } from "./components/modal/modalContainer/index.js";
+import { ModalFooter as B } from "./components/modal/modalFooter/index.js";
+import { ModalHeader as V } from "./components/modal/modalHeader/index.js";
+import { MultiSelect as H } from "./components/multiSelect/index.js";
+import { Pagination as U } from "./components/pagination/index.js";
+import { PhoneInput as W } from "./components/phoneInput/index.js";
+import { Popover as G } from "./components/popover/index.js";
+import { RadioBox as K } from "./components/radio/radioBox/index.js";
+import { RadioGroup as q } from "./components/radio/radioGroup/index.js";
+import { TabButton as J } from "./components/tab/tabButton/index.js";
+import { TabContainer as Y } from "./components/tab/tabContainer/index.js";
+import { RichText as X } from "./components/richText/index.js";
+import { SearchPlaces as Z } from "./components/searchPlaces.js";
+import { Switch as Q } from "./components/switch/index.js";
+import { TableBody as $ } from "./components/table/tableBody/index.js";
+import { TableCaption as ee } from "./components/table/tableCaption/index.js";
+import { TableContainer as te } from "./components/table/tableContainer/index.js";
+import { TableFooter as ne } from "./components/table/tableFooter/index.js";
+import { TableHeader as re } from "./components/table/tableHeader/index.js";
+import { Textarea as ie } from "./components/textarea/index.js";
+import { ModalProvider as ae } from "./providers/modalProvider.js";
+import { useModal as oe } from "./hooks/useModal.js";
+import { ToastProvider as se } from "./providers/toastProvider.js";
+import { useToast as ce } from "./hooks/useToast.js";
+import { useAutomation as le } from "./hooks/useAutomation.js";
+import { DrawerProvider as ue } from "./providers/drawerProvider.js";
+import { useDrawer as de } from "./hooks/useDrawer.js";
+import { useScopedParams as fe } from "./hooks/useScopedParams.js";
+import { useSearchAutomation as pe } from "./hooks/useSearchAutomation.js";
+import { PlacesProvider as me } from "./providers/placesProvider.js";
+import { toHtml as he } from "./services/toHtml.js";
+import { toRichTextValue as ge } from "./services/toRichTextValue.js";
+export { t as AlertContainer, n as AlertContent, r as AlertDescription, i as AlertIcon, e as AlertTitle, s as AudioPlayer, _ as AudioUpload, v as Badge, p as Button, S as Calendar, C as CardTabButton, w as CardTabContainer, T as Checkbox, D as ClientOnly, O as CurrencyInput, m as Divider, k as DrawerContainer, A as DrawerHeader, ue as DrawerProvider, j as FacebookPixel, u as FieldError, d as FieldLabel, f as FieldWrapper, M as FileUpload, c as FormProvider, N as FullCalendar, P as GoogleAnalytics, F as GoogleTagManager, h as IconButton, I as ImageUpload, b as Input, L as MapView, R as MaskedInput, z as ModalContainer, B as ModalFooter, V as ModalHeader, ae as ModalProvider, H as MultiSelect, U as Pagination, W as PhoneInput, me as PlacesProvider, G as Popover, K as RadioBox, q as RadioGroup, X as RichText, Z as SearchPlaces, x as Select, o as Slider, Q as Switch, J as TabButton, Y as TabContainer, $ as TableBody, ee as TableCaption, te as TableContainer, ne as TableFooter, re as TableHeader, ie as Textarea, se as ToastProvider, g as Tooltip, he as toHtml, ge as toRichTextValue, le as useAutomation, de as useDrawer, l as useForm, E as useHydrated, oe as useModal, fe as useScopedParams, y as useScrollLock, pe as useSearchAutomation, a as useSlider, ce as useToast };

package/dist/modules/providers/drawerProvider.js

@@ -0,0 +1,36 @@
+import { createContext as e, useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/providers/drawerProvider.tsx
+var r = e({});
+function i(e) {
+	let { children: i = !1 } = e, [a, o] = t([]);
+	function s(e) {
+		return !!a.some((t) => t.key === e);
+	}
+	function c(e) {
+		return a.find((t) => t.key === e)?.data;
+	}
+	function l(e, t) {
+		s(e) ? o((n) => [...n.filter((t) => t.key !== e), {
+			key: e,
+			data: t
+		}]) : o([...a, {
+			key: e,
+			data: t
+		}]);
+	}
+	function u(e) {
+		o(a.filter((t) => t.key !== e));
+	}
+	return /* @__PURE__ */ n(r.Provider, {
+		value: {
+			drawerIsOpen: s,
+			drawerData: c,
+			openDrawer: l,
+			closeDrawer: u
+		},
+		children: i
+	});
+}
+//#endregion
+export { i as DrawerProvider, r as drawerContext };

package/dist/modules/providers/formProvider.js

@@ -0,0 +1,13 @@
+import { cloneElement as e, createContext as t } from "react";
+import { jsxs as n } from "react/jsx-runtime";
+//#region src/providers/formProvider.tsx
+var r = t({});
+function i(t) {
+	let { children: i, fieldErrors: a, form: o } = t;
+	return /* @__PURE__ */ n(r.Provider, {
+		value: { fieldErrors: a },
+		children: [!o && i, o && e(o, o.props, i)]
+	});
+}
+//#endregion
+export { i as FormProvider, r as formContext };

package/dist/modules/providers/modalProvider.js

@@ -0,0 +1,40 @@
+import { createContext as e, useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/providers/modalProvider.tsx
+var r = e({});
+function i(e) {
+	let { children: i = !1 } = e, [a, o] = t([]);
+	function s(e) {
+		return !!a.some((t) => t.key === e);
+	}
+	function c(e) {
+		return a.find((t) => t.key === e)?.data;
+	}
+	function l(e, t) {
+		s(e) ? o((n) => [...n.filter((t) => t.key !== e), {
+			key: e,
+			data: t
+		}]) : o([...a, {
+			key: e,
+			data: t
+		}]);
+	}
+	function u(e) {
+		o(a.filter((t) => t.key !== e));
+	}
+	function d() {
+		o([]);
+	}
+	return /* @__PURE__ */ n(r.Provider, {
+		value: {
+			modalIsOpen: s,
+			modalData: c,
+			openModal: l,
+			closeModal: u,
+			closeAll: d
+		},
+		children: i
+	});
+}
+//#endregion
+export { i as ModalProvider, r as modalContext };

package/dist/modules/providers/placesProvider.js

@@ -0,0 +1,18 @@
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+import { useLoadScript as n } from "@react-google-maps/api";
+//#region src/providers/placesProvider.tsx
+var r = [
+	"places",
+	"marker",
+	"maps"
+];
+function i(i) {
+	let { apiKey: a, children: o, preventFontsLoading: s = !0 } = i, { isLoaded: c } = n({
+		googleMapsApiKey: a,
+		libraries: r,
+		preventGoogleFontsLoading: s
+	});
+	return /* @__PURE__ */ t(e, { children: o(c) });
+}
+//#endregion
+export { i as PlacesProvider };

package/dist/modules/providers/toastProvider.js

@@ -0,0 +1,46 @@
+import { createContext as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r, { Toaster as i } from "react-hot-toast";
+//#region src/providers/toastProvider.tsx
+var a = e({});
+function o({ children: e }) {
+	function o(e) {
+		switch (e.type) {
+			case "success": return r.success(e.message, {
+				style: {
+					background: "#10B981",
+					color: "#ffffff",
+					padding: "12px 16px",
+					fontSize: "14px",
+					fontWeight: 600
+				},
+				iconTheme: {
+					primary: "#059669",
+					secondary: "#ffffff"
+				}
+			});
+			case "danger": return r.error(e.message, {
+				style: {
+					background: "#E11D48",
+					color: "#ffffff",
+					padding: "12px 16px",
+					fontSize: "14px",
+					fontWeight: 600
+				},
+				iconTheme: {
+					primary: "#BE123C",
+					secondary: "#ffffff"
+				}
+			});
+		}
+	}
+	return /* @__PURE__ */ n(a.Provider, {
+		value: { showToast: o },
+		children: [/* @__PURE__ */ t(i, {
+			position: "top-right",
+			containerStyle: { zIndex: 999999999999999 }
+		}), e]
+	});
+}
+//#endregion
+export { o as ToastProvider, a as toastContext };

package/dist/modules/services/extractTextFromNode.js

@@ -0,0 +1,7 @@
+import { Node as e } from "slate";
+//#region src/services/extractTextFromNode.ts
+function t(t) {
+	return t.map((t) => e.string(t)).join("");
+}
+//#endregion
+export { t as extractTextFromNode };

package/dist/modules/services/fieldTemplate.js

@@ -0,0 +1,23 @@
+import { FieldError as e } from "../components/fieldError/index.js";
+import { FieldLabel as t } from "../components/fieldLabel/index.js";
+import { FieldWrapper as n } from "../components/fieldWrapper/index.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/services/fieldTemplate.tsx
+function a(a) {
+	let { name: o, label: s, showAsterisk: c, className: l, unShowFieldTemplate: u, errorMessage: d, children: f, orientation: p } = a;
+	return u ? f : /* @__PURE__ */ i(n, {
+		id: o,
+		className: l,
+		orientation: p,
+		children: [
+			s && /* @__PURE__ */ r(t, {
+				showAsterisk: c,
+				children: s
+			}),
+			f,
+			d && /* @__PURE__ */ r(e, { children: d })
+		]
+	});
+}
+//#endregion
+export { a as FieldTemplate };

package/dist/modules/services/iconRenderer.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/services/iconRenderer.tsx
+function t(t) {
+	let { iconSize: n, icon: r, className: i, show: a = !0 } = t;
+	return !a || !r ? null : typeof r == "string" ? /* @__PURE__ */ e("p", {
+		className: i,
+		children: r
+	}) : /* @__PURE__ */ e(r, {
+		size: n,
+		strokeWidth: 2.5,
+		className: i
+	});
+}
+//#endregion
+export { t as IconRenderer };

package/dist/modules/services/isBlockActive.js

@@ -0,0 +1,13 @@
+import { Editor as e, Element as t } from "slate";
+//#region src/services/isBlockActive.ts
+function n(n, r, i = "type") {
+	let { selection: a } = n;
+	if (!a) return !1;
+	let [o] = Array.from(e.nodes(n, {
+		at: e.unhangRange(n, a),
+		match: (n) => !e.isEditor(n) && t.isElement(n) && n[i] === r
+	}));
+	return !!o;
+}
+//#endregion
+export { n as isBlockActive };

package/dist/modules/services/isMarkActive.js

@@ -0,0 +1,8 @@
+import { Editor as e } from "slate";
+//#region src/services/isMarkActive.ts
+function t(t, n) {
+	let r = e.marks(t);
+	return r ? r[n] === !0 : !1;
+}
+//#endregion
+export { t as isMarkActive };

package/dist/modules/services/maskCurrencyValues.js

@@ -0,0 +1,13 @@
+import { formatToCurrency as e, removeNonNumeric as t } from "@arkyn/shared";
+//#region src/services/maskCurrencyValues.ts
+function n(e) {
+	let n = e;
+	return typeof e == "string" ? (n = +t(e), n % 1 != 0 && (n = n.toFixed(2))) : n = Number.isInteger(e) ? Number(e) * 10 ** 2 : e.toFixed(2), t(String(n)) / 10 ** 2;
+}
+function r(t, r) {
+	if (!t) return [0, e(0, r)];
+	let i = n(t);
+	return [i, e(i, r)];
+}
+//#endregion
+export { r as maskCurrencyValues, n as normalizeValue };

package/dist/modules/services/toHtml.js

@@ -0,0 +1,7 @@
+import { serialize as e } from "../utils/richTextUtilities.js";
+//#region src/services/toHtml.ts
+function t(t) {
+	return t.map((t) => e(t)).join("");
+}
+//#endregion
+export { t as toHtml };

package/dist/modules/services/toRichTextValue.js

@@ -0,0 +1,9 @@
+import { deserialize as e } from "../utils/richTextUtilities.js";
+import t from "html-react-parser";
+//#region src/services/toRichTextValue.ts
+function n(n) {
+	let r = t(n);
+	return Array.isArray(r) ? r.map((t) => typeof t == "string" ? { text: t } : e(t)) : typeof r == "string" ? [{ text: r }] : [e(r)];
+}
+//#endregion
+export { n as toRichTextValue };

package/dist/modules/services/toggleBlock.js

@@ -0,0 +1,21 @@
+import { listTypes as e, textAlignTypes as t } from "../templates/richTextTemplates.js";
+import { isBlockActive as n } from "./isBlockActive.js";
+import { Editor as r, Element as i, Transforms as a } from "slate";
+//#region src/services/toggleBlock.ts
+function o(o, s) {
+	let c = n(o, s, t.includes(s) ? "align" : "type"), l = e.includes(s);
+	a.unwrapNodes(o, {
+		match: (n) => !r.isEditor(n) && i.isElement(n) && e.includes(n.type) && !t.includes(s),
+		split: !0
+	});
+	let u;
+	if (u = t.includes(s) ? { align: c ? void 0 : s } : { type: c ? "paragraph" : l ? "listItem" : s }, a.setNodes(o, u), !c && l) {
+		let e = {
+			type: s,
+			children: []
+		};
+		a.wrapNodes(o, e);
+	}
+}
+//#endregion
+export { o as toggleBlock };

package/dist/modules/services/toggleMark.js

@@ -0,0 +1,8 @@
+import { isMarkActive as e } from "./isMarkActive.js";
+import { Editor as t } from "slate";
+//#region src/services/toggleMark.ts
+function n(n, r) {
+	e(n, r) ? t.removeMark(n, r) : t.addMark(n, r, !0);
+}
+//#endregion
+export { n as toggleMark };