@coinlist-co/react 0.10.0 → 0.10.1

package/dist/client/index.cjs

@@ -1655,6 +1655,117 @@ var PaginationParams = {
   }
 };
 
+// src/shared/types/blockchain/ui.ts
+var ShortenedWalletAddress = (value) => value;
+var FormattedAmountAssetUi = (value) => value;
+
+// src/shared/core/blockchain/formatters.ts
+var import_viem3 = require("viem");
+function shortenAddress(address) {
+  const short = address.length > 10 ? `${address.slice(0, 6)}\u2026${address.slice(-4)}` : address;
+  return ShortenedWalletAddress(short);
+}
+function formatRawAmount(amount) {
+  return (0, import_viem3.formatUnits)(amount.raw, amount.decimals);
+}
+var NA_AMOUNT_ASSET_UI = FormattedAmountAssetUi("-");
+var USD_FRACTION_DIGITS = AssetDecimals(2);
+
+// src/shared/core/blockchain/swap/constants.ts
+var SWAP_POLL_INTERVAL_MS = 15e3;
+var SLIPPAGE_OPTIONS_BPS = [25n, 50n, 100n, 200n, 500n].map(
+  (n) => Bps(n)
+);
+var DEFAULT_SLIPPAGE_BPS = Bps(50n);
+var SUPERSTATE_SWAP_CONTRACT_ADDRESS_SEPOLIA = EvmContractAddress("0x84f8e9a6C9Cc12fe911259372EfCa5582C4ae557");
+
+// src/shared/core/blockchain/swap/quote.ts
+var SwapQuote = {
+  /**
+   * Assembles a {@link SwapQuote} from a raw contract {@link SwapPreview}. The
+   * input and fee are denominated in the input token; the output in the output
+   * token.
+   */
+  fromPreview: (preview, inputDecimals, outputDecimals) => ({
+    inputTokenAmount: BlockchainAmount({
+      raw: preview.inputAmount,
+      decimals: inputDecimals
+    }),
+    fee: BlockchainAmount({ raw: preview.fee, decimals: inputDecimals }),
+    outputTokenAmount: BlockchainAmount({
+      raw: preview.outputAmount,
+      decimals: outputDecimals
+    })
+  })
+};
+
+// src/shared/core/blockchain/token-registry.ts
+var USDC_SYMBOL = StablecoinSymbol("USDC");
+var USDC = {
+  name: "USD Coin",
+  symbol: USDC_SYMBOL,
+  decimals: AssetDecimals(6)
+};
+var USDT_SYMBOL = StablecoinSymbol("USDT");
+var USDT = {
+  name: "Tether USD",
+  symbol: USDT_SYMBOL,
+  decimals: AssetDecimals(6)
+};
+var USDC_ADDRESSES = {
+  ethereum_mainnet: EvmContractAddress(
+    "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"
+  ),
+  ethereum_sepolia: EvmContractAddress(
+    "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238"
+  )
+};
+var USDT_ADDRESSES = {
+  ethereum_mainnet: EvmContractAddress(
+    "0xdac17f958d2ee523a2206206994597c13d831ec7"
+  ),
+  ethereum_sepolia: EvmContractAddress(
+    "0x7169D38820dfd117C3FA1f22a697dBA58d90BA06"
+  )
+};
+var TOKEN_REGISTRY = {
+  erc20: (symbol) => {
+    switch (symbol) {
+      case "USDC":
+        return USDC;
+      case "USDT":
+        return USDT;
+      default:
+        throw new Error(`Unknown asset symbol: ${symbol}`);
+    }
+  },
+  contractAddress: (symbol, chain) => {
+    switch (symbol) {
+      case "USDC":
+        return USDC_ADDRESSES[chain];
+      case "USDT":
+        return USDT_ADDRESSES[chain];
+      default:
+        throw new Error(`Unknown asset symbol: ${symbol}`);
+    }
+  }
+};
+
+// 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/participation.ts
 var ParticipationId = (value) => value;
 var Blockchain = (value) => value;
