@coinlist-co/react 0.9.0 → 0.10.0

package/dist/client/index.cjs

@@ -32,6 +32,7 @@ var client_exports = {};
 __export(client_exports, {
   ChecklistStatus: () => ChecklistStatus,
   ClientSwapNamespaceImpl: () => ClientSwapNamespaceImpl,
+  ClientTokenSaleNamespaceImpl: () => ClientTokenSaleNamespaceImpl,
   CoinListClientInitializationError: () => CoinListClientInitializationError,
   CoinListContext: () => CoinListContext,
   CoinListContextProvider: () => CoinListContextProvider,
@@ -58,6 +59,7 @@ __export(client_exports, {
   connectExternalWalletFlow: () => connectExternalWalletFlow,
   createCoinListClient: () => createCoinListClient,
   executeSwap: () => executeSwap,
+  executeTokenSale: () => executeTokenSale,
   useCoinList: () => useCoinList,
   useCompleteOAuth: () => useCompleteOAuth,
   useConnectWallet: () => useConnectWallet,
@@ -655,6 +657,50 @@ var ERC20_ABI = [
   }
 ];
 
+// src/client/core/blockchain/erc20-approval.ts
+async function submitErc20Approval(args) {
+  const {
+    wallet,
+    tokenAddress,
+    spender,
+    chain,
+    value,
+    pending,
+    confirming,
+    emit
+  } = args;
+  emit(pending);
+  let hash;
+  try {
+    hash = await wallet.writeContract({
+      abi: ERC20_ABI,
+      address: tokenAddress,
+      functionName: "approve",
+      args: [spender, value],
+      chain
+    });
+  } catch (error) {
+    return {
+      type: "error",
+      error: { step: "approval", cause: classifyWalletError(error) }
+    };
+  }
+  emit(confirming);
+  let receipt;
+  try {
+    receipt = await wallet.awaitTx(hash, chain);
+  } catch (error) {
+    return {
+      type: "error",
+      error: { step: "approval", cause: classifyWalletError(error, { hash }) }
+    };
+  }
+  if (receipt.status !== "success") {
+    return { type: "error", error: { step: "approval-reverted" } };
+  }
+  return { type: "ok", txHash: hash };
+}
+
 // src/shared/core/blockchain/abis/superstate-swap.ts
 var SUPERSTATE_SWAP_ABI = [
   {
@@ -963,6 +1009,7 @@ function decodeSwappedOutputAmount(receipt, outputDecimals) {
 async function executeSwap(params) {
   const {
     swap,
+    erc20,
     wallet,
     contractAddress,
     chain,
@@ -990,7 +1037,7 @@ async function executeSwap(params) {
   emit("checking-allowance");
   let allowance;
   try {
-    allowance = await swap.getTokenAllowance({
+    allowance = await erc20.getTokenAllowance({
       tokenAddress: inputTokenAddress,
       owner: wallet.address,
       spender: contractAddress,
@@ -1001,7 +1048,7 @@ async function executeSwap(params) {
   }
   if (allowance.allowance < inputAmount) {
     if (allowance.allowance > 0n) {
-      const reset = await submitApproval({
+      const reset = await submitErc20Approval({
         wallet,
         tokenAddress: inputTokenAddress,
         spender: contractAddress,
@@ -1013,7 +1060,7 @@ async function executeSwap(params) {
       });
       if (reset.type === "error") return { type: "error", error: reset.error };
     }
-    const approve = await submitApproval({
+    const approve = await submitErc20Approval({
       wallet,
       tokenAddress: inputTokenAddress,
       spender: contractAddress,
@@ -1070,48 +1117,6 @@ async function executeSwap(params) {
     recipientAddress: wallet.address
   };
 }
-async function submitApproval(args) {
-  const {
-    wallet,
-    tokenAddress,
-    spender,
-    chain,
-    value,
-    pending,
-    confirming,
-    emit
-  } = args;
-  emit(pending);
-  let hash;
-  try {
-    hash = await wallet.writeContract({
-      abi: ERC20_ABI,
-      address: tokenAddress,
-      functionName: "approve",
-      args: [spender, value],
-      chain
-    });
-  } catch (error) {
-    return {
-      type: "error",
-      error: { step: "approval", cause: classifyWalletError(error) }
-    };
-  }
-  emit(confirming);
-  let receipt;
-  try {
-    receipt = await wallet.awaitTx(hash, chain);
-  } catch (error) {
-    return {
-      type: "error",
-      error: { step: "approval", cause: classifyWalletError(error, { hash }) }
-    };
-  }
-  if (receipt.status !== "success") {
-    return { type: "error", error: { step: "approval-reverted" } };
-  }
-  return { type: "ok" };
-}
 async function authorizeWallet(params) {
   const { swap, wallet, offerId, contractAddress, chain, onProgress } = params;
   const emit = (phase) => onProgress?.(phase);
@@ -1376,11 +1381,12 @@ var Offer = {
   fromDto: (dto) => ({
     id: OfferId(dto.id),
     slug: OfferSlug(dto.slug),
-    tagline: notBlankStringOrNull(dto.tagline),
-    bannerUrl: notBlankStringOrNull(dto.banner_url),
-    logoUrl: notBlankStringOrNull(dto.logo_url),
+    type: dto.type,
+    tagline: dto.tagline,
+    bannerUrl: dto.banner_url,
+    logoUrl: dto.logo_url,
     startsAt: new Date(dto.starts_at),
-    endsAt: new Date(dto.ends_at)
+    endsAt: dto.ends_at ? new Date(dto.ends_at) : null
   })
 };
 
@@ -1410,16 +1416,17 @@ var OfferDetail = {
     return {
       id: OfferId(dto.id),
       slug: OfferSlug(dto.slug),
+      type: dto.type,
       name: dto.name,
       asset: Asset.fromDto(dto.asset),
       fundingAssets: dto.funding_assets.map(Asset.fromDto),
       about: notBlankStringOrNull(dto.about),
-      tagline: notBlankStringOrNull(dto.tagline),
-      bannerUrl: notBlankStringOrNull(dto.banner_url),
-      logoUrl: notBlankStringOrNull(dto.logo_url),
-      category: notBlankStringOrNull(dto.category),
+      tagline: dto.tagline,
+      bannerUrl: dto.banner_url,
+      logoUrl: dto.logo_url,
+      category: dto.category,
       startsAt: new Date(dto.starts_at),
-      endsAt: new Date(dto.ends_at),
+      endsAt: dto.ends_at ? new Date(dto.ends_at) : null,
       faqs: dto.faqs.map(FaqItem.fromDto),
       links: dto.links.map(Link.fromDto),
       milestones: dto.milestones.map(Milestone.fromDto),
@@ -1581,14 +1588,6 @@ var SwapNamespaceImpl = class {
     await this.ctx.ensureUserAuthenticated();
     return getSwapStatus(this.ctx.api, params);
   }
-  async getTokenAllowance(params) {
-    await this.ctx.ensureUserAuthenticated();
-    return getTokenAllowance(this.ctx.api, params);
-  }
-  async getTokenBalance(params) {
-    await this.ctx.ensureUserAuthenticated();
-    return getTokenBalance(this.ctx.api, params);
-  }
   async getOutputToken(params) {
     await this.ctx.ensureUserAuthenticated();
     return getSwapOutputToken(this.ctx.api, params);
@@ -1605,54 +1604,18 @@ var SwapNamespaceImpl = class {
 
 // src/client/core/client-swap-namespace.ts
 var ClientSwapNamespaceImpl = class extends SwapNamespaceImpl {
+  constructor(ctx, erc20) {
+    super(ctx);
+    this.erc20 = erc20;
+  }
   executeSwap(params) {
-    return executeSwap({ ...params, swap: this });
+    return executeSwap({ ...params, swap: this, erc20: this.erc20 });
   }
   authorizeWallet(params) {
     return authorizeWallet({ ...params, swap: this });
   }
 };
 
-// src/shared/types/document-submission.ts
-var DocumentSubmission = {
-  fromDto: (dto) => ({
-    status: dto.status,
-    formType: dto.form_type
-  })
-};
-
-// src/shared/api/frontline/documents.ts
-async function submitDocument(api, documentType, fields) {
-  const dto = await api.send({
-    method: "POST",
-    url: `/v1/documents/${documentType}/submission`,
-    body: fields,
-    attributes: Attributes.protected()
-  });
-  return DocumentSubmission.fromDto(dto);
-}
-
-// src/shared/types/kyc.ts
-var KycToken = {
-  fromDto: (dto) => ({
-    token: dto.token
-  })
-};
-
-// src/shared/api/frontline/kyc.ts
-async function createKycToken(api, levelName, reset) {
-  const dto = await api.send({
-    method: "POST",
-    url: "/v1/kyc-token",
-    body: {
-      ...levelName === void 0 ? {} : { level_name: levelName },
-      ...reset === void 0 ? {} : { reset }
-    },
-    attributes: Attributes.protected()
-  });
-  return KycToken.fromDto(dto);
-}
-
 // src/shared/api/pagination.ts
 var Cursor = (value) => value;
 async function fetchAllPages(fetchPage, baseParams) {
@@ -1692,35 +1655,6 @@ var PaginationParams = {
   }
 };
 
-// src/shared/api/frontline/offers.ts
-async function fetchOffers(api, clientCreds) {
-  return fetchAllPages((params) => fetchOffersPage(api, params, clientCreds));
-}
-async function fetchOffersPage(api, params, clientCreds) {
-  const queryParams = PaginationParams.toQueryParams(params);
-  const pageDto = await api.send({
-    method: "GET",
-    url: "/v1/offers",
-    queryParams,
-    attributes: Attributes.concat(
-      Attributes.protected(),
-      Attributes.clientCredentials(clientCreds)
-    )
-  });
-  return PaginatedResponse.fromDto(pageDto, Offer.fromDto);
-}
-async function fetchOfferDetails(api, id, clientCreds) {
-  const dto = await api.send({
-    method: "GET",
-    url: `/v1/offers/${id}`,
-    attributes: Attributes.concat(
-      Attributes.protected(),
-      Attributes.clientCredentials(clientCreds)
-    )
-  });
-  return OfferDetail.fromDto(dto);
-}
-
 // src/shared/types/participation.ts
 var ParticipationId = (value) => value;
 var Blockchain = (value) => value;
@@ -1768,6 +1702,85 @@ var CreateParticipationParams = {
   })
 };
 
+// src/client/core/blockchain/token-sale-flow.ts
+async function executeTokenSale(params) {
+  const {
+    erc20,
+    tokenSale,
+    wallet,
+    offerId,
+    offerOptionId,
+    assetId,
+    paymentTokenAddress,
+    fundingContractAddress,
+    chain,
+    amount,
+    onProgress
+  } = params;
+  const emit = (phase) => onProgress?.(phase);
+  emit("checking-allowance");
+  let currentAllowance;
+  try {
+    const allowance = await erc20.getTokenAllowance({
+      tokenAddress: paymentTokenAddress,
+      owner: wallet.address,
+      spender: fundingContractAddress,
+      chain
+    });
+    currentAllowance = allowance.allowance;
+  } catch {
+    return { type: "error", error: { step: "allowance-check" } };
+  }
+  if (currentAllowance > 0n) {
+    const reset = await submitErc20Approval({
+      wallet,
+      tokenAddress: paymentTokenAddress,
+      spender: fundingContractAddress,
+      chain,
+      value: 0n,
+      pending: "resetting-allowance",
+      confirming: "confirming-allowance-reset",
+      emit
+    });
+    if (reset.type === "error") {
+      return {
+        type: "error",
+        error: reset.error.step === "approval-reverted" ? { step: "allowance-reset-reverted" } : { step: "allowance-reset", cause: reset.error.cause }
+      };
+    }
+  }
+  const approve = await submitErc20Approval({
+    wallet,
+    tokenAddress: paymentTokenAddress,
+    spender: fundingContractAddress,
+    chain,
+    value: amount.raw,
+    pending: "approving",
+    confirming: "confirming-approval",
+    emit
+  });
+  if (approve.type === "error") {
+    return { type: "error", error: approve.error };
+  }
+  const approvalTxHash = approve.txHash;
+  emit("recording-participation");
+  let participation;
+  try {
+    participation = await tokenSale.createParticipation({
+      offerId,
+      offerOptionId,
+      chain: Blockchain(chain),
+      walletAddress: WalletAddress(wallet.address),
+      amount: amount.raw.toString(),
+      assetId,
+      approvalTransactionHash: approvalTxHash
+    });
+  } catch {
+    return { type: "error", error: { step: "participation", approvalTxHash } };
+  }
+  return { type: "success", participation, approvalTxHash };
+}
+
 // src/shared/api/frontline/participations.ts
 async function fetchParticipations(api, offerId) {
   return fetchAllPages(
@@ -1802,6 +1815,109 @@ async function createParticipation(api, params) {
   return Participation.fromDto(dto);
 }
 
+// src/shared/core/token-sale-namespace.ts
+var TokenSaleNamespaceImpl = class {
+  constructor(ctx) {
+    this.ctx = ctx;
+  }
+  async fetchParticipations(offerId) {
+    await this.ctx.ensureUserAuthenticated();
+    return fetchParticipations(this.ctx.api, offerId);
+  }
+  async fetchParticipationsPage(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return fetchParticipationsPage(this.ctx.api, params);
+  }
+  async fetchParticipation(id) {
+    await this.ctx.ensureUserAuthenticated();
+    return fetchParticipation(this.ctx.api, id);
+  }
+  async createParticipation(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return createParticipation(this.ctx.api, params);
+  }
+};
+
+// src/client/core/client-token-sale-namespace.ts
+var ClientTokenSaleNamespaceImpl = class extends TokenSaleNamespaceImpl {
+  constructor(ctx, erc20) {
+    super(ctx);
+    this.erc20 = erc20;
+  }
+  executeTokenSale(params) {
+    return executeTokenSale({ ...params, erc20: this.erc20, tokenSale: this });
+  }
+};
+
+// src/shared/types/document-submission.ts
+var DocumentSubmission = {
+  fromDto: (dto) => ({
+    status: dto.status,
+    formType: dto.form_type
+  })
+};
+
+// src/shared/api/frontline/documents.ts
+async function submitDocument(api, documentType, fields) {
+  const dto = await api.send({
+    method: "POST",
+    url: `/v1/documents/${documentType}/submission`,
+    body: fields,
+    attributes: Attributes.protected()
+  });
+  return DocumentSubmission.fromDto(dto);
+}
+
+// src/shared/types/kyc.ts
+var KycToken = {
+  fromDto: (dto) => ({
+    token: dto.token
+  })
+};
+
+// src/shared/api/frontline/kyc.ts
+async function createKycToken(api, levelName, reset) {
+  const dto = await api.send({
+    method: "POST",
+    url: "/v1/kyc-token",
+    body: {
+      ...levelName === void 0 ? {} : { level_name: levelName },
+      ...reset === void 0 ? {} : { reset }
+    },
+    attributes: Attributes.protected()
+  });
+  return KycToken.fromDto(dto);
+}
+
+// src/shared/api/frontline/offers.ts
+async function fetchOffers(api, clientCreds) {
+  return fetchAllPages((params) => fetchOffersPage(api, params, clientCreds));
+}
+async function fetchOffersPage(api, params, clientCreds) {
+  const queryParams = PaginationParams.toQueryParams(params);
+  const pageDto = await api.send({
+    method: "GET",
+    url: "/v1/offers",
+    queryParams,
+    attributes: Attributes.concat(
+      Attributes.protected(),
+      Attributes.clientCredentials(clientCreds)
+    )
+  });
+  return PaginatedResponse.fromDto(pageDto, Offer.fromDto);
+}
+async function fetchOfferDetails(api, id, clientCreds) {
+  const dto = await api.send({
+    method: "GET",
+    url: `/v1/offers/${id}`,
+    attributes: Attributes.concat(
+      Attributes.protected(),
+      Attributes.clientCredentials(clientCreds)
+    )
+  });
+  return OfferDetail.fromDto(dto);
+}
+
 // src/shared/types/pii.ts
 var Iso2CountryCode = (value) => value;
 var PiiJurisdiction = {
@@ -1887,6 +2003,21 @@ async function fetchRequirementStatuses(api, offerId) {
   return RequirementStatusInfo.fromStatusesDto(response);
 }
 
+// src/shared/core/erc20-namespace.ts
+var Erc20NamespaceImpl = class {
+  constructor(ctx) {
+    this.ctx = ctx;
+  }
+  async getTokenAllowance(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return getTokenAllowance(this.ctx.api, params);
+  }
+  async getTokenBalance(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return getTokenBalance(this.ctx.api, params);
+  }
+};
+
 // src/shared/types/oauth.ts
 var AuthorizationCode = (value) => value;
 var CodeVerifier = (value) => value;
@@ -1933,10 +2064,13 @@ var CoinListClientImpl = class {
       },
       this.fetchAccessToken.bind(this)
     );
-    this.swap = new ClientSwapNamespaceImpl({
+    const ctx = {
       api: this.api,
       ensureUserAuthenticated: async () => this.ensureAuthenticated()
-    });
+    };
+    this.erc20 = new Erc20NamespaceImpl(ctx);
+    this.tokenSale = new ClientTokenSaleNamespaceImpl(ctx, this.erc20);
+    this.swap = new ClientSwapNamespaceImpl(ctx, this.erc20);
   }
   async init() {
     await this.fetchAccessToken(true);
@@ -2018,22 +2152,6 @@ var CoinListClientImpl = class {
     this.ensureAuthenticated();
     return fetchOfferDetails(this.api, id, void 0);
   }
-  async fetchParticipations(offerId) {
-    this.ensureAuthenticated();
-    return fetchParticipations(this.api, offerId);
-  }
-  async fetchParticipationsPage(params) {
-    this.ensureAuthenticated();
-    return fetchParticipationsPage(this.api, params);
-  }
-  async fetchParticipation(id) {
-    this.ensureAuthenticated();
-    return fetchParticipation(this.api, id);
-  }
-  async createParticipation(params) {
-    this.ensureAuthenticated();
-    return createParticipation(this.api, params);
-  }
   async createWalletOwnershipChallenge(params) {
     this.ensureAuthenticated();
     return createWalletOwnershipChallenge(this.api, params);
@@ -2636,7 +2754,7 @@ var OfferCardUi = {
     bannerUrl: offer.bannerUrl,
     logoUrl: offer.logoUrl,
     formattedStartsAt: monthYearFormatter.format(offer.startsAt),
-    formattedEndsAt: monthYearFormatter.format(offer.endsAt)
+    formattedEndsAt: offer.endsAt ? monthYearFormatter.format(offer.endsAt) : null
   })
 };
 function OfferCard({
@@ -2687,7 +2805,7 @@ function OfferCard({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: cn(typeClasses.label, "clcosdk:text-text-primary"), children: offer.formattedStartsAt })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
+      offer.formattedEndsAt && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "span",
           {
@@ -2695,7 +2813,13 @@ function OfferCard({
             children: "Ends"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: cn(typeClasses.label, "clcosdk:text-text-primary"), children: offer.formattedEndsAt })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "span",
+          {
+            className: cn(typeClasses.label, "clcosdk:text-text-primary"),
+            children: offer.formattedEndsAt
+          }
+        )
       ] })
     ] })
   ] });
@@ -4774,7 +4898,7 @@ function useSwapTokenBalances(options) {
       }
       const results = await Promise.allSettled(
         symbols.map(
-          (symbol) => coinlist.swap.getTokenBalance({
+          (symbol) => coinlist.erc20.getTokenBalance({
             tokenAddress: TOKEN_REGISTRY.contractAddress(symbol, chain),
             owner: address,
             chain
@@ -4926,7 +5050,7 @@ function useParticipations(offerId, options = {}) {
       };
     }
     setParticipationsState(LOADING_STATE8);
-    coinlist.fetchParticipations(offerId).then((participations) => {
+    coinlist.tokenSale.fetchParticipations(offerId).then((participations) => {
       if (!isCancelled) {
         setParticipationsState({ type: "CONTENT", participations });
       }
@@ -4946,6 +5070,7 @@ function useParticipations(offerId, options = {}) {
 0 && (module.exports = {
   ChecklistStatus,
   ClientSwapNamespaceImpl,
+  ClientTokenSaleNamespaceImpl,
   CoinListClientInitializationError,
   CoinListContext,
   CoinListContextProvider,
@@ -4972,6 +5097,7 @@ function useParticipations(offerId, options = {}) {
   connectExternalWalletFlow,
   createCoinListClient,
   executeSwap,
+  executeTokenSale,
   useCoinList,
   useCompleteOAuth,
   useConnectWallet,