@fixefy/fixefy-ui-components 0.3.86 → 0.3.88

package/dist/FxActionsTray/styles/actionsTray.style.d.ts

@@ -1,7 +1,10 @@
 import { Theme } from '@mui/material/styles';
-export declare const useStyles: (params: void, muiStyleOverridesParams?: import("tss-react/mui/themeStyleOverridesPlugin").MuiThemeStyleOverridesPluginParams["muiStyleOverridesParams"]) => {
+export declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
     classes: Record<"container" | "approveButton" | "paper" | "selected" | "divider" | "actions" | "close" | "actionButton", string>;
-    theme: import("@mui/material/styles").Theme;
+    theme: Theme;
     css: import("tss-react").Css;
     cx: import("tss-react").Cx;
 };

package/dist/FxAsyncDropdown/components/ChipOption.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export declare const ChipOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
     option: any;
     curValue: any;
-    modal: "displayed" | "list";
+    modal: 'displayed' | 'list';
     fetchedProps: any;
     displayed: any;
     setDisplayed: any;

package/dist/FxAsyncDropdown/components/LogoOption.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export declare const LogoOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
     option: any;
     curValue: any;
-    modal: "displayed" | "list";
+    modal: 'displayed' | 'list';
     fetchedProps: any;
     displayed: any;
     setDisplayed: any;

package/dist/FxAsyncDropdown/components/TextOption.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export declare const TextOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
     option: any;
     curValue: any;
-    modal: "displayed" | "list";
+    modal: 'displayed' | 'list';
     fetchedProps: any;
     displayed: any;
     setDisplayed: any;

package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const FxButtonModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, sx, iconSize, }: {
-    btnType?: "text" | "icon";
+    btnType?: 'text' | 'icon';
     btnValue?: string;
     modalData: any;
     onClick?: any;

package/dist/FxButtonModalWithMenu/FxButtonModalWithMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const FxButtonModalWithMenu: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal, buttonSx, menuItemSx, iconSize, }: {
-    btnType?: "text" | "icon";
+    btnType?: 'text' | 'icon';
     btnValue?: string;
     modalData: any;
     onClick?: any;

package/dist/FxGridEmptyState/FxGridEmptyState.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const FxGridEmptyState: () => React.JSX.Element;
+export declare const FxGridEmptyState: ({ assetUrl }: {
+    assetUrl?: string;
+}) => React.JSX.Element;

package/dist/FxGridEmptyState/FxGridEmptyState.js

@@ -18,7 +18,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const FxGridEmptyState = ()=>{
+const FxGridEmptyState = ({ assetUrl })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         sx: {
             width: '100%',
@@ -30,7 +30,8 @@ const FxGridEmptyState = ()=>{
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                 width: 380,
                 height: 415,
-                icon: 'general/hexagon_bottom.svg'
+                icon: 'general/hexagon_bottom.svg',
+                assetUrl: assetUrl
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                 display: 'flex',
@@ -45,7 +46,8 @@ const FxGridEmptyState = ()=>{
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                         width: 279,
                         height: 250,
-                        icon: 'table/table_no_results.svg'
+                        icon: 'table/table_no_results.svg',
+                        assetUrl: assetUrl
                     }),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                         sx: {
@@ -72,7 +74,8 @@ const FxGridEmptyState = ()=>{
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                 width: 416,
                 height: 377,
-                icon: 'general/hexagon_right.svg'
+                icon: 'general/hexagon_right.svg',
+                assetUrl: assetUrl
             })
         ]
     });

