@symply.io/basic-components 1.3.11-alpha.7 → 1.3.11-alpha.9

package/ToastPrompt/Prompt.d.ts

@@ -1,2 +1,2 @@
-import { PromptProps } from "./types";
-export declare function Prompt(props: PromptProps): JSX.Element;
+import type { PromptProps } from "./types";
+export default function Prompt(props: PromptProps): JSX.Element;

package/ToastPrompt/Prompt.js

@@ -11,10 +11,10 @@ import WarningIcon from "@mui/icons-material/Warning";
 import SuccessIcon from "@mui/icons-material/CheckCircle";
 import { green, amber, red, blue } from "@mui/material/colors";
 import useCustomTheme from "../useCustomTheme";
-const Transition = (args) => {
+function Transition(args) {
     return _jsx(Slide, { ...args, direction: "up" });
-};
-export function Prompt(props) {
+}
+export default function Prompt(props) {
     const { open, icon, variant, message, timeout, onClose } = props;
     const theme = useCustomTheme();
     const styles = useMemo(() => ({

package/ToastPrompt/index.d.ts

@@ -1,3 +1,3 @@
-import { PromptProviderProps, PromptContextProps } from "./types";
+import type { PromptProviderProps, PromptContextProps } from "./types";
 export declare function PromptProvider(props: PromptProviderProps): JSX.Element;
 export declare function usePrompt(): PromptContextProps;

package/ToastPrompt/index.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-import { Prompt } from "./Prompt";
+import { default as Prompt } from "./Prompt";
 import useInteractions from "./useInteractions";
 const PromptContext = createContext({
     showPrompt: () => { }
@@ -8,7 +8,7 @@ const PromptContext = createContext({
 export function PromptProvider(props) {
     const { children } = props;
     const { promptArgs, onShow, onHide } = useInteractions();
-    return (_jsx(PromptContext.Provider, { value: { showPrompt: onShow }, children: _jsxs(_Fragment, { children: [children, _jsx(Prompt, { ...promptArgs, onClose: onHide })] }) }));
+    return (_jsxs(PromptContext.Provider, { value: { showPrompt: onShow }, children: [children, _jsx(Prompt, { ...promptArgs, onClose: onHide })] }));
 }
 export function usePrompt() {
     return useContext(PromptContext);

package/ToastPrompt/types.d.ts

@@ -1,13 +1,13 @@
-import { CSSProperties, ReactNode } from "react";
-import { SnackbarCloseReason } from "@mui/material/Snackbar";
-import { SvgIconComponent } from "@mui/icons-material";
+import type { CSSProperties, ReactNode } from "react";
+import type { SnackbarCloseReason } from "@mui/material/Snackbar";
+import type { SvgIconComponent } from "@mui/icons-material";
 export declare type Variant = "success" | "warning" | "info" | "error";
 export declare type PromptStyles = Record<Variant, {
     backgroundColor: CSSProperties["color"];
 }>;
 export declare type PromptIcons = Record<Variant, SvgIconComponent>;
 declare type PromptArgs = {
-    message: string;
+    message: string | 400;
     variant: Variant;
     timeout: number;
 };

package/ToastPrompt/useInteractions.d.ts

@@ -1,11 +1,11 @@
 declare function useInteractions(): {
     promptArgs: {
-        message: string;
+        message: string | 400;
         variant: import("./types").Variant;
         timeout: number;
     } & Record<"open", boolean>;
     onShow: (args: {
-        message: string;
+        message: string | 400;
         variant: import("./types").Variant;
         timeout: number;
     }) => void;

package/ToastPrompt/useInteractions.js

@@ -15,7 +15,12 @@ function useInteractions() {
     }, []);
     const onShow = useCallback(args => {
         const { message = "Unknown message", variant = "info", timeout = 3500 } = args;
-        setPromptArgs({ open: true, message, variant, timeout });
+        setPromptArgs({
+            open: true,
+            message: message === 400 ? ERROR_MESSAGE : message,
+            variant,
+            timeout
+        });
     }, []);
     return { promptArgs, onShow, onHide };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.3.11-alpha.7",
+  "version": "1.3.11-alpha.9",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",