udp-react-enterprise-component-library 1.0.5-beta.2 → 1.0.6

package/dist/SideSheet-ERkgeXFG.cjs

@@ -1,575 +0,0 @@
-const require_chunk = require('./chunk-DoeelZqw.cjs');
-const require_EnvironmentRibbon = require('./EnvironmentRibbon-CgKsTmQ7.cjs');
-const require_apiHelpers = require('./apiHelpers-Dyq5plHt.cjs');
-const react = require_chunk.__toESM(require("react"));
-const __material_ui_core = require_chunk.__toESM(require("@material-ui/core"));
-const react_final_form = require_chunk.__toESM(require("react-final-form"));
-const final_form = require_chunk.__toESM(require("final-form"));
-const react_jsx_runtime = require_chunk.__toESM(require("react/jsx-runtime"));
-const final_form_arrays = require_chunk.__toESM(require("final-form-arrays"));
-const axios_hooks = require_chunk.__toESM(require("axios-hooks"));
-const axios = require_chunk.__toESM(require("axios"));
-const __fluentui_react_icons = require_chunk.__toESM(require("@fluentui/react-icons"));
-const prop_types = require_chunk.__toESM(require("prop-types"));
-
-//#region src/utilities/form/final-form-scroll/isFocusableInput.js
-const isFocusableInput = (wtf) => !!(wtf && typeof wtf.focus === "function");
-
-//#endregion
-//#region src/utilities/form/final-form-scroll/getAllInputs.js
-const getAllInputs = () => {
-	if (typeof document === "undefined") return [];
-	return Array.prototype.slice.call(document.forms).reduce((accumulator, form) => accumulator.concat(Array.prototype.slice.call(form).filter(isFocusableInput)), []);
-};
-
-//#endregion
-//#region src/utilities/form/final-form-scroll/findInput.js
-const findInput = (inputs, errors) => inputs.find((input) => input.name && (0, final_form.getIn)(errors, input.name));
-
-//#endregion
-//#region src/utilities/form/final-form-scroll/createDecorator.js
-const noop = () => {};
-/**
-* The decorator is created based on final-form-focus https://github.com/final-form/final-form-focus
-*/
-const createDecorator = () => (form) => {
-	const scrollToFirstError = (errors) => {
-		const allInputs = getAllInputs();
-		const firstInput = findInput(allInputs, errors);
-		const inputToScrollTo = firstInput === null || firstInput === void 0 ? void 0 : firstInput.parentElement;
-		if (inputToScrollTo) inputToScrollTo.scrollIntoView({ behavior: "smooth" });
-	};
-	const originalSubmit = form.submit;
-	let state = {};
-	const unsubscribe = form.subscribe((nextState) => {
-		state = nextState;
-	}, {
-		errors: true,
-		submitErrors: true
-	});
-	const afterSubmit = () => {
-		const { errors, submitErrors } = state;
-		if (errors && Object.keys(errors).length) scrollToFirstError(errors);
-		else if (submitErrors && Object.keys(submitErrors).length) scrollToFirstError(submitErrors);
-	};
-	form.submit = () => {
-		const result = originalSubmit.call(form);
-		if (result && typeof result.then === "function") result.then(afterSubmit, noop);
-		else afterSubmit();
-		return result;
-	};
-	return () => {
-		unsubscribe();
-		form.submit = originalSubmit;
-	};
-};
-
-//#endregion
-//#region src/utilities/form/Form.tsx
-const scrollToError = createDecorator();
-/**
-* final-form Form wrapper with automatic <form> and submit handler
-*/
-const _Form = ({ render: renderProp, children, id,...props }, ref) => {
-	const render = renderProp || children;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_final_form.Form, {
-		ref,
-		decorators: [scrollToError],
-		...props,
-		children: (params) => {
-			(0, react.useImperativeHandle)(ref, () => ({ ...params }));
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-				onSubmit: params.handleSubmit,
-				noValidate: true,
-				id,
-				children: typeof render === "function" ? render(params) : render
-			});
-		}
-	});
-};
-const Form = (0, react.forwardRef)(_Form);
-
-//#endregion
-//#region src/utilities/form/Field.tsx
-/**
-* final-form Field wrapper that supports using Material UI fields as components
-* @todo Implement a validation function that uses required, etc... (or defer this till Redwerks' form library is built)
-*/
-let Field = (0, react.forwardRef)((props, ref) => {
-	const { component: Component, afterSubmit, allowNull, beforeSubmit, component, defaultValue, format, formatOnBlur, initialValue, isEqual, name, parse, render, subscription, validate, validateFields, value, helperText, valueForChange, required, ComponentProps, type,...componentProps } = props;
-	const fieldProps = {
-		afterSubmit,
-		allowNull,
-		beforeSubmit,
-		defaultValue,
-		format,
-		formatOnBlur,
-		initialValue,
-		isEqual,
-		name,
-		parse,
-		subscription,
-		validate,
-		validateFields,
-		value,
-		type
-	};
-	const makeValidation = (0, react.useCallback)((value$1, allValues, meta) => {
-		if (required && (typeof value$1 !== "number" && !!!value$1 || Array.isArray(value$1))) if (Array.isArray(value$1) && value$1.length) return void 0;
-		else if (!!value$1 && !Array.isArray(value$1)) return void 0;
-		else return "Required";
-		if (validate) return validate(value$1, allValues, meta);
-	}, [required, validate]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_final_form.Field, {
-		...fieldProps,
-		validate: makeValidation,
-		children: (params) => {
-			const { input, meta } = params;
-			const { name: name$1, onChange,...inputProps } = input;
-			const showError = (meta.submitError && !meta.dirtySinceLastSubmit || meta.error) && meta.touched;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-				ref,
-				required,
-				...componentProps,
-				...ComponentProps,
-				helperText: showError ? meta.error || meta.submitError : helperText,
-				error: showError,
-				onChange: (...args) => {
-					if (valueForChange) args = [valueForChange(...args)];
-					onChange(...args);
-				},
-				name: name$1,
-				...inputProps
-			});
-		}
-	});
-});
-Field.displayName = "Field";
-
-//#endregion
-//#region src/utilities/form/FormError.tsx
-/**
-* Displays form-wide validation and submit errors in a MUI Typography error element
-*/
-const FormError = (props) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_final_form.FormSpy, {
-		subscription: {
-			error: true,
-			submitError: true
-		},
-		children: ({ error, submitError }) => {
-			if (error || submitError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Typography, {
-				component: "p",
-				paragraph: true,
-				...props,
-				color: "error",
-				children: error || submitError
-			});
-			return null;
-		}
-	});
-};
-
-//#endregion
-//#region src/utilities/form/SubmitButton.tsx
-/**
-* A MUI Button varaint intended for use as the submit button for a form
-*/
-let SubmitButton = (0, react.forwardRef)((props, ref) => {
-	const { ButtonComponent = require_EnvironmentRibbon.FluentButton, disabled, disablePristine = true,...otherProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_final_form.FormSpy, {
-		subscription: {
-			submitting: true,
-			pristine: true
-		},
-		children: ({ submitting, pristine }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonComponent, {
-			ref,
-			type: "submit",
-			disabled: submitting || disablePristine && pristine || disabled,
-			...otherProps
-		})
-	});
-});
-SubmitButton.displayName = "SubmitButton";
-
-//#endregion
-//#region src/utilities/form/FormButtons.tsx
-const useStyles$2 = (0, __material_ui_core.makeStyles)((theme) => ({ root: {
-	display: "flex",
-	flexDirection: "row",
-	alignItems: "center",
-	justifyContent: "flex-start",
-	marginBottom: theme.spacing(2),
-	marginTop: theme.spacing(1),
-	"& > *": { margin: `0 ${theme.spacing(2)}px 0 0` }
-} }));
-/**
-* A MUI Button varaint intended for use as the submit button for a form
-*/
-const FormButtonsCore = (props, ref) => {
-	const classes = useStyles$2(props);
-	const { children,...otherProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...otherProps,
-		ref,
-		className: classes.root,
-		children
-	});
-};
-const FormButtons = (0, react.forwardRef)(FormButtonsCore);
-
-//#endregion
-//#region src/utilities/form/useFieldChangeListener.ts
-/**
-* Form helper hook that runs a callback when the value of a field has changed
-* Usefull for creating effects where changes to one field affect the value of another field imperatively
-*/
-function useFieldChangeListener(name, cb) {
-	const form = (0, react_final_form.useForm)();
-	(0, react.useEffect)(() => {
-		var _form$getFieldState;
-		let lastValue = (_form$getFieldState = form.getFieldState(name)) === null || _form$getFieldState === void 0 ? void 0 : _form$getFieldState.value;
-		return form.subscribe(({ values }) => {
-			const value = values[name];
-			if (value !== lastValue) cb(form, value, lastValue);
-			lastValue = values[name];
-		}, { values: true });
-	}, [
-		form,
-		name,
-		cb
-	]);
-}
-
-//#endregion
-//#region src/utilities/form/FormSpy.tsx
-createDecorator();
-/**
-* final-form Form Spy wrapper
-*/
-const FormSpy = ({ render: renderProp, children,...props }) => {
-	const render = renderProp || children;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_final_form.FormSpy, {
-		...props,
-		children: (params) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: typeof render === "function" ? render(params) : render })
-	});
-};
-
-//#endregion
-//#region src/utilities/form/formHooks.js
-const useForm = () => (0, react_final_form.useForm)();
-const useField = () => (0, react_final_form.useField)();
-const useFormState = () => (0, react_final_form.useFormState)();
-
-//#endregion
-//#region src/utilities/useAxiosMutate.js
-require_EnvironmentRibbon.axiosInterceptors();
-const useAxiosMutate = (baseURL, url, config) => {
-	const fullURL = { url: `${baseURL}/${url}` };
-	const user = require_EnvironmentRibbon.useUser();
-	const headers = (0, react.useMemo)(() => {
-		var _config$headers, _user$currentTenantId;
-		const currentHeaders = (_config$headers = config.headers) !== null && _config$headers !== void 0 ? _config$headers : {};
-		currentHeaders.currentTenantId || (currentHeaders.currentTenantId = (_user$currentTenantId = user === null || user === void 0 ? void 0 : user.currentTenantId) !== null && _user$currentTenantId !== void 0 ? _user$currentTenantId : "");
-		return currentHeaders;
-	}, [user, config]);
-	config.headers = headers;
-	const [{ data, loading, error }, execute] = (0, axios_hooks.default)({
-		...fullURL,
-		...config
-	}, { manual: true });
-	(0, react.useEffect)(() => {
-		require_apiHelpers.handleResponseErrors(error);
-	}, [error]);
-	return [{
-		data,
-		loading,
-		error
-	}, execute];
-};
-const apiMutate = async (baseURL, url, config, data) => {
-	const fullURL = { url: `${baseURL}/${url}` };
-	const accessToken = await require_apiHelpers.getAccessToken();
-	const mergedConfig = require_apiHelpers.getMergedConfig(accessToken, config);
-	return (0, axios.default)({
-		...fullURL,
-		...mergedConfig,
-		...data
-	});
-};
-
-//#endregion
-//#region src/UI/dataDisplay/typography/SideSheetHeader.jsx
-const useStyles$1 = (0, __material_ui_core.makeStyles)((theme) => {
-	var _theme$getThemeData;
-	return {
-		root: {
-			display: "flex",
-			flexDirection: "row",
-			padding: theme.spacing(1),
-			paddingLeft: 0,
-			background: (theme === null || theme === void 0 || (_theme$getThemeData = theme.getThemeData()) === null || _theme$getThemeData === void 0 ? void 0 : _theme$getThemeData.mode) === "dark" ? theme.palette.grey[800] : theme.palette.common.white,
-			position: ({ isSticky }) => isSticky ? "sticky" : "relative",
-			top: ({ isSticky }) => isSticky ? 0 : "auto",
-			zIndex: ({ isSticky }) => isSticky ? 1200 : "auto"
-		},
-		title: {
-			display: "flex",
-			flex: 1,
-			alignItems: "center",
-			marginLeft: theme.spacing(1.5)
-		},
-		actionButton: {
-			marginRight: theme.spacing(1),
-			position: "relative"
-		},
-		fabProgress: {
-			position: "absolute",
-			top: 4,
-			left: "35%",
-			zIndex: 1
-		}
-	};
-});
-const SideSheetHeader = ({ isSticky = false,...props }) => {
-	const classes = useStyles$1({ isSticky });
-	const { title, onClose, buttonLabel, onSubmit, buttonProgress, buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, id, udprecordid = "", buttonOneDisabled, buttonTwoDisabled,...otherProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: classes.root,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: classes.title,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EnvironmentRibbon.FluentIconButton, {
-					id: id + "-Close",
-					udprecordid: udprecordid + "-Close",
-					icon: __fluentui_react_icons.ChromeCloseIcon,
-					onClick: onClose,
-					"aria-label": "Close Panel"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EnvironmentRibbon.StandardTitle, {
-					className: classes.title,
-					children: title
-				})]
-			}),
-			buttonTwoLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_EnvironmentRibbon.FluentButton, {
-				color: "secondary",
-				onClick: buttonTwoAction,
-				disabled: buttonTwoDisabled,
-				...otherProps,
-				children: [
-					buttonTwoProgress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.CircularProgress, {
-						size: 24,
-						color: "secondary",
-						className: classes.fabProgress
-					}),
-					buttonTwoIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EnvironmentRibbon.FluentIcon, {
-						size: "small",
-						component: buttonTwoIcon,
-						style: { marginRight: 8 }
-					}),
-					buttonTwoLabel
-				]
-			}) }),
-			buttonLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: classes.actionButton,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_EnvironmentRibbon.FluentButton, {
-					id: id + "-CreateView",
-					udprecordid: udprecordid + "-CreateView",
-					variant: "contained",
-					color: "secondary",
-					onClick: onSubmit,
-					disabled: buttonOneDisabled,
-					...otherProps,
-					children: [buttonProgress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.CircularProgress, {
-						id: id + "-ButtonProgress",
-						udprecordid: udprecordid + "-ButtonProgress",
-						size: 24,
-						color: "secondary",
-						className: classes.fabProgress
-					}), buttonLabel]
-				})
-			})
-		]
-	});
-};
-
-//#endregion
-//#region src/UI/surfaces/SideSheet.jsx
-const useStyles = (0, __material_ui_core.makeStyles)((theme) => {
-	var _theme$getThemeData;
-	return {
-		paper: {
-			width: "100%",
-			[theme.breakpoints.up("sm")]: { width: (props) => props.width || 320 },
-			background: (theme === null || theme === void 0 || (_theme$getThemeData = theme.getThemeData()) === null || _theme$getThemeData === void 0 ? void 0 : _theme$getThemeData.mode) === "dark" ? theme.palette.grey[700] : "#f4f4f4"
-		},
-		container: {
-			height: (props) => props.contentHeight ? props.contentHeight : "",
-			overflowY: (props) => props.contentHeight ? "auto" : "",
-			padding: (props) => props.noPadding ? 0 : ""
-		}
-	};
-});
-/**
-* Base right hand side sheet with no contents
-*/
-const BaseSideSheet = (props) => {
-	const classes = useStyles(props);
-	const { anchor = "right", width, children, onClose, noBackdrop, buttonLabel,...drawerProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Drawer, {
-		classes: { paper: classes.paper },
-		variant: "temporary",
-		anchor,
-		onClose,
-		...drawerProps,
-		BackdropProps: { invisible: noBackdrop },
-		children
-	});
-};
-/**
-* A right hand material side sheet
-*/
-const SideSheet = (props) => {
-	const classes = useStyles(props);
-	const { children, title, progress, progressColor, buttonLabel, noPadding, onSubmit, variant = "determinate", buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, buttonOneDisabled, buttonTwoDisabled, id, udprecordid,...otherProps } = props;
-	const { onClose } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BaseSideSheet, {
-		...otherProps,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideSheetHeader, {
-				id,
-				udprecordid,
-				onClose,
-				title,
-				buttonLabel,
-				onSubmit,
-				buttonTwoLabel,
-				buttonTwoIcon,
-				buttonTwoAction,
-				buttonTwoProgress,
-				isSticky: true,
-				buttonOneDisabled,
-				buttonTwoDisabled,
-				...otherProps
-			}),
-			progress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.LinearProgress, {
-				variant,
-				color: progressColor,
-				value: progress
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.CardContent, {
-				classes: { root: classes.container },
-				children
-			})
-		]
-	});
-};
-SideSheet.propTypes = {
-	children: prop_types.default.oneOfType([prop_types.default.arrayOf(prop_types.default.node), prop_types.default.node]),
-	title: prop_types.default.string.isRequired,
-	onClose: prop_types.default.func,
-	open: prop_types.default.bool,
-	progress: prop_types.default.any,
-	progressColor: prop_types.default.string,
-	width: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
-	anchor: prop_types.default.string,
-	buttonLabel: prop_types.default.string,
-	noPadding: prop_types.default.string,
-	contentHeight: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number])
-};
-SideSheet.defaultProps = {
-	anchor: "right",
-	progressColor: "secondary"
-};
-
-//#endregion
-Object.defineProperty(exports, 'BaseSideSheet', {
-  enumerable: true,
-  get: function () {
-    return BaseSideSheet;
-  }
-});
-Object.defineProperty(exports, 'Field', {
-  enumerable: true,
-  get: function () {
-    return Field;
-  }
-});
-Object.defineProperty(exports, 'Form', {
-  enumerable: true,
-  get: function () {
-    return Form;
-  }
-});
-Object.defineProperty(exports, 'FormButtons', {
-  enumerable: true,
-  get: function () {
-    return FormButtons;
-  }
-});
-Object.defineProperty(exports, 'FormError', {
-  enumerable: true,
-  get: function () {
-    return FormError;
-  }
-});
-Object.defineProperty(exports, 'FormSpy', {
-  enumerable: true,
-  get: function () {
-    return FormSpy;
-  }
-});
-Object.defineProperty(exports, 'SideSheet', {
-  enumerable: true,
-  get: function () {
-    return SideSheet;
-  }
-});
-Object.defineProperty(exports, 'SideSheetHeader', {
-  enumerable: true,
-  get: function () {
-    return SideSheetHeader;
-  }
-});
-Object.defineProperty(exports, 'SubmitButton', {
-  enumerable: true,
-  get: function () {
-    return SubmitButton;
-  }
-});
-Object.defineProperty(exports, 'apiMutate', {
-  enumerable: true,
-  get: function () {
-    return apiMutate;
-  }
-});
-Object.defineProperty(exports, 'useAxiosMutate', {
-  enumerable: true,
-  get: function () {
-    return useAxiosMutate;
-  }
-});
-Object.defineProperty(exports, 'useField', {
-  enumerable: true,
-  get: function () {
-    return useField;
-  }
-});
-Object.defineProperty(exports, 'useFieldChangeListener', {
-  enumerable: true,
-  get: function () {
-    return useFieldChangeListener;
-  }
-});
-Object.defineProperty(exports, 'useForm', {
-  enumerable: true,
-  get: function () {
-    return useForm;
-  }
-});
-Object.defineProperty(exports, 'useFormState', {
-  enumerable: true,
-  get: function () {
-    return useFormState;
-  }
-});
-//# sourceMappingURL=SideSheet-ERkgeXFG.cjs.map

