@bze/bze-ui-kit 0.3.0 → 0.4.0

package/dist/index.mjs

@@ -678,11 +678,28 @@ var formatTimeRemaining = (targetDate) => {
   if (minutes > 0) parts.push(`${minutes}m`);
   return parts.join(" ") || "Now";
 };
-var formatTimeRemainingFromEpochs = (epochs) => {
-  if (epochs.lte(0)) {
+function formatTimeRemainingFromEpochs(endEpoch, currentEpoch) {
+  let epochDiff;
+  if (currentEpoch !== void 0) {
+    const endBN = toBigNumber(endEpoch);
+    const currentBN = toBigNumber(currentEpoch);
+    epochDiff = endBN.minus(currentBN);
+    if (epochDiff.lte(0)) {
+      return "Ended";
+    }
+    const hoursRemaining = epochDiff.toNumber();
+    const daysRemaining = Math.floor(hoursRemaining / 24);
+    const hoursRemainder = hoursRemaining % 24;
+    if (daysRemaining > 0) {
+      return `${daysRemaining}d ${hoursRemainder}h`;
+    }
+    return `${hoursRemainder}h`;
+  }
+  epochDiff = toBigNumber(endEpoch);
+  if (epochDiff.lte(0)) {
     return "Now";
   }
-  const totalSeconds = epochs.multipliedBy(60).toNumber();
+  const totalSeconds = epochDiff.multipliedBy(60).toNumber();
   const days = Math.floor(totalSeconds / (60 * 60 * 24));
   const hours = Math.floor(totalSeconds % (60 * 60 * 24) / (60 * 60));
   const minutes = Math.floor(totalSeconds % (60 * 60) / 60);
@@ -691,7 +708,7 @@ var formatTimeRemainingFromEpochs = (epochs) => {
   if (hours > 0) parts.push(`${hours}h`);
   if (minutes > 0) parts.push(`${minutes}m`);
   return parts.join(" ") || "Now";
-};
+}
 
 // src/utils/functions.ts
 async function sleep(ms) {
@@ -4863,6 +4880,33 @@ function SettingsToggle({ accentColor }) {
     }
   );
 }
+
+// src/components/testnet-banner.tsx
+import { Box as Box3, Text as Text4 } from "@chakra-ui/react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var TestnetBanner = () => {
+  if (!isTestnetChain()) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx7(
+    Box3,
+    {
+      position: "fixed",
+      bottom: "0",
+      left: "0",
+      right: "0",
+      bg: "red.600",
+      color: "white",
+      textAlign: "center",
+      py: "1",
+      zIndex: "banner",
+      fontSize: "xs",
+      fontWeight: "bold",
+      letterSpacing: "wide",
+      children: /* @__PURE__ */ jsx7(Text4, { children: "YOU ARE ON TESTNET" })
+    }
+  );
+};
 export {
   ASSET_TYPE_FACTORY,
   ASSET_TYPE_IBC,
@@ -4907,6 +4951,7 @@ export {
   TESTNET_CHAIN_INFO_FALLBACK,
   TOKEN_LOGO_PLACEHOLDER,
   TTL_NO_EXPIRY,
+  TestnetBanner,
   Toaster,
   TxStatus,
   VALIDATION_ERRORS,