@arkyn/components 3.0.1-beta.154 → 3.0.1-beta.156

package/dist/modules/hooks/useAutomation.js

@@ -0,0 +1,28 @@
+import { useEffect as h } from "react";
+import { scroller as A } from "react-scroll";
+import { useModal as j } from "./useModal.js";
+import { useToast as v } from "./useToast.js";
+import { badResponses as w } from "../templates/badResponses.js";
+import { successResponses as x } from "../templates/successResponses.js";
+function B(c) {
+  var t, T, g, y;
+  const { closeAll: E } = j(), { showToast: i } = v(), b = c == null ? void 0 : c.closeModal, l = c == null ? void 0 : c.message, r = c == null ? void 0 : c.name, d = (T = (t = c == null ? void 0 : c.cause) == null ? void 0 : t.data) == null ? void 0 : T.scrollTo, u = (g = c == null ? void 0 : c.cause) != null && g.fieldErrors ? Object.values((y = c == null ? void 0 : c.cause) == null ? void 0 : y.fieldErrors)[0] : null;
+  function M() {
+    if (!(!l && !u)) {
+      if (x.includes(r))
+        return i({ message: l, type: "success" });
+      if (w.includes(r)) {
+        if (u)
+          return i({ message: u, type: "danger" });
+        if (l !== "Unprocessable entity")
+          return i({ message: l, type: "danger" });
+      }
+    }
+  }
+  h(() => {
+    b && E(), d && A.scrollTo(d, { smooth: !0, offset: 20 }), M();
+  }, [c]);
+}
+export {
+  B as useAutomation
+};

package/dist/modules/hooks/useDrawer.js

@@ -0,0 +1,20 @@
+import { useContext as D } from "react";
+import { drawerContext as p } from "../providers/drawerProvider.js";
+function l(r) {
+  const e = D(p);
+  if (Object.entries(e).length === 0)
+    throw new Error("useDrawer must be used within a Provider");
+  if (r) {
+    const {
+      drawerData: t,
+      drawerIsOpen: o,
+      openDrawer: n,
+      closeDrawer: a
+    } = e, s = o(r), w = t(r);
+    return { drawerIsOpen: s, drawerData: w, openDrawer: (c) => n(r, c), closeDrawer: () => a(r) };
+  } else
+    return e;
+}
+export {
+  l as useDrawer
+};

package/dist/modules/hooks/useForm.js

@@ -0,0 +1,8 @@
+import { useContext as t } from "react";
+import { formContext as o } from "../providers/formProvider.js";
+function m() {
+  return t(o);
+}
+export {
+  m as useForm
+};

package/dist/modules/hooks/useHydrated.js

@@ -0,0 +1,15 @@
+import { useSyncExternalStore as r } from "react";
+function e() {
+  return () => {
+  };
+}
+function n() {
+  return r(
+    e,
+    () => !0,
+    () => !1
+  );
+}
+export {
+  n as useHydrated
+};

package/dist/modules/hooks/useModal.js

@@ -0,0 +1,20 @@
+import { useContext as r } from "react";
+import { modalContext as M } from "../providers/modalProvider.js";
+function x(o) {
+  const t = r(M);
+  if (Object.entries(t).length === 0)
+    throw new Error("useModal must be used within a Provider");
+  if (o) {
+    const {
+      modalData: e,
+      modalIsOpen: n,
+      openModal: a,
+      closeModal: l
+    } = t, s = n(o), d = e(o);
+    return { modalIsOpen: s, modalData: d, openModal: (c) => a(o, c), closeModal: () => l(o) };
+  } else
+    return t;
+}
+export {
+  x as useModal
+};

package/dist/modules/hooks/useScopedParams.js

@@ -0,0 +1,18 @@
+function i(n, c = "") {
+  const t = new URLSearchParams(n), a = c ? `${c}:` : "", o = (r) => {
+    Object.entries(r).forEach(([e, s]) => {
+      s === void 0 ? t.delete(`${a}${e}`) : t.set(`${a}${e}`, String(s));
+    });
+  };
+  return {
+    getParam: (r) => t.get(`${a}${r}`),
+    getScopedSearch: (r) => {
+      o(r);
+      let e = t.toString();
+      return e && (e = "?" + e), e;
+    }
+  };
+}
+export {
+  i as useScopedParams
+};

