@axos-web-dev/shared-components 1.0.91 → 1.0.93-ext-bal-apy-calc

package/dist/Calculators/AxosOneCalculator/index.d.ts

@@ -6,5 +6,6 @@ export interface AxosOneCalculatorProps {
     bodyCopy?: React.ReactNode | string;
     disclosure: React.ReactNode | string;
     variant: string;
+    initialBalance?: number;
 }
 export declare const AxosOneCalculator: FC<AxosOneCalculatorProps>;

package/dist/Calculators/AxosOneCalculator/index.js

@@ -24,19 +24,29 @@ const AxosOneCalculator = ({
   bodyCopy,
   disclosure,
   icon,
-  variant
+  variant,
+  initialBalance
 }) => {
   const calc_variant = getVariant(variant);
   const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
-  const [balance, setBalance] = useState(1e4);
+  const startingBalance = Number.isFinite(Number(initialBalance)) && Number(initialBalance) >= 0 ? Number(initialBalance) : 1e4;
+  const [balance, setBalance] = useState(startingBalance);
   const [axbAPY, _setAxbAPY] = useState(AXOS_ONE_APY);
-  const [axbEarning, setAxbEarning] = useState(AXOS_ONE_APY * 100);
+  const [axbEarning, setAxbEarning] = useState(
+    AXOS_ONE_APY / 100 * startingBalance
+  );
   const [chaseAPY, _setChaseAPY] = useState(0.01);
-  const [chaseEarning, setChaseEarning] = useState(1);
+  const [chaseEarning, setChaseEarning] = useState(
+    0.01 / 100 * startingBalance
+  );
   const [bofaAPY, _setBofaAPY] = useState(0.01);
-  const [bofaEarning, setBofaEarning] = useState(1);
+  const [bofaEarning, setBofaEarning] = useState(
+    0.01 / 100 * startingBalance
+  );
   const [fargoAPY, _setFargoAPY] = useState(0.05);
-  const [fargoEarning, setFargoEarning] = useState(5);
+  const [fargoEarning, setFargoEarning] = useState(
+    0.05 / 100 * startingBalance
+  );
   const removeNonNumeric = (value) => {
     if (value === "") {
       value = "0";
@@ -157,32 +167,32 @@ const AxosOneCalculator = ({
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Bank of America",
+                  "Wells Fargo",
                   /* @__PURE__ */ jsx("sup", { children: "3" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  bofaAPY.toFixed(2),
+                  fargoAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  bofaEarning.toLocaleString(void 0, {
+                  fargoEarning.toLocaleString(void 0, {
                     maximumFractionDigits: 2
                   })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Wells Fargo",
+                  "Bank of America",
                   /* @__PURE__ */ jsx("sup", { children: "4" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  fargoAPY.toFixed(2),
+                  bofaAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  fargoEarning.toLocaleString(void 0, {
+                  bofaEarning.toLocaleString(void 0, {
                     maximumFractionDigits: 2
                   })
                 ] })

package/dist/Calculators/Calculator.d.ts

@@ -11,5 +11,6 @@ export interface CalculatorProps {
     bodyCopy?: React.ReactNode;
     disclosure?: React.ReactNode;
     marketingTiles?: IconBillboardProps[];
+    initialBalance?: number;
 }
 export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Calculators/Calculator.js

@@ -134,7 +134,8 @@ const Calculator = (props) => {
     disclosure,
     headline,
     name,
-    marketingTiles
+    marketingTiles,
+    initialBalance
   } = props;
   const ref = useRef(null);
   const iframe = calculators.get(name || "");
@@ -225,7 +226,8 @@ const Calculator = (props) => {
         bodyCopy,
         variant,
         disclosure,
-        icon
+        icon,
+        initialBalance
       }
     );
   } else if (name === "APY Balance Summit Savings") {

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -185,14 +185,17 @@
 ._18ygy9m5 ._1m7m2av {
   min-height: 330px;
 }
+._18ygy9m5:has(> :nth-child(3)) ._1m7m2av {
+  min-height: 216px;
+}
 ._1m7m2ay {
   background: var(--_1073cm8f);
   color: #FFFFFF;
 }
 ._1m7m2az {
-  padding: 1.5rem;
   height: 100%;
   justify-content: center;
+  padding: 1.5rem;
 }
 ._1m7m2a10 {
   color: #fff;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.91",
+  "version": "1.0.93-ext-bal-apy-calc",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",