@stokr/components-library 3.0.30 → 3.0.32

package/dist/components/VerifyEmailModal/VerifyEmailModal.js

@@ -32,6 +32,8 @@ import { emailRegex } from "../../constants/globalVariables.js";
 const renderSuccessModal = (continueUrl) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
   stdin_default$1,
   {
+    continueButtonId: "verify-email-success-continue-btn",
+    continueButtonDataCy: "verify-email-success-continue",
     onClick: () => {
       window.open(continueUrl, "_self");
     },
@@ -87,12 +89,22 @@ const RenderErrorModal = (props) => {
                   onChange: handleChange,
                   onBlur: handleBlur,
                   error: !!errors.email,
-                  touched: !!touched.email
+                  touched: !!touched.email,
+                  "data-cy": "verify-email-modal-email-input"
                 }
               ),
               /* @__PURE__ */ jsx(FormError, { show: errors.email && touched.email, children: errors.email })
             ] }) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(Button, { type: "submit", id: "verify-email-submit-btn", disabled: submitDisabled, children: isActionLoading === "resend" ? "Resending email" : "Resend email" }) }),
+            /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                id: "verify-email-submit-btn",
+                "data-cy": "verify-email-modal-resend-submit",
+                disabled: submitDisabled,
+                children: isActionLoading === "resend" ? "Resending email" : "Resend email"
+              }
+            ) }),
             /* @__PURE__ */ jsx(ComponentWrapper, { paddingVeticalHalf: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(FormError, { show: popupError.popup === "resend", children: popupError.message }) }),
             isDisabled && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(FormError, { show: isDisabled, children: `You can try again in ${secondsRemaining} seconds` }) })
           ] });

package/dist/components/headerHo/HeaderHo.js

@@ -40,6 +40,7 @@ import fetchDataPublic from "../../api/fetchDataPublic.js";
 import { withRouter } from "../../utils/withRouter.js";
 import { checkActionCode } from "firebase/auth";
 import { auth } from "../../firebase-config.js";
