@bosonprotocol/react-kit 0.30.0-alpha.1 → 0.30.0-alpha.10

package/dist/esm/components/productCard/ProductCard.d.ts

@@ -23,7 +23,9 @@ interface IProductCard {
     tooltip?: string;
     tooltipProps?: Omit<TooltipProps, "content">;
 }
-export declare const PhygitalLabel: () => JSX.Element;
+export declare const PhygitalLabel: ({ ...rest }: {
+    [x: string]: any;
+}) => JSX.Element;
 export declare const ProductCard: (props: IProductCard) => JSX.Element;
 export {};
 //# sourceMappingURL=ProductCard.d.ts.map

package/dist/esm/components/productCard/ProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAkB3D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACtE,UAAU,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;CAC9C;AAoBD,eAAO,MAAM,aAAa,mBAEzB,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,YAAY,gBA+E9C,CAAC"}
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAmB3D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACtE,UAAU,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;CAC9C;AAoBD,eAAO,MAAM,aAAa;;iBAEzB,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,YAAY,gBA+E9C,CAAC"}

package/dist/esm/components/productCard/ProductCard.js

@@ -2,7 +2,7 @@ import React from "react";
 import { CurrencyDisplay } from "../currencyDisplay/CurrencyDisplay";
 import { Image } from "../image/Image";
 import { Tooltip } from "../tooltip/Tooltip";
