@bosonprotocol/react-kit 0.30.0-alpha.3 → 0.30.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/dist/cjs/components/modal/components/Commit/OfferVariantView.d.ts.map +1 -1
  2. package/dist/cjs/components/modal/components/Commit/OfferVariantView.js +3 -0
  3. package/dist/cjs/components/modal/components/Commit/OfferVariantView.js.map +1 -1
  4. package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.d.ts.map +1 -1
  5. package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.js +33 -12
  6. package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.js.map +1 -1
  7. package/dist/cjs/components/modal/components/common/detail/PhygitalProduct.d.ts.map +1 -1
  8. package/dist/cjs/components/modal/components/common/detail/PhygitalProduct.js +9 -23
  9. package/dist/cjs/components/modal/components/common/detail/PhygitalProduct.js.map +1 -1
  10. package/dist/cjs/components/modal/components/common/detail/TokenGatedItem.d.ts.map +1 -1
  11. package/dist/cjs/components/modal/components/common/detail/TokenGatedItem.js +28 -16
  12. package/dist/cjs/components/modal/components/common/detail/TokenGatedItem.js.map +1 -1
  13. package/dist/cjs/components/productCard/ProductCard.d.ts.map +1 -1
  14. package/dist/cjs/components/productCard/ProductCard.js +1 -1
  15. package/dist/cjs/components/productCard/ProductCard.js.map +1 -1
  16. package/dist/cjs/components/productCard/ProductCard.styles.d.ts +1 -0
  17. package/dist/cjs/components/productCard/ProductCard.styles.d.ts.map +1 -1
  18. package/dist/cjs/components/productCard/ProductCard.styles.js +43 -3
  19. package/dist/cjs/components/productCard/ProductCard.styles.js.map +1 -1
  20. package/dist/cjs/components/ui/IpfsImage.d.ts +3 -0
  21. package/dist/cjs/components/ui/IpfsImage.d.ts.map +1 -1
  22. package/dist/cjs/components/ui/IpfsImage.js +12 -2
  23. package/dist/cjs/components/ui/IpfsImage.js.map +1 -1
  24. package/dist/cjs/hooks/bundles/useBundleItemsImages.d.ts +10 -0
  25. package/dist/cjs/hooks/bundles/useBundleItemsImages.d.ts.map +1 -0
  26. package/dist/cjs/hooks/bundles/useBundleItemsImages.js +56 -0
  27. package/dist/cjs/hooks/bundles/useBundleItemsImages.js.map +1 -0
  28. package/dist/cjs/hooks/contracts/erc1155/useErc1155Uris.d.ts +11 -0
  29. package/dist/cjs/hooks/contracts/erc1155/useErc1155Uris.d.ts.map +1 -0
  30. package/dist/cjs/hooks/contracts/erc1155/useErc1155Uris.js +37 -0
  31. package/dist/cjs/hooks/contracts/erc1155/useErc1155Uris.js.map +1 -0
  32. package/dist/cjs/hooks/contracts/erc721/useErc721TokenUris.d.ts +11 -0
  33. package/dist/cjs/hooks/contracts/erc721/useErc721TokenUris.d.ts.map +1 -0
  34. package/dist/cjs/hooks/contracts/erc721/useErc721TokenUris.js +37 -0
  35. package/dist/cjs/hooks/contracts/erc721/useErc721TokenUris.js.map +1 -0
  36. package/dist/cjs/hooks/contracts/useGetTokenUriImages.d.ts +10 -0
  37. package/dist/cjs/hooks/contracts/useGetTokenUriImages.d.ts.map +1 -0
  38. package/dist/cjs/hooks/contracts/useGetTokenUriImages.js +103 -0
  39. package/dist/cjs/hooks/contracts/useGetTokenUriImages.js.map +1 -0
  40. package/dist/cjs/hooks/index.d.ts +3 -3
  41. package/dist/cjs/hooks/index.d.ts.map +1 -1
  42. package/dist/cjs/hooks/index.js +3 -3
  43. package/dist/cjs/hooks/index.js.map +1 -1
  44. package/dist/cjs/lib/ipfs/ipfs.d.ts.map +1 -1
  45. package/dist/cjs/lib/ipfs/ipfs.js +9 -4
  46. package/dist/cjs/lib/ipfs/ipfs.js.map +1 -1
  47. package/dist/cjs/lib/offer/getOfferDetails.js.map +1 -1
  48. package/dist/esm/components/modal/components/Commit/OfferVariantView.d.ts.map +1 -1
  49. package/dist/esm/components/modal/components/Commit/OfferVariantView.js +3 -0
  50. package/dist/esm/components/modal/components/Commit/OfferVariantView.js.map +1 -1
  51. package/dist/esm/components/modal/components/common/OfferFullDescription/DigitalProductData.d.ts.map +1 -1
  52. package/dist/esm/components/modal/components/common/OfferFullDescription/DigitalProductData.js +34 -8
  53. package/dist/esm/components/modal/components/common/OfferFullDescription/DigitalProductData.js.map +1 -1
  54. package/dist/esm/components/modal/components/common/detail/PhygitalProduct.d.ts.map +1 -1
  55. package/dist/esm/components/modal/components/common/detail/PhygitalProduct.js +9 -24
  56. package/dist/esm/components/modal/components/common/detail/PhygitalProduct.js.map +1 -1
  57. package/dist/esm/components/modal/components/common/detail/TokenGatedItem.d.ts.map +1 -1
  58. package/dist/esm/components/modal/components/common/detail/TokenGatedItem.js +28 -16
  59. package/dist/esm/components/modal/components/common/detail/TokenGatedItem.js.map +1 -1
  60. package/dist/esm/components/productCard/ProductCard.d.ts.map +1 -1
  61. package/dist/esm/components/productCard/ProductCard.js +2 -2
  62. package/dist/esm/components/productCard/ProductCard.js.map +1 -1
  63. package/dist/esm/components/productCard/ProductCard.styles.d.ts +1 -0
  64. package/dist/esm/components/productCard/ProductCard.styles.d.ts.map +1 -1
  65. package/dist/esm/components/productCard/ProductCard.styles.js +42 -2
  66. package/dist/esm/components/productCard/ProductCard.styles.js.map +1 -1
  67. package/dist/esm/components/ui/IpfsImage.d.ts +3 -0
  68. package/dist/esm/components/ui/IpfsImage.d.ts.map +1 -1
  69. package/dist/esm/components/ui/IpfsImage.js +13 -3
  70. package/dist/esm/components/ui/IpfsImage.js.map +1 -1
  71. package/dist/esm/hooks/bundles/useBundleItemsImages.d.ts +10 -0
  72. package/dist/esm/hooks/bundles/useBundleItemsImages.d.ts.map +1 -0
  73. package/dist/esm/hooks/bundles/useBundleItemsImages.js +48 -0
  74. package/dist/esm/hooks/bundles/useBundleItemsImages.js.map +1 -0
  75. package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.d.ts +11 -0
  76. package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.d.ts.map +1 -0
  77. package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.js +22 -0
  78. package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.js.map +1 -0
  79. package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.d.ts +11 -0
  80. package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.d.ts.map +1 -0
  81. package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.js +22 -0
  82. package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.js.map +1 -0
  83. package/dist/esm/hooks/contracts/useGetTokenUriImages.d.ts +10 -0
  84. package/dist/esm/hooks/contracts/useGetTokenUriImages.d.ts.map +1 -0
  85. package/dist/esm/hooks/contracts/useGetTokenUriImages.js +90 -0
  86. package/dist/esm/hooks/contracts/useGetTokenUriImages.js.map +1 -0
  87. package/dist/esm/hooks/index.d.ts +3 -3
  88. package/dist/esm/hooks/index.d.ts.map +1 -1
  89. package/dist/esm/hooks/index.js +3 -3
  90. package/dist/esm/hooks/index.js.map +1 -1
  91. package/dist/esm/lib/ipfs/ipfs.d.ts.map +1 -1
  92. package/dist/esm/lib/ipfs/ipfs.js +9 -4
  93. package/dist/esm/lib/ipfs/ipfs.js.map +1 -1
  94. package/dist/esm/lib/offer/getOfferDetails.js.map +1 -1
  95. package/package.json +4 -4
  96. package/src/components/modal/components/Commit/OfferVariantView.tsx +3 -0
  97. package/src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx +157 -113
  98. package/src/components/modal/components/common/detail/PhygitalProduct.tsx +13 -30
  99. package/src/components/modal/components/common/detail/TokenGatedItem.tsx +27 -15
  100. package/src/components/productCard/ProductCard.styles.ts +43 -2
  101. package/src/components/productCard/ProductCard.tsx +2 -1
  102. package/src/components/ui/IpfsImage.tsx +18 -3
  103. package/src/components/widgets/commit/CommitWidget.tsx +1 -1
  104. package/src/hooks/bundles/useBundleItemsImages.ts +71 -0
  105. package/src/hooks/contracts/erc1155/useErc1155Uris.ts +52 -0
  106. package/src/hooks/contracts/erc721/useErc721TokenUris.ts +52 -0
  107. package/src/hooks/contracts/useGetTokenUriImages.ts +126 -0
  108. package/src/hooks/index.ts +3 -3
  109. package/src/lib/ipfs/ipfs.ts +15 -5
  110. package/src/lib/offer/getOfferDetails.ts +4 -4
  111. package/src/stories/widgets/Commit.stories.tsx +3 -3
  112. package/dist/cjs/components/nftItem/NftItemIcon.d.ts +0 -8
  113. package/dist/cjs/components/nftItem/NftItemIcon.d.ts.map +0 -1
  114. package/dist/cjs/components/nftItem/NftItemIcon.js +0 -14
  115. package/dist/cjs/components/nftItem/NftItemIcon.js.map +0 -1
  116. package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.d.ts +0 -9
  117. package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.d.ts.map +0 -1
  118. package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.js +0 -29
  119. package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.js.map +0 -1
  120. package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.d.ts +0 -9
  121. package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.d.ts.map +0 -1
  122. package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.js +0 -29
  123. package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.js.map +0 -1
  124. package/dist/cjs/hooks/contracts/useGetTokenUriImage.d.ts +0 -8
  125. package/dist/cjs/hooks/contracts/useGetTokenUriImage.d.ts.map +0 -1
  126. package/dist/cjs/hooks/contracts/useGetTokenUriImage.js +0 -93
  127. package/dist/cjs/hooks/contracts/useGetTokenUriImage.js.map +0 -1
  128. package/dist/esm/components/nftItem/NftItemIcon.d.ts +0 -8
  129. package/dist/esm/components/nftItem/NftItemIcon.d.ts.map +0 -1
  130. package/dist/esm/components/nftItem/NftItemIcon.js +0 -7
  131. package/dist/esm/components/nftItem/NftItemIcon.js.map +0 -1
  132. package/dist/esm/hooks/contracts/erc1155/useErc1155Uri.d.ts +0 -9
  133. package/dist/esm/hooks/contracts/erc1155/useErc1155Uri.d.ts.map +0 -1
  134. package/dist/esm/hooks/contracts/erc1155/useErc1155Uri.js +0 -16
  135. package/dist/esm/hooks/contracts/erc1155/useErc1155Uri.js.map +0 -1
  136. package/dist/esm/hooks/contracts/erc721/useErc721TokenUri.d.ts +0 -9
  137. package/dist/esm/hooks/contracts/erc721/useErc721TokenUri.d.ts.map +0 -1
  138. package/dist/esm/hooks/contracts/erc721/useErc721TokenUri.js +0 -16
  139. package/dist/esm/hooks/contracts/erc721/useErc721TokenUri.js.map +0 -1
  140. package/dist/esm/hooks/contracts/useGetTokenUriImage.d.ts +0 -8
  141. package/dist/esm/hooks/contracts/useGetTokenUriImage.d.ts.map +0 -1
  142. package/dist/esm/hooks/contracts/useGetTokenUriImage.js +0 -80
  143. package/dist/esm/hooks/contracts/useGetTokenUriImage.js.map +0 -1
  144. package/src/components/nftItem/NftItemIcon.tsx +0 -16
  145. package/src/hooks/contracts/erc1155/useErc1155Uri.ts +0 -31
  146. package/src/hooks/contracts/erc721/useErc721TokenUri.ts +0 -31
  147. package/src/hooks/contracts/useGetTokenUriImage.ts +0 -102