package/dist/modules/hooks/useScrollLock.js

@@ -0,0 +1,21 @@
+import { useEffect as c } from "react";
+function l() {
+  return typeof window > "u" ? 0 : window.innerWidth - document.documentElement.clientWidth;
+}
+function u(t) {
+  c(() => {
+    if (t) {
+      const e = document.body.style.overflow, n = document.body.style.paddingRight, o = l();
+      if (o > 0) {
+        const d = window.getComputedStyle(document.body), i = parseInt(d.paddingRight) || 0;
+        document.body.style.paddingRight = `${i + o}px`;
+      }
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = e, document.body.style.paddingRight = n;
+      };
+    }
+  }, [t]);
+}
+export {
+  u as useScrollLock
+};

package/dist/modules/hooks/useSearchAutomation.js

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

package/dist/modules/hooks/useSlider.js

@@ -0,0 +1,14 @@
+import { useState as f } from "react";
+function c(r) {
+  function t() {
+    return !r || r <= 0 ? 0 : r >= 100 ? 100 : r;
+  }
+  const [i, e] = f(t());
+  function u(n) {
+    return n <= 0 ? e(0) : n >= 100 ? e(100) : e(n);
+  }
+  return [i, u];
+}
+export {
+  c as useSlider
+};

package/dist/modules/hooks/useToast.js

@@ -0,0 +1,11 @@
+import { toastContext as e } from "../providers/toastProvider.js";
+import { useContext as o } from "react";
+function s() {
+  const t = o(e);
+  if (Object.entries(t).length === 0)
+    throw new Error("useToast must be used within a Provider");
+  return t;
+}
+export {
+  s as useToast
+};

package/dist/modules/index.js

