@fixefy/fixefy-ui-components 0.3.108 → 0.3.110

package/dist/fixefy-ui-components/src/FxToggleButtons/FxToggleButtons.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxToggleButtons", {
+    enumerable: true,
+    get: function() {
+        return FxToggleButtons;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+const _ToggleButtonGroup = /*#__PURE__*/ _interop_require_default(require("@mui/material/ToggleButtonGroup"));
+const _ToggleButton = /*#__PURE__*/ _interop_require_default(require("@mui/material/ToggleButton"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxToggleButtons = ({ activeTab, tabsData, onChange, darkMode })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ToggleButtonGroup.default, {
+        sx: {
+            height: '40px',
+            backgroundColor: darkMode ? '#323232' : '#fff'
+        },
+        color: "primary",
+        value: activeTab,
+        exclusive: true,
+        onChange: (e, val)=>{
+            e.preventDefault();
+            setTimeout(()=>{
+                onChange(val);
+            }, 500);
+        },
+        children: tabsData.map((tab, i)=>{
+            const { value, show, label, maxWidth, minWidth } = tab;
+            return show && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ToggleButton.default, {
+                disabled: activeTab === value,
+                sx: {
+                    '&.Mui-disabled': {
+                        border: '1px solid #568793 !important'
+                    },
+                    '&.MuiToggleButtonGroup-grouped': {
+                        borderRadius: 'inherit',
+                        maxWidth: maxWidth || '161px',
+                        minWidth: minWidth || '161px'
+                    },
+                    '&.Mui-selected': {
+                        backgroundColor: darkMode ? '#568793' : '#F1FBFE',
+                        border: '1px solid #568793'
+                    }
+                },
+                value: value,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                    sx: {
+                        textTransform: 'none'
+                    },
+                    lineHeight: '24px',
+                    fontSize: '12px',
+                    fontWeight: 500,
+                    color: darkMode ? '#fff' : '#000',
+                    variant: "button",
+                    children: label
+                })
+            }, i);
+        })
+    });
+};

package/dist/fixefy-ui-components/src/FxToggleButtons/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxToggleButtons", {
+    enumerable: true,
+    get: function() {
+        return _FxToggleButtons.FxToggleButtons;
+    }
+});
+const _FxToggleButtons = require("./FxToggleButtons");

package/dist/fixefy-ui-components/src/FxUserImage/FxUserImage.js

