@stokr/components-library 3.0.31 → 3.0.33

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/index.js

@@ -55,6 +55,7 @@ import { LearnMoreSection } from "./components/LearnMoreSection/LearnMore.js";
 import { LearnMoreItemSection } from "./components/LearnMoreSection/LearnMoreItem.js";
 import { MainMenu } from "./components/MainMenu/MainMenu.js";
 import { MenuNav } from "./components/MenuNav/MenuNav.styles.js";
+import { GlareButton } from "./components/Button/GlareButton.js";
 import { Modal } from "./components/Modal/Modal.js";
 import { PaymentModal } from "./components/Modal/PaymentModal.js";
 import { NewVentureModal } from "./components/Modal/NewVentureModal/NewVentureModal.js";
@@ -351,6 +352,7 @@ export {
   GRAY_DEEP_HEX,
   GRAY_SECONDARY_HEX,
   GREEN,
+  GlareButton,
   default26 as Glassess,
   GlobalStyle,
   Header,

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.31",
+  "version": "3.0.33",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",