fix ERC1155 single phase claim conditions

Author: kumaryash90

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/claim-conditions/claim-conditions-form/hooks.ts

@@ -55,16 +55,17 @@ type Options =
     };
 
 export async function getClaimPhasesInLegacyFormat(
-  options: BaseTransactionOptions<Options>,
+  options: BaseTransactionOptions<Options> & { isSinglePhase?: boolean },
 ): Promise<CombinedClaimCondition[]> {
   const conditions = await (async () => {
     switch (options.type) {
       case "erc20":
         return ERC20Ext.getClaimConditions(options);
       case "erc721":
         return ERC721Ext.getClaimConditions(options);
-      case "erc1155":
+      case "erc1155": {
         return ERC1155Ext.getClaimConditions(options);
+      }
     }
   })();
 
@@ -126,7 +127,7 @@ export async function getClaimPhasesInLegacyFormat(
 type PhaseInput = z.input<typeof LegacyClaimConditionInputSchema>;
 
 export function setClaimPhasesTx(
-  baseOptions: BaseTransactionOptions<Options>,
+  baseOptions: BaseTransactionOptions<Options> & { isSinglePhase?: boolean },
   rawPhases: PhaseInput[],
 ) {
   const phases = rawPhases.map((phase) => {
@@ -172,6 +173,7 @@ export function setClaimPhasesTx(
         contract: baseOptions.contract,
         phases,
         tokenId: baseOptions.tokenId,
+        singlePhaseDrop: baseOptions.isSinglePhase,
       });
   }
 }

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/claim-conditions/claim-conditions-form/index.tsx

@@ -222,11 +222,15 @@ export const ClaimConditionsForm: React.FC<ClaimConditionsFormProps> = ({
 
   const claimConditionsQuery = useReadContract(getClaimPhasesInLegacyFormat, {
     contract,
+    isSinglePhase: !isMultiPhase,
     ...(isErc20
       ? { type: "erc20", decimals: tokenDecimals.data }
       : isErc721
         ? { type: "erc721" }
-        : { type: "erc1155", tokenId: BigInt(tokenId || 0) }),
+        : {
+            type: "erc1155",
+            tokenId: BigInt(tokenId || 0),
+          }),
   });
 
   const transformedQueryData = useMemo(() => {
@@ -370,6 +374,7 @@ export const ClaimConditionsForm: React.FC<ClaimConditionsFormProps> = ({
       const tx = setClaimPhasesTx(
         {
           contract,
+          isSinglePhase: !isMultiPhase,
           ...(isErc20
             ? { type: "erc20", decimals: tokenDecimals.data }
             : isErc721

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/claim-conditions/claim-conditions.tsx

@@ -10,13 +10,15 @@ interface ClaimConditionsProps {
   isColumn?: true;
   isERC20: boolean;
   twAccount: Account | undefined;
+  isMultiphase: boolean;
 }
 export const ClaimConditions: React.FC<ClaimConditionsProps> = ({
   contract,
   tokenId,
   isColumn,
   isERC20,
   twAccount,
+  isMultiphase,
 }) => {
   return (
     <div className="flex w-full flex-col gap-6">
@@ -37,8 +39,7 @@ export const ClaimConditions: React.FC<ClaimConditionsProps> = ({
         contract={contract}
         tokenId={tokenId}
         isColumn={isColumn}
-        // always multi phase!
-        isMultiPhase={true}
+        isMultiPhase={isMultiphase}
       />
     </div>
   );

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/ClaimConditions.client.tsx

@@ -36,6 +36,7 @@ export function ClaimConditionsClient(props: {
       contract={props.contract}
       isERC20={supportedERCs.isERC20}
       twAccount={props.twAccount}
+      isMultiphase={true}
     />
   );
 }

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/page.tsx

@@ -41,6 +41,7 @@ export default async function Page(props: {
       contract={contract}
       isERC20={supportedERCs.isERC20}
       twAccount={account}
+      isMultiphase={true}
     />
   );
 }

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/useNftDrawerTabs.tsx

@@ -66,15 +66,21 @@ export function useNFTDrawerTabs({
 
   return useMemo(() => {
     const hasERC1155ClaimConditions = (() => {
-      return [
-        // reads
-        ERC1155Ext.isGetClaimConditionByIdSupported(functionSelectors),
-        ERC1155Ext.isGetClaimConditionsSupported(functionSelectors),
-        ERC1155Ext.isGetActiveClaimConditionSupported(functionSelectors),
-        // writes
-        ERC1155Ext.isSetClaimConditionsSupported(functionSelectors),
-        ERC1155Ext.isResetClaimEligibilitySupported(functionSelectors),
-      ].every(Boolean);
+      return (
+        true ||
+        [
+          // reads
+          ERC1155Ext.isGetClaimConditionsSupported(functionSelectors),
+          ERC1155Ext.isGetActiveClaimConditionSupported(functionSelectors),
+          // writes
+          ERC1155Ext.isSetClaimConditionsSupported(functionSelectors),
+          ERC1155Ext.isResetClaimEligibilitySupported(functionSelectors),
+        ].every(Boolean)
+      );
+    })();
+
+    const isERC1155Multiphase = (() => {
+      return ERC1155Ext.isGetClaimConditionByIdSupported(functionSelectors);
     })();
 
     const isBurnable = (() => {
@@ -130,6 +136,7 @@ export function useNFTDrawerTabs({
               tokenId={tokenId}
               isColumn
               twAccount={twAccount}
+              isMultiphase={isERC1155Multiphase}
             />
           ),
         },

packages/thirdweb/src/extensions/erc1155/drops/read/getActiveClaimCondition.ts

@@ -9,6 +9,10 @@ import {
   getClaimConditionById,
   isGetClaimConditionByIdSupported,
 } from "../../__generated__/IDrop1155/read/getClaimConditionById.js";
+import {
+  claimCondition,
+  isClaimConditionSupported,
+} from "../../__generated__/IDropSinglePhase1155/read/claimCondition.js";
 
 export type GetActiveClaimConditionParams = GetActiveClaimConditionIdParams;
 /**
@@ -30,7 +34,12 @@ export async function getActiveClaimCondition(
     const conditionId = await getActiveClaimConditionId(options);
     return getClaimConditionById({ ...options, conditionId });
   } catch {
-    throw new Error("Claim condition not found");
+    // try single phase
+    try {
+      return claimCondition({ ...options });
+    } catch {
+      throw new Error("Claim condition not found");
+    }
   }
 }
 
@@ -49,9 +58,10 @@ export async function getActiveClaimCondition(
 export function isGetActiveClaimConditionSupported(
   availableSelectors: string[],
 ) {
-  // if multi phase is supported, return true
   return (
-    isGetActiveClaimConditionIdSupported(availableSelectors) &&
-    isGetClaimConditionByIdSupported(availableSelectors)
+    // check multi-phase
+    (isGetActiveClaimConditionIdSupported(availableSelectors) &&
+      isGetClaimConditionByIdSupported(availableSelectors)) ||
+    isClaimConditionSupported(availableSelectors) // check single phase
   );
 }

packages/thirdweb/src/extensions/erc1155/drops/read/getClaimConditions.ts

@@ -2,6 +2,10 @@ import type { BaseTransactionOptions } from "../../../../transaction/types.js";
 import type { ClaimCondition } from "../../../../utils/extensions/drops/types.js";
 import * as MultiPhase from "../../__generated__/IDrop1155/read/claimCondition.js";
 import * as MultiById from "../../__generated__/IDrop1155/read/getClaimConditionById.js";
+import {
+  claimCondition as claimConditionSinglePhase,
+  isClaimConditionSupported,
+} from "../../__generated__/IDropSinglePhase1155/read/claimCondition.js";
 
 export type GetClaimConditionsParams = {
   tokenId: bigint;
@@ -19,9 +23,15 @@ export type GetClaimConditionsParams = {
  * ```
  */
 export async function getClaimConditions(
-  options: BaseTransactionOptions<GetClaimConditionsParams>,
+  options: BaseTransactionOptions<GetClaimConditionsParams> & {
+    isSinglePhase?: boolean;
+  },
 ): Promise<ClaimCondition[]> {
   try {
+    if (options.isSinglePhase) {
+      return Promise.all([claimConditionSinglePhase({ ...options })]);
+    }
+
     const [startId, count] = await MultiPhase.claimCondition(options);
 
     const conditionPromises: Array<
@@ -56,7 +66,8 @@ export async function getClaimConditions(
 export function isGetClaimConditionsSupported(availableSelectors: string[]) {
   // if multi phase is supported, return true
   return (
-    MultiPhase.isClaimConditionSupported(availableSelectors) &&
-    MultiById.isGetClaimConditionByIdSupported(availableSelectors)
+    (MultiPhase.isClaimConditionSupported(availableSelectors) &&
+      MultiById.isGetClaimConditionByIdSupported(availableSelectors)) ||
+    isClaimConditionSupported(availableSelectors)
   );
 }

packages/thirdweb/src/extensions/erc1155/drops/write/resetClaimEligibility.ts

@@ -5,6 +5,8 @@ import {
   isSetClaimConditionsSupported,
   setClaimConditions,
 } from "../../__generated__/IDrop1155/write/setClaimConditions.js";
+import { isClaimConditionSupported } from "../../__generated__/IDropSinglePhase1155/read/claimCondition.js";
+import { isSetClaimConditionsSupported as isSetClaimConditionsSupportedGeneratedSinglePhase } from "../../__generated__/IDropSinglePhase1155/write/setClaimConditions.js";
 import {
   type GetClaimConditionsParams,
   getClaimConditions,
@@ -70,7 +72,9 @@ export function resetClaimEligibility(
  */
 export function isResetClaimEligibilitySupported(availableSelectors: string[]) {
   return (
-    isGetClaimConditionsSupported(availableSelectors) &&
-    isSetClaimConditionsSupported(availableSelectors)
+    (isGetClaimConditionsSupported(availableSelectors) &&
+      isSetClaimConditionsSupported(availableSelectors)) ||
+    isClaimConditionSupported(availableSelectors) ||
+    isSetClaimConditionsSupportedGeneratedSinglePhase(availableSelectors)
   );
 }