@@ -0,0 +1,144 @@
+import { AlertContainer as e } from "./components/alert/alertContainer/index.js";
+import { AlertContent as p } from "./components/alert/alertContent/index.js";
+import { AlertDescription as x } from "./components/alert/alertDescription/index.js";
+import { AlertIcon as a } from "./components/alert/alertIcon/index.js";
+import { AlertTitle as i } from "./components/alert/alertTitle/index.js";
+import { AudioPlayer as d } from "./components/audioPlayer/index.js";
+import { AudioUpload as c } from "./components/audioUpload/index.js";
+import { Badge as T } from "./components/badge/index.js";
+import { Button as P } from "./components/button/index.js";
+import { Calendar as A } from "./components/calendar/index.js";
+import { CardTabButton as M } from "./components/cardTab/cardTabButton/index.js";
+import { CardTabContainer as g } from "./components/cardTab/cardTabContainer/index.js";
+import { Checkbox as v } from "./components/checkbox/index.js";
+import { ClientOnly as I } from "./components/clientOnly.js";
+import { CurrencyInput as y } from "./components/currencyInput/index.js";
+import { Divider as H } from "./components/divider/index.js";
+import { DrawerContainer as R } from "./components/drawer/drawerContainer/index.js";
+import { DrawerHeader as U } from "./components/drawer/drawerHeader/index.js";
+import { FacebookPixel as V } from "./components/facebookPixel/index.js";
+import { FieldError as O } from "./components/fieldError/index.js";
+import { FieldLabel as j } from "./components/fieldLabel/index.js";
+import { FieldWrapper as z } from "./components/fieldWrapper/index.js";
+import { FileUpload as K } from "./components/fileUpload/index.js";
+import { FullCalendar as Q } from "./components/fullCalendar/index.js";
+import { GoogleAnalytics as Y } from "./components/googleAnalytics/index.js";
+import { GoogleTagManager as _ } from "./components/googleTagManager/index.js";
+import { IconButton as oo } from "./components/iconButton/index.js";
+import { ImageUpload as eo } from "./components/imageUpload/index.js";
+import { Input as po } from "./components/input/index.js";
+import { MapView as xo } from "./components/mapView/index.js";
+import { MaskedInput as ao } from "./components/maskedInput/index.js";
+import { ModalContainer as io } from "./components/modal/modalContainer/index.js";
+import { ModalFooter as uo } from "./components/modal/modalFooter/index.js";
+import { ModalHeader as so } from "./components/modal/modalHeader/index.js";
+import { MultiSelect as Co } from "./components/multiSelect/index.js";
+import { Pagination as bo } from "./components/pagination/index.js";
+import { PhoneInput as Fo } from "./components/phoneInput/index.js";
+import { Popover as So } from "./components/popover/index.js";
+import { RadioBox as ho } from "./components/radio/radioBox/index.js";
+import { RadioGroup as Bo } from "./components/radio/radioGroup/index.js";
+import { RichText as wo } from "./components/richText/index.js";
+import { SearchPlaces as Do } from "./components/searchPlaces.js";
+import { Select as ko } from "./components/select/index.js";
+import { Slider as Go } from "./components/slider/index.js";
+import { Switch as Lo } from "./components/switch/index.js";
+import { TabButton as Eo } from "./components/tab/tabButton/index.js";
+import { TabContainer as Wo } from "./components/tab/tabContainer/index.js";
+import { TableBody as qo } from "./components/table/tableBody/index.js";
+import { TableCaption as Jo } from "./components/table/tableCaption/index.js";
+import { TableContainer as No } from "./components/table/tableContainer/index.js";
+import { TableFooter as Xo } from "./components/table/tableFooter/index.js";
+import { TableHeader as Zo } from "./components/table/tableHeader/index.js";
+import { Textarea as $o } from "./components/textarea/index.js";
+import { Tooltip as rr } from "./components/tooltip/index.js";
+import { useAutomation as tr } from "./hooks/useAutomation.js";
+import { useDrawer as mr } from "./hooks/useDrawer.js";
+import { useForm as fr } from "./hooks/useForm.js";
+import { useHydrated as lr } from "./hooks/useHydrated.js";
+import { useModal as nr } from "./hooks/useModal.js";
+import { useScopedParams as ur } from "./hooks/useScopedParams.js";
+import { useScrollLock as sr } from "./hooks/useScrollLock.js";
+import { useSearchAutomation as Cr } from "./hooks/useSearchAutomation.js";
+import { useSlider as br } from "./hooks/useSlider.js";
+import { useToast as Fr } from "./hooks/useToast.js";
+import { DrawerProvider as Sr } from "./providers/drawerProvider.js";
+import { FormProvider as hr } from "./providers/formProvider.js";
+import { ModalProvider as Br } from "./providers/modalProvider.js";
+import { PlacesProvider as wr } from "./providers/placesProvider.js";
+import { ToastProvider as Dr } from "./providers/toastProvider.js";
+import { toHtml as kr } from "./services/toHtml.js";
+import { toRichTextValue as Gr } from "./services/toRichTextValue.js";
+export {
+  e as AlertContainer,
+  p as AlertContent,
+  x as AlertDescription,
+  a as AlertIcon,
+  i as AlertTitle,
+  d as AudioPlayer,
+  c as AudioUpload,
+  T as Badge,
+  P as Button,
+  A as Calendar,
+  M as CardTabButton,
+  g as CardTabContainer,
+  v as Checkbox,
+  I as ClientOnly,
+  y as CurrencyInput,
+  H as Divider,
+  R as DrawerContainer,
+  U as DrawerHeader,
+  Sr as DrawerProvider,
+  V as FacebookPixel,
+  O as FieldError,
+  j as FieldLabel,
+  z as FieldWrapper,
+  K as FileUpload,
+  hr as FormProvider,
+  Q as FullCalendar,
+  Y as GoogleAnalytics,
+  _ as GoogleTagManager,
+  oo as IconButton,
+  eo as ImageUpload,
+  po as Input,
+  xo as MapView,
+  ao as MaskedInput,
+  io as ModalContainer,
+  uo as ModalFooter,
+  so as ModalHeader,
+  Br as ModalProvider,
+  Co as MultiSelect,
+  bo as Pagination,
+  Fo as PhoneInput,
+  wr as PlacesProvider,
+  So as Popover,
+  ho as RadioBox,
+  Bo as RadioGroup,
+  wo as RichText,
+  Do as SearchPlaces,
+  ko as Select,
+  Go as Slider,
+  Lo as Switch,
+  Eo as TabButton,
+  Wo as TabContainer,
+  qo as TableBody,
+  Jo as TableCaption,
+  No as TableContainer,
+  Xo as TableFooter,
+  Zo as TableHeader,
+  $o as Textarea,
+  Dr as ToastProvider,
+  rr as Tooltip,
+  kr as toHtml,
+  Gr as toRichTextValue,
+  tr as useAutomation,
+  mr as useDrawer,
+  fr as useForm,
+  lr as useHydrated,
+  nr as useModal,
+  ur as useScopedParams,
+  sr as useScrollLock,
+  Cr as useSearchAutomation,
+  br as useSlider,
+  Fr as useToast
+};

