@navinc/base-react-components/cjs/sba-resources.js

Nav's Pattern Library

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.COVID19Resources = exports.Toggle = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const styled_components_1 = __importDefault(require("styled-components"));
const header_js_1 = require("./header.js");
const copy_js_1 = require("./copy.js");
const link_js_1 = require("./link.js");
const icon_js_1 = require("./icon.js");
const aside_js_1 = require("./aside.js");
const Toggle = ({ isToggleOpen = false, children }) => {
    const [isOpen, setIsOpen] = (0, react_1.useState)(isToggleOpen);
    const toggle = () => {
        setIsOpen(!isOpen);
    };
    return children({
        isOpen,
        toggle,
    });
};
exports.Toggle = Toggle;
const SectionWrapper = styled_components_1.default.div.withConfig({ displayName: "brc-sc-SectionWrapper", componentId: "brc-sc-1xib11d" }) `
  padding: 18px;
`;
const SubSection = styled_components_1.default.div.withConfig({ displayName: "brc-sc-SubSection", componentId: "brc-sc-1u0hhuf" }) `
  & ~ & {
    margin-top: 24px;
  }

  & ${copy_js_1.Copy} {
    margin-top: 8px;
  }
`;
const StyledToggleWrapper = styled_components_1.default.div.withConfig({ displayName: "brc-sc-StyledToggleWrapper", componentId: "brc-sc-xof8gw" }) `
  display: flex;
  justify-content: space-between;
  cursor: pointer;
`;
const StyledIconWrapper = styled_components_1.default.div.withConfig({ displayName: "brc-sc-StyledIconWrapper", componentId: "brc-sc-m2rqhq" }) `
  text-align: right;
  padding-top: 16px;
`;
const StyledHeaderWrapper = styled_components_1.default.div.withConfig({ displayName: "brc-sc-StyledHeaderWrapper", componentId: "brc-sc-9l9fti" }) `
  text-align: left;
`;
const COVID19Resources = ({ shouldShowSBAApplicationAndCalculatorSection, shouldShowBothSBAApplicationAndCalculator = shouldShowSBAApplicationAndCalculatorSection, shouldHideNavCaresActSection = false, className, links = {}, }) => {
    const [toggled, setToggled] = (0, react_1.useState)(true);
    const { pppForm, sbaLoanCalc, documentionChecklist } = links;
    if (shouldHideNavCaresActSection) {
        return (0, jsx_runtime_1.jsx)(react_1.Fragment, { className: className, children: null });
    }
    else {
        return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { className: className, children: shouldShowBothSBAApplicationAndCalculator ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(SectionWrapper, { children: [(0, jsx_runtime_1.jsxs)(StyledToggleWrapper, { onClick: () => setToggled(!toggled), children: [(0, jsx_runtime_1.jsxs)(StyledHeaderWrapper, { children: [(0, jsx_runtime_1.jsx)(header_js_1.Header, { size: "xs", id: "free-ppp-tools", children: "Free PPP Tools" }), (0, jsx_runtime_1.jsx)(copy_js_1.Copy, { light: true, size: "sm", children: "Updated Dec 20, 2022 | by Nav" })] }), (0, jsx_runtime_1.jsx)(StyledIconWrapper, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: `actions/carrot-${toggled ? 'up' : 'down'}` }) })] }), toggled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(SubSection, { children: [(0, jsx_runtime_1.jsxs)(copy_js_1.Copy, { children: [(0, jsx_runtime_1.jsx)(link_js_1.Link, { "data-testid": "covid-resourse:sba-loan-form:application-link1", href: pppForm, rel: "noopener noreferrer", target: "_blank", bold: true, children: "Need a PPP loan? Apply with a Nav lending partner in 15 minutes or less!" }), ' ', "- Don\u2019t miss out on PPP funds - whether it\u2019s your first or second draw. Fill out Nav\u2019s form today to get matched instantly to a PPP lender. Once you see your match, complete your PPP application with the lender in 15 minutes or less!"] }), (0, jsx_runtime_1.jsx)(copy_js_1.Copy, { children: (0, jsx_runtime_1.jsx)(link_js_1.Link, { "data-testid": "covid-resourse:sba-loan-form:application-link2", href: pppForm, rel: "noopener noreferrer", target: "_blank", bold: true, children: "Get started" }) })] }), (0, jsx_runtime_1.jsx)(SubSection, { children: (0, jsx_runtime_1.jsx)(aside_js_1.Aside, { children: "Note: Information and/or an application submitted to one of Nav\u2019s partners does not guarantee you will receive/be approved for a PPP loan." }) }), (0, jsx_runtime_1.jsxs)(SubSection, { children: [(0, jsx_runtime_1.jsxs)(copy_js_1.Copy, { children: [(0, jsx_runtime_1.jsx)(link_js_1.Link, { "data-testid": "covid-resource:sba-loan-checklist:link1", href: documentionChecklist, rel: "noopener noreferrer", target: "_blank", bold: true, children: "PPP Documentation Checklist" }), ' ', "- Use this checklist to gather the documentation that you need to complete your PPP loan application. Having these ready will speed up the application process."] }), (0, jsx_runtime_1.jsx)(copy_js_1.Copy, { children: (0, jsx_runtime_1.jsx)(link_js_1.Link, { "data-testid": "covid-resource:sba-loan-checklist:link2", href: documentionChecklist, rel: "noopener noreferrer", target: "_blank", bold: true, children: "See checklist" }) })] }), (0, jsx_runtime_1.jsxs)(SubSection, { children: [(0, jsx_runtime_1.jsxs)(copy_js_1.Copy, { children: [(0, jsx_runtime_1.jsx)(link_js_1.Link, { "data-testid": "covid-resourse:sba-loan-calculator:link1", href: sbaLoanCalc, rel: "noopener noreferrer", target: "_blank", bold: true, children: "PPP Loan Calculator and FAQ" }), ' ', "- Find out how much your business may qualify for with the new Paycheck Protection Loans."] }), (0, jsx_runtime_1.jsx)(copy_js_1.Copy, { children: (0, jsx_runtime_1.jsx)(link_js_1.Link, { "data-testid": "covid-resourse:sba-loan-calculator:link2", href: sbaLoanCalc, rel: "noopener noreferrer", target: "_blank", bold: true, children: "Go to calculator" }) })] })] }))] }) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(SectionWrapper, { children: [(0, jsx_runtime_1.jsxs)(StyledToggleWrapper, { onClick: () => setToggled(!toggled), children: [(0, jsx_runtime_1.jsxs)(StyledHeaderWrapper, { children: [(0, jsx_runtime_1.jsx)(header_js_1.Header, { size: "xs", children: "CARES Act SBA Loan Calculator" }), (0, jsx_runtime_1.jsx)(copy_js_1.Copy, { light: true, size: "sm", children: "Updated Dec 20, 2022 | by Nav" })] }), (0, jsx_runtime_1.jsx)(StyledIconWrapper, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: `actions/carrot-${toggled ? 'up' : 'down'}` }) })] }), toggled && ((0, jsx_runtime_1.jsxs)(SubSection, { children: [(0, jsx_runtime_1.jsxs)(copy_js_1.Copy, { children: [(0, jsx_runtime_1.jsx)(link_js_1.Link, { "data-testid": "covid-resourse:sba-loan-calculator:link1", href: sbaLoanCalc, target: "_blank", rel: "noreferrer", bold: true, children: "CARES Act SBA Loan Calculator and FAQ" }), ' ', "- Find out how much your business may qualify for with the new Paycheck Protection Loans."] }), (0, jsx_runtime_1.jsx)(copy_js_1.Copy, { children: (0, jsx_runtime_1.jsx)(link_js_1.Link, { "data-testid": "covid-resourse:sba-loan-calculator:link2", href: sbaLoanCalc, target: "_blank", rel: "noreferrer", bold: true, children: "Go to calculator" }) })] }))] }) })) }));
    }
};
exports.COVID19Resources = COVID19Resources;
//# sourceMappingURL=sba-resources.js.map