@@ -76,10 +76,10 @@ export const getOfferDetails = (
76
76
  | undefined = isProductV1(offer)
77
77
  ? (offer.metadata as ProductV1Sub)
78
78
  : isBundle(offer)
79
- ? (offer.metadata?.items?.find((item) => isProductV1Item(item)) as
80
- | ProductV1Subitem
81
- | undefined)
82
- : undefined;
79
+ ? (offer.metadata?.items?.find((item) => isProductV1Item(item)) as
80
+ | ProductV1Subitem
81
+ | undefined)
82
+ : undefined;
83
83
  const name =
84
84
  productV1ItemMetadataEntity?.product?.title ||
85
85
  offer.metadata?.name ||
@@ -264,7 +264,7 @@ export const CommitBundle: ComponentStory<typeof CommitWidget> = Template.bind(
264
264
  // More on args: https://storybook.js.org/docs/react/writing-stories/args
265
265
  CommitBundle.args = {
266
266
  envName,
267
- configId: envConfig[0].configId,
267
+ configId: envConfig[1].configId,
268
268
  walletConnectProjectId: process.env.REACT_APP_WALLET_CONNECT_PROJECT_ID,
269
269
  dateFormat: "YYYY/MM/DD",
270
270
  defaultCurrencySymbol: "$",
@@ -278,9 +278,9 @@ CommitBundle.args = {
278
278
  offerId: "",
279
279
  defaultSelectedOfferId: "",
280
280
  disableVariationsSelects: false,
281
- bundleUuid: "efc1ca63-c816-4636-bb09-0202ed5e75c3",
281
+ bundleUuid: "e637fb4-32b2-dd-c0ba-e178826513a3",
282
282
  productUuid: undefined,
283
- sellerId: "138",
283
+ sellerId: "5",
284
284
  metaTx: {
285
285
  apiKey: process.env.STORYBOOK_DATA_META_TX_API_KEY as string,
286
286
  apiIds: process.env.STORYBOOK_DATA_META_TX_API_IDS as string
@@ -1,8 +0,0 @@
1
- import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
2
- import React from "react";
3
- type NftItemIconProps = {
4
- nftItem: NftItemMetadataEntity;
5
- };
6
- export declare const NftItemIcon: React.FC<NftItemIconProps>;
7
- export {};
8
- //# sourceMappingURL=NftItemIcon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NftItemIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,qBAAqB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.NftItemIcon = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const IpfsImage_1 = __importDefault(require("../ui/IpfsImage"));
9
- const Video_1 = __importDefault(require("../ui/Video"));
10
- const NftItemIcon = ({ nftItem }) => {
11
- return nftItem.image ? (react_1.default.createElement(IpfsImage_1.default, { src: nftItem.image })) : nftItem.animationUrl ? (react_1.default.createElement(Video_1.default, { src: nftItem.animationUrl })) : null;
12
- };
13
- exports.NftItemIcon = NftItemIcon;
14
- //# sourceMappingURL=NftItemIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NftItemIcon.js","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,gEAAwC;AACxC,wDAAgC;AAMzB,MAAM,WAAW,GAA+B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACrB,8BAAC,mBAAS,IAAC,GAAG,EAAE,OAAO,CAAC,KAAK,GAAI,CAClC,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACzB,8BAAC,eAAK,IAAC,GAAG,EAAE,OAAO,CAAC,YAAY,GAAI,CACrC,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AANW,QAAA,WAAW,eAMtB"}
@@ -1,9 +0,0 @@
1
- import { CoreSDK } from "@bosonprotocol/core-sdk";
2
- export declare const useErc1155Uri: (props: {
3
- contractAddress: string | undefined;
4
- tokenIds: (string | null | undefined)[] | undefined;
5
- }, { enabled, coreSDK }: {
6
- enabled: boolean | undefined;
7
- coreSDK: CoreSDK;
8
- }) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
9
- //# sourceMappingURL=useErc1155Uri.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useErc1155Uri.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc1155/useErc1155Uri.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,eAAO,MAAM,aAAa,UACjB;IACL,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;CACrD;aACgC,OAAO,GAAG,SAAS;aAAW,OAAO;kFAsBvE,CAAC"}
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
- return new (P || (P = Promise))(function (resolve, reject) {
5
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
- step((generator = generator.apply(thisArg, _arguments || [])).next());
9
- });
10
- };
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.useErc1155Uri = void 0;
13
- const react_query_1 = require("react-query");
14
- const useErc1155Uri = (props, { enabled, coreSDK }) => {
15
- return (0, react_query_1.useQuery)(["useErc1155Uri", coreSDK.uuid, props], () => __awaiter(void 0, void 0, void 0, function* () {
16
- const { contractAddress, tokenIds } = props;
17
- if (!contractAddress || !tokenIds) {
18
- return;
19
- }
20
- return Promise.all(tokenIds.map((tokenId) => tokenId
21
- ? coreSDK.erc1155Uri({
22
- contractAddress,
23
- tokenId
24
- })
25
- : null));
26
- }), { enabled });
27
- };
28
- exports.useErc1155Uri = useErc1155Uri;
29
- //# sourceMappingURL=useErc1155Uri.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useErc1155Uri.js","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc1155/useErc1155Uri.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,6CAAuC;AAEhC,MAAM,aAAa,GAAG,CAC3B,KAGC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,IAAA,sBAAQ,EACb,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EACtC,GAAS,EAAE;QACT,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC5C,IAAI,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QACD,OAAO,OAAO,CAAC,GAAG,CAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACvB,OAAO;YACL,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;gBACjB,eAAe;gBACf,OAAO;aACR,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,CACF,CAAC;IACJ,CAAC,CAAA,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB"}
@@ -1,9 +0,0 @@
1
- import { CoreSDK } from "@bosonprotocol/core-sdk";
2
- export declare const useErc721TokenUri: (props: {
3
- contractAddress: string | undefined;
4
- tokenIds: (string | null | undefined)[] | undefined;
5
- }, { enabled, coreSDK }: {
6
- enabled: boolean | undefined;
7
- coreSDK: CoreSDK;
8
- }) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
9
- //# sourceMappingURL=useErc721TokenUri.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useErc721TokenUri.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc721/useErc721TokenUri.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,eAAO,MAAM,iBAAiB,UACrB;IACL,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;CACrD;aACgC,OAAO,GAAG,SAAS;aAAW,OAAO;kFAsBvE,CAAC"}
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
- return new (P || (P = Promise))(function (resolve, reject) {
5
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
- step((generator = generator.apply(thisArg, _arguments || [])).next());
9
- });
10
- };
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.useErc721TokenUri = void 0;
13
- const react_query_1 = require("react-query");
14
- const useErc721TokenUri = (props, { enabled, coreSDK }) => {
15
- return (0, react_query_1.useQuery)(["useErc721TokenUri", coreSDK.uuid, props], () => __awaiter(void 0, void 0, void 0, function* () {
16
- const { contractAddress, tokenIds } = props;
17
- if (!contractAddress || !tokenIds) {
18
- return;
19
- }
20
- return Promise.all(tokenIds.map((tokenId) => tokenId
21
- ? coreSDK.erc721TokenUri({
22
- contractAddress,
23
- tokenId
24
- })
25
- : null));
26
- }), { enabled });
27
- };
28
- exports.useErc721TokenUri = useErc721TokenUri;
29
- //# sourceMappingURL=useErc721TokenUri.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useErc721TokenUri.js","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc721/useErc721TokenUri.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,6CAAuC;AAEhC,MAAM,iBAAiB,GAAG,CAC/B,KAGC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,IAAA,sBAAQ,EACb,CAAC,mBAAmB,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAC1C,GAAS,EAAE;QACT,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC5C,IAAI,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QACD,OAAO,OAAO,CAAC,GAAG,CAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACvB,OAAO;YACL,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;gBACrB,eAAe;gBACf,OAAO;aACR,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,CACF,CAAC;IACJ,CAAC,CAAA,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B"}
@@ -1,8 +0,0 @@
1
- export declare const useGetTokenUriImage: (props: {
2
- tokenUris: (string | null | undefined)[] | undefined | null;
3
- ipfsGateway?: string;
4
- tokenIds: (string | null | undefined)[] | undefined | null;
5
- }, { enabled }: {
6
- enabled: boolean;
7
- }) => import("react-query").UseQueryResult<string[], unknown>;
8
- //# sourceMappingURL=useGetTokenUriImage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useGetTokenUriImage.d.ts","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImage.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,mBAAmB,UACvB;IACL,SAAS,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;CAC5D;aACuB,OAAO;6DAiFhC,CAAC"}
@@ -1,93 +0,0 @@
1
- "use strict";
2
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
- return new (P || (P = Promise))(function (resolve, reject) {
5
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
- step((generator = generator.apply(thisArg, _arguments || [])).next());
9
- });
10
- };
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.useGetTokenUriImage = void 0;
13
- const images_1 = require("../../lib/images/images");
14
- const react_query_1 = require("react-query");
15
- const replaceUrlWithId = ({ tokenId, url }) => {
16
- const urlWithIdReplaced = url.replace("{id}", tokenId);
17
- return urlWithIdReplaced;
18
- };
19
- const useGetTokenUriImage = (props, { enabled }) => {
20
- const { tokenUris, ipfsGateway = "https://ipfs.io/ipfs", tokenIds } = props;
21
- return (0, react_query_1.useQuery)(["useGetTokenUriImage", props], () => __awaiter(void 0, void 0, void 0, function* () {
22
- if (!tokenUris || !tokenIds || tokenUris.length !== tokenIds.length) {
23
- return [];
24
- }
25
- try {
26
- return Promise.all(tokenUris.map((tokenUri, index) => __awaiter(void 0, void 0, void 0, function* () {
27
- const tokenId = tokenIds[index];
28
- if (!tokenUri || !tokenId) {
29
- return "";
30
- }
31
- if (tokenUri.startsWith("data:application/json")) {
32
- const base64Data = tokenUri.substring(tokenUri.indexOf(",") + 1);
33
- const jsonValue = window.atob(base64Data);
34
- const parsedJson = JSON.parse(jsonValue);
35
- const image = parsedJson.image;
36
- const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
37
- const urlWithIdReplaced = replaceUrlWithId({
38
- url: imageUrl,
39
- tokenId
40
- });
41
- return urlWithIdReplaced;
42
- }
43
- if (tokenUri.startsWith("ipfs")) {
44
- const imageUrl = (0, images_1.getImageUrl)(tokenUri, ipfsGateway);
45
- const urlWithIdReplaced = replaceUrlWithId({
46
- url: imageUrl,
47
- tokenId
48
- });
49
- const fetchedMetadata = yield fetch(urlWithIdReplaced);
50
- try {
51
- const jsonMetadata = yield fetchedMetadata.json();
52
- const image = jsonMetadata.image;
53
- const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
54
- return imageUrl;
55
- }
56
- catch (error) {
57
- console.debug(error);
58
- }
59
- return urlWithIdReplaced;
60
- }
61
- if (tokenUri.startsWith("http")) {
62
- const urlWithIdReplaced = replaceUrlWithId({
63
- url: tokenUri,
64
- tokenId
65
- });
66
- const fetchedMetadata = yield fetch(urlWithIdReplaced);
67
- try {
68
- const jsonMetadata = yield fetchedMetadata.json();
69
- const image = jsonMetadata.image;
70
- const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
71
- return imageUrl;
72
- }
73
- catch (error) {
74
- console.debug(error);
75
- }
76
- return urlWithIdReplaced;
77
- }
78
- if (tokenUri.startsWith("data:image")) {
79
- return tokenUri;
80
- }
81
- return "";
82
- })));
83
- }
84
- catch (err) {
85
- console.error(err);
86
- throw err;
87
- }
88
- }), {
89
- enabled
90
- });
91
- };
92
- exports.useGetTokenUriImage = useGetTokenUriImage;
93
- //# sourceMappingURL=useGetTokenUriImage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useGetTokenUriImage.js","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImage.ts"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
2
- import React from "react";
3
- type NftItemIconProps = {
4
- nftItem: NftItemMetadataEntity;
5
- };
6
- export declare const NftItemIcon: React.FC<NftItemIconProps>;
7
- export {};
8
- //# sourceMappingURL=NftItemIcon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NftItemIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,qBAAqB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC"}
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import IpfsImage from "../ui/IpfsImage";
3
- import Video from "../ui/Video";
4
- export const NftItemIcon = ({ nftItem }) => {
5
- return nftItem.image ? (React.createElement(IpfsImage, { src: nftItem.image })) : nftItem.animationUrl ? (React.createElement(Video, { src: nftItem.animationUrl })) : null;
6
- };
7
- //# sourceMappingURL=NftItemIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NftItemIcon.js","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,MAAM,aAAa,CAAC;AAMhC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACrB,oBAAC,SAAS,IAAC,GAAG,EAAE,OAAO,CAAC,KAAK,GAAI,CAClC,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACzB,oBAAC,KAAK,IAAC,GAAG,EAAE,OAAO,CAAC,YAAY,GAAI,CACrC,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- import { CoreSDK } from "@bosonprotocol/core-sdk";
2
- export declare const useErc1155Uri: (props: {
3
- contractAddress: string | undefined;
4
- tokenIds: (string | null | undefined)[] | undefined;
5
- }, { enabled, coreSDK }: {
6
- enabled: boolean | undefined;
7
- coreSDK: CoreSDK;
8
- }) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
9
- //# sourceMappingURL=useErc1155Uri.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useErc1155Uri.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc1155/useErc1155Uri.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,eAAO,MAAM,aAAa,UACjB;IACL,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;CACrD;aACgC,OAAO,GAAG,SAAS;aAAW,OAAO;kFAsBvE,CAAC"}
@@ -1,16 +0,0 @@
1
- import { useQuery } from "react-query";
2
- export const useErc1155Uri = (props, { enabled, coreSDK }) => {
3
- return useQuery(["useErc1155Uri", coreSDK.uuid, props], async () => {
4
- const { contractAddress, tokenIds } = props;
5
- if (!contractAddress || !tokenIds) {
6
- return;
7
- }
8
- return Promise.all(tokenIds.map((tokenId) => tokenId
9
- ? coreSDK.erc1155Uri({
10
- contractAddress,
11
- tokenId
12
- })
13
- : null));
14
- }, { enabled });
15
- };
16
- //# sourceMappingURL=useErc1155Uri.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useErc1155Uri.js","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc1155/useErc1155Uri.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAGC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,QAAQ,CACb,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EACtC,KAAK,IAAI,EAAE;QACT,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC5C,IAAI,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QACD,OAAO,OAAO,CAAC,GAAG,CAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACvB,OAAO;YACL,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;gBACjB,eAAe;gBACf,OAAO;aACR,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,CACF,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- import { CoreSDK } from "@bosonprotocol/core-sdk";
2
- export declare const useErc721TokenUri: (props: {
3
- contractAddress: string | undefined;
4
- tokenIds: (string | null | undefined)[] | undefined;
5
- }, { enabled, coreSDK }: {
6
- enabled: boolean | undefined;
7
- coreSDK: CoreSDK;
8
- }) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
9
- //# sourceMappingURL=useErc721TokenUri.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useErc721TokenUri.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc721/useErc721TokenUri.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,eAAO,MAAM,iBAAiB,UACrB;IACL,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;CACrD;aACgC,OAAO,GAAG,SAAS;aAAW,OAAO;kFAsBvE,CAAC"}
@@ -1,16 +0,0 @@
1
- import { useQuery } from "react-query";
2
- export const useErc721TokenUri = (props, { enabled, coreSDK }) => {
3
- return useQuery(["useErc721TokenUri", coreSDK.uuid, props], async () => {
4
- const { contractAddress, tokenIds } = props;
5
- if (!contractAddress || !tokenIds) {
6
- return;
7
- }
8
- return Promise.all(tokenIds.map((tokenId) => tokenId
9
- ? coreSDK.erc721TokenUri({
10
- contractAddress,
11
- tokenId
12
- })
13
- : null));
14
- }, { enabled });
15
- };
16
- //# sourceMappingURL=useErc721TokenUri.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useErc721TokenUri.js","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc721/useErc721TokenUri.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAGC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,QAAQ,CACb,CAAC,mBAAmB,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAC1C,KAAK,IAAI,EAAE;QACT,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC5C,IAAI,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QACD,OAAO,OAAO,CAAC,GAAG,CAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACvB,OAAO;YACL,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;gBACrB,eAAe;gBACf,OAAO;aACR,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,CACF,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC"}
@@ -1,8 +0,0 @@
1
- export declare const useGetTokenUriImage: (props: {
2
- tokenUris: (string | null | undefined)[] | undefined | null;
3
- ipfsGateway?: string;
4
- tokenIds: (string | null | undefined)[] | undefined | null;
5
- }, { enabled }: {
6
- enabled: boolean;
7
- }) => import("react-query").UseQueryResult<string[], unknown>;
8
- //# sourceMappingURL=useGetTokenUriImage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useGetTokenUriImage.d.ts","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImage.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,mBAAmB,UACvB;IACL,SAAS,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;CAC5D;aACuB,OAAO;6DAiFhC,CAAC"}
@@ -1,80 +0,0 @@
1
- import { getImageUrl } from "../../lib/images/images";
2
- import { useQuery } from "react-query";
3
- const replaceUrlWithId = ({ tokenId, url }) => {
4
- const urlWithIdReplaced = url.replace("{id}", tokenId);
5
- return urlWithIdReplaced;
6
- };
7
- export const useGetTokenUriImage = (props, { enabled }) => {
8
- const { tokenUris, ipfsGateway = "https://ipfs.io/ipfs", tokenIds } = props;
9
- return useQuery(["useGetTokenUriImage", props], async () => {
10
- if (!tokenUris || !tokenIds || tokenUris.length !== tokenIds.length) {
11
- return [];
12
- }
13
- try {
14
- return Promise.all(tokenUris.map(async (tokenUri, index) => {
15
- const tokenId = tokenIds[index];
16
- if (!tokenUri || !tokenId) {
17
- return "";
18
- }
19
- if (tokenUri.startsWith("data:application/json")) {
20
- const base64Data = tokenUri.substring(tokenUri.indexOf(",") + 1);
21
- const jsonValue = window.atob(base64Data);
22
- const parsedJson = JSON.parse(jsonValue);
23
- const image = parsedJson.image;
24
- const imageUrl = getImageUrl(image, ipfsGateway);
25
- const urlWithIdReplaced = replaceUrlWithId({
26
- url: imageUrl,
27
- tokenId
28
- });
29
- return urlWithIdReplaced;
30
- }
31
- if (tokenUri.startsWith("ipfs")) {
32
- const imageUrl = getImageUrl(tokenUri, ipfsGateway);
33
- const urlWithIdReplaced = replaceUrlWithId({
34
- url: imageUrl,
35
- tokenId
36
- });
37
- const fetchedMetadata = await fetch(urlWithIdReplaced);
38
- try {
39
- const jsonMetadata = await fetchedMetadata.json();
40
- const image = jsonMetadata.image;
41
- const imageUrl = getImageUrl(image, ipfsGateway);
42
- return imageUrl;
43
- }
44
- catch (error) {
45
- console.debug(error);
46
- }
47
- return urlWithIdReplaced;
48
- }
49
- if (tokenUri.startsWith("http")) {
50
- const urlWithIdReplaced = replaceUrlWithId({
51
- url: tokenUri,
52
- tokenId
53
- });
54
- const fetchedMetadata = await fetch(urlWithIdReplaced);
55
- try {
56
- const jsonMetadata = await fetchedMetadata.json();
57
- const image = jsonMetadata.image;
58
- const imageUrl = getImageUrl(image, ipfsGateway);
59
- return imageUrl;
60
- }
61
- catch (error) {
62
- console.debug(error);
63
- }
64
- return urlWithIdReplaced;
65
- }
66
- if (tokenUri.startsWith("data:image")) {
67
- return tokenUri;
68
- }
69
- return "";
70
- }));
71
- }
72
- catch (err) {
73
- console.error(err);
74
- throw err;
75
- }
76
- }, {
77
- enabled
78
- });
79
- };
80
- //# sourceMappingURL=useGetTokenUriImage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useGetTokenUriImage.js","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImage.ts"],"names":[],"mappings":"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"}
@@ -1,16 +0,0 @@
1
- import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
2
- import React from "react";
3
- import IpfsImage from "../ui/IpfsImage";
4
- import Video from "../ui/Video";
5
-
6
- type NftItemIconProps = {
7
- nftItem: NftItemMetadataEntity;
8
- };
9
-
10
- export const NftItemIcon: React.FC<NftItemIconProps> = ({ nftItem }) => {
11
- return nftItem.image ? (
12
- <IpfsImage src={nftItem.image} />
13
- ) : nftItem.animationUrl ? (
14
- <Video src={nftItem.animationUrl} />
15
- ) : null;
16
- };
@@ -1,31 +0,0 @@
1
- import { CoreSDK } from "@bosonprotocol/core-sdk";
2
- import { useQuery } from "react-query";
3
-
4
- export const useErc1155Uri = (
5
- props: {
6
- contractAddress: string | undefined;
7
- tokenIds: (string | null | undefined)[] | undefined;
8
- },
9
- { enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
10
- ) => {
11
- return useQuery(
12
- ["useErc1155Uri", coreSDK.uuid, props],
13
- async () => {
14
- const { contractAddress, tokenIds } = props;
15
- if (!contractAddress || !tokenIds) {
16
- return;
17
- }
18
- return Promise.all(
19
- tokenIds.map((tokenId) =>
20
- tokenId
21
- ? coreSDK.erc1155Uri({
22
- contractAddress,
23
- tokenId
24
- })
25
- : null
26
- )
27
- );
28
- },
29
- { enabled }
30
- );
31
- };
@@ -1,31 +0,0 @@
1
- import { CoreSDK } from "@bosonprotocol/core-sdk";
2
- import { useQuery } from "react-query";
3
-
4
- export const useErc721TokenUri = (
5
- props: {
6
- contractAddress: string | undefined;
7
- tokenIds: (string | null | undefined)[] | undefined;
8
- },
9
- { enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
10
- ) => {
11
- return useQuery(
12
- ["useErc721TokenUri", coreSDK.uuid, props],
13
- async () => {
14
- const { contractAddress, tokenIds } = props;
15
- if (!contractAddress || !tokenIds) {
16
- return;
17
- }
18
- return Promise.all(
19
- tokenIds.map((tokenId) =>
20
- tokenId
21
- ? coreSDK.erc721TokenUri({
22
- contractAddress,
23
- tokenId
24
- })
25
- : null
26
- )
27
- );
28
- },
29
- { enabled }
30
- );
31
- };