+import { track } from "../../analytics/index.js";
 const Outer = styled.div.withConfig({
   shouldForwardProp: (props) => !["fixed"].includes(props)
 })`
@@ -454,6 +455,7 @@ const _HeaderHoClass = class _HeaderHoClass extends Component {
                   listName: "newsletter"
                 });
               }
+              track("signup_account_created", { newsletter_opt_in: !!_userInfo.newsletter });
               this.setUserInfo(_userInfo);
               this.switchOpenModal("signUp", "confirm");
               this.setIsActionLoading(void 0);

package/dist/components/taxId/complete.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import "react";
+import { track } from "../../analytics/index.js";
 import { Text } from "../Text/Text.styles.js";
 import { useNavigate } from "react-router-dom";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
@@ -10,12 +11,32 @@ const noop = () => {
 const RegisterTaxIdComplete = ({ showBackButton, onClick = noop }) => {
   let navigate = useNavigate();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showBackButton && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(TextButton, { onClick: () => navigate("/verify-identity"), children: "Back to verify identity" }) }),
+    showBackButton && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(
+      TextButton,
+      {
+        "data-cy": "tax-id-complete-back-button",
+        onClick: () => {
+          track("tax_id_back_clicked", { surface: "tax_id_complete" });
+          navigate("/verify-identity");
+        },
+        children: "Back to verify identity"
+      }
+    ) }),
     /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsxs(Text, { children: [
       /* @__PURE__ */ jsx("h1", { children: "Your Tax Id has been submitted" }),
       /* @__PURE__ */ jsx("p", { children: "You have successfully submitted your Tax ID information. You will be ready to invest once you have completed all required steps on your checklist. Please continue!" })
     ] }) }),
-    /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingTop: true, children: /* @__PURE__ */ jsx(Button, { onClick, children: "Continue" }) })
+    /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingTop: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-cy": "tax-id-complete-continue-button",
+        onClick: () => {
+          track("tax_id_complete_continue_clicked");
+          onClick();
+        },
+        children: "Continue"
+      }
+    ) })
   ] });
 };
 var stdin_default = RegisterTaxIdComplete;

package/dist/components/taxId/flow.js

@@ -1,5 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
+import { track } from "../../analytics/index.js";
 import { Modal } from "../Modal/Modal.js";
 import stdin_default$3 from "./register-taxid.js";
 import stdin_default$1 from "../ComponentScroll/ComponentScroll.js";
@@ -20,13 +21,22 @@ const RegisterTaxIdFlow = ({
       onComplete();
     }
   }, [showComplete]);
+  useEffect(() => {
+    if (showFlow) {
+      track("tax_id_modal_opened");
+    }
+  }, [showFlow]);
+  const handleClose = () => {
+    track("tax_id_modal_closed", { flow_step: showComplete ? "complete" : "form" });
+    setShowFlow(false);
+  };
   const scrollRef = useRef();
   const handleScroll = (values, ref) => {
     if (ref) {
       scrollRef.current = ref;
     }
   };
-  return /* @__PURE__ */ jsx(Modal, { fullscreen: true, isOpen: showFlow, onClose: () => setShowFlow(false), children: /* @__PURE__ */ jsx(ModalInner, { noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(stdin_default$1, { handleScroll, fullHeight: true, children: showComplete ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Modal, { fullscreen: true, isOpen: showFlow, onClose: handleClose, children: /* @__PURE__ */ jsx(ModalInner, { noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(stdin_default$1, { handleScroll, fullHeight: true, children: showComplete ? /* @__PURE__ */ jsx(
     stdin_default$2,
     {
       showBackButton,

package/dist/components/taxId/register-taxid.js

@@ -2,6 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useContext, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { AuthContext } from "../../context/AuthContext.js";
+import { track } from "../../analytics/index.js";
 import { Text } from "../Text/Text.styles.js";
 import * as Yup from "yup";
 import { Formik } from "formik";
@@ -71,8 +72,10 @@ const RegisterTaxId = ({
       await updateUser({
         taxId: e.taxId
       });
+      track("tax_id_form_submitted_success");
       setShowComplete(true);
     } catch (_error) {
+      track("tax_id_form_submit_failed");
       setError("Something went wrong. Try again.");
       setIsUpdatingUser(false);
     }
@@ -81,7 +84,17 @@ const RegisterTaxId = ({
     setError(false);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showBackButton ? /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(TextButton, { onClick: () => navigate("/verify-identity"), children: backButtonText }) }) : /* @__PURE__ */ jsx("div", { style: { height: 14 } }),
+    showBackButton ? /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(
+      TextButton,
+      {
+        "data-cy": "tax-id-back-button",
+        onClick: () => {
+          track("tax_id_back_clicked", { surface: "tax_id_form" });
+          navigate("/verify-identity");
+        },
+        children: backButtonText
+      }
+    ) }) : /* @__PURE__ */ jsx("div", { style: { height: 14 } }),
     /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsxs(Text, { children: [
       textHeader && textHeader,
       additionalTextHeader && additionalTextHeader
@@ -102,7 +115,8 @@ const RegisterTaxId = ({
               onChange: handleChange,
               onBlur: handleBlur,
               error: !!errors.taxId,
-              touched: !!touched.taxId
+              touched: !!touched.taxId,
+              "data-cy": "tax-id-input"
             }
           ),
           /* @__PURE__ */ jsx(FormError, { show: errors.taxId && touched.taxId, children: errors.taxId })
@@ -114,6 +128,7 @@ const RegisterTaxId = ({
             minWidth: "230px",
             type: "submit",
             id: "tax-id-submit-btn",
+            "data-cy": "tax-id-submit-btn",
             disabled: submitDisabled || isUpdatingUser || taxId,
             children: "Submit"
           }
@@ -129,7 +144,7 @@ const RegisterTaxId = ({
         failed: error
       }
     ) }),
-    error && /* @__PURE__ */ jsx(ComponentWrapper, { center: true, noPaddingBottom: true, children: /* @__PURE__ */ jsx(stdin_default$3, { onClick: onRefreshClick, children: "TRY AGAIN" }) }),
+    error && /* @__PURE__ */ jsx(ComponentWrapper, { center: true, noPaddingBottom: true, children: /* @__PURE__ */ jsx(stdin_default$3, { "data-cy": "tax-id-try-again", onClick: onRefreshClick, children: "TRY AGAIN" }) }),
     taxId && /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, children: /* @__PURE__ */ jsx(
       stdin_default$4,
       {
@@ -142,7 +157,13 @@ const RegisterTaxId = ({
     showSkipButton && /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsx(
       TextButton,
       {
+        "data-cy": taxId ? "tax-id-flow-continue" : "tax-id-skip-later",
         onClick: () => {
+          if (taxId) {
+            track("tax_id_continue_clicked", { variant: "after_saved" });
+          } else {
+            track("tax_id_skip_clicked");
+          }
           if (redirectUrl) {
             if (onContinueClick) {
               onContinueClick();
@@ -157,7 +178,7 @@ const RegisterTaxId = ({
       }
     ) }),
     /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, children: /* @__PURE__ */ jsx(SectionTitle, { children: "Frequently Asked Questions" }) }),
-    /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsx(stdin_default$5, { scrollRef, items: faqItems }) })
+    /* @__PURE__ */ jsx(ComponentWrapper, { children: /* @__PURE__ */ jsx(stdin_default$5, { scrollRef, items: faqItems, dataCyPrefix: "tax-id-faq" }) })
   ] });
 };
 var stdin_default = RegisterTaxId;

package/dist/utils/formatCurrencyValue.js

@@ -27,7 +27,8 @@ const formatCurrencyValue = (currency, value, tokenDecimals = 2, options = {}) =
     "btc-fb": ["BTC", 8],
     "usdc-fb": ["USDC", 2],
     "usdq-fb": ["USDQ", 2],
-    xaut: ["XAUt", 6]
+    xaut: ["XAUt", 6],
+    "usd-in-kind": ["USD", 2]
   }[currency] || [currency, tokenDecimals];
   const formattedValue = parseFloat(Math.abs(value)).toFixed(decimals);
   return valueFirst ? `${formattedValue} ${symbol}` : `${symbol} ${formattedValue}`;
@@ -50,7 +51,8 @@ const getCurrencySymbol = (currencySelected) => ({
   "usdc-fb": "USDC",
   "usdq-fb": "USDQ",
   xaut: "XAUt",
-  "eth-fb": "ETH"
+  "eth-fb": "ETH",
+  "usd-in-kind": "$"
 })[currencySelected] || currencySelected;
 const getProjectCurrencySign = (tokenCurrency) => {
   return tokenCurrency === "EUR" ? "€" : tokenCurrency === "USD" ? "$" : tokenCurrency === "BTC" ? "₿" : "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.30",
+  "version": "3.0.32",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",