@axos-web-dev/shared-components 1.0.100-dev.25 → 1.0.100-dev.27

package/dist/Calculators/ApyCalculator/index.js

@@ -16,12 +16,18 @@ const ApyCalculator = ({
   variant
 }) => {
   const calculator_variant = getVariant(variant);
+  const [compounding, setCompounding] = useState(360);
+  const getAPR = (apy) => {
+    return Number.parseFloat(
+      (((1 + apy / 100) ** (1 / compounding) - 1) * compounding * 100).toFixed(2)
+    );
+  };
   const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
+  const AXOS_ONE_APR = getAPR(AXOS_ONE_APY);
   const [initialDeposit, setInititalDeposit] = useState(1e3);
-  const [APR, setAPR] = useState(AXOS_ONE_APY - 0.1);
+  const [APR, setAPR] = useState(AXOS_ONE_APR);
   const [APY, setAPY] = useState(AXOS_ONE_APY);
   const [months, setMonths] = useState(12);
-  const [compounding, setCompounding] = useState(360);
   const [monthlyDeposits, setMonthlyDeposits] = useState(100);
   const [endingBalance, setEndingBalance] = useState("");
   const [errors, setErrors] = useState([]);
@@ -103,9 +109,7 @@ const ApyCalculator = ({
   };
   const updateAPY = (value) => {
     setAPY(value);
-    const new_apr = Number.parseFloat(
-      (((1 + value / 100) ** (1 / compounding) - 1) * compounding * 100).toFixed(2)
-    );
+    const new_apr = getAPR(value);
     setAPR(new_apr);
     convertInterest();
   };

package/dist/Chatbot/ChatWindow.d.ts

@@ -24,6 +24,7 @@ interface ChatWindowProps {
         name: string;
         id: string;
     };
+    showAvatar?: boolean;
 }
 export declare const ChatWindow: React.FC<ChatWindowProps>;
 export {};

package/dist/Chatbot/ChatWindow.js

@@ -18,7 +18,8 @@ const ChatWindow = ({
     console.log("End chat");
   },
   showReconnect = false,
-  virtualAgent
+  virtualAgent,
+  showAvatar = false
 }) => {
   const [mounted, setMounted] = React.useState(false);
   const [menuOpen, setMenuOpen] = React.useState(false);
@@ -252,7 +253,7 @@ const ChatWindow = ({
                           gap: "8px"
                         },
                         children: [
-                          /* @__PURE__ */ jsx(
+                          showAvatar && /* @__PURE__ */ jsx(
                             "img",
                             {
                               width: 24,

package/dist/Chatbot/useHeadlessChat.js

@@ -1,5 +1,6 @@
 "use client";
 import { useState, useRef, useCallback, useEffect } from "react";
+import { useLocation } from "react-use";
 import { useMessages } from "./store/messages.js";
 const brandMap = /* @__PURE__ */ new Map([
   ["axos", 1],
@@ -15,6 +16,7 @@ function useHeadlessChat({
   debug = false,
   menuOption = "Support Virtual Agent"
 }) {
+  const { hostname } = useLocation();
   const addMessage = useMessages((state) => state.addMessage);
   const addMessages = useMessages((state) => state.addMessages);
   const clearMessages = useMessages((state) => state.clearMessages);
@@ -50,13 +52,17 @@ function useHeadlessChat({
               user_auth: {
                 label: "user_auth",
                 value: "false"
+              },
+              env: {
+                label: "env",
+                value: hostname?.includes("www") ? "prod" : hostname?.split(".")[1] ? hostname?.split(".")[1] : ""
               }
             }
           }
         }
       );
     }
-  }, [clearMessages, menuOption, projectId]);
+  }, [clearMessages, hostname, menuOption, projectId]);
   useEffect(() => {
     let messageHandler;
     let chatReadyHandler;
@@ -105,6 +111,10 @@ function useHeadlessChat({
           user_auth: {
             label: "user_auth",
             value: "false"
+          },
+          env: {
+            label: "env",
+            value: hostname?.includes("www") ? "prod" : hostname?.split(".")[1] ? hostname?.split(".")[1] : ""
           }
         }
       };
@@ -213,7 +223,8 @@ function useHeadlessChat({
     addMessages,
     debug,
     projectId,
-    menuOption
+    menuOption,
+    hostname
   ]);
   return {
     status,

package/dist/assets/Article/Article.css

@@ -32,11 +32,10 @@
 }
 .n5hj5p8 {
   display: block;
+  font: 700 16px / 1.15 var(--header-font-family);
 }
 .n5hj5p0 .n5hj5p8 {
   color: #4B6080;
-  font-family: var(--header-font-family);
-  font-size: 16px;
 }
 .n5hj5p9 {
   color: var(--_1073cm85);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.25",
+  "version": "1.0.100-dev.27",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",