{"version":3,"file":"ListRatesBanner-acb0b86a.js","sources":["../../../app/javascript/src/hooks/useUpgradePlanUrl.js","../../../app/javascript/src/components/ui/UpgradeButton.jsx","../../../app/javascript/src/components/dashboard/integrations/components/ListRatesBanner.jsx"],"sourcesContent":["import { useSelector } from 'react-redux'\n\nexport default function useUpgradePlanUrl() {\n    const userId = useSelector(\n        ({ app: { current_user: { id } = {} } = {} }) => id\n    )\n    \n    return `/ratesmgr/profiles/${userId}/edit?section=billing`\n}\n","import React from 'react'\nimport useUpgradePlanUrl from 'hooks/useUpgradePlanUrl'\n\nconst UpgradeButton = ({ text }) => {\n    const upgradeLink = useUpgradePlanUrl()\n\n    return (\n        <a href={upgradeLink} className=\"btn btn-primary\">\n            {text}\n        </a>\n    )\n}\n\nUpgradeButton.defaultProps = {\n    text: 'Upgrade Now',\n}\n\nexport default React.memo(UpgradeButton)\n","//\nimport React from 'react'\nimport useTooltip from 'hooks/useTooltip'\nimport { useSelector } from 'react-redux'\nimport UpgradeButton from 'components/ui/UpgradeButton'\n\n// tooltip texts\nexport const TP_FEDEX =\n    'These are the base rates published by FedEx and are not the same as using your own FedEx account rates.'\nexport const TP_USPS =\n    'These are the base rates published by USPS and are not the same as using your own USPS account rates.'\nexport const TP_UPS =\n    'These are the base rates published by UPS and are not the same as using your own UPS account rates.'\n\nexport default function ListRatesBanner({ onPrimaryActionClick, carrierType }) {\n    return (\n        <div className=\"ent-cont-section list-rates mb20\">\n            {carrierType === 'fedEx' && (\n                <FedexBannerDetails onClick={onPrimaryActionClick} />\n            )}\n            {carrierType === 'usps' && <USPSBannerDetails />}\n            {carrierType === 'ups' && (\n                <UPSBannerDetails onClick={onPrimaryActionClick} />\n            )}\n        </div>\n    )\n}\n\nconst ListRatesTooltip = React.memo(({ text }) => {\n    const tooltip = useTooltip()\n    return (\n        <span\n            ref={tooltip.ref}\n            className=\"tool-tip\"\n            data-place=\"top\"\n            data-tip={text}\n        >\n            <i className=\"far fa-info-circle\" {...tooltip.props} />\n        </span>\n    )\n})\n\nconst FedexBannerDetails = React.memo(({ onClick }) => (\n    <>\n        <div className=\"txt\">\n            <p className=\"strong\">\n                You are using FedEx&reg; Standard List Rates\n                <ListRatesTooltip text={TP_FEDEX} />\n            </p>\n            <p>\n                To use your own fedex account rates, enter your account\n                credentials\n            </p>\n        </div>\n        <div className=\"cta\">\n            <button onClick={onClick} className=\"btn btn-primary\" type=\"button\">\n                Enter Credentials\n            </button>\n        </div>\n    </>\n))\n\nconst USPSBannerDetails = React.memo(() => (\n    <>\n        <div className=\"txt\">\n            <p className=\"strong\">\n                You are using USPS online rates\n                <ListRatesTooltip text={TP_USPS} />\n            </p>\n        </div>\n        <div className=\"cta\"></div>\n    </>\n))\n\nconst UPSBannerDetails = React.memo(({ onClick }) => {\n    const listRatesOnly = useSelector(\n        ({\n            app: { permissions: { list_rates_only: result = true } = {} } = {},\n        }) => result\n    )\n\n    if (listRatesOnly) {\n        return <UPSUpsell />\n    }\n\n    return (\n        <>\n            <div className=\"txt\">\n                <p className=\"strong\">\n                    You are displaying UPS published daily rates\n                    <ListRatesTooltip text={TP_UPS} />\n                </p>\n                <p>\n                    Enter your account information to display UPS account rates.\n                </p>\n            </div>\n            <div className=\"cta\">\n                <button\n                    onClick={onClick}\n                    className=\"btn btn-primary\"\n                    type=\"button\"\n                >\n                    Enter Credentials\n                </button>\n            </div>\n        </>\n    )\n})\n\nconst UPSUpsell = React.memo(() => (\n    <>\n        <div className=\"txt\">\n            <p className=\"strong\">\n                You are displaying UPS published daily rates\n                <ListRatesTooltip text={TP_UPS} />\n            </p>\n            <p>\n                If you&apos;d like to display your UPS account rates, upgrade\n                your account today!\n            </p>\n        </div>\n        <div className=\"cta\">\n            <UpgradeButton />\n        </div>\n    </>\n))\n"],"names":["useUpgradePlanUrl","useSelector","id","UpgradeButton","text","upgradeLink","UpgradeButton$1","React","TP_FEDEX","TP_USPS","TP_UPS","ListRatesBanner","onPrimaryActionClick","carrierType","jsxs","jsx","FedexBannerDetails","USPSBannerDetails","UPSBannerDetails","ListRatesTooltip","tooltip","useTooltip","onClick","Fragment","result","UPSUpsell"],"mappings":"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"}