@plitzi/sdk-elements 0.30.19

package/dist/elements/internal/Loading/index.mjs

@@ -0,0 +1,42 @@
+import e from "./Loading.mjs";
+//#region src/elements/internal/Loading/index.ts
+var t = Object.assign(e, {
+	type: "loading",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Loading",
+			type: "loading",
+			description: "",
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !1,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "internal",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "https://cdn.plitzi.com/resources/img/favicon.svg"
+		},
+		defaultStyle: {
+			name: "Loading",
+			displayMode: "desktop",
+			style: { base: { default: {} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

package/dist/elements/internal/NotFound/NotFound.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+export type NotFoundProps = {
+    ref?: RefObject<HTMLElement | null>;
+    className?: string;
+};
+declare const NotFound: ({ ref, className }: NotFoundProps) => import("react/jsx-runtime").JSX.Element | undefined;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<NotFoundProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { NotFound };

package/dist/elements/internal/NotFound/NotFound.mjs

@@ -0,0 +1,20 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import n from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "clsx";
+import s from "@plitzi/sdk-shared/elements/hooks/useElement";
+var c = t(({ ref: t, className: c = "" }) => {
+	let { definition: { label: l } } = s(), { settings: { isHydrating: u, previewMode: d } } = n();
+	if (!(typeof window > "u" || d || u)) return /* @__PURE__ */ i(e, {
+		ref: t,
+		className: o("plitzi-component__not-found", c),
+		children: /* @__PURE__ */ a("span", { children: [l && /* @__PURE__ */ a(r, { children: [
+			"Component ",
+			/* @__PURE__ */ i("b", { children: l }),
+			" Not Found"
+		] }), !l && "Component Not Found"] })
+	});
+});
+//#endregion
+export { c as default };

package/dist/elements/internal/NotFound/index.d.ts

@@ -0,0 +1,51 @@
+declare const NotFound: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./NotFound').NotFoundProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {};
+        definition: {
+            label: string;
+            type: string;
+            description: string;
+            bindings: {};
+            styleSelectors: {
+                base: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: never[];
+            itemsNotAllowed: never[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {};
+                };
+            };
+        };
+        settings: {};
+    };
+};
+export default NotFound;
+export { NotFound };

package/dist/elements/internal/NotFound/index.mjs

@@ -0,0 +1,42 @@
+import e from "./NotFound.mjs";
+//#region src/elements/internal/NotFound/index.ts
+var t = Object.assign(e, {
+	type: "notFound",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Not Found",
+			type: "notFound",
+			description: "",
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !1,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "internal",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "https://cdn.plitzi.com/resources/img/favicon.svg"
+		},
+		defaultStyle: {
+			name: "Not Found",
+			displayMode: "desktop",
+			style: { base: { default: {} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as NotFound, t as default };

package/dist/elements/internal/Page/Page.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode, RefObject } from 'react';
+export type PageProps = {
+    ref?: RefObject<HTMLElement>;
+    seoEnabled?: boolean;
+    seoPageTitle?: string;
+    seoPageDescription?: string;
+    className?: string;
+    layout?: string;
+    layoutContainer?: string;
+    children?: ReactNode;
+};
+declare const Page: ({ ref, seoEnabled, seoPageTitle, seoPageDescription, className, layout, layoutContainer, children }: PageProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<PageProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { Page };

package/dist/elements/internal/Page/Page.mjs

@@ -0,0 +1,62 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "../LayoutContainer/index.mjs";
+import n from "../../../Element/hocs/withElement.mjs";
+import { use as r, useEffect as i, useMemo as a } from "react";
+import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "clsx";
+import u from "@plitzi/sdk-shared/elements/hooks/useElement";
+var d = n(({ ref: n, seoEnabled: d = !1, seoPageTitle: f = "Title", seoPageDescription: p = "Description", className: m = "", layout: h = "", layoutContainer: g = "", children: _ }) => {
+	let { id: v } = u(), { settings: { previewMode: y }, contexts: { NavigationContext: b, InteractionsContext: x } } = o(), { interactionsManager: S } = r(x), { Helmet: C, routeParams: w, queryParams: T } = r(b), E = a(() => ({
+		id: h,
+		rootId: v,
+		plitziElementLayout: {
+			bodyChildren: _,
+			containerId: g || h,
+			referenceId: v,
+			rootId: g || h,
+			type: "layout"
+		}
+	}), [
+		g,
+		h,
+		v,
+		_
+	]), D = a(() => ({ onPageLoad: {
+		action: "onPageLoad",
+		title: "On Page Load",
+		type: "trigger",
+		params: {},
+		preview: {
+			pageId: "",
+			routeParams: "",
+			queryParams: ""
+		}
+	} }), []);
+	return i(() => {
+		S.interactionTrigger(v, "onPageLoad", {
+			pageId: v,
+			routeParams: w,
+			queryParams: T
+		});
+	}, [
+		v,
+		S,
+		T,
+		w
+	]), /* @__PURE__ */ c(e, {
+		ref: n,
+		className: l("plitzi-component__page", m),
+		interactionTriggers: D,
+		children: [
+			d && y && C && /* @__PURE__ */ c(C, { children: [!!f && /* @__PURE__ */ s("title", { children: f }), !!p && /* @__PURE__ */ s("meta", {
+				name: "description",
+				content: p
+			})] }),
+			h && /* @__PURE__ */ s(t, { internalProps: E }),
+			!h && _
+		]
+	});
+});
+//#endregion
+export { d as default };

package/dist/elements/internal/Page/Settings.d.ts

@@ -0,0 +1,18 @@
+type SettingsProps = {
+    id?: string;
+    seoEnabled?: boolean;
+    enabled?: boolean;
+    name?: string;
+    folder?: string;
+    seoPageTitle?: string;
+    seoPageDescription?: string;
+    slug?: string;
+    layout?: string;
+    layoutContainer?: string;
+    accessLevel?: 'public' | 'authenticated' | '';
+    unauthorizedBehaviour?: '' | 'redirect';
+    unauthorizedPageRedirect?: string;
+    onUpdate?: (key: string, value: string | boolean | number) => void;
+};
+declare const Settings: ({ id, seoEnabled, enabled, name, folder, seoPageTitle, seoPageDescription, slug, layout, layoutContainer, accessLevel, unauthorizedBehaviour, unauthorizedPageRedirect, onUpdate }: SettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default Settings;

package/dist/elements/internal/Page/Settings.mjs

@@ -0,0 +1,236 @@
+import { useCallback as e, useMemo as t } from "react";
+import { get as n, pick as r } from "@plitzi/plitzi-ui/helpers";
+import { createStoreHook as i } from "@plitzi/sdk-store/createStore";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { getPageFullPath as c } from "@plitzi/sdk-navigation/NavigationHelper";
+import l from "@plitzi/plitzi-ui/Alert";
+import u from "@plitzi/plitzi-ui/Checkbox";
+import d from "@plitzi/plitzi-ui/Input";
+import f from "@plitzi/plitzi-ui/TextArea";
+import p from "@plitzi/plitzi-ui/Select";
+import m from "@plitzi/plitzi-ui/Select2";
+//#region src/elements/internal/Page/Settings.tsx
+var h = ({ id: h = "", seoEnabled: g = !1, enabled: _ = !0, name: v = "", folder: y = "", seoPageTitle: b = "Title", seoPageDescription: x = "Description", slug: S = "", layout: C = "", layoutContainer: w = "", accessLevel: T = "", unauthorizedBehaviour: E = "", unauthorizedPageRedirect: D = "", onUpdate: O }) => {
+	let { useStore: k } = i(), [[A, j, M]] = k([
+		"schema.flat",
+		"schema.pages",
+		"schema.pageFolders"
+	]), N = t(() => Object.values(A).filter((e) => n(e, "definition.type", "") === "layoutContainer"), [A]), P = t(() => C ? Object.values(A).filter((e) => n(e, "definition.type", "") === "container" && n(e, "definition.rootId", "") === C) : [], [A, C]), F = t(() => Object.values(r(A, j.filter((e) => e !== h))), [
+		A,
+		h,
+		j
+	]), I = e((e) => (t) => O?.(e, t), [O]), L = e((e) => {
+		O?.("name", e);
+		let t = v.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9]+)/gi, "");
+		(!S || S === t) && O?.("slug", e.replaceAll(" ", "-").toLowerCase().replaceAll(/([^a-z0-9-]+)/gi, ""));
+	}, [
+		O,
+		S,
+		v
+	]), R = e((e) => {
+		if (/^[a-zA-Z0-9:*/_-]+$/gim.test(e) || !e) {
+			let t = e.replaceAll("//", "/");
+			O?.("slug", t);
+		}
+	}, [O]), z = e((e) => {
+		O?.("layout", e), O?.("layoutContainer", "");
+	}, [O]), B = e((e) => {
+		O?.("accessLevel", e), O?.("unauthorizedBehaviour", ""), O?.("unauthorizedPageRedirect", "");
+	}, [O]), V = e((e) => O?.("seoEnabled", e.target.checked), [O]), H = e((e) => O?.("enabled", e.target.checked), [O]), U = e((e) => O?.("folder", e?.value ?? ""), [O]), W = t(() => [{
+		value: "",
+		label: "None"
+	}, ...M.map(({ id: e, name: t }) => ({
+		value: e,
+		label: t
+	}))], [M]), G = t(() => c(A, M, h, !0), [
+		A,
+		M,
+		h
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: "flex flex-col gap-4 py-2",
+		children: [
+			!_ && /* @__PURE__ */ o(l, {
+				intent: "info",
+				size: "xs",
+				solid: !1,
+				children: /* @__PURE__ */ o("span", {
+					className: "text-xs",
+					children: "When this option is disable, this page wont be accesible"
+				})
+			}),
+			/* @__PURE__ */ o(u, {
+				label: " Page Enabled",
+				checked: _,
+				onChange: H,
+				size: "xs"
+			}),
+			/* @__PURE__ */ o(d, {
+				value: v,
+				label: "Page Name",
+				onChange: L,
+				size: "xs"
+			}),
+			/* @__PURE__ */ o(l, {
+				intent: "info",
+				size: "xs",
+				solid: !1,
+				children: /* @__PURE__ */ o("span", {
+					className: "text-xs",
+					children: "Slug is a combination of letters, numbers and _ - : / *"
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ o(d, {
+					value: S,
+					onChange: R,
+					label: "Slug / Path",
+					className: { inputContainer: "rounded-none rounded-tl rounded-tr" },
+					size: "xs"
+				}), /* @__PURE__ */ s("div", {
+					className: "truncate rounded-b border-x border-b border-gray-200 px-1 py-0.5 text-xs",
+					title: G,
+					children: ["Full Path: ", /* @__PURE__ */ o("span", {
+						className: "font-bold",
+						children: G
+					})]
+				})]
+			}),
+			/* @__PURE__ */ o(m, {
+				label: "Folder",
+				value: y,
+				options: W,
+				placeholder: "None",
+				onChange: U,
+				size: "xs"
+			}),
+			/* @__PURE__ */ o(p, {
+				value: C,
+				placeholder: "None",
+				label: "Layout",
+				onChange: z,
+				size: "xs",
+				children: N.map(({ id: e, definition: { label: t } }) => /* @__PURE__ */ o("option", {
+					value: e,
+					children: t
+				}, e))
+			}),
+			C && /* @__PURE__ */ o(p, {
+				value: w,
+				placeholder: "None",
+				label: "Layout Container Body",
+				onChange: I("layoutContainer"),
+				size: "xs",
+				children: P.map(({ id: e, definition: { label: t } }) => /* @__PURE__ */ o("option", {
+					value: e,
+					children: t
+				}, e))
+			}),
+			/* @__PURE__ */ s(p, {
+				value: T,
+				label: "Restrict Access",
+				onChange: B,
+				placeholder: "None",
+				size: "xs",
+				children: [/* @__PURE__ */ o("option", {
+					value: "public",
+					children: "Public"
+				}), /* @__PURE__ */ o("option", {
+					value: "authenticated",
+					children: "Authenticated"
+				})]
+			}),
+			T === "" && /* @__PURE__ */ o(l, {
+				intent: "info",
+				solid: !1,
+				size: "xs",
+				children: /* @__PURE__ */ o("span", {
+					className: "text-xs",
+					children: "Anyone on the internet can access this page"
+				})
+			}),
+			T === "public" && /* @__PURE__ */ o(l, {
+				intent: "info",
+				solid: !1,
+				size: "xs",
+				children: /* @__PURE__ */ o("span", {
+					className: "text-xs",
+					children: "Only Guest can access this page"
+				})
+			}),
+			T !== "" && /* @__PURE__ */ o(p, {
+				label: "Unauthorized Behaviour",
+				value: E,
+				onChange: I("unauthorizedBehaviour"),
+				placeholder: "None",
+				size: "xs",
+				children: /* @__PURE__ */ o("option", {
+					value: "redirect",
+					children: "Redirect"
+				})
+			}),
+			E === "redirect" && /* @__PURE__ */ o(p, {
+				value: D,
+				label: "Redirect Page",
+				onChange: I("unauthorizedPageRedirect"),
+				placeholder: "None",
+				size: "xs",
+				children: F.map((e) => /* @__PURE__ */ o("option", {
+					value: e.id,
+					children: n(e, "attributes.name")
+				}, e.id))
+			}),
+			/* @__PURE__ */ o(u, {
+				label: " SEO Enabled",
+				checked: g,
+				onChange: V,
+				size: "xs"
+			}),
+			g && /* @__PURE__ */ s(a, { children: [
+				/* @__PURE__ */ o(d, {
+					value: b,
+					label: "SEO Title",
+					onChange: I("seoPageTitle"),
+					size: "xs"
+				}),
+				/* @__PURE__ */ o(f, {
+					label: "SEO Description",
+					value: x,
+					onChange: I("seoPageDescription"),
+					rows: 3,
+					size: "xs"
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex flex-col",
+					children: [
+						/* @__PURE__ */ o("p", {
+							className: "mb-4 text-xs",
+							children: "Specify this page's title and description. You can see how they'll look in search engine results pages (SERPs) in the preview below."
+						}),
+						/* @__PURE__ */ o("label", { children: "Search Result Preview" }),
+						/* @__PURE__ */ s("div", {
+							className: "rounded border border-gray-300 px-2 py-1",
+							children: [
+								/* @__PURE__ */ o("div", {
+									className: "mb-1 pt-1 text-xl text-[#1a0dab]",
+									children: /* @__PURE__ */ o("label", { children: b })
+								}),
+								/* @__PURE__ */ o("div", {
+									className: "text-sm text-[#006621]",
+									children: /* @__PURE__ */ o("span", { children: "www.url.com" })
+								}),
+								/* @__PURE__ */ o("div", {
+									className: "settings-seo__description mb-1 pt-1 text-sm",
+									children: `${x.slice(0, 160)}...`
+								})
+							]
+						})
+					]
+				})
+			] })
+		]
+	});
+};
+//#endregion
+export { h as default };

package/dist/elements/internal/Page/helpers/UserHelper.d.ts

@@ -0,0 +1,4 @@
+declare const isAuthenticated: (authData: {
+    isAuthenticated: boolean;
+}, userProvider?: string, previewMode?: boolean) => boolean;
+export { isAuthenticated };

package/dist/elements/internal/Page/index.d.ts

@@ -0,0 +1,73 @@
+declare const Page: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Page').PageProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {
+            enabled: boolean;
+            name: string;
+            slug: string;
+            folder: string;
+            layout: string;
+            layoutContainer: string;
+            seoEnabled: boolean;
+            seoPageTitle: string;
+            seoPageDescription: string;
+        };
+        definition: {
+            label: string;
+            type: string;
+            description: string;
+            items: never[];
+            bindings: {};
+            styleSelectors: {
+                base: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: never[];
+            itemsNotAllowed: never[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {
+                        display: string;
+                        'flex-direction': string;
+                        'min-height': string;
+                        'min-width': string;
+                        'font-family': string;
+                        color: string;
+                        'font-size': string;
+                        'font-weight': number;
+                        'line-height': string;
+                        'text-align': string;
+                        'background-color': string;
+                    };
+                };
+            };
+        };
+        settings: {};
+    };
+};
+export default Page;

package/dist/elements/internal/Page/index.mjs

@@ -0,0 +1,65 @@
+import e from "./Page.mjs";
+//#region src/elements/internal/Page/index.ts
+var t = Object.assign(e, {
+	type: "page",
+	content: {
+		attributes: {
+			enabled: !0,
+			name: "Page",
+			slug: "",
+			folder: "",
+			layout: "",
+			layoutContainer: "",
+			seoEnabled: !1,
+			seoPageTitle: "Title",
+			seoPageDescription: "Description"
+		},
+		definition: {
+			label: "Page",
+			type: "page",
+			description: "",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !1,
+			canSelect: !0,
+			canDragDrop: !1,
+			canMove: !1,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "internal",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fas fa-file"
+		},
+		defaultStyle: {
+			name: "Page",
+			displayMode: "desktop",
+			style: { base: { default: {
+				display: "flex",
+				"flex-direction": "column",
+				"min-height": "100%",
+				"min-width": "100%",
+				"font-family": "Arial",
+				color: "#333",
+				"font-size": "14px",
+				"font-weight": 400,
+				"line-height": "16px",
+				"text-align": "left",
+				"background-color": "#ffffff"
+			} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

package/dist/elements/media/FontAwesome/FontAwesome.d.ts

@@ -0,0 +1,15 @@
+import { RefObject } from 'react';
+export type FontAwesomeProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    icon?: string;
+    size?: string;
+    iconAnimation?: string;
+};
+declare const FontAwesome: ({ ref, className, icon, size, iconAnimation }: FontAwesomeProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<FontAwesomeProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { FontAwesome };

package/dist/elements/media/FontAwesome/FontAwesome.mjs

@@ -0,0 +1,19 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import n from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { jsx as r } from "react/jsx-runtime";
+import i from "clsx";
+var a = t(({ ref: t, className: a = "", icon: o = "fas fa-flag", size: s = "fa-1x", iconAnimation: c = "" }) => {
+	let { settings: { previewMode: l } } = n();
+	return l ? /* @__PURE__ */ r(e, {
+		ref: t,
+		tag: "i",
+		className: i("plitzi-component__fontawesome", a, o, s, c)
+	}) : /* @__PURE__ */ r(e, {
+		ref: t,
+		className: i("plitzi-component__fontawesome fontawesome--edit-mode", a),
+		children: /* @__PURE__ */ r("i", { className: i(o, s, c) })
+	});
+});
+//#endregion
+export { a as default };