@plitzi/sdk-elements 0.37.1 → 0.37.2

package/dist/elements/form/Form/index.d.ts

@@ -1,10 +1,10 @@
 declare const Form: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Form').FormProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Form').FormProps>): import('react').JSX.Element;
     displayName: string;
 } & {
     content: {
         market: {
-            icon: import("react").JSX.Element;
+            icon: import('react').JSX.Element;
             category: "form";
             owner: "Plitzi";
             verified: true;
@@ -55,6 +55,63 @@ declare const Form: {
     };
     type: "form";
     sourceType: "apiContainer";
+    triggers: {
+        readonly onSubmit: {
+            readonly action: "onSubmit";
+            readonly title: "On Form Submit";
+            readonly type: "trigger";
+            readonly params: {};
+            readonly preview: {
+                readonly values: {};
+                readonly actionUrl: "";
+                readonly method: "";
+            };
+        };
+    };
+    callbacks: {
+        readonly performReset: {
+            readonly action: "performReset";
+            readonly title: "Reset Form";
+            readonly type: "callback";
+            readonly params: {};
+        };
+        readonly setFieldValue: {
+            readonly action: "setFieldValue";
+            readonly title: "Set Field Value";
+            readonly type: "callback";
+            readonly preview: {};
+            readonly params: {
+                readonly name: {
+                    readonly label: "Field Name";
+                    readonly defaultValue: undefined;
+                    readonly type: "select";
+                    readonly options: [];
+                };
+                readonly value: {
+                    readonly type: "text";
+                    readonly defaultValue: "";
+                };
+            };
+        };
+        readonly setFieldError: {
+            readonly action: "setFieldError";
+            readonly title: "Set Field Error";
+            readonly type: "callback";
+            readonly preview: {};
+            readonly params: {
+                readonly name: {
+                    readonly label: "Field Name";
+                    readonly defaultValue: undefined;
+                    readonly type: "select";
+                    readonly options: [];
+                };
+                readonly error: {
+                    readonly type: "text";
+                    readonly defaultValue: "";
+                };
+            };
+        };
+    };
     __attributes: Partial<{
         values: Record<string, unknown>;
         method: "get" | "post";

package/dist/elements/form/FormControl/FormControl.d.ts

@@ -45,9 +45,9 @@ export type FormControlProps = {
     handleChange?: (e: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLSelectElement> | ChangeEvent<HTMLTextAreaElement>) => void;
     handleValidate?: () => void;
 };
-declare const FormControl: ({ ref, className, subType, name, label, placeholder, autoComplete, disabled, options, required, maxLength, readOnly, value, error, handleChange, handleValidate }: FormControlProps) => import("react").JSX.Element | null;
+declare const FormControl: ({ ref, className, subType, name, label, placeholder, autoComplete, disabled, options, required, maxLength, readOnly, value, error, handleChange, handleValidate }: FormControlProps) => import('react').JSX.Element | null;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./hocs/withFieldValue').WithFieldValueProps<FormControlProps>>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./hocs/withFieldValue').WithFieldValueProps<FormControlProps>>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/form/FormControl/FormControl.mjs

@@ -1,30 +1,22 @@
 import e from "../../../Element/hocs/withElement.mjs";
 import t from "../../../Element/hooks/useElement.mjs";
 import { RootElement as n } from "../../../Element/RootElement.mjs";
-import r from "./components/Label.mjs";
-import i from "./hocs/withFieldValue.mjs";
-import a from "./inputs/Checkbox.mjs";
-import o from "./inputs/Hidden.mjs";
-import s from "./inputs/Input.mjs";
-import c from "./inputs/Select.mjs";
-import l from "./inputs/Textarea.mjs";
-import { use as u, useCallback as d, useEffect as f, useMemo as p } from "react";
+import r from "./declaration.mjs";
+import i from "./components/Label.mjs";
+import a from "./hocs/withFieldValue.mjs";
+import o from "./inputs/Checkbox.mjs";
+import s from "./inputs/Hidden.mjs";
+import c from "./inputs/Input.mjs";
+import l from "./inputs/Select.mjs";
+import u from "./inputs/Textarea.mjs";
+import { use as d, useCallback as f, useEffect as p } from "react";
 import m from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { createStoreHook as h } from "@plitzi/nexus/react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import v from "clsx";
 //#region src/elements/form/FormControl/FormControl.tsx
-var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label: x = "Label", placeholder: S = "", autoComplete: C = !0, disabled: w = !1, options: T = [], required: E = !0, maxLength: D = 0, readOnly: O = !1, value: k = "", error: A = "", handleChange: j, handleValidate: M }) => {
-	let { id: N, rootId: P, definition: { styleSelectors: F } } = t(), { settings: { previewMode: I }, contexts: { InteractionsContext: L } } = m(), { interactionsManager: R } = u(L), { useStore: z } = h(), [B] = z("runtime.sources.form"), V = p(() => ({ onChange: {
-		action: "onChange",
-		title: "On Change",
-		type: "trigger",
-		params: {},
-		preview: {
-			value: "",
-			name: ""
-		}
-	} }), []), H = d((e) => {
+var y = ({ ref: e, className: a = "", subType: y = "text", name: b = "", label: x = "Label", placeholder: S = "", autoComplete: C = !0, disabled: w = !1, options: T = [], required: E = !0, maxLength: D = 0, readOnly: O = !1, value: k = "", error: A = "", handleChange: j, handleValidate: M }) => {
+	let { id: N, rootId: P, definition: { styleSelectors: F } } = t(), { settings: { previewMode: I }, contexts: { InteractionsContext: L } } = m(), { interactionsManager: R } = d(L), { useStore: z } = h(), [B] = z("runtime.sources.form"), V = f((e) => {
 		if (j?.(e), !I) return;
 		let t = e.target, n = t.type === "checkbox" || y === "switch" ? t.checked : t.value;
 		R.interactionTrigger(N, "onChange", {
@@ -41,29 +33,29 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 	]);
 	if (!B && !I) return /* @__PURE__ */ g(n, {
 		ref: e,
-		className: v("plitzi-component__form-input", { "form-input--out-of-context": !I }, i),
+		className: v("plitzi-component__form-input", { "form-input--out-of-context": !I }, a),
 		children: /* @__PURE__ */ g("div", { children: "Form Input Only Works inside Form element" })
 	});
 	if (!B && I) return null;
-	let { registerField: U, unregisterField: W } = B, G = ["checkbox", "switch"].includes(y), K = y === "hidden";
-	return f(() => (U && U({
+	let { registerField: H, unregisterField: U } = B, W = ["checkbox", "switch"].includes(y), G = y === "hidden";
+	return p(() => (H && H({
 		name: b,
 		path: b
 	}), () => {
-		W && W(b);
+		U && U(b);
 	}), [
 		b,
-		U,
-		W
+		H,
+		U
 	]), /* @__PURE__ */ _(n, {
 		ref: e,
-		interactionTriggers: V,
+		interactionTriggers: r.triggers,
 		className: v("plitzi-component__form-control", {
 			"form-control--invalid": A && I,
 			[`plitzi-component__form-control-${y}`]: y
-		}, i),
+		}, a),
 		children: [
-			!G && !K && x && /* @__PURE__ */ g(r, {
+			!W && !G && x && /* @__PURE__ */ g(i, {
 				targetInput: `${P}_${N}`,
 				previewMode: I,
 				className: F.label,
@@ -71,13 +63,13 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 				required: E,
 				children: x
 			}),
-			G && x && /* @__PURE__ */ _(r, {
+			W && x && /* @__PURE__ */ _(i, {
 				targetInput: `${P}_${N}`,
 				previewMode: I,
 				className: F.label,
 				type: y,
 				required: E,
-				children: [y === "checkbox" && /* @__PURE__ */ g(a, {
+				children: [y === "checkbox" && /* @__PURE__ */ g(o, {
 					id: `${P}_${N}`,
 					name: b,
 					value: k,
@@ -85,11 +77,11 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 					placeholder: S,
 					required: E,
 					disabled: w,
-					onChange: H,
+					onChange: V,
 					onValidate: M
 				}), x]
 			}),
-			y === "checkbox" && !x && /* @__PURE__ */ g(a, {
+			y === "checkbox" && !x && /* @__PURE__ */ g(o, {
 				id: `${P}_${N}`,
 				name: b,
 				value: k,
@@ -97,7 +89,7 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 				placeholder: S,
 				required: E,
 				disabled: w,
-				onChange: H,
+				onChange: V,
 				onValidate: M
 			}),
 			[
@@ -107,7 +99,7 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 				"password",
 				"date",
 				"time"
-			].includes(y) && /* @__PURE__ */ g(s, {
+			].includes(y) && /* @__PURE__ */ g(c, {
 				id: `${P}_${N}`,
 				name: b,
 				value: k,
@@ -119,10 +111,10 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 				maxLength: D,
 				disabled: w,
 				readOnly: O || !I,
-				onChange: H,
+				onChange: V,
 				onValidate: M
 			}),
-			y === "hidden" && /* @__PURE__ */ g(o, {
+			y === "hidden" && /* @__PURE__ */ g(s, {
 				id: `${P}_${N}`,
 				name: b,
 				value: k,
@@ -130,10 +122,10 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 				disabled: w,
 				previewMode: I
 			}),
-			y === "select" && /* @__PURE__ */ g(c, {
+			y === "select" && /* @__PURE__ */ g(l, {
 				id: `${P}_${N}`,
 				name: b,
-				onChange: H,
+				onChange: V,
 				onValidate: M,
 				value: k,
 				className: F.input,
@@ -141,7 +133,7 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 				disabled: w,
 				options: T
 			}),
-			y === "textarea" && /* @__PURE__ */ g(l, {
+			y === "textarea" && /* @__PURE__ */ g(u, {
 				id: `${P}_${N}`,
 				name: b,
 				value: k,
@@ -151,7 +143,7 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 				maxLength: D,
 				disabled: w,
 				readOnly: O,
-				onChange: H,
+				onChange: V,
 				onValidate: M
 			}),
 			A && /* @__PURE__ */ g("div", {
@@ -160,6 +152,6 @@ var y = ({ ref: e, className: i = "", subType: y = "text", name: b = "", label:
 			})
 		]
 	});
-}, b = e(i(y));
+}, b = e(a(y));
 //#endregion
 export { y as FormControl, b as default };

package/dist/elements/form/FormControl/Settings.d.ts

@@ -22,5 +22,5 @@ type SettingsProps = {
     previewError?: boolean;
     onUpdate?: (key: string, value: string | boolean | number | string[]) => void;
 };
-declare const Settings: ({ subType, name, label, defaultValue, placeholder, autoComplete, options, required, requiredMessage, minLength, minLengthMessage, maxLength, maxLengthMessage, formatMessage, pattern, patternMessage, matches, matchesMessage, readOnly, disabled, previewError, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ subType, name, label, defaultValue, placeholder, autoComplete, options, required, requiredMessage, minLength, minLengthMessage, maxLength, maxLengthMessage, formatMessage, pattern, patternMessage, matches, matchesMessage, readOnly, disabled, previewError, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

package/dist/elements/form/FormControl/components/Label.d.ts

@@ -8,5 +8,5 @@ export type LabelProps = {
     previewMode?: boolean;
     required: boolean;
 };
-declare const Label: ({ ref, children, targetInput, type, previewMode, required, className }: LabelProps) => import("react").JSX.Element;
+declare const Label: ({ ref, children, targetInput, type, previewMode, required, className }: LabelProps) => import('react').JSX.Element;
 export default Label;

package/dist/elements/form/FormControl/declaration.d.ts

@@ -8,6 +8,18 @@ export type FormControlAttributes = AuthorableAttributes<FormControlProps, 'valu
 };
 declare const declaration: {
     readonly type: "formControl";
+    readonly triggers: {
+        readonly onChange: {
+            readonly action: "onChange";
+            readonly title: "On Change";
+            readonly type: "trigger";
+            readonly params: {};
+            readonly preview: {
+                readonly value: "";
+                readonly name: "";
+            };
+        };
+    };
     readonly content: {
         readonly attributes: {
             readonly subType: "text";

package/dist/elements/form/FormControl/declaration.mjs

@@ -46,6 +46,16 @@ var t = {
 	"margin-top": "4px"
 }, a = e()({
 	type: "formControl",
+	triggers: { onChange: {
+		action: "onChange",
+		title: "On Change",
+		type: "trigger",
+		params: {},
+		preview: {
+			value: "",
+			name: ""
+		}
+	} },
 	content: {
 		attributes: {
 			subType: "text",

package/dist/elements/form/FormControl/hocs/withFieldValue.d.ts

@@ -18,7 +18,7 @@ export type WithFieldValueProps<T> = {
     previewError?: boolean;
 } & T;
 declare const withFieldValue: <T extends object>(WrappedComponent: FC<T>) => {
-    (props: WithFieldValueProps<T>): import("react").JSX.Element;
+    (props: WithFieldValueProps<T>): import('react').JSX.Element;
     displayName: string;
 };
 export default withFieldValue;

package/dist/elements/form/FormControl/index.d.ts

@@ -1,10 +1,10 @@
 declare const FormControl: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./hocs/withFieldValue').WithFieldValueProps<import('./FormControl').FormControlProps>>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./hocs/withFieldValue').WithFieldValueProps<import('./FormControl').FormControlProps>>): import('react').JSX.Element;
     displayName: string;
 } & {
     content: {
         market: {
-            icon: import("react").JSX.Element;
+            icon: import('react').JSX.Element;
             category: "form";
             owner: "Plitzi";
             verified: true;
@@ -495,6 +495,18 @@ declare const FormControl: {
         settings: {};
     };
     type: "formControl";
+    triggers: {
+        readonly onChange: {
+            readonly action: "onChange";
+            readonly title: "On Change";
+            readonly type: "trigger";
+            readonly params: {};
+            readonly preview: {
+                readonly value: "";
+                readonly name: "";
+            };
+        };
+    };
     __attributes: import('./declaration').FormControlAttributes;
 };
 export default FormControl;

package/dist/elements/form/FormControl/inputs/Checkbox.d.ts

@@ -10,5 +10,5 @@ export type CheckboxProps = {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onValidate?: () => void;
 };
-declare const Checkbox: ({ className, id, name, placeholder, value, required, disabled, onChange, onValidate }: CheckboxProps) => import("react").JSX.Element;
+declare const Checkbox: ({ className, id, name, placeholder, value, required, disabled, onChange, onValidate }: CheckboxProps) => import('react').JSX.Element;
 export default Checkbox;

package/dist/elements/form/FormControl/inputs/Hidden.d.ts

@@ -7,5 +7,5 @@ export type HiddenProps = {
     disabled?: boolean;
     previewMode?: boolean;
 };
-declare const Hidden: ({ className, id, name, value, required, disabled, previewMode }: HiddenProps) => import("react").JSX.Element;
+declare const Hidden: ({ className, id, name, value, required, disabled, previewMode }: HiddenProps) => import('react').JSX.Element;
 export default Hidden;

package/dist/elements/form/FormControl/inputs/Input.d.ts

@@ -14,5 +14,5 @@ export type InputProps = {
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onValidate?: () => void;
 };
-declare const Input: ({ className, id, name, placeholder, value, type, autoComplete, required, maxLength, disabled, readOnly, onChange, onValidate }: InputProps) => import("react").JSX.Element;
+declare const Input: ({ className, id, name, placeholder, value, type, autoComplete, required, maxLength, disabled, readOnly, onChange, onValidate }: InputProps) => import('react').JSX.Element;
 export default Input;

package/dist/elements/form/FormControl/inputs/Select.d.ts

@@ -13,5 +13,5 @@ export type SelectProps = {
     onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;
     onValidate?: () => void;
 };
-declare const Select: ({ id, name, options, placeholder, value, className, disabled, onChange, onValidate }: SelectProps) => import("react").JSX.Element;
+declare const Select: ({ id, name, options, placeholder, value, className, disabled, onChange, onValidate }: SelectProps) => import('react').JSX.Element;
 export default Select;

package/dist/elements/form/FormControl/inputs/Textarea.d.ts

@@ -13,5 +13,5 @@ export type TextareaProps = {
     onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
     onValidate?: () => void;
 };
-declare const Textarea: ({ className, id, name, placeholder, value, required, maxLength, disabled, readOnly, onChange, onValidate }: TextareaProps) => import("react").JSX.Element;
+declare const Textarea: ({ className, id, name, placeholder, value, required, maxLength, disabled, readOnly, onChange, onValidate }: TextareaProps) => import('react').JSX.Element;
 export default Textarea;

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

@@ -11,9 +11,9 @@ export type LayoutContainerProps = {
     children?: ReactNode;
     subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure';
 };
-declare const LayoutContainer: ({ ref, className, children, subType }: LayoutContainerProps) => import("react").JSX.Element;
+declare const LayoutContainer: ({ ref, className, children, subType }: LayoutContainerProps) => import('react').JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<LayoutContainerProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<LayoutContainerProps>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -6,5 +6,5 @@ type SettingsProps = {
     folder?: string;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ id, layout, layoutContainer, subType, folder, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ id, layout, layoutContainer, subType, folder, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

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

@@ -1,5 +1,5 @@
 declare const LayoutContainer: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./LayoutContainer').LayoutContainerProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./LayoutContainer').LayoutContainerProps>): import('react').JSX.Element;
     displayName: string;
 } & {
     readonly type: "layoutContainer";

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

@@ -6,5 +6,5 @@ export type LayoutPickerProps = {
     onUpdate?: (key: string, value: string) => void;
 };
 /** Which shell something is rendered inside, and the container in that shell its content goes into. */
-declare const LayoutPicker: ({ layout, layoutContainer, ownLayoutId, onUpdate }: LayoutPickerProps) => import("react").JSX.Element;
+declare const LayoutPicker: ({ layout, layoutContainer, ownLayoutId, onUpdate }: LayoutPickerProps) => import('react').JSX.Element;
 export default LayoutPicker;

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

@@ -3,9 +3,9 @@ export type LoadingProps = {
     ref?: RefObject<HTMLElement>;
     className?: string;
 };
-declare const Loading: ({ ref, className }: LoadingProps) => import("react").JSX.Element;
+declare const Loading: ({ ref, className }: LoadingProps) => import('react').JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<LoadingProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<LoadingProps>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
 declare const Loading: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Loading').LoadingProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Loading').LoadingProps>): import('react').JSX.Element;
     displayName: string;
 } & {
     readonly type: "loading";

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

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

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

@@ -1,5 +1,5 @@
 declare const NotFound: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./NotFound').NotFoundProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./NotFound').NotFoundProps>): import('react').JSX.Element;
     displayName: string;
 } & {
     readonly type: "notFound";

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

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

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

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

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

@@ -14,5 +14,5 @@ type SettingsProps = {
     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.Element;
+declare const Settings: ({ id, seoEnabled, enabled, name, folder, seoPageTitle, seoPageDescription, slug, layout, layoutContainer, accessLevel, unauthorizedBehaviour, unauthorizedPageRedirect, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

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

@@ -4,6 +4,19 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 export type PageAttributes = AuthorableAttributes<PageProps>;
 declare const declaration: {
     readonly type: "page";
+    readonly triggers: {
+        readonly onPageLoad: {
+            readonly action: "onPageLoad";
+            readonly title: "On Page Load";
+            readonly type: "trigger";
+            readonly params: {};
+            readonly preview: {
+                readonly pageId: "";
+                readonly routeParams: "";
+                readonly queryParams: "";
+            };
+        };
+    };
     readonly content: {
         readonly attributes: {
             readonly enabled: true;