@@ -0,0 +1,236 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxUserImage", {
+    enumerable: true,
+    get: function() {
+        return FxUserImage;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
+const _fixefycookies = require("@fixefy/fixefy-cookies");
+const _FxIcon = require("../FxIcon");
+const _nexts3upload = require("@fixefy/next-s3-upload");
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const _fixefyhooks = require("@fixefy/fixefy-hooks");
+const _CircularProgress = /*#__PURE__*/ _interop_require_default(require("@mui/material/CircularProgress"));
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const FxUserImage = ({ bucketAddress, user, loading, setLoading, assetUrl })=>{
+    const getRandomColor = (0, _fixefyhooks.useRandomColor)();
+    const { listS3Bucket } = (0, _nexts3upload.useS3ListBucket)();
+    const { downloadFromS3 } = (0, _nexts3upload.useS3Download)('download-bytearray');
+    const { email, full_name, first_name, last_name } = user;
+    var _ref;
+    // @ts-expect-error try to write in a good manner - no trick no hacks
+    const initials = (0, _fixefyuiutils.toInitials)((_ref = full_name !== null && full_name !== void 0 ? full_name : first_name && last_name) !== null && _ref !== void 0 ? _ref : 'unknown').slice(0, 2);
+    const [file, setFile] = (0, _react.useState)(null);
+    const [files, setFiles] = (0, _react.useState)([]);
+    (0, _react.useEffect)(()=>{
+        fetchFiles();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    (0, _react.useEffect)(()=>{
+        if (file) {
+            setLoading(false);
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        file
+    ]);
+    (0, _react.useEffect)(()=>{
+        fetchFile(files);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    //// fetch single file from s3
+    const fetchFile = function() {
+        var _ref = _async_to_generator(function*(files) {
+            if (files.length) {
+                try {
+                    var _files_, _files__Key, _files_1;
+                    const data = yield downloadFromS3({
+                        path: (_files_ = files[0]) === null || _files_ === void 0 ? void 0 : _files_.Key,
+                        bucketName: `fixefy-${bucketAddress}`
+                    });
+                    const fileNames = (_files_1 = files[0]) === null || _files_1 === void 0 ? void 0 : (_files__Key = _files_1.Key) === null || _files__Key === void 0 ? void 0 : _files__Key.split('/').filter((part)=>part != '');
+                    const fileName = fileNames[(fileNames === null || fileNames === void 0 ? void 0 : fileNames.length) - 1];
+                    const fileType = fileName.split('.').pop();
+                    const currentFile = {
+                        data: data.content,
+                        type: fileType,
+                        name: fileName
+                    };
+                    setFile(currentFile);
+                    setLoading(false);
+                } catch (err) {
+                    console.error(err, err.stack, 'err');
+                    setLoading(false);
+                }
+                setLoading(false);
+            }
+        });
+        return function fetchFile(files) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    /// fetch files from s3
+    const fetchFiles = function() {
+        var _ref = _async_to_generator(function*() {
+            setLoading(true);
+            const { ws, user } = _fixefycookies.CookieHelper.getAll(null);
+            let { workspaces } = JSON.parse(user);
+            if (typeof workspaces === 'string') {
+                workspaces = JSON.parse(workspaces);
+            }
+            const currentWorkspace = workspaces.find((workspace)=>(workspace === null || workspace === void 0 ? void 0 : workspace._id) === ws);
+            if (!currentWorkspace) {
+                console.log('Workspace not found.');
+                setLoading(false);
+                return;
+            }
+            const bucket = `fixefy-${bucketAddress}`;
+            const startAfter = `${currentWorkspace.readable_id}/${email}`;
+            const data = yield listS3Bucket({
+                bucketName: bucket,
+                prefix: startAfter,
+                startAfter
+            });
+            try {
+                if (data.contents.length) {
+                    setFiles(data.contents);
+                    fetchFile(data.contents);
+                } else {
+                    setLoading(false);
+                }
+            } catch (err) {
+                console.error(err, err.stack, 'err');
+            }
+        });
+        return function fetchFiles() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    if (loading) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CircularProgress.default, {
+        size: 24
+    });
+    if (!file && !loading) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+        assetUrl: assetUrl,
+        icon: 'users',
+        width: 24,
+        height: 24,
+        variant: "rounded",
+        fontSize: 12,
+        initials: initials,
+        background: getRandomColor()
+    });
+    return file && !loading && /*#__PURE__*/ (0, _jsxruntime.jsx)(ImageView, {
+        data: file.data,
+        fileName: file.name,
+        type: file.type
+    });
+};
+const ImageView = ({ data, fileName, type })=>{
+    const [imageSrc, setImageSrc] = (0, _react.useState)(null);
+    (0, _react.useEffect)(()=>{
+        if (data instanceof Uint8Array) {
+            const blob = new Blob([
+                data
+            ], {
+                type: `image/${type == 'svg' ? 'svg+xml' : type}`
+            });
+            const url = URL.createObjectURL(blob);
+            setImageSrc(url);
+            return ()=>{
+                URL.revokeObjectURL(url);
+            };
+        } else {
+            setImageSrc(null);
+            return;
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        data
+    ]);
+    return imageSrc && /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+        width: 24,
+        height: 24,
+        src: imageSrc,
+        alt: fileName
+    });
+};

package/dist/fixefy-ui-components/src/FxUserImage/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxUserImage", {
+    enumerable: true,
+    get: function() {
+        return _FxUserImage.FxUserImage;
+    }
+});
+const _FxUserImage = require("./FxUserImage");

package/dist/fixefy-ui-components/src/FxWizard/FxWizard.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FxWizard: function() {
+        return FxWizard;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactusewizard = require("react-use-wizard");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxWizard = ({ config, footer })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactusewizard.Wizard, {
+        footer: footer,
+        children: config === null || config === void 0 ? void 0 : config.steps.map((step, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(WizardStepWrapper, {
+                props: step,
+                Component: step.component
+            }, i))
+    });
+};
+const WizardStepWrapper = ({ Component, props })=>{
+    console.log('WizardStepWrapper', JSON.stringify(props));
+    const { goToStep, isLastStep } = (0, _reactusewizard.useWizard)();
+    const handleNext = ()=>{
+        if (!isLastStep) {
+            goToStep(props.nextStepPath);
+        } else {
+            console.log('Reached the final step');
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        onHandleNext: handleNext
+    });
+};
+const _default = FxWizard;

package/dist/fixefy-ui-components/src/FxWizard/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./FxWizard"), exports);
+_export_star(require("./steps launcher"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/fixefy-ui-components/src/FxWizard/steps launcher/StepsLauncher.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    StepsLauncher: function() {
+        return StepsLauncher;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _FxWizard = /*#__PURE__*/ _interop_require_default(require("../FxWizard"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const StepsLauncher = (steps, footer)=>{
+    /* each config-step has a path, component, and nextStepPath
+  example: 
+  steps = [
+    {
+    path: '/file-type-selection-page',
+    component: FileTypeSelectionPage,
+    nextStepPath: '/choose-and-display-files',
+    },
+    {
+    path: '/choose-and-display-files',
+    component: ChosenFilesDisplayPage,
+    nextStepPath: '/uploader-page',
+    },
+  ]
+
+  footer is a component
+  */ const config = {
+        steps
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxWizard.default, {
+        config: config,
+        footer: footer
+    });
+};
+const _default = StepsLauncher;

package/dist/fixefy-ui-components/src/FxWizard/steps launcher/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./StepsLauncher"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}