package/dist/modules/providers/drawerProvider.js

@@ -0,0 +1,31 @@
+import { jsx as w } from "react/jsx-runtime";
+import { useState as p, createContext as D } from "react";
+const m = D({});
+function C(a) {
+  const { children: s = !1 } = a, [t, n] = p([]);
+  function i(e) {
+    return !!t.some((r) => r.key === e);
+  }
+  function f(e) {
+    var r;
+    return (r = t.find((o) => o.key === e)) == null ? void 0 : r.data;
+  }
+  function c(e, r) {
+    const o = i(e);
+    n(o ? (u) => [...u.filter((l) => l.key !== e), { key: e, data: r }] : [...t, { key: e, data: r }]);
+  }
+  function d(e) {
+    n(t.filter((r) => r.key !== e));
+  }
+  return /* @__PURE__ */ w(
+    m.Provider,
+    {
+      value: { drawerIsOpen: i, drawerData: f, openDrawer: c, closeDrawer: d },
+      children: s
+    }
+  );
+}
+export {
+  C as DrawerProvider,
+  m as drawerContext
+};

package/dist/modules/providers/formProvider.js

@@ -0,0 +1,18 @@
+import { jsxs as n } from "react/jsx-runtime";
+import { cloneElement as i, createContext as m } from "react";
+const c = m({});
+function s(e) {
+  const { children: o, fieldErrors: t, form: r } = e;
+  return /* @__PURE__ */ n(c.Provider, { value: { fieldErrors: t }, children: [
+    !r && o,
+    r && i(
+      r,
+      r.props,
+      o
+    )
+  ] });
+}
+export {
+  s as FormProvider,
+  c as formContext
+};

package/dist/modules/providers/modalProvider.js

@@ -0,0 +1,34 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useState as x, createContext as M } from "react";
+const v = M({});
+function P(i) {
+  const { children: d = !1 } = i, [t, n] = x([]);
+  function l(e) {
+    return !!t.some((o) => o.key === e);
+  }
+  function s(e) {
+    var o;
+    return (o = t.find((r) => r.key === e)) == null ? void 0 : o.data;
+  }
+  function a(e, o) {
+    const r = l(e);
+    n(r ? (u) => [...u.filter((m) => m.key !== e), { key: e, data: o }] : [...t, { key: e, data: o }]);
+  }
+  function c(e) {
+    n(t.filter((o) => o.key !== e));
+  }
+  function f() {
+    n([]);
+  }
+  return /* @__PURE__ */ p(
+    v.Provider,
+    {
+      value: { modalIsOpen: l, modalData: s, openModal: a, closeModal: c, closeAll: f },
+      children: d
+    }
+  );
+}
+export {
+  P as ModalProvider,
+  v as modalContext
+};

package/dist/modules/providers/placesProvider.js