-import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, ProductCardCreatorName, ProductCardData, ProductCardImageWrapper, ProductCardLabelWrapper, ProductCardPrice, ProductCardPriceWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "./ProductCard.styles";
+import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, TopLeftRibbon, ProductCardCreatorName, ProductCardData, ProductCardImageWrapper, ProductCardPrice, ProductCardPriceWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "./ProductCard.styles";
 import { ProductType } from "./const";
 const Wrapper = ({ children, tooltip, tooltipProps }) => {
     if (tooltip && tooltip !== "") {
@@ -10,8 +10,8 @@ const Wrapper = ({ children, tooltip, tooltipProps }) => {
     }
     return React.createElement(React.Fragment, null, children);
 };
-export const PhygitalLabel = () => {
-    return React.createElement(ProductCardLabelWrapper, null, "Phygital");
+export const PhygitalLabel = ({ ...rest }) => {
+    return React.createElement(TopLeftRibbon, { ...rest, "data-text": "Phygital" });
 };
 export const ProductCard = (props) => {
     const { asterisk = false, avatar, onAvatarError, avatarName, bottomText, currency, dataCard = "product-card", dataTestId = "offer", imageProps, isHoverDisabled = false, onAvatarNameClick, onCardClick, price, productId, title, tooltip = "", tooltipProps = {}, productType } = props;

package/dist/esm/components/productCard/ProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/productCard/ProductCard.styles.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export declare const ProductCardLabelWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const TopLeftRibbon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardCreator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardCreatorAvatar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardCreatorName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/esm/components/productCard/ProductCard.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAWlC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAY5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,gNAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAO7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNASpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAInC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBAAkC,OAAO;GAmCvE,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;GAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,4NAQtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAKnC,CAAC"}
+{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,aAAa,gNAqCzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAWlC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAY5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,gNAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAO7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNASpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAInC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBAAkC,OAAO;GAqCvE,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;GAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,4NAQtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAKnC,CAAC"}

package/dist/esm/components/productCard/ProductCard.styles.js

@@ -11,6 +11,44 @@ export const ProductCardLabelWrapper = styled.div `
   color: ${({ theme }) => theme?.colors?.light.darkGrey};
   z-index: 1;
 `;
+export const TopLeftRibbon = styled.div `
+  --d: 6px; /* folded part */
+  position: relative;
+  z-index: 1;
+  &:before {
+    content: attr(data-text);
+    font-size: var(--f);
+    font-weight: 600;
+    /* I : position & coloration */
+    position: absolute;
+    top: 0;
+    left: 0;
+    transform: translate(0%, 125%) rotate(-45deg);
+    transform-origin: bottom left;
+    padding: 5px 35px calc(var(--d) + 5px);
+    color: ${({ theme }) => theme?.colors?.light.white};
+    background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d)
+      no-repeat ${({ theme }) => theme?.colors?.light.secondary};
+    /* II : clipping */
+    clip-path: polygon(
+      0 0,
+      100% 0,
+      100% 100%,
+      calc(100% - var(--d)) calc(100% - var(--d)),
+      var(--d) calc(100% - var(--d)),
+      0 100%
+    );
+    /* III : masking */
+    -webkit-mask:
+      linear-gradient(135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)
+        bottom left,
+      linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)
+        bottom right;
+    -webkit-mask-size: 300vmax 300vmax;
+    -webkit-mask-composite: destination-in;
+    mask-composite: intersect;
+  }
+`;
 export const ProductCardCreator = styled.div `
   display: flex;
   flex-direction: column;
@@ -118,8 +156,10 @@ export const ProductCardWrapper = styled.div `
     ? css `
           transition: all 300ms ease-in-out;
           &:hover {
-            box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05),
-              4px 4px 4px rgba(0, 0, 0, 0.05), 8px 8px 8px rgba(0, 0, 0, 0.05),
+            box-shadow:
+              0px 0px 0px rgba(0, 0, 0, 0.05),
+              4px 4px 4px rgba(0, 0, 0, 0.05),
+              8px 8px 8px rgba(0, 0, 0, 0.05),
               16px 16px 16px rgba(0, 0, 0, 0.05);
 
             [data-image-wrapper] {

package/dist/esm/components/productCard/ProductCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ;;CAEtD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3C,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWjD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAKrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM;;;;;;CAMpD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAA;;;WAG7D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK;;;;;;;;;CASnD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAShD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAK/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAA;;gBAE1D,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK;;;;;CAKzC,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;0BAQxB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA+B;IACvE,iBAAiB;;;;;;;;;;;;;;;;IAgBjB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACzB,CAAC,gBAAgB;IACf,CAAC,CAAC,GAAG,CAAA;;;;;;;;;;;;;;SAcF;IACH,CAAC,CAAC,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAgC;cAC1D,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CACpC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;;;;;CAK5C,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;WAOvB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKhD,CAAC"}
+{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/tooltip/Tooltip.d.ts

@@ -3,8 +3,8 @@ import "tippy.js/dist/tippy.css";
 import "tippy.js/themes/light-border.css";
 import { TippyProps } from "@tippyjs/react";
 import { IconWeight } from "phosphor-react";
-import React from "react";
-export interface TooltipProps extends TippyProps {
+import React, { ReactNode } from "react";
+export interface TooltipProps extends Omit<TippyProps, "children"> {
     content: React.ReactNode;
     interactive?: boolean;
     size?: number;
@@ -12,6 +12,7 @@ export interface TooltipProps extends TippyProps {
     wrap?: boolean;
     placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "auto" | "auto-start" | "auto-end";
     trigger?: "mouseenter focus" | "mouseenter click" | "click" | "focusin" | "manual";
+    children?: ReactNode;
 }
 export declare const Tooltip: ({ content, children, placement, interactive, size, weight, trigger, wrap, ...rest }: TooltipProps) => JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/esm/components/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAE1C,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAY,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;IACf,OAAO,CAAC,EACJ,kBAAkB,GAClB,kBAAkB,GAClB,OAAO,GACP,SAAS,GACT,QAAQ,CAAC;CACd;AAaD,eAAO,MAAM,OAAO,wFAUjB,YAAY,gBAuBd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAE1C,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAY,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAChE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;IACf,OAAO,CAAC,EACJ,kBAAkB,GAClB,kBAAkB,GAClB,OAAO,GACP,SAAS,GACT,QAAQ,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAaD,eAAO,MAAM,OAAO,wFAUjB,YAAY,gBAuBd,CAAC"}

package/dist/esm/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAE1C,OAAO,KAAqB,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAc,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAgCpC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;WAGjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;;;;aAIzB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,kBAAkB,EAC5B,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACM,EAAE,EAAE;IACjB,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,GAAG,EACb,SAAS,EAAC,cAAc,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,IAAI,IAEP,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,IAC/B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACxD,CACV,CAAC,CAAC,CAAC,CACF,gCAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAC1C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACxD,CACV,CACK,CACT,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAE1C,OAAO,KAAqB,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAc,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAiCpC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;WAGjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;;;;aAIzB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,kBAAkB,EAC5B,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACM,EAAE,EAAE;IACjB,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,GAAG,EACb,SAAS,EAAC,cAAc,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,IAAI,IAEP,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,IAC/B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACxD,CACV,CAAC,CAAC,CAAC,CACF,gCAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAC1C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACxD,CACV,CACK,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/DetailsSummary.js

@@ -59,7 +59,7 @@ const Details = styled.details `
 const caretProps = {
     size: 24
 };
-export const DetailsSummary = ({ summaryText, children, className, initiallyOpen, isOpen, onSetOpen, icon, $paddingSides = "2rem" }) => {
+export const DetailsSummary = ({ summaryText, children, className, initiallyOpen, isOpen = initiallyOpen, onSetOpen, icon, $paddingSides = "2rem" }) => {
     const [open, setOpen] = useState(initiallyOpen ?? false);
     const handleOpen = (o) => {
         setOpen(o);

package/dist/esm/components/ui/DetailsSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsSummary.js","sourceRoot":"","sources":["../../../../src/components/ui/DetailsSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,EAA2B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,MAAyB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAElC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;sBAMR,MAAM,CAAC,MAAM;gBACnB,MAAM,CAAC,SAAS;CAC/B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAA4C;;;+BAG3C,MAAM,CAAC,MAAM;;;;;;;;;;;oBAWxB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;qBACnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;4BAE7B,MAAM,CAAC,MAAM;+BACV,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;sBAoBtB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;uBACnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;;CAG1D,CAAC;AAaF,MAAM,UAAU,GAAG;IACjB,IAAI,EAAE,EAAE;CACA,CAAC;AACX,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,WAAW,EACX,QAAQ,EACR,SAAS,EACT,aAAa,EACb,MAAM,EACN,SAAS,EACT,IAAI,EACJ,aAAa,GAAG,MAAM,EACvB,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,aAAa,IAAI,KAAK,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,CAAC,CAAU,EAAE,EAAE;QAChC,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;QAC5B,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,mBAAiB,aAAa;QACrE,iCACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;YAED,oBAAC,IAAI,IAAC,cAAc,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM;gBACzC,IAAI,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAe;gBAClE,WAAW,CACP;YACN,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAK,UAAU,GAAI,CAAC,CAAC,CAAC,oBAAC,SAAS,OAAK,UAAU,GAAI,CAC3D;QACT,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"DetailsSummary.js","sourceRoot":"","sources":["../../../../src/components/ui/DetailsSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,EAA2B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,MAAyB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAElC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;sBAMR,MAAM,CAAC,MAAM;gBACnB,MAAM,CAAC,SAAS;CAC/B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAA4C;;;+BAG3C,MAAM,CAAC,MAAM;;;;;;;;;;;oBAWxB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;qBACnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;4BAE7B,MAAM,CAAC,MAAM;+BACV,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;sBAoBtB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;uBACnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;;CAG1D,CAAC;AAaF,MAAM,UAAU,GAAG;IACjB,IAAI,EAAE,EAAE;CACA,CAAC;AACX,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,WAAW,EACX,QAAQ,EACR,SAAS,EACT,aAAa,EACb,MAAM,GAAG,aAAa,EACtB,SAAS,EACT,IAAI,EACJ,aAAa,GAAG,MAAM,EACvB,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,aAAa,IAAI,KAAK,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,CAAC,CAAU,EAAE,EAAE;QAChC,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;QAC5B,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,mBAAiB,aAAa;QACrE,iCACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;YAED,oBAAC,IAAI,IAAC,cAAc,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM;gBACzC,IAAI,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAe;gBAClE,WAAW,CACP;YACN,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAK,UAAU,GAAI,CAAC,CAAC,CAAC,oBAAC,SAAS,OAAK,UAAU,GAAI,CAC3D;QACT,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/IpfsImage.d.ts

@@ -10,6 +10,9 @@ interface IImage {
     withLoading?: boolean;
     optimizationOpts?: Partial<ImageOptimizationOpts>;
     onSetStatus?: (status: LoadingStatus) => void;
+    overrides?: {
+        ipfsGateway?: string;
+    };
 }
 declare const IpfsImage: React.FC<IImage & React.HTMLAttributes<HTMLDivElement>>;
 export default IpfsImage;

package/dist/esm/components/ui/IpfsImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AA0DrD,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AACD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAgFtE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AA0DrD,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AACD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CA4FtE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/components/ui/IpfsImage.js

@@ -1,5 +1,5 @@
 import { CameraSlash, Image as ImageIcon } from "phosphor-react";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import styled from "styled-components";
 import { buttonText } from "./styles";
 import { getFallbackImageUrl, getImageUrl } from "../../lib/images/images";
@@ -62,20 +62,30 @@ const ImagePlaceholder = styled.div `
     text-align: center;
   }
 `;
-const IpfsImage = ({ src, children, dataTestId = "image", alt = "", showPlaceholderText = true, withLoading = true, optimizationOpts, onSetStatus, ...rest }) => {
+const IpfsImage = ({ src, children, dataTestId = "image", alt = "", showPlaceholderText = true, withLoading = true, optimizationOpts, onSetStatus, overrides, ...rest }) => {
     const { ipfsGateway } = useIpfsContext();
     const [status, setStatus] = useState(withLoading ? "loading" : "success");
     const handleSetStatus = (innerStatus) => {
         setStatus(innerStatus);
         onSetStatus?.(innerStatus);
     };
-    const [currentSrc, setCurrentSrc] = useState(getImageUrl(src, ipfsGateway, optimizationOpts));
+    const [currentSrc, setCurrentSrc] = useState(getImageUrl(src, overrides?.ipfsGateway || ipfsGateway, optimizationOpts));
     const [didOriginalSrcFail, setDidOriginalSrcFail] = useState(false);
+    useEffect(() => {
+        if (src === currentSrc) {
+            return;
+        }
+        // reset all if src changes
+        setStatus(withLoading ? "loading" : "success");
+        setCurrentSrc(getImageUrl(src, overrides?.ipfsGateway || ipfsGateway, optimizationOpts));
+        setDidOriginalSrcFail(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [src]);
     const isError = status === "error";
     const isLoading = status === "loading";
     const isSuccess = status === "success";
     return (React.createElement(React.Fragment, null,
-        React.createElement(ImageWrapper, { ...rest, "$hide": !isLoading },
+        React.createElement(ImageWrapper, { ...rest, "$hide": !isLoading, className: "loading-container" },
             React.createElement(ImagePlaceholder, null,
                 React.createElement(Typography, { tag: "div" },
                     React.createElement(Loading, null)))),

package/dist/esm/components/ui/IpfsImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/hooks/bundles/useBundleItemsImages.d.ts

@@ -0,0 +1,10 @@
+import { CoreSDK, subgraph } from "@bosonprotocol/core-sdk";
+export declare const useBundleItemsImages: ({ bundleItems, coreSDK }: {
+    bundleItems: Extract<subgraph.OfferFieldsFragment["metadata"], {
+        __typename: "BundleMetadataEntity";
+    }>["items"] | undefined;
+    coreSDK: CoreSDK;
+}) => {
+    images: (string | null | undefined)[] | undefined;
+};
+//# sourceMappingURL=useBundleItemsImages.d.ts.map

package/dist/esm/hooks/bundles/useBundleItemsImages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBundleItemsImages.d.ts","sourceRoot":"","sources":["../../../../src/hooks/bundles/useBundleItemsImages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAO5D,eAAO,MAAM,oBAAoB;iBAK3B,QACE,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACxC;QAAE,UAAU,EAAE,sBAAsB,CAAA;KAAE,CACvC,CAAC,OAAO,CAAC,GACV,SAAS;aACJ,OAAO;;;CAqDjB,CAAC"}

package/dist/esm/hooks/bundles/useBundleItemsImages.js

@@ -0,0 +1,48 @@
+import { isNftItem } from "../../lib/bundle/filter";
+import { useErc721TokenUris } from "../contracts/erc721/useErc721TokenUris";
+import { useErc1155Uris } from "../contracts/erc1155/useErc1155Uris";
+import { useGetTokenUriImages } from "../contracts/useGetTokenUriImages";
+import { isTruthy } from "../../types/helpers";
+export const useBundleItemsImages = ({ bundleItems, coreSDK }) => {
+    const pairsContractTokens = bundleItems?.map((bundleItem) => isNftItem(bundleItem)
+        ? {
+            contractAddress: bundleItem.contract,
+            tokenIds: [
+                bundleItem.tokenId ||
+                    bundleItem.tokenIdRange?.min ||
+                    bundleItem.tokenIdRange?.max
+            ]
+        }
+        : null);
+    const { data: erc721TokenUris } = useErc721TokenUris({
+        pairsContractTokens
+    }, {
+        enabled: !!pairsContractTokens?.length,
+        coreSDK
+    });
+    const { data: erc1155Uris } = useErc1155Uris({
+        pairsContractTokens
+    }, {
+        enabled: !!pairsContractTokens?.length,
+        coreSDK
+    });
+    const { data: ercImages } = useGetTokenUriImages({
+        pairsTokenUrisIds: pairsContractTokens?.map((pair, index) => {
+            return {
+                tokenIds: pair?.tokenIds,
+                tokenUris: erc721TokenUris?.[index]?.filter(isTruthy).length
+                    ? erc721TokenUris?.[index]
+                    : erc1155Uris?.[index]
+            };
+        })
+    }, { enabled: !!pairsContractTokens?.length });
+    const images = bundleItems?.map((bundleItem, index) => {
+        const img = ercImages?.[index][0] || ""; // image of first tokenId
+        if (isNftItem(bundleItem)) {
+            return img || bundleItem.image;
+        }
+        return img;
+    });
+    return { images };
+};
+//# sourceMappingURL=useBundleItemsImages.js.map

package/dist/esm/hooks/bundles/useBundleItemsImages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBundleItemsImages.js","sourceRoot":"","sources":["../../../../src/hooks/bundles/useBundleItemsImages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,WAAW,EACX,OAAO,EASR,EAAE,EAAE;IACH,MAAM,mBAAmB,GAAG,WAAW,EAAE,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAC1D,SAAS,CAAC,UAAU,CAAC;QACnB,CAAC,CAAC;YACE,eAAe,EAAE,UAAU,CAAC,QAAQ;YACpC,QAAQ,EAAE;gBACR,UAAU,CAAC,OAAO;oBAChB,UAAU,CAAC,YAAY,EAAE,GAAG;oBAC5B,UAAU,CAAC,YAAY,EAAE,GAAG;aAC/B;SACF;QACH,CAAC,CAAC,IAAI,CACT,CAAC;IACF,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,kBAAkB,CAClD;QACE,mBAAmB;KACpB,EACD;QACE,OAAO,EAAE,CAAC,CAAC,mBAAmB,EAAE,MAAM;QACtC,OAAO;KACR,CACF,CAAC;IACF,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,cAAc,CAC1C;QACE,mBAAmB;KACpB,EACD;QACE,OAAO,EAAE,CAAC,CAAC,mBAAmB,EAAE,MAAM;QACtC,OAAO;KACR,CACF,CAAC;IACF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAC9C;QACE,iBAAiB,EAAE,mBAAmB,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC1D,OAAO;gBACL,QAAQ,EAAE,IAAI,EAAE,QAAQ;gBACxB,SAAS,EAAE,eAAe,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM;oBAC1D,CAAC,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC;oBAC1B,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;aACzB,CAAC;QACJ,CAAC,CAAC;KACH,EACD,EAAE,OAAO,EAAE,CAAC,CAAC,mBAAmB,EAAE,MAAM,EAAE,CAC3C,CAAC;IACF,MAAM,MAAM,GAAG,WAAW,EAAE,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QACpD,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,yBAAyB;QAClE,IAAI,SAAS,CAAC,UAAU,CAAC,EAAE;YACzB,OAAO,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC;SAChC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;AACpB,CAAC,CAAC"}

package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.d.ts

@@ -0,0 +1,11 @@
+import { CoreSDK } from "@bosonprotocol/core-sdk";
+export declare const useErc1155Uris: (props: {
+    pairsContractTokens: ({
+        contractAddress: string | undefined | null;
+        tokenIds: (string | null | undefined)[] | undefined;
+    } | null)[] | undefined;
+}, { enabled, coreSDK }: {
+    enabled: boolean | undefined;
+    coreSDK: CoreSDK;
+}) => import("react-query").UseQueryResult<((string | null)[] | null)[] | undefined, unknown>;
+//# sourceMappingURL=useErc1155Uris.d.ts.map

package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErc1155Uris.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc1155/useErc1155Uris.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,eAAO,MAAM,cAAc,UAClB;IACL,mBAAmB,EACf,CAAC;QACC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;QAC3C,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;KACrD,GAAG,IAAI,CAAC,EAAE,GACX,SAAS,CAAC;CACf;aACgC,OAAO,GAAG,SAAS;aAAW,OAAO;6FAuCvE,CAAC"}

package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.js

@@ -0,0 +1,22 @@
+import { useQuery } from "react-query";
+export const useErc1155Uris = (props, { enabled, coreSDK }) => {
+    return useQuery(["useErc1155Uris", coreSDK.uuid, props], async () => {
+        const { pairsContractTokens } = props;
+        if (!pairsContractTokens) {
+            return;
+        }
+        return (await Promise.all(pairsContractTokens.map(async (pair) => pair && pair.contractAddress && pair.tokenIds
+            ? await Promise.allSettled(pair.tokenIds.map((tokenId) => tokenId && pair.contractAddress
+                ? coreSDK.erc1155Uri({
+                    contractAddress: pair.contractAddress,
+                    tokenId
+                })
+                : null))
+            : null))).map((promiseSettled) => promiseSettled
+            ? promiseSettled.map((promiseSettled) => promiseSettled.status === "fulfilled"
+                ? promiseSettled.value
+                : null)
+            : null);
+    }, { enabled });
+};
+//# sourceMappingURL=useErc1155Uris.js.map

package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErc1155Uris.js","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc1155/useErc1155Uris.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAOC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,QAAQ,CACb,CAAC,gBAAgB,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EACvC,KAAK,IAAI,EAAE;QACT,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;QACtC,IAAI,CAAC,mBAAmB,EAAE;YACxB,OAAO;SACR;QAED,OAAO,CACL,MAAM,OAAO,CAAC,GAAG,CACf,mBAAmB,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CACrC,IAAI,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ;YAC3C,CAAC,CAAC,MAAM,OAAO,CAAC,UAAU,CACtB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAC5B,OAAO,IAAI,IAAI,CAAC,eAAe;gBAC7B,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;oBACjB,eAAe,EAAE,IAAI,CAAC,eAAe;oBACrC,OAAO;iBACR,CAAC;gBACJ,CAAC,CAAC,IAAI,CACT,CACF;YACH,CAAC,CAAC,IAAI,CACT,CACF,CACF,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CACvB,cAAc;YACZ,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CACpC,cAAc,CAAC,MAAM,KAAK,WAAW;gBACnC,CAAC,CAAC,cAAc,CAAC,KAAK;gBACtB,CAAC,CAAC,IAAI,CACT;YACH,CAAC,CAAC,IAAI,CACT,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.d.ts

@@ -0,0 +1,11 @@
+import { CoreSDK } from "@bosonprotocol/core-sdk";
+export declare const useErc721TokenUris: (props: {
+    pairsContractTokens: ({
+        contractAddress: string | undefined | null;
+        tokenIds: (string | null | undefined)[] | undefined;
+    } | null)[] | undefined;
+}, { enabled, coreSDK }: {
+    enabled: boolean | undefined;
+    coreSDK: CoreSDK;
+}) => import("react-query").UseQueryResult<((string | null)[] | null)[] | undefined, unknown>;
+//# sourceMappingURL=useErc721TokenUris.d.ts.map

package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErc721TokenUris.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc721/useErc721TokenUris.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,eAAO,MAAM,kBAAkB,UACtB;IACL,mBAAmB,EACf,CAAC;QACC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;QAC3C,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;KACrD,GAAG,IAAI,CAAC,EAAE,GACX,SAAS,CAAC;CACf;aACgC,OAAO,GAAG,SAAS;aAAW,OAAO;6FAuCvE,CAAC"}

package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.js

@@ -0,0 +1,22 @@
+import { useQuery } from "react-query";
+export const useErc721TokenUris = (props, { enabled, coreSDK }) => {
+    return useQuery(["useErc721TokenUris", coreSDK.uuid, props], async () => {
+        const { pairsContractTokens } = props;
+        if (!pairsContractTokens) {
+            return;
+        }
+        return (await Promise.all(pairsContractTokens.map(async (pair) => pair && pair.contractAddress && pair.tokenIds
+            ? await Promise.allSettled(pair.tokenIds.map((tokenId) => tokenId && pair.contractAddress
+                ? coreSDK.erc721TokenUri({
+                    contractAddress: pair.contractAddress,
+                    tokenId
+                })
+                : null))
+            : null))).map((promiseSettled) => promiseSettled
+            ? promiseSettled.map((promiseSettled) => promiseSettled.status === "fulfilled"
+                ? promiseSettled.value
+                : null)
+            : null);
+    }, { enabled });
+};
+//# sourceMappingURL=useErc721TokenUris.js.map

package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErc721TokenUris.js","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc721/useErc721TokenUris.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAOC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,QAAQ,CACb,CAAC,oBAAoB,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAC3C,KAAK,IAAI,EAAE;QACT,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;QACtC,IAAI,CAAC,mBAAmB,EAAE;YACxB,OAAO;SACR;QAED,OAAO,CACL,MAAM,OAAO,CAAC,GAAG,CACf,mBAAmB,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CACrC,IAAI,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ;YAC3C,CAAC,CAAC,MAAM,OAAO,CAAC,UAAU,CACtB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAC5B,OAAO,IAAI,IAAI,CAAC,eAAe;gBAC7B,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;oBACrB,eAAe,EAAE,IAAI,CAAC,eAAe;oBACrC,OAAO;iBACR,CAAC;gBACJ,CAAC,CAAC,IAAI,CACT,CACF;YACH,CAAC,CAAC,IAAI,CACT,CACF,CACF,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CACvB,cAAc;YACZ,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CACpC,cAAc,CAAC,MAAM,KAAK,WAAW;gBACnC,CAAC,CAAC,cAAc,CAAC,KAAK;gBACtB,CAAC,CAAC,IAAI,CACT;YACH,CAAC,CAAC,IAAI,CACT,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/hooks/contracts/useGetTokenUriImages.d.ts

@@ -0,0 +1,10 @@
+export declare const useGetTokenUriImages: (props: {
+    pairsTokenUrisIds: ({
+        tokenUris: (string | null | undefined)[] | undefined | null;
+        tokenIds: (string | null | undefined)[] | undefined | null;
+    } | null)[] | undefined;
+    ipfsGateway?: string;
+}, { enabled }: {
+    enabled: boolean;
+}) => import("react-query").UseQueryResult<string[][], unknown>;
+//# sourceMappingURL=useGetTokenUriImages.d.ts.map

package/dist/esm/hooks/contracts/useGetTokenUriImages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetTokenUriImages.d.ts","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImages.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,oBAAoB,UACxB;IACL,iBAAiB,EACb,CAAC;QACC,SAAS,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;QAC5D,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;KAC5D,GAAG,IAAI,CAAC,EAAE,GACX,SAAS,CAAC;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;aACuB,OAAO;+DAoGhC,CAAC"}

package/dist/esm/hooks/contracts/useGetTokenUriImages.js

@@ -0,0 +1,90 @@
+import { getImageUrl } from "../../lib/images/images";
+import { useQuery } from "react-query";
+const replaceUrlWithId = ({ tokenId, url }) => {
+    const urlWithIdReplaced = url.replace("{id}", tokenId);
+    return urlWithIdReplaced;
+};
+export const useGetTokenUriImages = (props, { enabled }) => {
+    const { pairsTokenUrisIds, ipfsGateway = "https://ipfs.io/ipfs" } = props;
+    return useQuery(["useGetTokenUriImages", props], async () => {
+        if (!pairsTokenUrisIds) {
+            return [];
+        }
+        try {
+            return await Promise.all(pairsTokenUrisIds.map(async (pair) => {
+                if (!pair) {
+                    return Promise.resolve([]);
+                }
+                const { tokenIds, tokenUris } = pair;
+                if (!tokenIds ||
+                    !tokenUris ||
+                    tokenUris.length !== tokenIds.length) {
+                    return Promise.resolve([]);
+                }
+                return await Promise.all(tokenUris.map(async (tokenUri, index) => {
+                    const tokenId = tokenIds[index];
+                    if (!tokenUri || !tokenId) {
+                        return "";
+                    }
+                    if (tokenUri.startsWith("data:application/json")) {
+                        const base64Data = tokenUri.substring(tokenUri.indexOf(",") + 1);
+                        const jsonValue = window.atob(base64Data);
+                        const parsedJson = JSON.parse(jsonValue);
+                        const image = parsedJson.image;
+                        const imageUrl = getImageUrl(image, ipfsGateway);
+                        const urlWithIdReplaced = replaceUrlWithId({
+                            url: imageUrl,
+                            tokenId
+                        });
+                        return urlWithIdReplaced;
+                    }
+                    if (tokenUri.startsWith("ipfs")) {
+                        const imageUrl = getImageUrl(tokenUri, ipfsGateway);
+                        const urlWithIdReplaced = replaceUrlWithId({
+                            url: imageUrl,
+                            tokenId
+                        });
+                        const fetchedMetadata = await fetch(urlWithIdReplaced);
+                        try {
+                            const jsonMetadata = await fetchedMetadata.json();
+                            const imageUrl = getImageUrl(jsonMetadata.image, ipfsGateway);
+                            return imageUrl;
+                        }
+                        catch (error) {
+                            console.debug(error);
+                        }
+                        return urlWithIdReplaced;
+                    }
+                    if (tokenUri.startsWith("http")) {
+                        const urlWithIdReplaced = replaceUrlWithId({
+                            url: tokenUri,
+                            tokenId
+                        });
+                        const fetchedMetadata = await fetch(urlWithIdReplaced);
+                        try {
+                            const jsonMetadata = await fetchedMetadata.json();
+                            const image = jsonMetadata.image;
+                            const imageUrl = getImageUrl(image, ipfsGateway);
+                            return imageUrl;
+                        }
+                        catch (error) {
+                            console.debug(error);
+                        }
+                        return urlWithIdReplaced;
+                    }
+                    if (tokenUri.startsWith("data:image")) {
+                        return tokenUri;
+                    }
+                    return "";
+                }));
+            }));
+        }
+        catch (err) {
+            console.error(err);
+            throw err;
+        }
+    }, {
+        enabled
+    });
+};
+//# sourceMappingURL=useGetTokenUriImages.js.map

package/dist/esm/hooks/contracts/useGetTokenUriImages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetTokenUriImages.js","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImages.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/index.d.ts

@@ -8,13 +8,13 @@ export * from "./useHandleText";
 export * from "./useExchanges";
 export * from "./useMetaTx";
 export * from "../components/widgets/finance/useOffersBacked";
-export * from "./contracts/useGetTokenUriImage";
+export * from "./contracts/useGetTokenUriImages";
 export * from "./products/useProductByUuid";
 export * from "./bundles/useBundleByUuid";
-export * from "./contracts/erc721/useErc721TokenUri";
+export * from "./contracts/erc721/useErc721TokenUris";
 export * from "./contracts/erc721/useErc721Name";
 export * from "./contracts/erc721/useErc721OwnerOf";
 export * from "./contracts/erc1155/useErc1155Name";
-export * from "./contracts/erc1155/useErc1155Uri";
+export * from "./contracts/erc1155/useErc1155Uris";
 export * from "./uniswap/useIsWindowVisible";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,+CAA+C,CAAC;AAC9D,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC"}

package/dist/esm/hooks/index.js

@@ -8,13 +8,13 @@ export * from "./useHandleText";
 export * from "./useExchanges";
 export * from "./useMetaTx";
 export * from "../components/widgets/finance/useOffersBacked";
-export * from "./contracts/useGetTokenUriImage";
+export * from "./contracts/useGetTokenUriImages";
 export * from "./products/useProductByUuid";
 export * from "./bundles/useBundleByUuid";
-export * from "./contracts/erc721/useErc721TokenUri";
+export * from "./contracts/erc721/useErc721TokenUris";
 export * from "./contracts/erc721/useErc721Name";
 export * from "./contracts/erc721/useErc721OwnerOf";
 export * from "./contracts/erc1155/useErc1155Name";
-export * from "./contracts/erc1155/useErc1155Uri";
+export * from "./contracts/erc1155/useErc1155Uris";
 export * from "./uniswap/useIsWindowVisible";
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,+CAA+C,CAAC;AAC9D,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC"}