@@ -1702,85 +1813,6 @@ 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(
@@ -1828,15 +1860,189 @@ var TokenSaleNamespaceImpl = class {
     await this.ctx.ensureUserAuthenticated();
     return fetchParticipationsPage(this.ctx.api, params);
   }
-  async fetchParticipation(id) {
-    await this.ctx.ensureUserAuthenticated();
-    return fetchParticipation(this.ctx.api, id);
+  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/shared/types/oauth.ts
+var AuthorizationCode = (value) => value;
+var CodeVerifier = (value) => value;
+var CodeChallenge = (value) => value;
+var PKCEState = (value) => value;
+
+// src/shared/pkce.ts
+async function generatePKCEParams(config) {
+  const state = generateSecureRandomBase64Url(32);
+  const codeVerifier = generateSecureRandomBase64Url(32);
+  const codeChallengeRaw = await sha256(codeVerifier);
+  const codeChallenge = arrayBufferToBase64Url(codeChallengeRaw, false);
+  return {
+    clientId: config.clientId,
+    responseType: "code",
+    redirectUri: config.redirectUri,
+    codeChallenge: CodeChallenge(codeChallenge),
+    codeChallengeMethod: "S256",
+    state: PKCEState(state),
+    codeVerifier: CodeVerifier(codeVerifier)
+  };
+}
+
+// src/shared/types/document-submission.ts
+var DocumentSubmission = {
+  fromDto: (dto) => ({
+    status: dto.status,
+    formType: dto.form_type
+  })
+};
+
+// src/shared/types/errors.ts
+var NotAuthenticatedError = class extends Error {
+  constructor(message = "The user is not authenticated. Go through the OAuth flow first!") {
+    super(message);
+    this.name = "NotAuthenticatedError";
+  }
+};
+
+// src/shared/types/kyc.ts
+var KycToken = {
+  fromDto: (dto) => ({
+    token: dto.token
+  })
+};
+
+// src/shared/types/pii.ts
+var Iso2CountryCode = (value) => value;
+var PiiJurisdiction = {
+  fromDto: (dto) => ({
+    iso2: Iso2CountryCode(dto.iso_2),
+    name: dto.name
+  })
+};
+var PiiAddress = {
+  fromDto: (dto) => ({
+    street: dto.street,
+    city: dto.city,
+    state: dto.state,
+    postalCode: dto.postal_code,
+    country: dto.country
+  })
+};
+var Pii = {
+  fromDto: (dto) => ({
+    kind: dto.kind,
+    fullLegalName: dto.full_legal_name,
+    dateOfBirth: dto.date_of_birth,
+    jurisdiction: dto.jurisdiction ? PiiJurisdiction.fromDto(dto.jurisdiction) : null,
+    taxId: dto.tax_id,
+    permanentAddress: PiiAddress.fromDto(dto.permanent_address)
+  })
+};
+
+// src/shared/types/requirement.ts
+var RequirementId = (value) => value;
+var Requirement = {
+  fromDto: (dto) => ({
+    id: RequirementId(dto.id),
+    type: dto.type,
+    details: dto.details
+  })
+};
+var RequirementStatusInfo = {
+  fromStatusesDto: (dto) => Object.entries(dto.statuses).map(
+    ([id, value]) => typeof value === "string" ? { id: RequirementId(id), status: value, action: null } : {
+      id: RequirementId(id),
+      status: value.status,
+      action: value.action ?? null,
+      kycLevel: value.kyc_level,
+      kycReset: value.kyc_reset
+    }
+  )
+};
+
+// 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 };
   }
-  async createParticipation(params) {
-    await this.ctx.ensureUserAuthenticated();
-    return createParticipation(this.ctx.api, params);
+  const approvalTxHash = approve.txHash;
+  emit("recording-participation");
+  let participation;
+  try {
+    participation = await tokenSale.createParticipation({
+      offerId,
+      offerOptionId,
+      chain: Blockchain(chain),
+      walletAddress: WalletAddress(wallet.address),
+      amount: formatRawAmount(amount),
+      assetId,
+      approvalTransactionHash: approvalTxHash
+    });
+  } catch {
+    return { type: "error", error: { step: "participation", approvalTxHash } };
   }
-};
+  return { type: "success", participation, approvalTxHash };
+}
 
 // src/client/core/client-token-sale-namespace.ts
 var ClientTokenSaleNamespaceImpl = class extends TokenSaleNamespaceImpl {
@@ -1849,14 +2055,6 @@ var ClientTokenSaleNamespaceImpl = class extends TokenSaleNamespaceImpl {
   }
 };
 