package/dist/SideSheet-ERkgeXFG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideSheet-ERkgeXFG.cjs","names":["FinalForm","Field: FieldComponent","value","FinalField","name","FormError: FC<FormErrorProps>","FormSpy","Typography","SubmitButton: SubmitButtonComponent","FluentButton","FormSpy","useStyles","FormButtonsCore: any","FormSpy: FC<FormSpyProps>","FinalFormSpy","enableAxiosInterceptors","useUser","getAccessToken","getMergedConfig","useStyles","FluentIconButton","ChromeCloseIcon","StandardTitle","FluentButton","CircularProgress","FluentIcon","Drawer","LinearProgress","CardContent","PropTypes"],"sources":["../src/utilities/form/final-form-scroll/isFocusableInput.js","../src/utilities/form/final-form-scroll/getAllInputs.js","../src/utilities/form/final-form-scroll/findInput.js","../src/utilities/form/final-form-scroll/createDecorator.js","../src/utilities/form/Form.tsx","../src/utilities/form/Field.tsx","../src/utilities/form/FormError.tsx","../src/utilities/form/SubmitButton.tsx","../src/utilities/form/FormButtons.tsx","../src/utilities/form/useFieldChangeListener.ts","../src/utilities/form/FormSpy.tsx","../src/utilities/form/formHooks.js","../src/utilities/useAxiosMutate.js","../src/UI/dataDisplay/typography/SideSheetHeader.jsx","../src/UI/surfaces/SideSheet.jsx"],"sourcesContent":["const isFocusableInput = (wtf) =>\n  !!(wtf && typeof wtf.focus === 'function');\n\nexport default isFocusableInput;\n","import isFocusableInput from './isFocusableInput';\n\nconst getAllInputs = () => {\n  if (typeof document === 'undefined') {\n    return [];\n  }\n  return Array.prototype.slice\n    .call(document.forms)\n    .reduce(\n      (accumulator, form) =>\n        accumulator.concat(\n          Array.prototype.slice.call(form).filter(isFocusableInput)\n        ),\n      []\n    );\n};\n\nexport default getAllInputs;\n","import { getIn } from 'final-form';\n\nconst findInput = (inputs, errors) =>\n  inputs.find(input => input.name && getIn(errors, input.name));\n\nexport default findInput;\n","import getAllInputs from './getAllInputs.js';\nimport findInput from './findInput.js';\n\nconst noop = () => {};\n\n/**\n * The decorator is created based on final-form-focus https://github.com/final-form/final-form-focus\n */\nconst createDecorator = () => (form) => {\n  const scrollToFirstError = (errors) => {\n    const allInputs = getAllInputs();\n    const firstInput = findInput(allInputs, errors);\n    const inputToScrollTo = firstInput?.parentElement;\n    if (inputToScrollTo) {\n      inputToScrollTo.scrollIntoView({ behavior: 'smooth' });\n    }\n  };\n  // Save original submit function\n  const originalSubmit = form.submit;\n  let state = {};\n  const unsubscribe = form.subscribe(\n    (nextState) => {\n      state = nextState;\n    },\n    { errors: true, submitErrors: true }\n  );\n  // What to do after submit\n  const afterSubmit = () => {\n    const { errors, submitErrors } = state;\n    if (errors && Object.keys(errors).length) {\n      scrollToFirstError(errors);\n    } else if (submitErrors && Object.keys(submitErrors).length) {\n      scrollToFirstError(submitErrors);\n    }\n  };\n\n  // Rewrite submit function\n  form.submit = () => {\n    const result = originalSubmit.call(form);\n    if (result && typeof result.then === 'function') {\n      // async\n      result.then(afterSubmit, noop);\n    } else {\n      // sync\n      afterSubmit();\n    }\n    return result;\n  };\n\n  return () => {\n    unsubscribe();\n    form.submit = originalSubmit;\n  };\n};\n\nexport default createDecorator;\n","import React, { forwardRef, useImperativeHandle } from 'react';\nimport {\n  AnyObject,\n  Form as FinalForm,\n  FormProps as FinalFormProps,\n  FormRenderProps,\n} from 'react-final-form';\nimport createDecorator from './final-form-scroll/createDecorator';\n\nexport interface FormProps<FormValues = AnyObject>\n  extends FinalFormProps<FormValues> {\n  children?: (props: FormRenderProps<FormValues>) => React.ReactNode;\n  id?: string;\n}\nconst scrollToError = createDecorator();\n\n/**\n * final-form Form wrapper with automatic <form> and submit handler\n */\n\nconst _Form = ({ render: renderProp, children, id, ...props }: FormProps, ref: React.Ref<any>) => {\n  const render = renderProp || children;\n  \n  return (\n    <FinalForm ref={ref} decorators={[scrollToError]} {...props}>\n      {params => {\n         useImperativeHandle(ref, () => ({ ...params}))\n        return (\n          <form onSubmit={params.handleSubmit} noValidate={true} id={id}>\n            {typeof render === 'function' ? render(params) : render}\n          </form>\n        )\n      }}\n    </FinalForm>\n  );\n};\n\nexport const Form = forwardRef(_Form)","import { InputBaseComponentProps } from '@material-ui/core';\nimport React, {\n  ElementType,\n  forwardRef,\n  useCallback,\n  ComponentType,\n} from 'react';\nimport {\n  Field as FinalField,\n  FieldProps as FinalFieldProps,\n  FieldRenderProps,\n} from 'react-final-form';\n\nexport interface MuiFieldComponentProps {\n  error?: boolean;\n  helperText?: React.ReactNode;\n  inputProps?: InputBaseComponentProps;\n  onChange: React.ChangeEventHandler;\n  ComponentProps?: MuiFieldComponentProps;\n}\n\nexport type MuiFieldComponent = ElementType<MuiFieldComponentProps>;\n\nexport type FieldProps<\n  FieldValue,\n  RP extends FieldRenderProps<FieldValue, T>,\n  T extends HTMLElement = HTMLElement\n  > = {\n    component: MuiFieldComponent;\n    // @fixme Some of the onChange handlers pass value instead\n    valueForChange?: (event: React.ChangeEvent<T>) => FieldValue;\n  } & Pick<\n    FinalFieldProps<FieldValue, RP, T>,\n    | 'afterSubmit'\n    | 'allowNull'\n    | 'beforeSubmit'\n    | 'defaultValue'\n    | 'format'\n    | 'formatOnBlur'\n    | 'initialValue'\n    | 'isEqual'\n    | 'name'\n    | 'parse'\n    | 'subscription'\n    | 'type'\n    | 'validate'\n    | 'validateFields'\n    | 'value'\n    | 'required'\n  > &\n  MuiFieldComponentProps; // @fixme Add another generic to extend this with componentProps\n\ntype FieldComponent<\n  FieldValue = any,\n  RP extends FieldRenderProps<FieldValue, T> = FieldRenderProps<\n    FieldValue,\n    HTMLElement\n  >,\n  T extends HTMLElement = HTMLElement\n  > = ComponentType<FieldProps<FieldValue, RP, T>>;\n\n/**\n * final-form Field wrapper that supports using Material UI fields as components\n * @todo Implement a validation function that uses required, etc... (or defer this till Redwerks' form library is built)\n */\nexport let Field: FieldComponent = forwardRef((props, ref) => {\n  const {\n    component: Component,\n    afterSubmit,\n    allowNull,\n    beforeSubmit,\n    component,\n    defaultValue,\n    format,\n    formatOnBlur,\n    initialValue,\n    isEqual,\n    name,\n    parse,\n    // @ts-ignore\n    render, // extract the render prop so it doesn't get passed to Field\n    subscription,\n    validate,\n    validateFields,\n    value, // radio/checkbox\n    helperText,\n    valueForChange,\n    required,\n    ComponentProps,\n    type,\n    ...componentProps\n  } = props;\n  const fieldProps = {\n    afterSubmit,\n    allowNull,\n    beforeSubmit,\n    defaultValue,\n    format,\n    formatOnBlur,\n    initialValue,\n    isEqual,\n    name,\n    parse,\n    subscription,\n    validate,\n    validateFields,\n    value,\n    type\n  };\n\n  // @fixme: will need to add a more generic validator for other valdiation props\n  const makeValidation = useCallback(\n    (value, allValues, meta) => {\n      if (required && ((typeof (value) !== \"number\" && !!!value) || Array.isArray(value))) {\n        if (Array.isArray(value) && value.length) {\n          return undefined;\n        } else if (!!value && !Array.isArray(value)) {\n          return undefined;\n        } else {\n          return 'Required';\n        }\n      }\n      if (validate) {\n        return validate(value, allValues, meta);\n      }\n    },\n    [required, validate]\n  );\n\n  return (\n    <FinalField {...fieldProps} validate={makeValidation}>\n      {params => {\n        const { input, meta } = params;\n        const { name, onChange, ...inputProps } = input;\n        const showError =\n          ((meta.submitError && !meta.dirtySinceLastSubmit) || meta.error) &&\n          meta.touched;\n\n        return (\n          <Component\n            ref={ref as any} // @fixme\n            required={required}\n            {...componentProps}\n            {...ComponentProps}\n            helperText={showError ? meta.error || meta.submitError : helperText}\n            error={showError}\n            onChange={(...args: any[]) => {\n              if (valueForChange) {\n                // @ts-ignore\n                args = [valueForChange(...args)];\n              }\n              // @ts-ignore\n              onChange(...args);\n            }}\n            name={name}\n            {...inputProps}\n          //value={value}\n          />\n        );\n      }}\n    </FinalField>\n  );\n});\nField.displayName = 'Field';\n","import { Typography, TypographyProps } from '@material-ui/core';\nimport React, { FC } from 'react';\nimport { FormSpy } from 'react-final-form';\n\nexport type FormErrorProps = TypographyProps<'p', {}>;\n\n/**\n * Displays form-wide validation and submit errors in a MUI Typography error element\n */\nexport const FormError: FC<FormErrorProps> = props => {\n  return (\n    <FormSpy subscription={{ error: true, submitError: true }}>\n      {({ error, submitError }) => {\n        if (error || submitError) {\n          return (\n            <Typography component=\"p\" paragraph {...props} color=\"error\">\n              {error || submitError}\n            </Typography>\n          );\n        }\n\n        return null;\n      }}\n    </FormSpy>\n  );\n};\n","import { Button, ButtonProps } from '@material-ui/core';\nimport React, { forwardRef, ComponentType } from 'react';\nimport { FormSpy } from 'react-final-form';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\n\nexport type SubmitButtonProps<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ButtonProps<D, P> & {\n    // @fixme Probably want to swap this with something that'll allow ...otherProps to inherit the specified component's props to pass through\n    ButtonComponent?: typeof FluentButton;\n    disablePristine: boolean;\n  };\n\ntype SubmitButtonComponent<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ComponentType<SubmitButtonProps<P, D>>;\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nexport let SubmitButton: SubmitButtonComponent = forwardRef((props, ref) => {\n  const {\n    ButtonComponent = FluentButton,\n    disabled,\n    disablePristine = true,\n    ...otherProps\n  } = props;\n\n  return (\n    <FormSpy subscription={{ submitting: true, pristine: true }}>\n      {({ submitting, pristine }) => (\n        <ButtonComponent\n          ref={ref}\n          type=\"submit\"\n          disabled={submitting || (disablePristine && pristine) || disabled}\n          {...otherProps}\n        />\n      )}\n    </FormSpy>\n  );\n});\nSubmitButton.displayName = 'SubmitButton';\n","import { makeStyles } from '@material-ui/core';\nimport React, { forwardRef, } from 'react';\n\nconst useStyles = makeStyles((theme:any) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(1),\n    '& > *': {\n      margin: `0 ${theme.spacing(2)}px 0 0`,\n    },\n  },\n}));\n\nexport type FormButtonsProps = {};\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nconst FormButtonsCore: any = (\n  props: any,\n  ref: any\n) => {\n  const classes = useStyles(props);\n  const { children, ...otherProps } = props;\n\n  return (\n    <div {...otherProps} ref={ref as any} className={classes.root}>\n      {children}\n    </div>\n  );\n};\nexport const FormButtons = forwardRef(FormButtonsCore);\n","import { useEffect } from 'react';\nimport { useForm } from 'react-final-form';\nimport { FormApi } from 'final-form';\n\nexport type FieldChangeCallback<T> = (\n  form: FormApi,\n  value: T,\n  prevValue: T\n) => void;\n\n/**\n * Form helper hook that runs a callback when the value of a field has changed\n * Usefull for creating effects where changes to one field affect the value of another field imperatively\n */\nexport function useFieldChangeListener<T>(\n  name: string,\n  cb: FieldChangeCallback<T>\n) {\n  const form = useForm();\n\n  useEffect(() => {\n    let lastValue = form.getFieldState(name)?.value;\n\n    return form.subscribe(\n      ({ values }) => {\n        const value = values[name];\n        if (value !== lastValue) {\n          cb(form, value, lastValue);\n        }\n\n        lastValue = values[name];\n      },\n      { values: true }\n    );\n  }, [form, name, cb]);\n}\n","import React, { FC } from 'react';\nimport {\n  AnyObject,\n  FormSpy as FinalFormSpy,\n  FormSpyProps as FinalFormSpyProps,\n  FormSpyRenderProps\n} from 'react-final-form';\nimport createDecorator from './final-form-scroll/createDecorator';\n\nexport interface FormSpyProps<FormValues = AnyObject>\n  extends FinalFormSpyProps<FormValues> {\n  children?: (props: FormSpyRenderProps<FormValues>) => React.ReactNode;\n  id?: string;\n}\n\nconst scrollToError = createDecorator();\n\n/**\n * final-form Form Spy wrapper\n */\nexport const FormSpy: FC<FormSpyProps> = ({\n  render: renderProp,\n  children,\n  ...props\n}) => {\n  const render = renderProp || children;\n  return (\n    <FinalFormSpy {...props}>\n      {(params) => (\n        <>{typeof render === 'function' ? render(params) : render}</>\n      )}\n    </FinalFormSpy>\n  );\n};\n","import {\n  useForm as useFinalForm,\n  useField as useFinalField,\n  useFormState as useFinalFormState\n} from 'react-final-form';\n\nexport const useForm = () => useFinalForm();\n\nexport const useField = () => useFinalField();\n\nexport const useFormState = () => useFinalFormState();\n","import { useEffect, useMemo } from 'react';\nimport useAxios from 'axios-hooks';\nimport Axios from 'axios';\nimport {\n  handleResponseErrors,\n  getMergedConfig,\n  getAccessToken\n} from './apiHelpers';\nimport enableAxiosInterceptors from './axiosInterceptors';\nimport { useUser } from './auth/useUser';\n\nenableAxiosInterceptors();\n\nexport const useAxiosMutate = (baseURL, url, config) => {\n\n  const fullURL = { url: `${baseURL}/${url}` };\n  const user = useUser()\n\n  const headers = useMemo(() => {\n    const currentHeaders = config.headers ?? {}\n    currentHeaders.currentTenantId ||= user?.currentTenantId ?? ''\n    return currentHeaders\n  }, [user, config])\n  config.headers = headers\n\n  const [{ data, loading, error }, execute] = useAxios(\n    { ...fullURL, ...config },\n    { manual: true }\n  );\n\n  useEffect(() => {\n    handleResponseErrors(error);\n  }, [error]);\n\n  return [{ data, loading, error }, execute];\n};\n\nexport const apiMutate = async (baseURL, url, config, data) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  const accessToken = await getAccessToken();\n  const mergedConfig = getMergedConfig(accessToken, config);\n  return Axios({ ...fullURL, ...mergedConfig, ...data });\n};\n","import React from 'react';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nimport { StandardTitle } from './StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/FluentIcon';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    paddingLeft: 0,\n    background:\n      theme?.getThemeData()?.mode === 'dark'\n        ? theme.palette.grey[800]\n        : theme.palette.common.white,\n    position: ({ isSticky }) => (isSticky ? 'sticky' : 'relative'),\n    top: ({ isSticky }) => (isSticky ? 0 : 'auto'),\n    zIndex: ({ isSticky }) => (isSticky ? 1200 : 'auto')\n  },\n  title: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center',\n    marginLeft: theme.spacing(1.5)\n  },\n  actionButton: {\n    marginRight: theme.spacing(1),\n    position: 'relative'\n  },\n  fabProgress: {\n    position: 'absolute',\n    top: 4,\n    left: '35%',\n    zIndex: 1\n  }\n}));\n\nexport const SideSheetHeader = ({ isSticky = false, ...props }) => {\n  const classes = useStyles({ isSticky });\n  const {\n    title,\n    onClose,\n    buttonLabel,\n    onSubmit,\n    buttonProgress,\n    buttonTwoLabel,\n    buttonTwoIcon,\n    buttonTwoAction,\n    buttonTwoProgress,\n    id,\n    udprecordid = '',\n    buttonOneDisabled,\n    buttonTwoDisabled,\n    ...otherProps\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        <FluentIconButton\n          id={id + '-Close'}\n          udprecordid={udprecordid + '-Close'}\n          icon={ChromeCloseIcon}\n          onClick={onClose}\n          aria-label='Close Panel'\n        />\n        <StandardTitle className={classes.title}>{title}</StandardTitle>\n      </div>\n      {buttonTwoLabel && (\n        <div>\n          <FluentButton\n            // variant='contained'\n            color='secondary'\n            onClick={buttonTwoAction}\n            disabled={buttonTwoDisabled}\n            {...otherProps}\n          >\n            {buttonTwoProgress && (\n              <CircularProgress\n                size={24}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {buttonTwoIcon && (\n              <FluentIcon\n                size='small'\n                component={buttonTwoIcon}\n                style={{ marginRight: 8 }}\n              />\n            )}\n            {buttonTwoLabel}\n          </FluentButton>\n        </div>\n      )}\n      {buttonLabel && (\n        <div className={classes.actionButton}>\n          <FluentButton\n            id={id + '-CreateView'}\n            udprecordid={udprecordid + '-CreateView'}\n            variant='contained'\n            color='secondary'\n            onClick={onSubmit}\n            disabled={buttonOneDisabled}\n            {...otherProps}\n          >\n            {buttonProgress && (\n              <CircularProgress\n                id={id + '-ButtonProgress'}\n                udprecordid={udprecordid + '-ButtonProgress'}\n                size={24}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {buttonLabel}\n          </FluentButton>\n        </div>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport {\n  makeStyles,\n  Drawer,\n  LinearProgress,\n  CardContent\n} from '@material-ui/core';\nimport { SideSheetHeader } from '../dataDisplay/typography/SideSheetHeader';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  paper: {\n    // width: (props) => props.width || 320,\n    width: '100%',\n    [theme.breakpoints.up('sm')]: {\n      width: (props) => props.width || 320\n    },\n    background:\n      theme?.getThemeData()?.mode === 'dark'\n        ? theme.palette.grey[700]\n        : '#f4f4f4'\n  },\n  container: {\n    height: (props) => (props.contentHeight ? props.contentHeight : ''),\n    overflowY: (props) => (props.contentHeight ? 'auto' : ''),\n    padding: (props) => (props.noPadding ? 0 : '')\n  }\n}));\n\n/**\n * Base right hand side sheet with no contents\n */\nexport const BaseSideSheet = (props) => {\n  const classes = useStyles(props);\n  const {\n    anchor = 'right',\n    width,\n    children,\n    onClose,\n    noBackdrop,\n    buttonLabel,\n    ...drawerProps\n  } = props;\n\n  return (\n    <Drawer\n      classes={{ paper: classes.paper }}\n      variant='temporary'\n      anchor={anchor}\n      onClose={onClose}\n      {...drawerProps}\n      BackdropProps={{ invisible: noBackdrop }}\n    >\n      {children}\n    </Drawer>\n  );\n};\n\n/**\n * A right hand material side sheet\n */\nexport const SideSheet = (props) => {\n  const classes = useStyles(props);\n  const {\n    children,\n    title,\n    progress,\n    progressColor,\n    buttonLabel,\n    noPadding,\n    onSubmit,\n    variant = 'determinate',\n    buttonTwoLabel,\n    buttonTwoIcon,\n    buttonTwoAction,\n    buttonTwoProgress,\n    buttonOneDisabled,\n    buttonTwoDisabled,\n    id,\n    udprecordid,\n    ...otherProps\n  } = props;\n  const { onClose } = props;\n  return (\n    <BaseSideSheet {...otherProps}>\n      <SideSheetHeader\n        id={id}\n        udprecordid={udprecordid}\n        onClose={onClose}\n        title={title}\n        buttonLabel={buttonLabel}\n        onSubmit={onSubmit}\n        buttonTwoLabel={buttonTwoLabel}\n        buttonTwoIcon={buttonTwoIcon}\n        buttonTwoAction={buttonTwoAction}\n        buttonTwoProgress={buttonTwoProgress}\n        isSticky={true}\n        buttonOneDisabled={buttonOneDisabled}\n        buttonTwoDisabled={buttonTwoDisabled}\n        {...otherProps}\n      />\n      {progress && (\n        <LinearProgress\n          variant={variant}\n          color={progressColor}\n          value={progress}\n        />\n      )}\n      <CardContent classes={{ root: classes.container }}>\n        {children}\n      </CardContent>\n    </BaseSideSheet>\n  );\n};\n\nSideSheet.propTypes = {\n  /**\n   * Main content for the modal view\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * SideSheet title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Function to close SideSheet\n   */\n  onClose: PropTypes.func,\n  /**\n   * Determins the open or closed state of the SideSheet\n   */\n  open: PropTypes.bool,\n  /**\n   * Value for progress loading\n   */\n  progress: PropTypes.any, // ToDo: add fix for hiding 0 progress\n  /**\n   * Progress loading color\n   */\n  progressColor: PropTypes.string,\n  /**\n   * Width of the SideSheet\n   */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /**\n   * Anchor orgin of card (right, left, top, bottom)\n   */\n  anchor: PropTypes.string,\n  /**\n   * Label for top action button (global only)\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Option to override container padding\n   */\n  noPadding: PropTypes.string,\n  /**\n   * Progress loading color\n   */\n  contentHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nSideSheet.defaultProps = {\n  anchor: 'right',\n  progressColor: 'secondary'\n};\n"],"mappings":"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"}

package/dist/UdpPublicForm-1vK6Ug4-.cjs

@@ -1,5 +0,0 @@
-require('./apiHelpers-Dyq5plHt.cjs');
-const require_UdpPublicForm = require('./UdpPublicForm-fWsuCBoR.cjs');
-
-exports.UdpPublicForm = require_UdpPublicForm.UdpPublicForm;
-exports.default = require_UdpPublicForm.UdpPublicForm;

package/dist/UdpPublicForm-BNe1yTjb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpPublicForm-BNe1yTjb.js","names":[],"sources":["../src/udp/pages/UdpPublicForm.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { UdpFormsRenderer } from 'udp-react-stencil-component-library';\nimport { useLocation } from 'react-router-dom';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nconst useSearchParams = () => {\n  const search = useLocation().search;\n\n  // when params are populated with an internal redirect, like on a Page menu, the useLocation hook does not get the query params\n  // so it will fallback with window.location.search in that case\n  return new URLSearchParams(search || window.location.search);\n}\nexport const UdpPublicForm = (props) => {\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const queryParams = useSearchParams()\n\n  const formId = queryParams.get('udpf_formId');\n  const tenantId = queryParams.get('udpf_tenantId');\n  const callbackUrl = queryParams.get('udpf_callback_url');\n\n  useEffect(() => {\n    if (!formId) {\n      handleErrorSnackbar({}, 'Form Id not found, please specify udpf_formid in the query params');\n    }\n    if (!tenantId) {\n      handleErrorSnackbar({}, 'tenantId not found, please specify udpf_formid in the query params');\n    }\n  }, []);\n  if (!formId || !tenantId) return null;\n\n  return (\n    <UdpFormsRenderer\n      formId={formId}\n      tenantId={tenantId}\n      productId={ConfigService.config.UNITY_PRODUCT_ID}\n      apiUrlBase={ConfigService.productV1ApiUrl}\n      callbackUrl={callbackUrl}\n      isPublic\n    />\n  );\n};\n\nexport default UdpPublicForm;\n"],"mappings":";;;;;;;;;;;;;AAIA,MAAM,wBAAwB;CAC5B,MAAM,SAAS,cAAc;AAI7B,QAAO,IAAI,gBAAgB,UAAU,OAAO,SAAS;AACtD;AACD,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,qBAAqB,GAAG;CAChC,MAAM,cAAc;CAEpB,MAAM,SAAS,YAAY,IAAI;CAC/B,MAAM,WAAW,YAAY,IAAI;CACjC,MAAM,cAAc,YAAY,IAAI;AAEpC,iBAAgB;AACd,MAAI,CAAC,OACH,qBAAoB,EAAE,EAAE;AAE1B,MAAI,CAAC,SACH,qBAAoB,EAAE,EAAE;CAE3B,GAAE,EAAE;AACL,KAAI,CAAC,UAAU,CAAC,SAAU,QAAO;AAEjC,QACE,oBAAC;EACS;EACE;EACV,WAAW,cAAc,OAAO;EAChC,YAAY,cAAc;EACb;EACb;;AAGL"}

package/dist/UdpPublicForm-C8eVm1sb.js

@@ -1,4 +0,0 @@
-import "./apiHelpers-ntQQ4i7A.js";
-import { UdpPublicForm } from "./UdpPublicForm-BNe1yTjb.js";
-
-export { UdpPublicForm, UdpPublicForm as default };