@retinalabsllc/zairusjs 15.0.1 → 15.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +9 -9
  2. package/dist/index.mjs +9 -9
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1561,7 +1561,7 @@ var UniversalHomeView = ({
1561
1561
  const [isAvatarLoaded, setIsAvatarLoaded] = (0, import_react25.useState)(false);
1562
1562
  const [showNotifDialog, setShowNotifDialog] = (0, import_react25.useState)(false);
1563
1563
  const [selectedNotif, setSelectedNotif] = (0, import_react25.useState)(null);
1564
- const fallbackAvatarUrl = `/api/avatar/?name=${encodeURIComponent(fullName || " ")}&background=ffffff&color=000000&size=200&font-size=0.33`;
1564
+ const fallbackAvatarUrl = `/api/avatar/?name=${encodeURIComponent(fullName || " ")}&background=ceff8a&color=000000&size=200&font-size=0.33`;
1565
1565
  const finalAvatarSrc = avatarSrc || fallbackAvatarUrl;
1566
1566
  const hasUnreadNotifs = notifications.some((n) => !n.isRead);
1567
1567
  (0, import_react25.useEffect)(() => {
@@ -2041,18 +2041,18 @@ var UniversalCardPage = ({
2041
2041
  const formatTabLabel = (card) => {
2042
2042
  if (card.prepaid) {
2043
2043
  const capitalizedTier = card.tier.charAt(0).toUpperCase() + card.tier.slice(1).toLowerCase();
2044
- return `${capitalizedTier} Card`;
2044
+ return `${capitalizedTier}`;
2045
2045
  }
2046
2046
  const capitalizedType = card.type.charAt(0).toUpperCase() + card.type.slice(1).toLowerCase();
2047
- return `${capitalizedType} Card`;
2047
+ return `${capitalizedType}`;
2048
2048
  };
2049
2049
  return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, onCreateCard && /* @__PURE__ */ import_react31.default.createElement(
2050
2050
  "button",
2051
2051
  {
2052
2052
  onClick: onCreateCard,
2053
- className: "fixed bottom-24 right-6 sm:right-10 z-50 w-14 h-14 rounded-full bg-black shadow-xl flex items-center justify-center text-white hover:scale-105 transition-all outline-none"
2053
+ className: "fixed bottom-24 right-6 sm:right-50 z-50 w-11 h-11 rounded-full bg-white shadow-xl flex items-center justify-center text-black transition-all outline-none"
2054
2054
  },
2055
- /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.PlusSignIcon, size: 24 })
2055
+ /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.PlusSignIcon, size: 18 })
2056
2056
  ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2 gap-3" }, sortedCards.length > 0 && /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center bg-white rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar" }, sortedCards.map((tab, idx) => {
2057
2057
  const isActive = activeTabIndex === idx;
2058
2058
  return /* @__PURE__ */ import_react31.default.createElement(
@@ -2060,7 +2060,7 @@ var UniversalCardPage = ({
2060
2060
  {
2061
2061
  key: tab.id,
2062
2062
  onClick: () => setActiveTabIndex(idx),
2063
- className: `px-4 py-1.5 rounded-full text-[9px] transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${isActive ? "bg-neutral-100 text-black" : "text-neutral-500 hover:text-black hover:bg-neutral-50/50"}`
2063
+ className: `px-4 py-1.5 rounded-full text-[11px] transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${isActive ? "bg-neutral-100 text-black" : "text-neutral-500 hover:text-black hover:bg-neutral-50/50"}`
2064
2064
  },
2065
2065
  formatTabLabel(tab)
2066
2066
  );
@@ -2109,7 +2109,7 @@ var UniversalCardPage = ({
2109
2109
  className: "absolute inset-0 bg-cover bg-center",
2110
2110
  style: { backgroundImage: `url(${activeCard.cardBgSrc})` }
2111
2111
  }
2112
- ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.prepaid && /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, "Card Tier"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[11px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"}` }, formatTabLabel(activeCard)))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, activeCard.prepaid ? "Card Balance" : "Card Tier"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[12px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.prepaid ? activeCard.balance || "$0.00" : activeCard.tier)), activeCard.networkLogoSrc && /* @__PURE__ */ import_react31.default.createElement(
2112
+ ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.prepaid && /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, "Card Tier"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[11px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.tier))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, activeCard.prepaid ? "Card Balance" : "Card Tier"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[12px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.prepaid ? activeCard.balance || "$0.00" : activeCard.tier)), activeCard.networkLogoSrc && /* @__PURE__ */ import_react31.default.createElement(
2113
2113
  "img",
2114
2114
  {
2115
2115
  src: activeCard.networkLogoSrc,
@@ -3957,7 +3957,7 @@ var formatWeb3Name = (name) => {
3957
3957
  var PageSpinner4 = () => /* @__PURE__ */ import_react67.default.createElement("div", { className: "flex justify-center items-center py-12 w-full" }, /* @__PURE__ */ import_react67.default.createElement(import_react68.HugeiconsIcon, { icon: import_core_free_icons22.Loading03Icon, size: 32, className: "animate-spin mb-4 text-black" }));
3958
3958
  var AvatarLogo = ({ src, alt, name, sizeClass = "w-12 h-12" }) => {
3959
3959
  const [isLoaded, setIsLoaded] = (0, import_react67.useState)(false);
3960
- const fallbackUrl = `/api/avatar/?name=${encodeURIComponent(name || " ")}&background=ffffff&color=000000&size=200&font-size=0.33`;
3960
+ const fallbackUrl = `/api/avatar/?name=${encodeURIComponent(name || " ")}&background=ceff8a&color=000000&size=200&font-size=0.33`;
3961
3961
  const finalSrc = src || fallbackUrl;
3962
3962
  return /* @__PURE__ */ import_react67.default.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden border-[3px] border-white ${sizeClass}` }, !isLoaded && /* @__PURE__ */ import_react67.default.createElement(import_react68.HugeiconsIcon, { icon: import_core_free_icons22.Loading03Icon, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ import_react67.default.createElement("img", { src: finalSrc, alt, onLoad: () => setIsLoaded(true), className: `w-full h-full object-cover transition-opacity duration-300 ${isLoaded ? "opacity-100" : "opacity-0"}` }));
3963
3963
  };
@@ -4089,7 +4089,7 @@ var UniversalReferralPage = ({
4089
4089
  };
4090
4090
  const AvatarLogo2 = ({ src, alt, name, sizeClass = "w-10 h-10" }) => {
4091
4091
  const [isLoaded, setIsLoaded] = (0, import_react69.useState)(false);
4092
- const fallbackUrl = `/api/avatar/?name=${encodeURIComponent(name || " ")}&background=ffffff&color=000000&size=200&font-size=0.33`;
4092
+ const fallbackUrl = `/api/avatar/?name=${encodeURIComponent(name || " ")}&background=ceff8a&color=000000&size=200&font-size=0.33`;
4093
4093
  const finalSrc = src || fallbackUrl;
4094
4094
  return /* @__PURE__ */ import_react69.default.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden border-2 border-white ${sizeClass}` }, !isLoaded && /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Loading03Icon, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ import_react69.default.createElement("img", { src: finalSrc, alt, onLoad: () => setIsLoaded(true), className: `w-full h-full object-cover transition-opacity duration-300 ${isLoaded ? "opacity-100" : "opacity-0"}` }));
4095
4095
  };
package/dist/index.mjs CHANGED
@@ -1516,7 +1516,7 @@ var UniversalHomeView = ({
1516
1516
  const [isAvatarLoaded, setIsAvatarLoaded] = useState9(false);
1517
1517
  const [showNotifDialog, setShowNotifDialog] = useState9(false);
1518
1518
  const [selectedNotif, setSelectedNotif] = useState9(null);
1519
- const fallbackAvatarUrl = `/api/avatar/?name=${encodeURIComponent(fullName || " ")}&background=ffffff&color=000000&size=200&font-size=0.33`;
1519
+ const fallbackAvatarUrl = `/api/avatar/?name=${encodeURIComponent(fullName || " ")}&background=ceff8a&color=000000&size=200&font-size=0.33`;
1520
1520
  const finalAvatarSrc = avatarSrc || fallbackAvatarUrl;
1521
1521
  const hasUnreadNotifs = notifications.some((n) => !n.isRead);
1522
1522
  useEffect7(() => {
@@ -2014,18 +2014,18 @@ var UniversalCardPage = ({
2014
2014
  const formatTabLabel = (card) => {
2015
2015
  if (card.prepaid) {
2016
2016
  const capitalizedTier = card.tier.charAt(0).toUpperCase() + card.tier.slice(1).toLowerCase();
2017
- return `${capitalizedTier} Card`;
2017
+ return `${capitalizedTier}`;
2018
2018
  }
2019
2019
  const capitalizedType = card.type.charAt(0).toUpperCase() + card.type.slice(1).toLowerCase();
2020
- return `${capitalizedType} Card`;
2020
+ return `${capitalizedType}`;
2021
2021
  };
2022
2022
  return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, onCreateCard && /* @__PURE__ */ React19.createElement(
2023
2023
  "button",
2024
2024
  {
2025
2025
  onClick: onCreateCard,
2026
- className: "fixed bottom-24 right-6 sm:right-10 z-50 w-14 h-14 rounded-full bg-black shadow-xl flex items-center justify-center text-white hover:scale-105 transition-all outline-none"
2026
+ className: "fixed bottom-24 right-6 sm:right-50 z-50 w-11 h-11 rounded-full bg-white shadow-xl flex items-center justify-center text-black transition-all outline-none"
2027
2027
  },
2028
- /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: PlusSignIcon2, size: 24 })
2028
+ /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: PlusSignIcon2, size: 18 })
2029
2029
  ), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2 gap-3" }, sortedCards.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center bg-white rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar" }, sortedCards.map((tab, idx) => {
2030
2030
  const isActive = activeTabIndex === idx;
2031
2031
  return /* @__PURE__ */ React19.createElement(
@@ -2033,7 +2033,7 @@ var UniversalCardPage = ({
2033
2033
  {
2034
2034
  key: tab.id,
2035
2035
  onClick: () => setActiveTabIndex(idx),
2036
- className: `px-4 py-1.5 rounded-full text-[9px] transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${isActive ? "bg-neutral-100 text-black" : "text-neutral-500 hover:text-black hover:bg-neutral-50/50"}`
2036
+ className: `px-4 py-1.5 rounded-full text-[11px] transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${isActive ? "bg-neutral-100 text-black" : "text-neutral-500 hover:text-black hover:bg-neutral-50/50"}`
2037
2037
  },
2038
2038
  formatTabLabel(tab)
2039
2039
  );
@@ -2082,7 +2082,7 @@ var UniversalCardPage = ({
2082
2082
  className: "absolute inset-0 bg-cover bg-center",
2083
2083
  style: { backgroundImage: `url(${activeCard.cardBgSrc})` }
2084
2084
  }
2085
- ), /* @__PURE__ */ React19.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.prepaid && /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React19.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, "Card Tier"), /* @__PURE__ */ React19.createElement("span", { className: `text-[11px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"}` }, formatTabLabel(activeCard)))), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React19.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, activeCard.prepaid ? "Card Balance" : "Card Tier"), /* @__PURE__ */ React19.createElement("span", { className: `text-[12px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.prepaid ? activeCard.balance || "$0.00" : activeCard.tier)), activeCard.networkLogoSrc && /* @__PURE__ */ React19.createElement(
2085
+ ), /* @__PURE__ */ React19.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.prepaid && /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React19.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, "Card Tier"), /* @__PURE__ */ React19.createElement("span", { className: `text-[11px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.tier))), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React19.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, activeCard.prepaid ? "Card Balance" : "Card Tier"), /* @__PURE__ */ React19.createElement("span", { className: `text-[12px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.prepaid ? activeCard.balance || "$0.00" : activeCard.tier)), activeCard.networkLogoSrc && /* @__PURE__ */ React19.createElement(
2086
2086
  "img",
2087
2087
  {
2088
2088
  src: activeCard.networkLogoSrc,
@@ -3964,7 +3964,7 @@ var formatWeb3Name = (name) => {
3964
3964
  var PageSpinner4 = () => /* @__PURE__ */ React41.createElement("div", { className: "flex justify-center items-center py-12 w-full" }, /* @__PURE__ */ React41.createElement(HugeiconsIcon27, { icon: Loading03Icon16, size: 32, className: "animate-spin mb-4 text-black" }));
3965
3965
  var AvatarLogo = ({ src, alt, name, sizeClass = "w-12 h-12" }) => {
3966
3966
  const [isLoaded, setIsLoaded] = useState26(false);
3967
- const fallbackUrl = `/api/avatar/?name=${encodeURIComponent(name || " ")}&background=ffffff&color=000000&size=200&font-size=0.33`;
3967
+ const fallbackUrl = `/api/avatar/?name=${encodeURIComponent(name || " ")}&background=ceff8a&color=000000&size=200&font-size=0.33`;
3968
3968
  const finalSrc = src || fallbackUrl;
3969
3969
  return /* @__PURE__ */ React41.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden border-[3px] border-white ${sizeClass}` }, !isLoaded && /* @__PURE__ */ React41.createElement(HugeiconsIcon27, { icon: Loading03Icon16, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ React41.createElement("img", { src: finalSrc, alt, onLoad: () => setIsLoaded(true), className: `w-full h-full object-cover transition-opacity duration-300 ${isLoaded ? "opacity-100" : "opacity-0"}` }));
3970
3970
  };
@@ -4101,7 +4101,7 @@ var UniversalReferralPage = ({
4101
4101
  };
4102
4102
  const AvatarLogo2 = ({ src, alt, name, sizeClass = "w-10 h-10" }) => {
4103
4103
  const [isLoaded, setIsLoaded] = useState27(false);
4104
- const fallbackUrl = `/api/avatar/?name=${encodeURIComponent(name || " ")}&background=ffffff&color=000000&size=200&font-size=0.33`;
4104
+ const fallbackUrl = `/api/avatar/?name=${encodeURIComponent(name || " ")}&background=ceff8a&color=000000&size=200&font-size=0.33`;
4105
4105
  const finalSrc = src || fallbackUrl;
4106
4106
  return /* @__PURE__ */ React42.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden border-2 border-white ${sizeClass}` }, !isLoaded && /* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon: Loading03Icon17, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ React42.createElement("img", { src: finalSrc, alt, onLoad: () => setIsLoaded(true), className: `w-full h-full object-cover transition-opacity duration-300 ${isLoaded ? "opacity-100" : "opacity-0"}` }));
4107
4107
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "15.0.1",
3
+ "version": "15.0.3",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",