package/dist/FxGridError/FxGridError.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-export declare const FxGridError: ({ header, message, image, textSx, imageHeight, imageWidth }: {
+export declare const FxGridError: ({ header, message, image, textSx, imageHeight, imageWidth, assetUrl, }: {
     header?: string;
     message?: string;
     image?: string;
     textSx?: any;
     imageHeight?: number;
     imageWidth?: number;
+    assetUrl?: string;
 }) => React.JSX.Element;

package/dist/FxGridError/FxGridError.js

@@ -10,16 +10,15 @@ Object.defineProperty(exports, "FxGridError", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
-const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+const _material = require("@mui/material");
 const _FxIcon = require("../FxIcon");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
+const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth, assetUrl })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         sx: {
             width: '100%',
             height: '100%',
@@ -30,9 +29,10 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                 width: 380,
                 height: 415,
-                icon: 'general/hexagon_bottom.svg'
+                icon: 'general/hexagon_bottom.svg',
+                assetUrl: assetUrl
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                 display: 'flex',
                 flexDirection: 'column',
                 sx: {
@@ -45,9 +45,10 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                         width: imageWidth || 345,
                         height: imageHeight || 412,
-                        icon: image || 'general/bot_with_bubble.svg'
+                        icon: image || 'general/bot_with_bubble.svg',
+                        assetUrl: assetUrl
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
                         sx: {
                             width: '100%',
                             height: '100%',
@@ -58,7 +59,7 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
                             flexDirection: 'column',
                             margin: 'auto'
                         },
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                             display: 'flex',
                             flexDirection: 'column',
                             sx: textSx || {
@@ -66,11 +67,11 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
                                 marginTop: '40px'
                             },
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                                     variant: "h5",
                                     children: header || 'Something went wrong on our end.'
                                 }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                                     variant: "subtitle2",
                                     children: message || 'Please try again later.'
                                 })
@@ -82,7 +83,8 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                 width: 416,
                 height: 377,
-                icon: 'general/hexagon_right.svg'
+                icon: 'general/hexagon_right.svg',
+                assetUrl: assetUrl
             })
         ]
     });

package/dist/FxIcon/FxIcon.d.ts

@@ -3,7 +3,7 @@ export declare const FxIcon: ({ icon, width, height, onClick, variant, fontSize,
     width: number;
     height: number;
     onClick?: () => void;
-    variant?: "circular" | "rounded" | "square";
+    variant?: 'circular' | 'rounded' | 'square';
     fontSize?: number;
     background?: string;
     initials?: string;

package/dist/FxIcon/FxIcon.js

@@ -78,20 +78,6 @@ const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, backgroun
             })
         });
     }
-    //TODO: delete in next version just a test
-    const processImageSrc = ({ src }, assetUrl)=>{
-        const transformedSrc = src.split('/');
-        const new_item = transformedSrc[transformedSrc.length - 1].split(/(?=[A-Z])/).join('_').toLowerCase();
-        transformedSrc.splice(transformedSrc.length - 1, 1, new_item);
-        const url = transformedSrc.join('/');
-        // Use provided assetUrl or fallback to environment variable for backward compatibility
-        const baseUrl = assetUrl || process.env.NEXT_PUBLIC_ASSET_URL;
-        return `${baseUrl}/${url}`;
-    };
-    console.log('assetUrl (FXICON)', assetUrl);
-    console.log('processed image url', processImageSrc({
-        src: icon
-    }, assetUrl));
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
         alt: "",
         width: width,

package/dist/FxStyledButton/FxStyledButton.d.ts

@@ -1,12 +1,12 @@
 export declare const FxStyledButton: ({ btnValue, btnType, disabled, onClick, startIcon, endIcon, iconSize, sx, variant, assetUrl, }: {
     btnValue?: string;
-    btnType?: "text" | "icon";
+    btnType?: 'text' | 'icon';
     disabled?: boolean;
     onClick: any;
     startIcon?: any;
     endIcon?: any;
     iconSize?: number;
     sx?: any;
-    variant?: "contained" | "outlined" | "text" | "contained:rounded";
+    variant?: 'contained' | 'outlined' | 'text' | 'contained:rounded';
     assetUrl?: string;
 }) => any;

package/dist/FxStyledButton/FxStyledButton.js

@@ -20,7 +20,6 @@ function _interop_require_default(obj) {
     };
 }
 const FxStyledButton = ({ btnValue, btnType = 'text', disabled, onClick, startIcon, endIcon, iconSize, sx, variant, assetUrl })=>{
-    console.log('FxStyledButton assetUrl:', assetUrl);
     return btnType == 'text' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
         disabled: disabled,
         sx: sx,

package/package.json

@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@apollo/client": "3.7.15",
+    "@fixefy/next-s3-upload": "^0.0.12",
     "@mui/icons-material": "5.16.12",
     "@mui/lab": "6.0.0-beta.7",
     "nookies": "^2.5.2",
@@ -71,5 +72,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.86"
+  "version": "0.3.88"
 }