-// 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({
@@ -1868,13 +2066,6 @@ async function submitDocument(api, documentType, fields) {
   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({
@@ -1918,34 +2109,6 @@ async function fetchOfferDetails(api, id, clientCreds) {
   return OfferDetail.fromDto(dto);
 }
 
-// src/shared/types/pii.ts
-var Iso2CountryCode = (value) => value;
-var PiiJurisdiction = {
-  fromDto: (dto) => ({
-    iso2: Iso2CountryCode(dto.iso_2),
-    name: dto.name
-  })
-};
-var PiiAddress = {
-  fromDto: (dto) => ({
-    street: dto.street,
-    city: dto.city,
-    state: dto.state,
-    postalCode: dto.postal_code,
-    country: dto.country
-  })
-};
-var Pii = {
-  fromDto: (dto) => ({
-    kind: dto.kind,
-    fullLegalName: dto.full_legal_name,
-    dateOfBirth: dto.date_of_birth,
-    jurisdiction: dto.jurisdiction ? PiiJurisdiction.fromDto(dto.jurisdiction) : null,
-    taxId: dto.tax_id,
-    permanentAddress: PiiAddress.fromDto(dto.permanent_address)
-  })
-};
-
 // src/shared/api/frontline/pii.ts
 async function fetchPii(api) {
   const dto = await api.send({
@@ -1956,27 +2119,6 @@ async function fetchPii(api) {
   return Pii.fromDto(dto);
 }
 
-// src/shared/types/requirement.ts
-var RequirementId = (value) => value;
-var Requirement = {
-  fromDto: (dto) => ({
-    id: RequirementId(dto.id),
-    type: dto.type,
-    details: dto.details
-  })
-};
-var RequirementStatusInfo = {
-  fromStatusesDto: (dto) => Object.entries(dto.statuses).map(
-    ([id, value]) => typeof value === "string" ? { id: RequirementId(id), status: value, action: null } : {
-      id: RequirementId(id),
-      status: value.status,
-      action: value.action ?? null,
-      kycLevel: value.kyc_level,
-      kycReset: value.kyc_reset
-    }
-  )
-};
-
 // src/shared/api/frontline/requirements.ts
 async function fetchOfferRequirements(api, offerId, clientCreds) {
   const response = await api.send({
@@ -2003,52 +2145,6 @@ 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;
-var CodeChallenge = (value) => value;
-var PKCEState = (value) => value;
-
-// src/shared/pkce.ts
-async function generatePKCEParams(config) {
-  const state = generateSecureRandomBase64Url(32);
-  const codeVerifier = generateSecureRandomBase64Url(32);
-  const codeChallengeRaw = await sha256(codeVerifier);
-  const codeChallenge = arrayBufferToBase64Url(codeChallengeRaw, false);
-  return {
-    clientId: config.clientId,
-    responseType: "code",
-    redirectUri: config.redirectUri,
-    codeChallenge: CodeChallenge(codeChallenge),
-    codeChallengeMethod: "S256",
-    state: PKCEState(state),
-    codeVerifier: CodeVerifier(codeVerifier)
-  };
-}
-
-// src/shared/types/errors.ts
-var NotAuthenticatedError = class extends Error {
-  constructor(message = "The user is not authenticated. Go through the OAuth flow first!") {
-    super(message);
-    this.name = "NotAuthenticatedError";
-  }
-};
-
 // src/client/core/coinlist-client.ts
 var OAUTH_STATE_KEY = "coinlist.oauth_state";
 var OAUTH_CODE_VERIFIER_KEY = "coinlist.oauth_code_verifier";
@@ -3296,21 +3392,6 @@ function useConnectWallet({
   return { state, onSign };
 }
 
-// src/shared/core/blockchain/formatters.ts
-var import_viem3 = require("viem");
-
-// src/shared/types/blockchain/ui.ts
-var ShortenedWalletAddress = (value) => value;
-var FormattedAmountAssetUi = (value) => value;
-
-// src/shared/core/blockchain/formatters.ts
-function shortenAddress(address) {
-  const short = address.length > 10 ? `${address.slice(0, 6)}\u2026${address.slice(-4)}` : address;
-  return ShortenedWalletAddress(short);
-}
-var NA_AMOUNT_ASSET_UI = FormattedAmountAssetUi("-");
-var USD_FRACTION_DIGITS = AssetDecimals(2);
-
 // src/client/components/requirements/ConnectWalletModal.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function ConnectWalletModal({
@@ -4699,36 +4780,6 @@ function useSwapOutputToken(options) {
 
 // src/client/hooks/swap/useSwapQuote.ts
 var import_react17 = require("react");
-
-// src/shared/core/blockchain/swap/constants.ts
-var SWAP_POLL_INTERVAL_MS = 15e3;
-var SLIPPAGE_OPTIONS_BPS = [25n, 50n, 100n, 200n, 500n].map(
-  (n) => Bps(n)
-);
-var DEFAULT_SLIPPAGE_BPS = Bps(50n);
-var SUPERSTATE_SWAP_CONTRACT_ADDRESS_SEPOLIA = EvmContractAddress("0x84f8e9a6C9Cc12fe911259372EfCa5582C4ae557");
-
-// src/shared/core/blockchain/swap/quote.ts
-var SwapQuote = {
-  /**
-   * Assembles a {@link SwapQuote} from a raw contract {@link SwapPreview}. The
-   * input and fee are denominated in the input token; the output in the output
-   * token.
-   */
-  fromPreview: (preview, inputDecimals, outputDecimals) => ({
-    inputTokenAmount: BlockchainAmount({
-      raw: preview.inputAmount,
-      decimals: inputDecimals
-    }),
-    fee: BlockchainAmount({ raw: preview.fee, decimals: inputDecimals }),
-    outputTokenAmount: BlockchainAmount({
-      raw: preview.outputAmount,
-      decimals: outputDecimals
-    })
-  })
-};
-
-// src/client/hooks/swap/useSwapQuote.ts
 function useSwapQuote(options) {
   const {
     contractAddress,
@@ -4812,60 +4863,6 @@ function useSwapQuote(options) {
 
 // src/client/hooks/swap/useSwapTokenBalances.ts
 var import_react18 = require("react");
-
-// src/shared/core/blockchain/token-registry.ts
-var USDC_SYMBOL = StablecoinSymbol("USDC");
-var USDC = {
-  name: "USD Coin",
-  symbol: USDC_SYMBOL,
-  decimals: AssetDecimals(6)
-};
-var USDT_SYMBOL = StablecoinSymbol("USDT");
-var USDT = {
-  name: "Tether USD",
-  symbol: USDT_SYMBOL,
-  decimals: AssetDecimals(6)
-};
-var USDC_ADDRESSES = {
-  ethereum_mainnet: EvmContractAddress(
-    "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"
-  ),
-  ethereum_sepolia: EvmContractAddress(
-    "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238"
-  )
-};
-var USDT_ADDRESSES = {
-  ethereum_mainnet: EvmContractAddress(
-    "0xdac17f958d2ee523a2206206994597c13d831ec7"
-  ),
-  ethereum_sepolia: EvmContractAddress(
-    "0x7169D38820dfd117C3FA1f22a697dBA58d90BA06"
-  )
-};
-var TOKEN_REGISTRY = {
-  erc20: (symbol) => {
-    switch (symbol) {
-      case "USDC":
-        return USDC;
-      case "USDT":
-        return USDT;
-      default:
-        throw new Error(`Unknown asset symbol: ${symbol}`);
-    }
-  },
-  contractAddress: (symbol, chain) => {
-    switch (symbol) {
-      case "USDC":
-        return USDC_ADDRESSES[chain];
-      case "USDT":
-        return USDT_ADDRESSES[chain];
-      default:
-        throw new Error(`Unknown asset symbol: ${symbol}`);
-    }
-  }
-};
-
-// src/client/hooks/swap/useSwapTokenBalances.ts
 function useSwapTokenBalances(options) {
   const {
     address,