@loafmarkets/ui 0.1.23 → 0.1.25

package/dist/index.d.mts

@@ -690,30 +690,14 @@ type PropertyInspectionTimesProps = {
 };
 declare function PropertyInspectionTimes({ isAuthenticated, slots, loading, error, bookingSlotId, bookingStatus, bookingError, onBook, onRetry, onSignIn, }: PropertyInspectionTimesProps): react_jsx_runtime.JSX.Element;
 
+type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {
-    state: {
-        status: number;
-        totalSold: bigint;
-        totalRaised: bigint;
-        totalFees: bigint;
-        propertyToken: `0x${string}`;
-        fundsWithdrawn: boolean;
-    } | null;
-    config: {
-        supplyToSell: bigint;
-        tokenPrice: bigint;
-        maxPerWallet: bigint;
-        feeBps: bigint;
-        paymentToken: `0x${string}`;
-        feeRecipient: `0x${string}`;
-        fundsRecipient: `0x${string}`;
-    } | null;
     loading: boolean;
     error: string | null;
     totalSold: number;
     supplyToSell: number;
     percentSold: number;
-    statusLabel: string;
+    status: IpoStatus;
     tokenPrice: number;
     feePercent: number;
     offeringValuation: number;
@@ -744,8 +728,10 @@ type PropertyBuyProps = {
     purchaseError?: string | null;
     onDeposit?: () => void;
     initialUserSubscriptions?: PropertySubscription[];
+    opensAt?: number | null;
+    isPrivateClient?: boolean;
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, opensAt, isPrivateClient, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;

package/dist/index.d.ts

@@ -690,30 +690,14 @@ type PropertyInspectionTimesProps = {
 };
 declare function PropertyInspectionTimes({ isAuthenticated, slots, loading, error, bookingSlotId, bookingStatus, bookingError, onBook, onRetry, onSignIn, }: PropertyInspectionTimesProps): react_jsx_runtime.JSX.Element;
 
+type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {
-    state: {
-        status: number;
-        totalSold: bigint;
-        totalRaised: bigint;
-        totalFees: bigint;
-        propertyToken: `0x${string}`;
-        fundsWithdrawn: boolean;
-    } | null;
-    config: {
-        supplyToSell: bigint;
-        tokenPrice: bigint;
-        maxPerWallet: bigint;
-        feeBps: bigint;
-        paymentToken: `0x${string}`;
-        feeRecipient: `0x${string}`;
-        fundsRecipient: `0x${string}`;
-    } | null;
     loading: boolean;
     error: string | null;
     totalSold: number;
     supplyToSell: number;
     percentSold: number;
-    statusLabel: string;
+    status: IpoStatus;
     tokenPrice: number;
     feePercent: number;
     offeringValuation: number;
@@ -744,8 +728,10 @@ type PropertyBuyProps = {
     purchaseError?: string | null;
     onDeposit?: () => void;
     initialUserSubscriptions?: PropertySubscription[];
+    opensAt?: number | null;
+    isPrivateClient?: boolean;
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, opensAt, isPrivateClient, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;

package/dist/index.js

@@ -5613,8 +5613,29 @@ var LoginPopup = ({
       setView("otp");
       setOtp(Array(OTP_INPUT_LENGTH).fill(""));
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to send verification code";
       console.error("[LoginTrace][Popup] onSendEmailCode threw", err);
-      setError(err instanceof Error ? err.message : "Failed to send verification code");
+      if (!isSignUp && message.includes("No account found")) {
+        console.log("[LoginTrace][Popup] No account found during sign-in, switching to sign-up view");
+        setIsSignUp(true);
+        setError("");
+        setLoading(false);
+        return;
+      }
+      if (isSignUp && message.includes("Account already exists")) {
+        console.log("[LoginTrace][Popup] Account exists during sign-up, auto-switching to sign-in and sending OTP");
+        setIsSignUp(false);
+        try {
+          await onSendEmailCode({ email, isSignUp: false, handle: null });
+          setView("otp");
+          setOtp(Array(OTP_INPUT_LENGTH).fill(""));
+        } catch (retryErr) {
+          setError(retryErr instanceof Error ? retryErr.message : "Failed to send verification code");
+        }
+        setLoading(false);
+        return;
+      }
+      setError(message);
     } finally {
       setLoading(false);
     }
@@ -5689,8 +5710,8 @@ var LoginPopup = ({
       console.log("[LoginTrace][Popup] Calling onVerifyEmailCode");
       await onVerifyEmailCode({ code, email });
       if (isSignUp) {
-        console.log("[LoginTrace][Popup] Signup OTP verified, moving to KYC view");
-        setView("kyc");
+        console.log("[LoginTrace][Popup] Signup OTP verified, moving to funding view");
+        setView("funding");
         setLoading(false);
         return;
       }
@@ -5749,7 +5770,7 @@ var LoginPopup = ({
     setFundingError("");
     setCryptoFundingLoading(true);
     try {
-      const result = await onFundWallet({ amount: fundingAmount || "100", mode: "crypto" });
+      const result = await onFundWallet({ amount: fundingAmount, mode: "crypto" });
       if (result?.funded) {
         onClose();
       }
@@ -5767,7 +5788,7 @@ var LoginPopup = ({
     setFundingError("");
     setFiatFundingLoading(true);
     try {
-      const result = await onFundWallet({ amount: fundingAmount || "100", mode: "fiat" });
+      const result = await onFundWallet({ amount: fundingAmount, mode: "fiat" });
       if (result?.widgetUrl) {
         setTransakWidgetUrl(result.widgetUrl);
       } else if (result?.requiresKyc) {
@@ -5789,10 +5810,6 @@ var LoginPopup = ({
     setTransakWidgetUrl(null);
     setFundingError("");
   };
-  const handleFundingAmountChange = (event) => {
-    const next = event.target.value.replace(/[^0-9.]/g, "");
-    setFundingAmount(next);
-  };
   const handleBack = () => {
     setView("main");
     setEmail("");
@@ -5990,10 +6007,7 @@ var LoginPopup = ({
           "Thanks for submitting your documents.",
           /* @__PURE__ */ jsxRuntime.jsx("br", {})
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(OnboardingButtonGroup, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, { onClick: onClose, children: "Close" }),
-          /* @__PURE__ */ jsxRuntime.jsx(OnboardingSkipButton, { onClick: () => setView("funding"), children: "Fund now" })
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx(OnboardingButtonGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, { onClick: onClose, children: "Continue" }) })
       ] })
     ] }) });
   }
@@ -6051,20 +6065,6 @@ var LoginPopup = ({
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(OnboardingStepContainer, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(OnboardingHeading, { children: "Fund your account" }),
             /* @__PURE__ */ jsxRuntime.jsxs(FundingCard, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(FundingCardLabel, { children: "How much would you like to transfer?" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(FundingInputWrapper, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(FundingCurrencyLabel, { children: "USD" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  FundingAmountInput,
-                  {
-                    type: "text",
-                    inputMode: "decimal",
-                    value: fundingAmount,
-                    onChange: handleFundingAmountChange,
-                    placeholder: "0"
-                  }
-                )
-              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(FundingOptionsGrid, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(FundingOptionCard, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(FundingOptionHeading, { children: "Crypto transfer" }),
@@ -6484,25 +6484,25 @@ var FundingCard = styled23__default.default.div`
   text-align: left;
   box-shadow: 0 18px 60px rgba(0, 0, 0, 0.4);
 `;
-var FundingCardLabel = styled23__default.default.p`
+styled23__default.default.p`
   font-size: 0.9rem;
   color: var(--color-text, #eaecef);
   margin-bottom: 0.5rem;
 `;
-var FundingInputWrapper = styled23__default.default.div`
+styled23__default.default.div`
   border-radius: 12px;
   border: 1px solid rgba(255, 255, 255, 0.08);
   background-color: var(--color-background, #0d0e14);
   padding: 0.75rem 0.85rem;
 `;
-var FundingCurrencyLabel = styled23__default.default.label`
+styled23__default.default.label`
   display: block;
   font-size: 0.65rem;
   text-transform: uppercase;
   letter-spacing: 0.4em;
   color: rgba(255, 255, 255, 0.45);
 `;
-var FundingAmountInput = styled23__default.default.input`
+styled23__default.default.input`
   width: 100%;
   background: transparent;
   border: none;
@@ -8484,10 +8484,10 @@ var galleryCategories = [
   { name: "Floorplan", startIndex: 14 }
 ];
 var STATUS_COLOR2 = {
-  0: "#D4AF37",
-  1: "#0ecb81",
-  2: "#848e9c",
-  3: "#f6465d"
+  PENDING: "#D4AF37",
+  LIVE: "#0ecb81",
+  CLOSED: "#848e9c",
+  CANCELLED: "#f6465d"
 };
 var recentOrderPurchases = [
   { name: "investor_au", amount: 12500 },
@@ -8674,18 +8674,44 @@ function OfferingProgressCard({
   ipoStarted,
   statusLabel,
   statusColor,
-  scStatus,
+  ipoStatus,
   tokenPrice,
   offeringValuation,
   percentSold,
   totalSold,
-  supplyToSell
+  supplyToSell,
+  opensAt
 }) {
   const [currentTime, setCurrentTime] = React5.useState(/* @__PURE__ */ new Date());
+  const [countdown, setCountdown] = React5.useState(null);
   React5.useEffect(() => {
     const timer = setInterval(() => setCurrentTime(/* @__PURE__ */ new Date()), 1e3);
     return () => clearInterval(timer);
   }, []);
+  React5.useEffect(() => {
+    if (!opensAt) {
+      setCountdown(null);
+      return;
+    }
+    const calculateCountdown = () => {
+      const now = Math.floor(Date.now() / 1e3);
+      const diff = opensAt - now;
+      if (diff <= 0) {
+        return null;
+      }
+      return {
+        days: Math.floor(diff / 86400),
+        hours: Math.floor(diff % 86400 / 3600),
+        minutes: Math.floor(diff % 3600 / 60),
+        seconds: diff % 60
+      };
+    };
+    setCountdown(calculateCountdown());
+    const interval = setInterval(() => {
+      setCountdown(calculateCountdown());
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [opensAt]);
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Header2, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
@@ -8707,7 +8733,7 @@ function OfferingProgressCard({
         ] })
       ] })
     ] }),
-    !ipoStarted ? /* @__PURE__ */ jsxRuntime.jsxs(PreLive, { children: [
+    ipoStatus === "PENDING" ? /* @__PURE__ */ jsxRuntime.jsxs(PreLive, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(MetricLabel2, { children: "Token Price" }),
         /* @__PURE__ */ jsxRuntime.jsxs(MetricValue2, { accent: true, children: [
@@ -8715,7 +8741,30 @@ function OfferingProgressCard({
           tokenPrice.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(PreLiveStatus, { $statusColor: statusColor, children: scStatus === 2 ? "Sale Completed" : scStatus === 3 ? "Sale Paused" : "Sale Not Yet Open" }),
+      countdown ? /* @__PURE__ */ jsxRuntime.jsxs(CountdownCenter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CountdownLabel, { children: "Opens In" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(CountdownDigits, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(CountdownUnit, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.days).padStart(2, "0") }),
+            /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "D" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CountdownUnit, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.hours).padStart(2, "0") }),
+            /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "H" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CountdownUnit, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.minutes).padStart(2, "0") }),
+            /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "M" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CountdownUnit, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.seconds).padStart(2, "0") }),
+            /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "S" })
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(PreLiveStatus, { $statusColor: statusColor, children: ipoStatus === "CLOSED" ? "Sale Completed" : ipoStatus === "CANCELLED" ? "Sale Cancelled" : "Sale Not Yet Open" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "right" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(MetricLabel2, { children: "Offering Valuation" }),
         /* @__PURE__ */ jsxRuntime.jsxs(MetricValue2, { children: [
@@ -8829,6 +8878,51 @@ var PreLiveStatus = styled23__default.default.div`
   letter-spacing: 0.15em;
   font-weight: 600;
 `;
+var CountdownCenter = styled23__default.default.div`
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+`;
+var CountdownLabel = styled23__default.default.div`
+  font-size: 0.7rem;
+  color: #D4AF37;
+  text-transform: uppercase;
+  letter-spacing: 0.15em;
+  margin-bottom: 0.5rem;
+  font-weight: 600;
+`;
+var CountdownDigits = styled23__default.default.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  gap: 0.35rem;
+`;
+var CountdownUnit = styled23__default.default.div`
+  display: flex;
+  align-items: baseline;
+  gap: 0.1rem;
+`;
+var CountdownNumber = styled23__default.default.span`
+  font-size: 2.5rem;
+  font-weight: 700;
+  font-family: monospace;
+  color: #D4AF37;
+  
+  @media (max-width: 768px) {
+    font-size: 1.75rem;
+  }
+`;
+var CountdownUnitLabel = styled23__default.default.span`
+  font-size: 0.85rem;
+  color: var(--color-text-secondary);
+`;
+var CountdownSeparator = styled23__default.default.span`
+  color: rgba(255, 255, 255, 0.2);
+  margin: 0 0.2rem;
+  font-size: 1.5rem;
+`;
 var LiveStats = styled23__default.default.div`
   display: flex;
   flex-direction: column;
@@ -9210,7 +9304,7 @@ function OrderPanel({
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "USDC" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "USD" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(QuickSelectRow, { children: [25, 50, 75, 100].map((pct) => /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -10504,7 +10598,9 @@ function PropertyBuy({
   purchaseStatus = "idle",
   purchaseError,
   onDeposit,
-  initialUserSubscriptions = []
+  initialUserSubscriptions = [],
+  opensAt,
+  isPrivateClient = false
 }) {
   const [sliderValue, setSliderValue] = React5.useState(0);
   const [availableBalance, setAvailableBalance] = React5.useState(walletUsdcBalance ?? 125e3);
@@ -10538,10 +10634,12 @@ function PropertyBuy({
   const supplyToSell = saleData?.supplyToSell ?? 5e4;
   const percentSold = saleData?.percentSold ?? 0;
   const offeringValuation = saleData?.offeringValuation ?? tokenPrice * supplyToSell;
-  const scStatus = saleData?.state?.status ?? 0;
-  const ipoStarted = scStatus === 1;
-  const statusLabel = saleData?.statusLabel ?? "PREPARING";
-  const statusColor = STATUS_COLOR2[scStatus] ?? "#D4AF37";
+  const ipoStatus = saleData?.status ?? "PENDING";
+  const ipoStarted = ipoStatus === "LIVE" || isPrivateClient && ipoStatus === "PENDING";
+  const statusLabel = ipoStatus;
+  const statusColor = STATUS_COLOR2[ipoStatus] ?? "#D4AF37";
+  const displayStatusLabel = isPrivateClient && ipoStatus !== "LIVE" ? "Private Client Access" : statusLabel;
+  const displayStatusColor = isPrivateClient && ipoStatus !== "LIVE" ? "#D4AF37" : statusColor;
   const totalSpend = manualOrderAmount !== null ? manualOrderAmount : Math.round(sliderValue / 100 * availableBalance);
   const grossTokens = totalSpend / tokenPrice;
   const feeInTokens = grossTokens * feeRate;
@@ -10572,16 +10670,16 @@ function PropertyBuy({
     if (purchaseStatus === "checking-allowance") return "Checking allowance\u2026";
     if (purchaseStatus === "approving") return "Approving USDC\u2026";
     if (purchaseStatus === "purchasing") return "Confirming purchase\u2026";
-    if (scStatus === 0) return "Sale Not Open Yet";
-    if (scStatus === 2) return "Sale Completed";
-    if (scStatus === 3) return "Sale Paused";
+    if (ipoStatus === "PENDING" && !isPrivateClient) return "Sale Not Open Yet";
+    if (ipoStatus === "CLOSED") return "Sale Completed";
+    if (ipoStatus === "CANCELLED") return "Sale Cancelled";
     if (tokenQuantity === 0) return "Enter Amount";
     return "Place Order";
   };
   const isOrderButtonDisabled = () => {
     if (!isAuthenticated) return false;
     if (isPurchaseInFlight) return true;
-    if (scStatus !== 1) return true;
+    if (!ipoStarted) return true;
     if (tokenQuantity === 0) return true;
     return false;
   };
@@ -10667,12 +10765,13 @@ function PropertyBuy({
           ipoStarted,
           statusLabel,
           statusColor,
-          scStatus,
+          ipoStatus,
           tokenPrice,
           offeringValuation,
           percentSold,
           totalSold,
-          supplyToSell
+          supplyToSell,
+          opensAt
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(VideoActivitySection, { ipoStarted }),
@@ -10680,8 +10779,8 @@ function PropertyBuy({
         /* @__PURE__ */ jsxRuntime.jsx(
           OrderPanel,
           {
-            statusLabel,
-            statusColor,
+            statusLabel: displayStatusLabel,
+            statusColor: displayStatusColor,
             ipoStarted,
             tokenDisplayName,
             tokenSymbol,