Minting page standalone

.github/workflows/build-upload-deploy-prod.yml

@@ -1,4 +1,4 @@
-name: Build - Upload to S3 - Deploy to Elastic Beanstalk
+name: Web Deploy - PROD
 
 on: workflow_dispatch
 

.gitignore

@@ -18,9 +18,12 @@ storageState.json
 # next.js
 /.next/
 /out/
-
-# production
-/build
+# standalone/standalone-memes-mint
+/standalone/standalone-memes-mint/src/.next/
+/standalone/standalone-memes-mint/src/.next-static-export/
+/standalone/standalone-memes-mint/src/out/
+/standalone/standalone-memes-mint/src/public/
+/standalone/standalone-memes-mint/dist/
 
 # misc
 .DS_Store

__tests__/components/manifold-minting/ManifoldMinting.test.tsx

@@ -119,8 +119,9 @@ jest.mock("@/hooks/useManifoldClaim", () => {
 });
 
 // Mock the constants
-jest.mock("@/constants", () => ({
+jest.mock("@/constants/constants", () => ({
   ETHEREUM_ICON_TEXT: "Ξ",
+  MANIFOLD_LAZY_CLAIM_CONTRACT: "0x2",
   MEMES_CONTRACT: "0x33FD426905F149f8376e227d0C9D3340AaD17aF1",
 }));
 
@@ -165,6 +166,7 @@ const createMockClaim = (overrides = {}) => ({
 const defaultProps = {
   title: "Test Meme",
   contract: "0x33FD426905F149f8376e227d0C9D3340AaD17aF1",
+  chain: { id: 1 } as any,
   proxy: "0x2",
   abi: {},
   token_id: 123,

__tests__/components/manifold-minting/ManifoldMintingConnect.test.tsx

@@ -113,6 +113,16 @@ describe("ManifoldMintingConnect", () => {
     expect(screen.getByTestId("header-connect")).toBeInTheDocument();
   });
 
+  it("hides connect prompt in standalone when not connected", () => {
+    (mockedConnect as jest.Mock).mockReturnValue({ isConnected: false });
+    render(
+      <CookieConsentProvider>
+        <ManifoldMintingConnect onMintFor={jest.fn()} standalone />
+      </CookieConsentProvider>
+    );
+    expect(screen.queryByTestId("header-connect")).not.toBeInTheDocument();
+  });
+
   it("calls onMintFor with account address on mount", () => {
     const { onMintFor, seizeCtx } = renderConnected();
     expect(onMintFor).toHaveBeenCalledWith(seizeCtx.address);

__tests__/components/manifold-minting/ManifoldMintingPhases.test.tsx

@@ -0,0 +1,264 @@
+import ManifoldMinting from "@/components/manifold-minting/ManifoldMinting";
+import { render, screen } from "@testing-library/react";
+
+const mockUseManifoldClaim = jest.fn();
+
+jest.mock("next/image", () => ({
+  __esModule: true,
+  default: (props: any) => <img alt={props.alt ?? ""} {...props} />,
+}));
+
+jest.mock("next/link", () => ({
+  __esModule: true,
+  default: ({ href, children, ...props }: any) => (
+    <a href={href} {...props}>
+      {children}
+    </a>
+  ),
+}));
+
+jest.mock("@reown/appkit/react", () => ({
+  AppKitButton: () => <div data-testid="appkit-button" />,
+}));
+
+jest.mock("@/components/drop-forge/DropForgeTestnetIndicator", () => ({
+  __esModule: true,
+  default: () => <div data-testid="testnet-indicator" />,
+}));
+
+jest.mock("@/components/home/now-minting/NowMintingCountdown", () => ({
+  __esModule: true,
+  default: () => <div data-testid="countdown" />,
+}));
+
+jest.mock("@/components/manifold-minting/ManifoldMintingWidget", () => ({
+  __esModule: true,
+  default: () => <div data-testid="mint-widget" />,
+}));
+
+jest.mock("@/components/nft-attributes/NFTAttributes", () => ({
+  __esModule: true,
+  default: () => <div data-testid="nft-attributes" />,
+}));
+
+jest.mock("@/components/nft-image/NFTImage", () => ({
+  __esModule: true,
+  default: () => <div data-testid="nft-image" />,
+}));
+
+jest.mock("@/components/nft-marketplace-links/NFTMarketplaceLinks", () => ({
+  __esModule: true,
+  default: () => <div data-testid="marketplace-links" />,
+}));
+
+jest.mock("@/hooks/useIdentity", () => ({
+  useIdentity: () => ({ profile: null }),
+}));
+
+jest.mock("@/helpers/Helpers", () => ({
+  areEqualAddresses: jest.fn(() => true),
+  capitalizeEveryWord: jest.fn((value: string) => value),
+  fromGWEI: jest.fn(() => 0),
+  getNameForContract: jest.fn(() => "Memes by 6529"),
+  getPathForContract: jest.fn(() => "the-memes"),
+  numberWithCommas: jest.fn((value: number) => value.toLocaleString()),
+  parseNftDescriptionToHtml: jest.fn((value: string) => value),
+}));
+
+jest.mock("@/constants/constants", () => ({
+  ETHEREUM_ICON_TEXT: "ETH",
+  MANIFOLD_LAZY_CLAIM_CONTRACT: "0xproxy",
+  MEMES_CONTRACT: "0xmemes",
+}));
+
+jest.mock("@/helpers/time", () => ({
+  Time: {
+    now: jest.fn(() => ({
+      toMillis: () => Date.UTC(2026, 2, 18, 18, 25),
+      toSeconds: () => Date.UTC(2026, 2, 18, 18, 25) / 1000,
+      toDate: () => new Date(Date.UTC(2026, 2, 18, 18, 25)),
+      toLocaleDateTimeString: () => "2026-03-18 18:25",
+      toIsoDateString: () => "2026-03-18",
+      toIsoTimeString: () => "18:25:00 UTC",
+    })),
+    seconds: jest.fn((seconds: number) => ({
+      toMillis: () => seconds * 1000,
+      toSeconds: () => seconds,
+      toDate: () => new Date(seconds * 1000),
+      toLocaleDateTimeString: () => `date-${seconds}`,
+      toIsoDateString: () => "2026-03-18",
+      toIsoTimeString: () => "00:00:00 UTC",
+    })),
+  },
+}));
+
+jest.mock("@/hooks/useManifoldClaim", () => {
+  const createPhaseTime = (ms: number) => ({
+    toMillis: () => ms,
+    toSeconds: () => ms / 1000,
+    toDate: () => new Date(ms),
+    toLocaleDateTimeString: () => `time-${ms}`,
+    toIsoDateString: () => "2026-03-18",
+    toIsoTimeString: () => "00:00:00 UTC",
+    lt: (other: { toMillis: () => number }) => ms < other.toMillis(),
+    gt: (other: { toMillis: () => number }) => ms > other.toMillis(),
+    gte: (other: { toMillis: () => number }) => ms >= other.toMillis(),
+    lte: (other: { toMillis: () => number }) => ms <= other.toMillis(),
+  });
+
+  return {
+    __esModule: true,
+    useManifoldClaim: mockUseManifoldClaim,
+    buildMemesPhases: jest.fn(() => [
+      {
+        id: "0",
+        name: "Phase 0 (Allowlist)",
+        type: "Allowlist",
+        start: createPhaseTime(Date.UTC(2026, 2, 18, 17, 40)),
+        end: createPhaseTime(Date.UTC(2026, 2, 18, 18, 20)),
+      },
+      {
+        id: "1",
+        name: "Phase 1 (Allowlist)",
+        type: "Allowlist",
+        start: createPhaseTime(Date.UTC(2026, 2, 18, 18, 30)),
+        end: createPhaseTime(Date.UTC(2026, 2, 18, 18, 50)),
+      },
+      {
+        id: "2",
+        name: "Phase 2 (Allowlist)",
+        type: "Allowlist",
+        start: createPhaseTime(Date.UTC(2026, 2, 18, 19, 0)),
+        end: createPhaseTime(Date.UTC(2026, 2, 18, 19, 20)),
+      },
+      {
+        id: "public",
+        name: "Public Phase",
+        type: "Public Phase",
+        start: createPhaseTime(Date.UTC(2026, 2, 18, 19, 20)),
+        end: createPhaseTime(Date.UTC(2026, 2, 19, 17, 0)),
+      },
+    ]),
+    ManifoldClaimStatus: {
+      ACTIVE: "active",
+      UPCOMING: "upcoming",
+      ENDED: "ended",
+    },
+    ManifoldPhase: {
+      ALLOWLIST: "Allowlist",
+      PUBLIC: "Public Phase",
+    },
+  };
+});
+
+describe("ManifoldMinting phases", () => {
+  beforeEach(() => {
+    mockUseManifoldClaim.mockReset();
+    mockUseManifoldClaim.mockReturnValue({
+      claim: {
+        instanceId: 1,
+        total: 153,
+        totalMax: 328,
+        remaining: 175,
+        costWei: 0n,
+        startDate: Date.UTC(2026, 2, 18, 17, 40) / 1000,
+        endDate: Date.UTC(2026, 2, 18, 18, 20) / 1000,
+        status: "ended",
+        phase: "Allowlist",
+        memePhase: { id: "0", name: "Phase 0 (Allowlist)" },
+        nextMemePhase: { id: "1", name: "Phase 1 (Allowlist)" },
+        isFetching: false,
+        isFinalized: true,
+        isDropComplete: false,
+        isSoldOut: false,
+        isError: false,
+      },
+      isFetching: false,
+    });
+  });
+
+  test("shows only elapsed phases as completed during the downtime between memes phases", () => {
+    const { container } = render(
+      <ManifoldMinting
+        title="Test Meme"
+        contract="0xmemes"
+        chain={{ id: 1 } as any}
+        abi={[]}
+        mint_date={{ toMillis: () => Date.UTC(2026, 2, 18, 17, 40) } as any}
+        mintMetadata={{
+          tokenId: 123,
+          metadata: {
+            name: "Test NFT",
+            description: "Test description",
+            attributes: [],
+            image_url: "test.jpg",
+          },
+        }}
+      />
+    );
+
+    expect(screen.getByText("Phase 0 (Allowlist)")).toBeInTheDocument();
+    expect(screen.getByText("Phase 1 (Allowlist)")).toBeInTheDocument();
+    expect(screen.getByText("Phase 2 (Allowlist)")).toBeInTheDocument();
+    expect(screen.getByText("Public Phase")).toBeInTheDocument();
+    expect(screen.getAllByText("COMPLETED")).toHaveLength(1);
+    expect(screen.getAllByText("UPCOMING")).toHaveLength(3);
+    expect(screen.getByText("Unlimited spots")).toHaveClass(
+      "tw-text-primary-300"
+    );
+    expect(
+      container.querySelectorAll(".tw-ring-success, .tw-ring-primary-300")
+    ).toHaveLength(1);
+  });
+
+  test("highlights only the active phase when a current phase exists", () => {
+    mockUseManifoldClaim.mockReturnValue({
+      claim: {
+        instanceId: 1,
+        total: 153,
+        totalMax: 328,
+        remaining: 175,
+        costWei: 0n,
+        startDate: Date.UTC(2026, 2, 18, 19, 0) / 1000,
+        endDate: Date.UTC(2026, 2, 18, 19, 20) / 1000,
+        status: "active",
+        phase: "Allowlist",
+        memePhase: { id: "2", name: "Phase 2 (Allowlist)" },
+        nextMemePhase: { id: "public", name: "Public Phase" },
+        isFetching: false,
+        isFinalized: false,
+        isDropComplete: false,
+        isSoldOut: false,
+        isError: false,
+      },
+      isFetching: false,
+    });
+
+    const { container } = render(
+      <ManifoldMinting
+        title="Test Meme"
+        contract="0xmemes"
+        chain={{ id: 1 } as any}
+        abi={[]}
+        mint_date={{ toMillis: () => Date.UTC(2026, 2, 18, 17, 40) } as any}
+        mintMetadata={{
+          tokenId: 123,
+          metadata: {
+            name: "Test NFT",
+            description: "Test description",
+            attributes: [],
+            image_url: "test.jpg",
+          },
+        }}
+      />
+    );
+
+    expect(screen.getByText("ACTIVE")).toBeInTheDocument();
+    expect(screen.getAllByText("UPCOMING")).toHaveLength(1);
+    expect(screen.getByText("Unlimited spots")).toHaveClass(
+      "tw-text-primary-300"
+    );
+    expect(container.querySelectorAll(".tw-ring-success")).toHaveLength(1);
+    expect(container.querySelectorAll(".tw-ring-primary-300")).toHaveLength(0);
+  });
+});

__tests__/components/providers/AppKitAdapterManager.test.ts

@@ -659,7 +659,9 @@ describe("AppKitAdapterManager", () => {
     });
 
     it("should return empty-wallets key with chains for empty array", () => {
-      expect(manager["getCacheKey"]([])).toBe("empty-wallets|chains:1");
+      expect(manager["getCacheKey"]([])).toBe(
+        "empty-wallets|chains:1|platform:web"
+      );
     });
 
     it("should generate consistent cache key for same wallets", () => {