@@ -0,0 +1,18 @@
+import { jsx as i, Fragment as s } from "react/jsx-runtime";
+import { useLoadScript as a } from "@react-google-maps/api";
+const p = [
+  "places",
+  "marker",
+  "maps"
+];
+function l(e) {
+  const { apiKey: o, children: r, preventFontsLoading: n = !0 } = e, { isLoaded: t } = a({
+    googleMapsApiKey: o,
+    libraries: p,
+    preventGoogleFontsLoading: n
+  });
+  return /* @__PURE__ */ i(s, { children: r(t) });
+}
+export {
+  l as PlacesProvider
+};

package/dist/modules/providers/toastProvider.js

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

package/dist/modules/services/extractTextFromNode.js

@@ -0,0 +1,7 @@
+import { Node as t } from "slate";
+function n(o) {
+  return o.map((r) => t.string(r)).join("");
+}
+export {
+  n as extractTextFromNode
+};

package/dist/modules/services/fieldTemplate.js

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

package/dist/modules/services/iconRenderer.js

@@ -0,0 +1,8 @@
+import { jsx as e, Fragment as t } from "react/jsx-runtime";
+function f(i) {
+  const { iconSize: o, icon: r, className: n, show: c = !0 } = i;
+  return c ? r ? typeof r == "string" ? /* @__PURE__ */ e("p", { className: n, children: r }) : /* @__PURE__ */ e(r, { size: o, strokeWidth: 2.5, className: n }) : /* @__PURE__ */ e(t, {}) : /* @__PURE__ */ e(t, {});
+}
+export {
+  f as IconRenderer
+};

package/dist/modules/services/isBlockActive.js

@@ -0,0 +1,15 @@
+import { Editor as n, Element as s } from "slate";
+function m(t, r, c = "type") {
+  const { selection: o } = t;
+  if (!o) return !1;
+  const [i] = Array.from(
+    n.nodes(t, {
+      at: n.unhangRange(t, o),
+      match: (e) => !n.isEditor(e) && s.isElement(e) && e[c] === r
+    })
+  );
+  return !!i;
+}
+export {
+  m as isBlockActive
+};

package/dist/modules/services/isMarkActive.js

@@ -0,0 +1,8 @@
+import { Editor as e } from "slate";
+function s(t, o) {
+  const r = e.marks(t);
+  return r ? r[o] === !0 : !1;
+}
+export {
+  s as isMarkActive
+};

package/dist/modules/services/maskCurrencyValues.js

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

package/dist/modules/services/toHtml.js

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

package/dist/modules/services/toRichTextValue.js

@@ -0,0 +1,9 @@
+import f from "html-react-parser";
+import { deserialize as e } from "../utils/richTextUtilities.js";
+function p(i) {
+  const r = f(i);
+  return Array.isArray(r) ? r.map((t) => typeof t == "string" ? { text: t } : e(t)) : typeof r == "string" ? [{ text: r }] : [e(r)];
+}
+export {
+  p as toRichTextValue
+};

package/dist/modules/services/toggleBlock.js

@@ -0,0 +1,20 @@
+import { Transforms as o, Editor as y, Element as d } from "slate";
+import { listTypes as n, textAlignTypes as p } from "../templates/richTextTemplates.js";
+import { isBlockActive as m } from "./isBlockActive.js";
+function g(t, e) {
+  const r = p.includes(e) ? "align" : "type", i = m(t, e, r), c = n.includes(e);
+  o.unwrapNodes(t, {
+    match: (s) => !y.isEditor(s) && d.isElement(s) && n.includes(s.type) && !p.includes(e),
+    split: !0
+  });
+  let l;
+  if (p.includes(e) ? l = { align: i ? void 0 : e } : l = {
+    type: i ? "paragraph" : c ? "listItem" : e
+  }, o.setNodes(t, l), !i && c) {
+    const s = { type: e, children: [] };
+    o.wrapNodes(t, s);
+  }
+}
+export {
+  g as toggleBlock
+};

package/dist/modules/services/toggleMark.js

@@ -0,0 +1,8 @@
+import { Editor as r } from "slate";
+import { isMarkActive as t } from "./isMarkActive.js";
+function k(i, e) {
+  t(i, e) ? r.removeMark(i, e) : r.addMark(i, e, !0);
+}
+export {
+  k as toggleMark
+};