{"version":3,"file":"index-826a6ac0.js","sources":["../../../app/javascript/src/components/dashboard/scopes/components/ProgressBar.jsx","../../../app/javascript/src/components/ActionProgressModal/ProgressIndicator.jsx","../../../app/javascript/src/components/ActionProgressModal/SuccessMessage.jsx","../../../app/javascript/src/components/ActionProgressModal/ErrorMessage.jsx","../../../app/javascript/src/components/ActionProgressModal/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport default function ProgressBar({ progress }) {\n    return (\n        <div className=\"scope-progress-bar\">\n            <div style={{ width: `${progress}%` }}>\n                <span>{progress}%</span>\n            </div>\n        </div>\n    )\n}\n","import React from 'react'\nimport ProgressBar from 'components/dashboard/scopes/components/ProgressBar'\n\nexport default function ProgressIndicator({ name, description, progress }) {\n    return (\n        <>\n            <h3>{name} is being started</h3>\n            <div className=\"modal-well\">\n                <p>\n                    {description\n                        ? description\n                        : `The process of ${name} all of the settings on your\n                    configuration may take several minutes.`}\n                </p>\n\n                <ProgressBar progress={progress} />\n\n                {/* <p>\n                    We will notify you via email when this process is complete\n                </p> */}\n            </div>\n        </>\n    )\n}\n","import React from 'react'\n\nexport default function SuccessMessage({\n    title,\n    modalTitle,\n    message,\n    onClose,\n}) {\n    return (\n        <>\n            <h3>{modalTitle}</h3>\n            <div className=\"success-msg\">\n                <p>\n                    <i className=\"fas fa-check-circle\" />\n                </p>\n                <h4>{title}</h4>\n                <div>{message}</div>\n            </div>\n\n            <button className=\"btn btn-primary\" onClick={onClose}>\n                Ok, Great!\n            </button>\n        </>\n    )\n}\n","import React from 'react'\n\nexport default function ErrorMessage({ modalTitle, title, message, onClose }) {\n    return (\n        <>\n            <h3>{modalTitle}</h3>\n\n            <div className=\"warn-msg\">\n                <p>\n                    <i className=\"fas fa-exclamation-triangle\" />\n                </p>\n                <h4>{title}</h4>\n                <div>{message}</div>\n            </div>\n\n            <div>\n                <a\n                    href=\"https://shipperhq.com/contact\"\n                    className=\"mb-2 btn btn-primary\"\n                >\n                    Contact Support\n                </a>\n            </div>\n\n            <a className=\"primary-link\" onClick={onClose}>\n                Close\n            </a>\n        </>\n    )\n}\n","import React, { useEffect, useState } from 'react'\nimport Modal from 'components/ui/Modal'\nimport ProgressIndicator from './ProgressIndicator'\nimport SuccessMessage from './SuccessMessage'\nimport ErrorMessage from './ErrorMessage'\n\nconst POLLING_DELAY = 10000\n\nconst ACTION_LABELS = {\n    bigcommerce_migrate_products_metafields: 'Migrating BigCommerce Metafields',\n    import_origins: 'Origins import',\n    import_boxes: 'Boxes import',\n    import_table_rates: 'Table Rates import',\n    import_customer_groups: 'Customer groups import',\n    import_shipping_groups: 'Shipping groups import',\n    import_ship_filters: 'Filters',\n    import_zones: 'Zones',\n    import_locations: 'Locations',\n}\n\nconst IMPORT_DESCRIPTION =\n    'You will not be able to make any changes to your account while your file is uploading. Closing or navigating away from this screen will not affect upload progress.'\n\nconst ACTION_DESCRIPTION = {\n    import_origins: IMPORT_DESCRIPTION,\n    import_boxes: IMPORT_DESCRIPTION,\n    import_customer_groups: IMPORT_DESCRIPTION,\n    import_shipping_groups: IMPORT_DESCRIPTION,\n    import_ship_filters: IMPORT_DESCRIPTION,\n    import_zones: IMPORT_DESCRIPTION,\n    import_table_rates: IMPORT_DESCRIPTION,\n    import_locations: IMPORT_DESCRIPTION,\n}\n\nconst ActionProgressModal = ({\n    open,\n    onClose,\n    actionProgress,\n    loading,\n    children,\n    onRefetch,\n}) => {\n    const {\n        inProgress,\n        processLabel,\n        processDescription,\n        progress,\n        isSuccess,\n        isPartiallyFailed,\n    } = useActionProgressModal({ open, actionProgress, onRefetch })\n\n    if (!open || loading) return null\n\n    return (\n        <div className=\"scope-sect\">\n            <Modal onClose={onClose} className=\"modal-content\">\n                {inProgress ? (\n                    <ProgressIndicator\n                        name={processLabel}\n                        description={processDescription}\n                        progress={progress}\n                    />\n                ) : isSuccess ? (\n                    <SuccessMessage\n                        title=\"Success\"\n                        modalTitle={processLabel}\n                        message={children}\n                        onClose={onClose}\n                    />\n                ) : (\n                    <ErrorMessage\n                        title={\n                            isPartiallyFailed ? 'Partially failed' : 'Failure'\n                        }\n                        modalTitle={processLabel}\n                        message={children}\n                        onClose={onClose}\n                    />\n                )}\n            </Modal>\n        </div>\n    )\n}\n\nexport const useActionProgressModal = ({ open, actionProgress, onRefetch }) => {\n    const inProgress = actionProgress\n        ? ['in_progress', 'unstarted'].includes(actionProgress.status)\n        : true\n\n    useInterval(\n        open && inProgress && onRefetch ? onRefetch : null,\n        POLLING_DELAY\n    )\n\n    if (!actionProgress) return {}\n\n    const processLabel = ACTION_LABELS[actionProgress.name]\n    const processDescription = ACTION_DESCRIPTION[actionProgress.name]\n\n    const progress = actionProgress.progress || 0\n    const isSuccess = actionProgress.status === 'succeed'\n    const isPartiallyFailed = actionProgress.status === 'partially_failed'\n\n    return {\n        inProgress,\n        processLabel,\n        processDescription,\n        progress,\n        isSuccess,\n        isPartiallyFailed,\n    }\n}\n\nconst useInterval = (callback, delay) => {\n    const [intervalId, setIntervalId] = useState(null)\n\n    useEffect(() => {\n        if (callback) {\n            intervalId && clearInterval(intervalId)\n            setIntervalId(setInterval(callback, delay))\n        } else {\n            intervalId && clearInterval(intervalId)\n        }\n    }, [callback, delay])\n}\n\nexport default ActionProgressModal\n"],"names":["ProgressBar","progress","jsx","ProgressIndicator","name","description","jsxs","Fragment","SuccessMessage","title","modalTitle","message","onClose","ErrorMessage","POLLING_DELAY","ACTION_LABELS","IMPORT_DESCRIPTION","ACTION_DESCRIPTION","ActionProgressModal","open","actionProgress","loading","children","onRefetch","inProgress","processLabel","processDescription","isSuccess","isPartiallyFailed","useActionProgressModal","Modal","useInterval","callback","delay","intervalId","setIntervalId","useState","useEffect"],"mappings":"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"}