@retinalabsllc/zairusjs 9.0.90 → 10.0.0

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.
package/dist/index.d.mts CHANGED
@@ -267,6 +267,7 @@ interface UniversalWalletPageProps {
267
267
  hideControls?: boolean;
268
268
  hideBalanceAmounts?: boolean;
269
269
  isGeneratingStatement?: boolean;
270
+ onBack?: () => void;
270
271
  wallets: UniversalWallet[];
271
272
  isLoading?: boolean;
272
273
  renderQrCode?: (wallet: UniversalWallet) => React.ReactNode;
package/dist/index.d.ts CHANGED
@@ -267,6 +267,7 @@ interface UniversalWalletPageProps {
267
267
  hideControls?: boolean;
268
268
  hideBalanceAmounts?: boolean;
269
269
  isGeneratingStatement?: boolean;
270
+ onBack?: () => void;
270
271
  wallets: UniversalWallet[];
271
272
  isLoading?: boolean;
272
273
  renderQrCode?: (wallet: UniversalWallet) => React.ReactNode;
package/dist/index.js CHANGED
@@ -938,7 +938,7 @@ var UniversalOrganizationPage = ({
938
938
  };
939
939
  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
940
940
  const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
941
- return /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "mb-3 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react15.default.createElement(
941
+ return /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react15.default.createElement(
942
942
  "button",
943
943
  {
944
944
  onClick: onBackHandler,
@@ -1098,7 +1098,7 @@ var UniversalProfileSettings = ({
1098
1098
  };
1099
1099
  const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
1100
1100
  const isSaveDisabled = isSubmitting || isReadOnly || !hasChanges || firstName.trim().length === 0 || lastName.trim().length === 0;
1101
- return /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "mb-3 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react17.default.createElement(
1101
+ return /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react17.default.createElement(
1102
1102
  "button",
1103
1103
  {
1104
1104
  onClick: onBackHandler,
@@ -1632,8 +1632,12 @@ var UniversalWalletPage = ({
1632
1632
  isLoading = false,
1633
1633
  renderQrCode,
1634
1634
  onDownloadPayId,
1635
- onCopyAddress
1635
+ onCopyAddress,
1636
+ onBack
1636
1637
  }) => {
1638
+ const onBackHandler = onBack ?? (() => {
1639
+ if (typeof window !== "undefined") window.history.back();
1640
+ });
1637
1641
  const [selectedWallet, setSelectedWallet] = (0, import_react27.useState)(null);
1638
1642
  const [localSearchQuery, setLocalSearchQuery] = (0, import_react27.useState)("");
1639
1643
  const filteredWallets = wallets.filter((wallet) => {
@@ -1648,7 +1652,15 @@ var UniversalWalletPage = ({
1648
1652
  }
1649
1653
  import_react_hot_toast6.default.success("Copied");
1650
1654
  };
1651
- return /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react27.default.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col sm:flex-row mb-4 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons9.Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ import_react27.default.createElement(
1655
+ return /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react27.default.createElement(
1656
+ "button",
1657
+ {
1658
+ onClick: onBackHandler,
1659
+ className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
1660
+ },
1661
+ /* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons9.ArrowLeft01Icon, size: 16 }),
1662
+ " Back"
1663
+ )), /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react27.default.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col sm:flex-row mb-4 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons9.Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ import_react27.default.createElement(
1652
1664
  "input",
1653
1665
  {
1654
1666
  type: "text",
@@ -1688,7 +1700,7 @@ var UniversalWalletPage = ({
1688
1700
  className: "w-full flex items-center justify-center py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 outline-none text-[13px] tracking-wide transition-colors"
1689
1701
  },
1690
1702
  "Copy Wallet Address"
1691
- ))))));
1703
+ )))))));
1692
1704
  };
1693
1705
 
1694
1706
  // src/components/UniversalCardPage.tsx
package/dist/index.mjs CHANGED
@@ -874,7 +874,7 @@ var UniversalOrganizationPage = ({
874
874
  };
875
875
  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
876
876
  const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
877
- return /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("div", { className: "mb-3 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React11.createElement(
877
+ return /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React11.createElement(
878
878
  "button",
879
879
  {
880
880
  onClick: onBackHandler,
@@ -1040,7 +1040,7 @@ var UniversalProfileSettings = ({
1040
1040
  };
1041
1041
  const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
1042
1042
  const isSaveDisabled = isSubmitting || isReadOnly || !hasChanges || firstName.trim().length === 0 || lastName.trim().length === 0;
1043
- return /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("div", { className: "mb-3 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React12.createElement(
1043
+ return /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React12.createElement(
1044
1044
  "button",
1045
1045
  {
1046
1046
  onClick: onBackHandler,
@@ -1561,7 +1561,8 @@ import {
1561
1561
  Search01Icon as Search01Icon2,
1562
1562
  CancelCircleIcon as CancelCircleIcon3,
1563
1563
  Loading03Icon as Loading03Icon5,
1564
- Copy01Icon as Copy01Icon2
1564
+ Copy01Icon as Copy01Icon2,
1565
+ ArrowLeft01Icon as ArrowLeft01Icon4
1565
1566
  } from "@hugeicons/core-free-icons";
1566
1567
  var PageSpinner3 = () => /* @__PURE__ */ React17.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Loading03Icon5, size: 32, className: "animate-spin mb-4 text-black" }));
1567
1568
  var truncateAddress2 = (ref) => {
@@ -1590,8 +1591,12 @@ var UniversalWalletPage = ({
1590
1591
  isLoading = false,
1591
1592
  renderQrCode,
1592
1593
  onDownloadPayId,
1593
- onCopyAddress
1594
+ onCopyAddress,
1595
+ onBack
1594
1596
  }) => {
1597
+ const onBackHandler = onBack ?? (() => {
1598
+ if (typeof window !== "undefined") window.history.back();
1599
+ });
1595
1600
  const [selectedWallet, setSelectedWallet] = useState10(null);
1596
1601
  const [localSearchQuery, setLocalSearchQuery] = useState10("");
1597
1602
  const filteredWallets = wallets.filter((wallet) => {
@@ -1606,7 +1611,15 @@ var UniversalWalletPage = ({
1606
1611
  }
1607
1612
  toast5.success("Copied");
1608
1613
  };
1609
- return /* @__PURE__ */ React17.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React17.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row mb-4 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Search01Icon2, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React17.createElement(
1614
+ return /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React17.createElement(
1615
+ "button",
1616
+ {
1617
+ onClick: onBackHandler,
1618
+ className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
1619
+ },
1620
+ /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: ArrowLeft01Icon4, size: 16 }),
1621
+ " Back"
1622
+ )), /* @__PURE__ */ React17.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React17.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row mb-4 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Search01Icon2, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React17.createElement(
1610
1623
  "input",
1611
1624
  {
1612
1625
  type: "text",
@@ -1646,7 +1659,7 @@ var UniversalWalletPage = ({
1646
1659
  className: "w-full flex items-center justify-center py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 outline-none text-[13px] tracking-wide transition-colors"
1647
1660
  },
1648
1661
  "Copy Wallet Address"
1649
- ))))));
1662
+ )))))));
1650
1663
  };
1651
1664
 
1652
1665
  // src/components/UniversalCardPage.tsx
@@ -2635,7 +2648,7 @@ import {
2635
2648
  CancelCircleIcon as CancelCircleIcon6,
2636
2649
  Loading03Icon as Loading03Icon10,
2637
2650
  Copy01Icon as Copy01Icon3,
2638
- ArrowLeft01Icon as ArrowLeft01Icon4,
2651
+ ArrowLeft01Icon as ArrowLeft01Icon5,
2639
2652
  Shield02Icon,
2640
2653
  Key01Icon,
2641
2654
  ArrowRight01Icon as ArrowRight01Icon4
@@ -2779,7 +2792,7 @@ var UniversalSecurityPage = ({
2779
2792
  onClick: onBack,
2780
2793
  className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
2781
2794
  },
2782
- /* @__PURE__ */ React27.createElement(HugeiconsIcon19, { icon: ArrowLeft01Icon4, size: 16 }),
2795
+ /* @__PURE__ */ React27.createElement(HugeiconsIcon19, { icon: ArrowLeft01Icon5, size: 16 }),
2783
2796
  " Back"
2784
2797
  )), /* @__PURE__ */ React27.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React27.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React27.createElement(
2785
2798
  MenuRow3,
@@ -2910,7 +2923,7 @@ var MenuRow3 = ({
2910
2923
  import React28, { useRef as useRef7, useState as useState19, useEffect as useEffect12 } from "react";
2911
2924
  import Image4 from "next/image";
2912
2925
  import { HugeiconsIcon as HugeiconsIcon20 } from "@hugeicons/react";
2913
- import { ArrowLeft01Icon as ArrowLeft01Icon5, ArrowRight01Icon as ArrowRight01Icon5, Loading03Icon as Loading03Icon11 } from "@hugeicons/core-free-icons";
2926
+ import { ArrowLeft01Icon as ArrowLeft01Icon6, ArrowRight01Icon as ArrowRight01Icon5, Loading03Icon as Loading03Icon11 } from "@hugeicons/core-free-icons";
2914
2927
  var FeatureCard = ({ feature, bgImage }) => {
2915
2928
  const [isBgLoading, setIsBgLoading] = useState19(true);
2916
2929
  const [isFgLoading, setIsFgLoading] = useState19(!!feature.image);
@@ -2984,7 +2997,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
2984
2997
  disabled: !canScrollLeft,
2985
2998
  className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-200 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none"
2986
2999
  },
2987
- /* @__PURE__ */ React28.createElement(HugeiconsIcon20, { icon: ArrowLeft01Icon5, size: 20 })
3000
+ /* @__PURE__ */ React28.createElement(HugeiconsIcon20, { icon: ArrowLeft01Icon6, size: 20 })
2988
3001
  ), /* @__PURE__ */ React28.createElement(
2989
3002
  "button",
2990
3003
  {
@@ -3008,7 +3021,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
3008
3021
  disabled: !canScrollLeft,
3009
3022
  className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
3010
3023
  },
3011
- /* @__PURE__ */ React28.createElement(HugeiconsIcon20, { icon: ArrowLeft01Icon5, size: 20 })
3024
+ /* @__PURE__ */ React28.createElement(HugeiconsIcon20, { icon: ArrowLeft01Icon6, size: 20 })
3012
3025
  ), /* @__PURE__ */ React28.createElement(
3013
3026
  "button",
3014
3027
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "9.0.90",
3
+ "version": "10.0.0",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",