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

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

@@ -1 +1 @@
-{"version":3,"file":"useIpfsMetadataStorage.js","sourceRoot":"","sources":["../../../src/hooks/useIpfsMetadataStorage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAY,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE;;;;;;;GAOG;AACH,MAAM,UAAU,sBAAsB,CACpC,OAAwB,EACxB,QAAkB,EAClB,GAAY,EACZ,OAA0C;IAE1C,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjD,QAAQ,CACN,uBAAuB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CACzD,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,sBAAsB,CACpB,uBAAuB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CACzD,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtC,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAED,SAAS,uBAAuB,CAC9B,OAAwB,EACxB,QAAkB,EAClB,GAAY,EACZ,OAA0C;IAE1C,OAAO,IAAI,mBAAmB,CAAC;QAC7B,GAAG,EAAE,GAAG,IAAI,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,eAAe;QAC/D,OAAO;KACR,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"useIpfsMetadataStorage.js","sourceRoot":"","sources":["../../../src/hooks/useIpfsMetadataStorage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAEhB,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE;;;;;;;GAOG;AACH,MAAM,UAAU,sBAAsB,CACpC,OAAwB,EACxB,QAAkB,EAClB,GAAY,EACZ,OAA0C;IAE1C,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjD,QAAQ,CACN,uBAAuB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CACzD,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,sBAAsB,CACpB,uBAAuB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CACzD,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtC,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAED,SAAS,uBAAuB,CAC9B,OAAwB,EACxB,QAAkB,EAClB,GAAY,EACZ,OAA0C;IAE1C,OAAO,IAAI,mBAAmB,CAAC,gBAAgB,EAAE;QAC/C,GAAG,EAAE,GAAG,IAAI,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,eAAe;QAC/D,OAAO;KACR,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/index.d.ts

@@ -28,6 +28,7 @@ export * from "./components/cta/funds/WithdrawAllFundsButton";
 export * from "./components/currencyDisplay/CurrencyDisplay";
 export * from "./components/exchangeCard/ExchangeCard";
 export * from "./components/image/Image";
+export * from "./components/ui/IpfsImage";
 export * from "./components/ui/loading/Loading";
 export * from "./components/productCard/ProductCard";
 export * from "./components/productCard/const";
@@ -63,6 +64,7 @@ export * from "./components/ui/Grid";
 export * from "./components/ui/GridContainer";
 export * from "./components/ui/Typography";
 export * from "./components/ui/MuteButton";
+export * from "./components/ui/CardCTA";
 export * from "./components/form";
 export * from "./lib/magicLink/logout";
 export * from "./lib/magicLink/provider";
@@ -82,4 +84,6 @@ export * from "./components/error/SimpleError";
 export * from "./components/step/MultiSteps";
 export * from "./components/ipfs/IpfsProvider";
 export * from "./types/helpers";
+export * from "./lib/url/url";
+export * from "./lib/promises/promises";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/index.js

@@ -28,6 +28,7 @@ export * from "./components/cta/funds/WithdrawAllFundsButton";
 export * from "./components/currencyDisplay/CurrencyDisplay";
 export * from "./components/exchangeCard/ExchangeCard";
 export * from "./components/image/Image";
+export * from "./components/ui/IpfsImage";
 export * from "./components/ui/loading/Loading";
 export * from "./components/productCard/ProductCard";
 export * from "./components/productCard/const";
@@ -63,6 +64,7 @@ export * from "./components/ui/Grid";
 export * from "./components/ui/GridContainer";
 export * from "./components/ui/Typography";
 export * from "./components/ui/MuteButton";
+export * from "./components/ui/CardCTA";
 export * from "./components/form";
 export * from "./lib/magicLink/logout";
 export * from "./lib/magicLink/provider";
@@ -82,4 +84,6 @@ export * from "./components/error/SimpleError";
 export * from "./components/step/MultiSteps";
 export * from "./components/ipfs/IpfsProvider";
 export * from "./types/helpers";
+export * from "./lib/url/url";
+export * from "./lib/promises/promises";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/lib/url/url.d.ts

@@ -1,2 +1,3 @@
+export declare const websitePattern = "^(http://|https://)?(www.)?([a-zA-Z0-9]+).[a-zA-Z0-9]*.[a-z]{1}.([-a-z-A-Z-0-9:_+.?/@#%&=]+)?$";
 export declare function sanitizeUrl(url?: string): string;
 //# sourceMappingURL=url.d.ts.map

package/dist/esm/lib/url/url.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../../../src/lib/url/url.ts"],"names":[],"mappings":"AAgBA,wBAAgB,WAAW,CAAC,GAAG,SAAgB,GAAG,MAAM,CAEvD"}
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../../../src/lib/url/url.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc,mGACuE,CAAC;AAWnG,wBAAgB,WAAW,CAAC,GAAG,SAAgB,GAAG,MAAM,CAEvD"}

package/dist/esm/lib/url/url.js

@@ -1,6 +1,7 @@
 const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;
 /** A pattern that matches safe data URLs. It only matches image, video, and audio types. */
 const DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+\\/]+=*$/i;
+export const websitePattern = "^(http://|https://)?(www.)?([a-zA-Z0-9]+).[a-zA-Z0-9]*.[a-z]{1}.([-a-z-A-Z-0-9:_+.?/@#%&=]+)?$";
 function _sanitizeUrl(url) {
     url = String(url);
     if (url === "null" || url.length === 0 || url === "about:blank")

package/dist/esm/lib/url/url.js.map

@@ -1 +1 @@
-{"version":3,"file":"url.js","sourceRoot":"","sources":["../../../../src/lib/url/url.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GACpB,iEAAiE,CAAC;AAEpE,4FAA4F;AAC5F,MAAM,gBAAgB,GACpB,uIAAuI,CAAC;AAE1I,SAAS,YAAY,CAAC,GAAW;IAC/B,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAClB,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,KAAK,aAAa;QAC7D,OAAO,aAAa,CAAC;IACvB,IAAI,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC;QAAE,OAAO,GAAG,CAAC;IAE3E,OAAO,UAAU,GAAG,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,GAAG,GAAG,aAAa;IAC7C,OAAO,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"url.js","sourceRoot":"","sources":["../../../../src/lib/url/url.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GACpB,iEAAiE,CAAC;AAEpE,4FAA4F;AAC5F,MAAM,gBAAgB,GACpB,uIAAuI,CAAC;AAE1I,MAAM,CAAC,MAAM,cAAc,GACzB,gGAAgG,CAAC;AAEnG,SAAS,YAAY,CAAC,GAAW;IAC/B,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAClB,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,KAAK,aAAa;QAC7D,OAAO,aAAa,CAAC;IACvB,IAAI,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC;QAAE,OAAO,GAAG,CAAC;IAE3E,OAAO,UAAU,GAAG,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,GAAG,GAAG,aAAa;IAC7C,OAAO,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AAC1C,CAAC"}

package/dist/esm/types/helpers.d.ts

@@ -4,6 +4,9 @@ export type DeepReadonly<T> = {
 export type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type Falsy = false | 0 | "" | null | undefined;
 export declare const isTruthy: <T>(x: Falsy | T) => x is T;
 type KnownKeys<T> = {

package/dist/esm/types/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/types/helpers.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAE5B,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5C,CAAC;AACF,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG;KAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE1E,KAAK,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/C,eAAO,MAAM,QAAQ,6BAAmC,CAAC;AAGzD,KAAK,SAAS,CAAC,CAAC,IAAI;KACjB,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,GAAG,KAAK,GAAG,MAAM,SAAS,CAAC,GAAG,KAAK,GAAG,CAAC;CACxE,SAAS;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC;CAAE,GACjC,EAAE,SAAS,CAAC,GACV,KAAK,GACL,CAAC,GACH,KAAK,CAAC;AAEV,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IACzC,SAAS,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,GACxB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GACnB,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACtB,KAAK,GACP,KAAK,CAAC;AACZ,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GACtE,CAAC,MAAM,SAAS,CAAC,GACb,EAAE,GACF,MAAM,SAAS,MAAM,CAAC,GACpB;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;CAAE,GAC5C,EAAE,CAAC,GAAG,0BAA0B;AACtC,CAAC,MAAM,SAAS,CAAC,GACb,EAAE,GACF,MAAM,SAAS,MAAM,CAAC,GACpB;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;CAAE,GAC5C,EAAE,CAAC,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/types/helpers.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAE5B,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5C,CAAC;AACF,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG;KAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE1E,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACvB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,GAAG,EAAE,CAAC;AAEP,KAAK,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/C,eAAO,MAAM,QAAQ,6BAAmC,CAAC;AAGzD,KAAK,SAAS,CAAC,CAAC,IAAI;KACjB,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,GAAG,KAAK,GAAG,MAAM,SAAS,CAAC,GAAG,KAAK,GAAG,CAAC;CACxE,SAAS;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC;CAAE,GACjC,EAAE,SAAS,CAAC,GACV,KAAK,GACL,CAAC,GACH,KAAK,CAAC;AAEV,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IACzC,SAAS,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,GACxB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GACnB,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACtB,KAAK,GACP,KAAK,CAAC;AACZ,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GACtE,CAAC,MAAM,SAAS,CAAC,GACb,EAAE,GACF,MAAM,SAAS,MAAM,CAAC,GACpB;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;CAAE,GAC5C,EAAE,CAAC,GAAG,0BAA0B;AACtC,CAAC,MAAM,SAAS,CAAC,GACb,EAAE,GACF,MAAM,SAAS,MAAM,CAAC,GACpB;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;CAAE,GAC5C,EAAE,CAAC,CAAC"}

package/dist/esm/types/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/types/helpers.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,CAAY,EAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AA4BzD,YAAY"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/types/helpers.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,CAAY,EAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AA4BzD,YAAY"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bosonprotocol/react-kit",
   "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
-  "version": "0.33.0-alpha.1",
+  "version": "0.33.0-alpha.10",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-    "@bosonprotocol/core-sdk": "^1.40.5-alpha.0",
-    "@bosonprotocol/ethers-sdk": "^1.14.5-alpha.0",
-    "@bosonprotocol/ipfs-storage": "^1.11.3",
+    "@bosonprotocol/core-sdk": "^1.40.5-alpha.9",
+    "@bosonprotocol/ethers-sdk": "^1.14.5-alpha.9",
+    "@bosonprotocol/ipfs-storage": "^1.11.4-alpha.4",
     "@davatar/react": "1.11.1",
     "@ethersproject/units": "5.6.0",
     "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
   "overrides": {
     "typescript": "^5.1.6"
   },
-  "gitHead": "1c23ba2ae19b282fc300ddb8a69d50771fb7c8c3"
+  "gitHead": "47e2384cd1da7b4fe343833b8cc47a032775b1c2"
 }

package/src/components/image/Image.styles.ts

@@ -1,4 +1,4 @@
-import styled, { css } from "styled-components";
+import styled, { CSSProperties, css } from "styled-components";
 import { theme } from "../../theme";
 
 export const ImageWrapper = styled.div<{ $hide?: boolean }>`
@@ -27,11 +27,13 @@ const buttonText = css`
   line-height: 24px;
 `;
 
-export const ImagePlaceholder = styled.div<{ position?: string }>`
-  ${({ position }) =>
-    position
+export const ImagePlaceholder = styled.div<{
+  $position?: CSSProperties["position"];
+}>`
+  ${({ $position }) =>
+    $position
       ? css`
-          position: ${position};
+          position: ${$position};
         `
       : css`
           position: absolute;

package/src/components/image/Image.tsx

@@ -48,7 +48,7 @@ export const Image: React.FC<IBaseImage> = ({
   return (
     <>
       <ImageWrapper {...rest} data-image-wrapper $hide={!isError}>
-        <ImagePlaceholder data-image-placeholder position="static">
+        <ImagePlaceholder data-image-placeholder $position="static">
           {errorConfig.errorIcon ?? null}
           <ImageErrorText>
             {errorConfig.errorImageText || "Failed to load image"}
@@ -56,7 +56,7 @@ export const Image: React.FC<IBaseImage> = ({
         </ImagePlaceholder>
       </ImageWrapper>
       <ImageWrapper {...rest} data-image-wrapper $hide={!isLoading}>
-        <ImagePlaceholder data-image-placeholder position="static">
+        <ImagePlaceholder data-image-placeholder $position="static">
           <Loading />
         </ImagePlaceholder>
       </ImageWrapper>

package/src/components/modal/components/Commit/DetailView/InnerCommitDetailView.tsx

@@ -28,7 +28,7 @@ import { Typography } from "../../../../ui/Typography";
 import {
   getItemFromStorage,
   saveItemInStorage
-} from "../../../../widgets/finance/storage/useLocalStorage";
+} from "../../../../../hooks/storage/useBosonLocalStorage";
 import { useModal } from "../../../useModal";
 import { InnerDetailViewWithPortal } from "../../common/detail/InnerDetailViewWithPortal";
 import { BuyOrSwapContainer } from "../../common/detail/BuyOrSwapContainer";

package/src/components/modal/components/Redeem/ExchangeView/RedeemSuccess.tsx

@@ -4,7 +4,7 @@ import styled from "styled-components";
 import { useExchanges } from "../../../../../hooks/useExchanges";
 import { getOfferDetails } from "../../../../../lib/offer/getOfferDetails";
 import { Grid } from "../../../../ui/Grid";
-import IpfsImage from "../../../../ui/IpfsImage";
+import { IpfsImage } from "../../../../ui/IpfsImage";
 import Loading from "../../../../ui/loading/LoadingWrapper";
 import { Typography } from "../../../../ui/Typography";
 import DetailOpenSea from "../../common/DetailOpenSea";

package/src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx

@@ -19,7 +19,7 @@ import { useCoreSDKWithContext } from "../../../../../hooks/core-sdk/useCoreSdkW
 import { isNftItem } from "../../../../../lib/bundle/filter";
 import { isTruthy } from "../../../../../types/helpers";
 import Video from "../../../../ui/Video";
-import IpfsImage from "../../../../ui/IpfsImage";
+import { IpfsImage } from "../../../../ui/IpfsImage";
 
 const StyledDetailsSummary = styled(DetailsSummary)`
   .icon-wrapper {

package/src/components/modal/components/common/detail/DetailSlider.tsx

@@ -13,7 +13,7 @@ import styled, { css } from "styled-components";
 import { breakpointNumbers } from "../../../../../lib/ui/breakpoint";
 import { theme } from "../../../../../theme";
 import { Grid } from "../../../../ui/Grid";
-import IpfsImage from "../../../../ui/IpfsImage";
+import { IpfsImage } from "../../../../ui/IpfsImage";
 import Video from "../../../../ui/Video";
 import { zIndex } from "../../../../ui/zIndex";
 import { GlideSlide } from "./Detail.style";

package/src/components/modal/components/common/detail/PhygitalProduct.tsx

@@ -12,7 +12,7 @@ import { theme } from "../../../../../theme";
 import { Offer } from "../../../../../types/offer";
 import { Tooltip } from "../../../../tooltip/Tooltip";
 import { Grid } from "../../../../ui/Grid";
-import IpfsImage from "../../../../ui/IpfsImage";
+import { IpfsImage } from "../../../../ui/IpfsImage";
 import ThemedButton from "../../../../ui/ThemedButton";
 import { Typography } from "../../../../ui/Typography";
 import Video from "../../../../ui/Video";

package/src/components/modal/components/common/detail/SlickSlider.tsx

@@ -3,7 +3,7 @@ import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import _Slider, { Settings } from "react-slick";
 
-import IpfsImage from "../../../../ui/IpfsImage";
+import { IpfsImage } from "../../../../ui/IpfsImage";
 import Video from "../../../../ui/Video";
 import styled, { CSSProperties, css } from "styled-components";
 import { theme } from "../../../../../theme";

package/src/components/ui/CardCTA.tsx

@@ -0,0 +1,77 @@
+import React, { ReactElement } from "react";
+import styled, { CSSProperties, css } from "styled-components";
+import { Grid, GridProps } from "./Grid";
+import { Typography, TypographyProps } from "./Typography";
+
+export type CardCTAProps = GridProps & {
+  title: string;
+  text: string;
+  icon: ReactElement;
+  cta: ReactElement;
+  titleProps?: TypographyProps;
+  textProps?: TypographyProps;
+  theme: {
+    background: CSSProperties["background"];
+    color: CSSProperties["color"];
+    padding: CSSProperties["padding"];
+    border: CSSProperties["border"];
+    borderRadius: CSSProperties["borderRadius"];
+  };
+};
+
+const StyledGrid = styled(Grid)<{ theme: CardCTAProps["theme"] }>`
+  ${(props) => {
+    return css`
+      background: ${props.theme.background};
+      color: ${props.theme.color};
+      padding: ${props.theme.padding};
+      border: ${props.theme.border};
+      border-radius: ${props.theme.borderRadius};
+    `;
+  }}
+`;
+
+const IconContainer = styled(Grid)`
+  top: 0.5rem;
+  right: 0;
+  margin-bottom: 1rem;
+  svg {
+    > * {
+      stroke-width: 14px;
+    }
+  }
+`;
+
+export const CardCTA: React.FC<CardCTAProps> = ({
+  title,
+  text,
+  icon,
+  cta,
+  theme,
+  titleProps,
+  textProps,
+  ...rest
+}) => {
+  return (
+    <StyledGrid
+      flexDirection="column"
+      alignItems="flex-start"
+      padding="1.5rem"
+      theme={theme}
+      {...rest}
+    >
+      <>
+        <div>
+          <IconContainer>{icon}</IconContainer>
+          <Typography fontWeight="600" fontSize="1.25rem" {...titleProps}>
+            {title}
+          </Typography>
+        </div>
+        <Typography tag="p" {...textProps}>
+          {text}
+        </Typography>
+        {cta}
+      </>
+    </StyledGrid>
+  );
+};

package/src/components/ui/Grid.tsx

@@ -1,6 +1,7 @@
 import React, { ElementRef, HTMLAttributes, forwardRef } from "react";
 import styled, { CSSProperties } from "styled-components";
 import { getTransientCustomProps } from "./getTransientCustomProps";
+import { isDefined } from "./common";
 const pickedProps = {
   alignItems: true,
   flexBasis: true,
@@ -29,31 +30,42 @@ type IGrid = Pick<CSSProperties, keyof typeof pickedProps>;
 type InnerGridProps = Record<`$${keyof IGrid}`, IGrid[keyof IGrid]>;
 
 const Container = styled.div<InnerGridProps>`
-  width: ${({ $width }) => $width || "100%"};
-  height: ${({ $height }) => $height || "initial"};
+  ${({ $width }) => (isDefined($width) ? `width:${$width};` : "width: 100%;")}
+  height: ${({ $height }) => (isDefined($height) ? $height : "initial")};
   display: flex;
-  align-items: ${({ $alignItems }) => $alignItems || "center"};
-  flex-basis: ${({ $flexBasis }) => $flexBasis || "auto"};
-  flex-direction: ${({ $flexDirection }) => $flexDirection || "row"};
-  flex-grow: ${({ $flexGrow }) => $flexGrow || "initial"};
-  flex-shrink: ${({ $flexShrink }) => $flexShrink || "initial"};
+  align-items: ${({ $alignItems }) =>
+    isDefined($alignItems) ? $alignItems : "center"};
+  flex-basis: ${({ $flexBasis }) =>
+    isDefined($flexBasis) ? $flexBasis : "auto"};
+  flex-direction: ${({ $flexDirection }) =>
+    isDefined($flexDirection) ? $flexDirection : "row"};
+  flex-grow: ${({ $flexGrow }) =>
+    isDefined($flexGrow) ? $flexGrow : "initial"};
+  flex-shrink: ${({ $flexShrink }) =>
+    isDefined($flexShrink) ? $flexShrink : "initial"};
   justify-content: ${({ $justifyContent }) =>
-    $justifyContent || "space-between"};
+    isDefined($justifyContent) ? $justifyContent : "space-between"};
 
-  ${({ $flexWrap }) => ($flexWrap ? `flex-wrap:${$flexWrap};` : "")}
-  ${({ $rowGap }) => ($rowGap ? `row-gap:${$rowGap};` : "")}
-  ${({ $columnGap }) => ($columnGap ? `column-gap:${$columnGap};` : "")}
-  ${({ $gap }) => ($gap ? `gap:${$gap};` : "")}
-  ${({ $flex }) => ($flex ? `> * { flex: ${$flex}; }` : "")}
-  ${({ $padding }) => ($padding ? `padding:${$padding};` : "")}
-  ${({ $margin }) => ($margin ? `margin:${$margin};` : "")}
-  ${({ $marginTop }) => ($marginTop ? `margin-top:${$marginTop};` : "")}
-  ${({ $marginRight }) => ($marginRight ? `margin-right:${$marginRight};` : "")}
+  ${({ $flexWrap }) => (isDefined($flexWrap) ? `flex-wrap:${$flexWrap};` : "")}
+  ${({ $rowGap }) => (isDefined($rowGap) ? `row-gap:${$rowGap};` : "")}
+  ${({ $columnGap }) =>
+    isDefined($columnGap) ? `column-gap:${$columnGap};` : ""}
+  ${({ $gap }) => (isDefined($gap) ? `gap:${$gap};` : "")}
+  ${({ $flex }) => (isDefined($flex) ? `> * { flex: ${$flex}; }` : "")}
+  ${({ $padding }) => (isDefined($padding) ? `padding:${$padding};` : "")}
+  ${({ $margin }) => (isDefined($margin) ? `margin:${$margin};` : "")}
+  ${({ $marginTop }) =>
+    isDefined($marginTop) ? `margin-top:${$marginTop};` : ""}
+  ${({ $marginRight }) =>
+    isDefined($marginRight) ? `margin-right:${$marginRight};` : ""}
   ${({ $marginBottom }) =>
-    $marginBottom ? `margin-bottom:${$marginBottom};` : ""}
-  ${({ $marginLeft }) => ($marginLeft ? `margin-left:${$marginLeft};` : "")}
-  ${({ $alignSelf }) => ($alignSelf ? `align-self:${$alignSelf};` : "")}
-  ${({ $justifySelf }) => ($justifySelf ? `justify-self:${$justifySelf};` : "")}
+    isDefined($marginBottom) ? `margin-bottom:${$marginBottom};` : ""}
+  ${({ $marginLeft }) =>
+    isDefined($marginLeft) ? `margin-left:${$marginLeft};` : ""}
+  ${({ $alignSelf }) =>
+    isDefined($alignSelf) ? `align-self:${$alignSelf};` : ""}
+  ${({ $justifySelf }) =>
+    isDefined($justifySelf) ? `justify-self:${$justifySelf};` : ""}
 `;
 export type GridProps = {
   children?: React.ReactNode;

package/src/components/ui/IpfsImage.tsx

@@ -86,7 +86,9 @@ interface IImage {
     ipfsGateway?: string;
   };
 }
-const IpfsImage: React.FC<IImage & React.HTMLAttributes<HTMLDivElement>> = ({
+export const IpfsImage: React.FC<
+  IImage & React.HTMLAttributes<HTMLDivElement>
+> = ({
   src,
   children,
   dataTestId = "image",
@@ -179,5 +181,3 @@ const IpfsImage: React.FC<IImage & React.HTMLAttributes<HTMLDivElement>> = ({
     </>
   );
 };
-
-export default IpfsImage;

package/src/components/ui/Typography.tsx

@@ -1,6 +1,7 @@
 import React, { HTMLAttributes, forwardRef } from "react";
 import styled, { CSSProperties } from "styled-components";
 import { getTransientCustomProps } from "./getTransientCustomProps";
+import { isDefined } from "./common";
 
 const pickedProps = {
   alignItems: true,
@@ -38,43 +39,52 @@ type InnerTypographyProps = Record<
   `$${keyof WrapperProps}`,
   WrapperProps[keyof WrapperProps]
 >;
-
 const Wrapper = styled.div<InnerTypographyProps>`
   display: flex;
-  ${({ $display }) => ($display ? `display:${$display};` : "")}
-  ${({ $alignItems }) => $alignItems && `align-items: ${$alignItems}`};
-  ${({ $flexBasis }) => $flexBasis && `flex-basis: ${$flexBasis}`};
+  ${({ $display }) => (isDefined($display) ? `display:${$display};` : "")}
+  ${({ $alignItems }) =>
+    isDefined($alignItems) && `align-items: ${$alignItems}`};
+  ${({ $flexBasis }) => isDefined($flexBasis) && `flex-basis: ${$flexBasis}`};
   ${({ $flexDirection }) =>
-    $flexDirection && `flex-direction: ${$flexDirection}`};
-  ${({ $flexGrow }) => $flexGrow && `flex-grow: ${$flexGrow}`};
-  ${({ $flexShrink }) => $flexShrink && `flex-shrink: ${$flexShrink}`};
+    isDefined($flexDirection) && `flex-direction: ${$flexDirection}`};
+  ${({ $flexGrow }) => isDefined($flexGrow) && `flex-grow: ${$flexGrow}`};
+  ${({ $flexShrink }) =>
+    isDefined($flexShrink) && `flex-shrink: ${$flexShrink}`};
   ${({ $justifyContent }) =>
-    $justifyContent && `justify-content: ${$justifyContent}`};
-  ${({ $flexWrap }) => ($flexWrap ? `flex-wrap:${$flexWrap};` : "")}
-  ${({ $rowGap }) => ($rowGap ? `row-gap:${$rowGap};` : "")}
-  ${({ $columnGap }) => ($columnGap ? `column-gap:${$columnGap};` : "")}
-  ${({ $gap }) => ($gap ? `gap:${$gap};` : "")}
-  ${({ $flex }) => ($flex ? `> * { flex: ${$flex}; }` : "")}
-  ${({ $padding }) => ($padding ? `padding:${$padding};` : "")}
-  ${({ $margin }) => ($margin ? `margin:${$margin};` : "")}
-  ${({ $marginTop }) => ($marginTop ? `margin-top:${$marginTop};` : "")}
-  ${({ $marginRight }) => ($marginRight ? `margin-right:${$marginRight};` : "")}
+    isDefined($justifyContent) && `justify-content: ${$justifyContent}`};
+  ${({ $flexWrap }) => (isDefined($flexWrap) ? `flex-wrap:${$flexWrap};` : "")}
+  ${({ $rowGap }) => (isDefined($rowGap) ? `row-gap:${$rowGap};` : "")}
+  ${({ $columnGap }) =>
+    isDefined($columnGap) ? `column-gap:${$columnGap};` : ""}
+  ${({ $gap }) => (isDefined($gap) ? `gap:${$gap};` : "")}
+  ${({ $flex }) => (isDefined($flex) ? `> * { flex: ${$flex}; }` : "")}
+  ${({ $padding }) => (isDefined($padding) ? `padding:${$padding};` : "")}
+  ${({ $margin }) => (isDefined($margin) ? `margin:${$margin};` : "")}
+  ${({ $marginTop }) =>
+    isDefined($marginTop) ? `margin-top:${$marginTop};` : ""}
+  ${({ $marginRight }) =>
+    isDefined($marginRight) ? `margin-right:${$marginRight};` : ""}
   ${({ $marginBottom }) =>
-    $marginBottom ? `margin-bottom:${$marginBottom};` : ""}
-  ${({ $marginLeft }) => ($marginLeft ? `margin-left:${$marginLeft};` : "")}
+    isDefined($marginBottom) ? `margin-bottom:${$marginBottom};` : ""}
+  ${({ $marginLeft }) =>
+    isDefined($marginLeft) ? `margin-left:${$marginLeft};` : ""}
 
 
-  ${({ $fontSize }) => ($fontSize ? `font-size:${$fontSize};` : "")}
-  ${({ $fontWeight }) => ($fontWeight ? `font-weight:${$fontWeight};` : "")}
-  ${({ $lineHeight }) => ($lineHeight ? `line-height:${$lineHeight};` : "")}
-  ${({ $color }) => ($color ? `color:${$color};` : "")}
-  ${({ $background }) => ($background ? `background:${$background};` : "")}
-  ${({ $cursor }) => ($cursor ? `cursor:${$cursor};` : "")}
+  ${({ $fontSize }) => (isDefined($fontSize) ? `font-size:${$fontSize};` : "")}
+  ${({ $fontWeight }) =>
+    isDefined($fontWeight) ? `font-weight:${$fontWeight};` : ""}
+  ${({ $lineHeight }) =>
+    isDefined($lineHeight) ? `line-height:${$lineHeight};` : ""}
+  ${({ $color }) => (isDefined($color) ? `color:${$color};` : "")}
+  ${({ $background }) =>
+    isDefined($background) ? `background:${$background};` : ""}
+  ${({ $cursor }) => (isDefined($cursor) ? `cursor:${$cursor};` : "")}
   ${({ $letterSpacing }) =>
-    $letterSpacing ? `letter-spacing:${$letterSpacing};` : ""}
-    ${({ $textAlign }) => ($textAlign ? `text-align:${$textAlign};` : "")}
-    ${({ $opacity }) => ($opacity ? `opacity:${$opacity};` : "")}
-    ${({ $width }) => ($width ? `width:${$width};` : "")}
+    isDefined($letterSpacing) ? `letter-spacing:${$letterSpacing};` : ""}
+    ${({ $textAlign }) =>
+    isDefined($textAlign) ? `text-align:${$textAlign};` : ""}
+    ${({ $opacity }) => (isDefined($opacity) ? `opacity:${$opacity};` : "")}
+    ${({ $width }) => (isDefined($width) ? `width:${$width};` : "")}
 `;
 
 export type TypographyProps = WrapperProps &