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

package/dist/esm/components/modal/components/common/StepsOverview/PurchaseOverview.js

@@ -7,6 +7,11 @@ import { LearnMore, ModalBackground } from "../detail/Detail.style";
 import { CommitStep } from "./style";
 import styled from "styled-components";
 import { breakpoint } from "../../../../../lib/ui/breakpoint";
+const Wrapper = styled.div `
+  p {
+    text-wrap: pretty;
+  }
+`;
 const CommitStepWrapper = styled.div `
   overflow: hidden;
   margin: 1rem 0;
@@ -42,17 +47,9 @@ const COMMIT_STEPS = [
         description: "Redeem your rNFT to receive the underlying item. The rNFT will be destroyed in the process."
     }
 ];
-export default function PurchaseOverview() {
+export function PurchaseOverviewInner() {
     const { isLteXS } = useBreakpoints();
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start" },
-            React.createElement(Typography, { tag: "h4", style: { margin: 0 } },
-                React.createElement("b", null, "How does the purchase process work?")),
-            React.createElement(Typography, { tag: "p" }, "When Committing to Buy, the item price will be transferred into escrow and you will receive a redeemable NFT (rNFT) that can be exchanged for the real-world item it represents.")),
-        React.createElement(CommitStepWrapper, null, COMMIT_STEPS.map(({ icon: Icon, header, description }, key) => (React.createElement(CommitStep, { key: `commit_step_${key}` },
-            React.createElement(Icon, { size: 24 }),
-            React.createElement(Typography, { tag: "h6" }, header),
-            React.createElement(Typography, { tag: "p" }, description))))),
+    return (React.createElement(Wrapper, null,
         React.createElement(ModalBackground, null,
             React.createElement(Grid, { flexDirection: isLteXS ? "column" : "row" },
                 React.createElement("div", null,
@@ -62,6 +59,15 @@ export default function PurchaseOverview() {
                     React.createElement(LearnMore, { href: "https://www.bosonprotocol.io/technology/", target: "_blank" },
                         React.createElement(React.Fragment, null,
                             "Learn more",
-                            React.createElement(CaretRight, { size: 32 }))))))));
+                            React.createElement(CaretRight, { size: 32 })))))),
+        React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start" },
+            React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start" },
+                React.createElement(Typography, { tag: "h4", style: { margin: 0 } },
+                    React.createElement("b", null, "How does the purchase process work?")),
+                React.createElement(Typography, { tag: "p" }, "When Committing to Buy, the item price will be transferred into escrow and you will receive a redeemable NFT (rNFT) that can be exchanged for the real-world item it represents."))),
+        React.createElement(CommitStepWrapper, null, COMMIT_STEPS.map(({ icon: Icon, header, description }, key) => (React.createElement(CommitStep, { key: `commit_step_${key}` },
+            React.createElement(Icon, { size: 24 }),
+            React.createElement(Typography, { tag: "h6" }, header),
+            React.createElement(Typography, { tag: "p" }, description)))))));
 }
 //# sourceMappingURL=PurchaseOverview.js.map

package/dist/esm/components/modal/components/common/StepsOverview/PurchaseOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,OAAO,EACP,YAAY,EACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;IAUhC,UAAU,CAAC,CAAC;;;;;;;CAOf,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,eAAe;QACvB,WAAW,EACT,uHAAuH;KAC1H;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,MAAM,EAAE,0BAA0B;QAClC,WAAW,EACT,2EAA2E;KAC9E;IACD;QACE,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,QAAQ;QAChB,WAAW,EACT,6FAA6F;KAChG;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAErC,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,YAAY;YAClD,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACvC,qEAA0C,CAC/B;YACb,oBAAC,UAAU,IAAC,GAAG,EAAC,GAAG,uLAIN,CACR;QACP,oBAAC,iBAAiB,QACf,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9D,oBAAC,UAAU,IAAC,GAAG,EAAE,eAAe,GAAG,EAAE;YACnC,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI;YAClB,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,IAAE,MAAM,CAAc;YAC1C,oBAAC,UAAU,IAAC,GAAG,EAAC,GAAG,IAAE,WAAW,CAAc,CACnC,CACd,CAAC,CACgB;QACpB,oBAAC,eAAe;YACd,oBAAC,IAAI,IAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;gBAC7C;oBACE,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;wBACvC,oEAAyC,CAC9B;oBACb,oBAAC,UAAU,IAAC,GAAG,EAAC,GAAG,qNAKN;oBACb,oBAAC,SAAS,IACR,IAAI,EAAC,0CAA0C,EAC/C,MAAM,EAAC,QAAQ;wBAEf;;4BAEE,oBAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,CACvB,CACO,CACR,CACD,CACS,CACjB,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,OAAO,EACP,YAAY,EACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;IAUhC,UAAU,CAAC,CAAC;;;;;;;CAOf,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,eAAe;QACvB,WAAW,EACT,uHAAuH;KAC1H;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,MAAM,EAAE,0BAA0B;QAClC,WAAW,EACT,2EAA2E;KAC9E;IACD;QACE,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,QAAQ;QAChB,WAAW,EACT,6FAA6F;KAChG;CACF,CAAC;AAEF,MAAM,UAAU,qBAAqB;IACnC,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAErC,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,eAAe;YACd,oBAAC,IAAI,IAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;gBAC7C;oBACE,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;wBACvC,oEAAyC,CAC9B;oBACb,oBAAC,UAAU,IAAC,GAAG,EAAC,GAAG,qNAKN;oBACb,oBAAC,SAAS,IACR,IAAI,EAAC,0CAA0C,EAC/C,MAAM,EAAC,QAAQ;wBAEf;;4BAEE,oBAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,CACvB,CACO,CACR,CACD,CACS;QAClB,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,YAAY;YAClD,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,YAAY;gBAClD,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;oBACvC,qEAA0C,CAC/B;gBACb,oBAAC,UAAU,IAAC,GAAG,EAAC,GAAG,uLAIN,CACR,CACF;QACP,oBAAC,iBAAiB,QACf,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9D,oBAAC,UAAU,IAAC,GAAG,EAAE,eAAe,GAAG,EAAE;YACnC,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI;YAClB,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,IAAE,MAAM,CAAc;YAC1C,oBAAC,UAAU,IAAC,GAAG,EAAC,GAAG,IAAE,WAAW,CAAc,CACnC,CACd,CAAC,CACgB,CACZ,CACX,CAAC;AACJ,CAAC"}

package/dist/esm/components/modal/components/common/StepsOverview/PurchaseOverviewView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOverviewView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/PurchaseOverviewView.tsx"],"names":[],"mappings":";AAQA,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AACF,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,eAyB1D"}
+{"version":3,"file":"PurchaseOverviewView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/PurchaseOverviewView.tsx"],"names":[],"mappings":";AASA,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AACF,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,eAiC1D"}

package/dist/esm/components/modal/components/common/StepsOverview/PurchaseOverviewView.js

@@ -1,24 +1,31 @@
 import { ArrowLeft } from "phosphor-react";
 import React, { useEffect } from "react";
-import PurchaseOverview from "./PurchaseOverview";
+import { PurchaseOverviewInner } from "./PurchaseOverview";
 import { useNonModalContext } from "../../../nonModal/NonModal";
 import { theme } from "../../../../../theme";
 import { Grid } from "../../../../ui/Grid";
+import { BosonLogo } from "../BosonLogo";
 const colors = theme.colors.light;
 export function PurchaseOverviewView({ onBackClick }) {
     const dispatch = useNonModalContext();
     useEffect(() => {
         dispatch({
             payload: {
-                headerComponent: (React.createElement(Grid, { style: { flex: "1" } }, onBackClick && (React.createElement(ArrowLeft, { onClick: () => {
-                        onBackClick();
-                    }, size: 32, style: { cursor: "pointer" } })))),
+                headerComponent: (React.createElement(Grid, { style: { flex: "1" }, justifyContent: "flex-start", gap: "1rem" },
+                    onBackClick && (React.createElement(ArrowLeft, { onClick: () => {
+                            onBackClick();
+                        }, size: 32, style: { cursor: "pointer", minWidth: "32px" } })),
+                    React.createElement(BosonLogo, { gridProps: { justifyContent: "flex-start" }, svgImageProps: {
+                            width: undefined,
+                            style: { width: "min-content" }
+                        } }))),
                 contentStyle: {
                     background: colors.white
-                }
+                },
+                footerComponent: null
             }
         });
     }, [dispatch, onBackClick]);
-    return React.createElement(PurchaseOverview, null);
+    return React.createElement(PurchaseOverviewInner, null);
 }
 //# sourceMappingURL=PurchaseOverviewView.js.map

package/dist/esm/components/modal/components/common/StepsOverview/PurchaseOverviewView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseOverviewView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/PurchaseOverviewView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAIlC,MAAM,UAAU,oBAAoB,CAAC,EAAE,WAAW,EAAS;IACzD,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,CACf,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,IACvB,WAAW,IAAI,CACd,oBAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE;wBACZ,WAAW,EAAE,CAAC;oBAChB,CAAC,EACD,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC5B,CACH,CACI,CACR;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;iBACzB;aACF;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAC5B,OAAO,oBAAC,gBAAgB,OAAG,CAAC;AAC9B,CAAC"}
+{"version":3,"file":"PurchaseOverviewView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/PurchaseOverviewView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAIlC,MAAM,UAAU,oBAAoB,CAAC,EAAE,WAAW,EAAS;IACzD,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,CACf,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,cAAc,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM;oBAC/D,WAAW,IAAI,CACd,oBAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE;4BACZ,WAAW,EAAE,CAAC;wBAChB,CAAC,EACD,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAC9C,CACH;oBACD,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,EAC3C,aAAa,EAAE;4BACb,KAAK,EAAE,SAAS;4BAChB,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE;yBAChC,GACD,CACG,CACR;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;iBACzB;gBACD,eAAe,EAAE,IAAI;aACtB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAC5B,OAAO,oBAAC,qBAAqB,OAAG,CAAC;AACnC,CAAC"}

package/dist/esm/components/modal/components/common/StepsOverview/StepsOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepsOverview.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/StepsOverview.tsx"],"names":[],"mappings":";AA2CA,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,eAgD3D"}
+{"version":3,"file":"StepsOverview.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/StepsOverview.tsx"],"names":[],"mappings":";AA4CA,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,eAiD3D"}

package/dist/esm/components/modal/components/common/StepsOverview/StepsOverview.js

@@ -8,6 +8,7 @@ import { breakpoint } from "../../../../../lib/ui/breakpoint";
 import { useNonModalContext } from "../../../nonModal/NonModal";
 import { theme } from "../../../../../theme";
 import { RedeemHeader } from "../../Redeem/RedeemHeader";
+import { BosonLogo } from "../BosonLogo";
 const colors = theme.colors.light;
 const CommitStepWrapper = styled.div `
   overflow: hidden;
@@ -46,7 +47,8 @@ export default function StepsOverview({ onNextClick }) {
                 headerComponent: RedeemHeader,
                 contentStyle: {
                     background: colors.white
-                }
+                },
+                footerComponent: React.createElement(BosonLogo, null)
             }
         });
     }, [dispatch]);

package/dist/esm/components/modal/components/common/StepsOverview/StepsOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsOverview.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/StepsOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;IAUhC,UAAU,CAAC,CAAC;;;;;;;CAOf,CAAC;AACF,MAAM,uBAAuB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;;;;;aAK5C,MAAM,CAAC,MAAM;;oBAEN,MAAM,CAAC,OAAO;;;CAGjC,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAS;IAC1D,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,YAAY;gBAC7B,YAAY,EAAE;oBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;iBACzB;aACF;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL;QACE,oBAAC,uBAAuB;YACtB,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,sBAAsB,+FAGtC,CACI;YACb,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,sBAAsB,sGAGtC,CACI;YACb,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,uBAAuB,kGAGvC,CACI;YACb,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,2BAA2B,sGAG3C,CACI,CACW;QAC1B,oBAAC,IAAI,IAAC,OAAO,EAAC,YAAY,EAAC,cAAc,EAAC,eAAe;YACvD,oBAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,WAEjD,CACJ,CACN,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StepsOverview.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/StepsOverview/StepsOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;IAUhC,UAAU,CAAC,CAAC;;;;;;;CAOf,CAAC;AACF,MAAM,uBAAuB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;;;;;aAK5C,MAAM,CAAC,MAAM;;oBAEN,MAAM,CAAC,OAAO;;;CAGjC,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAS;IAC1D,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,YAAY;gBAC7B,YAAY,EAAE;oBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;iBACzB;gBACD,eAAe,EAAE,oBAAC,SAAS,OAAG;aAC/B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL;QACE,oBAAC,uBAAuB;YACtB,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,sBAAsB,+FAGtC,CACI;YACb,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,sBAAsB,sGAGtC,CACI;YACb,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,uBAAuB,kGAGvC,CACI;YACb,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,2BAA2B,sGAG3C,CACI,CACW;QAC1B,oBAAC,IAAI,IAAC,OAAO,EAAC,YAAY,EAAC,cAAc,EAAC,eAAe;YACvD,oBAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,WAEjD,CACJ,CACN,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/components/modal/components/common/detail/Detail.style.js

@@ -131,7 +131,7 @@ export const LearnMore = styled.a `
 `;
 export const ModalBackground = styled.div `
   overflow: hidden;
-  margin: 2rem -2rem -2rem -2rem;
+  margin: -2rem -2rem 2rem -2rem;
   padding: 2rem;
   background-color: ${colors.black};
   background-image: url(${frameImage});

package/dist/esm/components/modal/nonModal/NonModal.d.ts

@@ -8,7 +8,7 @@ export declare enum ActionKind {
 type Action = {
     payload: State;
 };
-type State = Pick<NonModalProps, "headerComponent" | "contentStyle">;
+type State = Pick<NonModalProps, "headerComponent" | "contentStyle" | "footerComponent">;
 export declare const useNonModalContext: () => React.Dispatch<Action>;
 export interface NonModalProps {
     hideModal?: (data?: unknown | undefined | null) => void;
@@ -23,6 +23,6 @@ export interface NonModalProps {
     children: ReactNode;
     showConnectButton: boolean;
 }
-export default function NonModal({ children, hideModal, headerComponent, footerComponent: FooterComponent, size, maxWidths, theme, contentStyle: _contentStyle, closable, lookAndFeel, showConnectButton }: NonModalProps): JSX.Element;
+export default function NonModal({ children, hideModal, headerComponent, footerComponent, size, maxWidths, theme, contentStyle: _contentStyle, closable, lookAndFeel, showConnectButton }: NonModalProps): JSX.Element;
 export {};
 //# sourceMappingURL=NonModal.d.ts.map

package/dist/esm/components/modal/nonModal/NonModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NonModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,aAAa,EAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AA0JxC,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC;AAED,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,iBAAiB,GAAG,cAAc,CAAC,CAAC;AAarE,eAAO,MAAM,kBAAkB,8BAM9B,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EAAE,eAAe,EAChC,IAAa,EACb,SAAgB,EAChB,KAAe,EACf,YAAY,EAAE,aAAa,EAC3B,QAAe,EACf,WAAqB,EACrB,iBAAiB,EAClB,EAAE,aAAa,eA+Cf"}
+{"version":3,"file":"NonModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,aAAa,EAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AA0JxC,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC;AAED,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CACf,aAAa,EACb,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CACvD,CAAC;AAaF,eAAO,MAAM,kBAAkB,8BAM9B,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,IAAa,EACb,SAAgB,EAChB,KAAe,EACf,YAAY,EAAE,aAAa,EAC3B,QAAe,EACf,WAAqB,EACrB,iBAAiB,EAClB,EAAE,aAAa,eAsDf"}

package/dist/esm/components/modal/nonModal/NonModal.js

@@ -157,14 +157,15 @@ export const useNonModalContext = () => {
     }
     return context;
 };
-export default function NonModal({ children, hideModal, headerComponent, footerComponent: FooterComponent, size = "auto", maxWidths = null, theme = "light", contentStyle: _contentStyle, closable = true, lookAndFeel = "modal", showConnectButton }) {
+export default function NonModal({ children, hideModal, headerComponent, footerComponent, size = "auto", maxWidths = null, theme = "light", contentStyle: _contentStyle, closable = true, lookAndFeel = "modal", showConnectButton }) {
     const handleOnClose = () => {
         if (closable && hideModal) {
             hideModal();
         }
     };
-    const [{ headerComponent: HeaderComponent, contentStyle }, dispatch] = useReducer(reducer, {
+    const [{ headerComponent: HeaderComponent, footerComponent: FooterComponent, contentStyle }, dispatch] = useReducer(reducer, {
         headerComponent,
+        footerComponent,
         contentStyle: _contentStyle
     });
     const Container = useMemo(() => {

package/dist/esm/components/modal/nonModal/NonModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,UAAU,EACV,aAAa,EACb,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK;;;;;CAKxB,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;aAOZ,MAAM,CAAC,KAAK,GAAG,CAAC;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE;QACF,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,YAAY;KACjB;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,QAAQ;QACZ,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,QAAQ;KACb;IACD,UAAU,EAAE;QACV,EAAE,EAAE,QAAQ;QACZ,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,QAAQ;KACb;CACO,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,cAAc,EAAE,uBAAuB;IACvC,IAAI,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE;IACvB,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE;CAChB,CAAC;AAEX,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAIxB;;aAEW,MAAM,CAAC,KAAK;WACd,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACzB,QAAQ,SAAS,EAAE;QACjB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,KAAK,CAAC;QACtB;YACE,OAAO,MAAM,CAAC,KAAK,CAAC;KACvB;AACH,CAAC;sBACmB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpC,OAAO,UAAU,CAAC,SAAoC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC;AAC1E,CAAC;;IAEC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACnB,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,EAAE,CAAC;KACX;IAED,OAAO,GAAG,CAAA;QACN,UAAU,CAAC,GAAG;qBACD,UAAU,CAAC,KAAK,CAAC;;QAE9B,UAAU,CAAC,EAAE;qBACA,UAAU,CAAC,IAAI,CAAC;;QAE7B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,EAAE;qBACA,UAAU,CAAC,IAAI,CAAC;;KAEhC,CAAC;AACJ,CAAC;YACS,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAC3D,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM;;IAEjE,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,WAAW;;IAEtE,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,YAAY;;IAEvE,UAAU,CAAC,EAAE;cACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY;;IAExE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,YAAY;IACtB;;KAEC;CACJ,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;0BACN,MAAM,CAAC,MAAM;CACtC,CAAC;AAEF,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,6CAA+B,CAAA;AACjC,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAWD,MAAM,OAAO,GAAG,CAAC,KAAY,EAAE,MAAc,EAAS,EAAE;IACtD,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,OAAO;QACL,GAAG,KAAK;QACR,GAAG,OAAO;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,aAAa,CACnC,SAAS,CACV,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAgBF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,OAAO,EACf,YAAY,EAAE,aAAa,EAC3B,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,OAAO,EACrB,iBAAiB,EACH;IACd,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,QAAQ,IAAI,SAAS,EAAE;YACzB,SAAS,EAAE,CAAC;SACb;IACH,CAAC,CAAC;IACF,MAAM,CACJ,EACE,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,YAAY,EACb,EACD,QAAQ,CACT,GAAG,UAAU,CAAC,OAAO,EAAE;QACtB,eAAe;QACf,eAAe;QACf,YAAY,EAAE,aAAa;KAC5B,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;YAC/C,OAAO,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/B,oBAAC,IAAI,mBAAa,OAAO;gBACtB,QAAQ;gBACT,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wBACZ,aAAa,EAAE,CAAC;oBAClB,CAAC,GACD,CACG,CACR,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;QACJ,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,OAAO,aAAQ,IAAI,eAAa,KAAK,gBAAc,SAAS;YAC3D,oBAAC,MAAM,IACL,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,GACpC;YAEF,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY;gBAC1B,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IACtC,QAAQ,CACgB,CACnB;YACT,eAAe,IAAI,oBAAC,aAAa,QAAE,eAAe,CAAiB,CAC5D,CACA,CACb,CAAC;AACJ,CAAC"}

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

@@ -1,9 +1,9 @@
 import React from "react";
 import { CSSProperties } from "styled-components";
-type SvgImageProps = Pick<CSSProperties, "width" | "height"> & {
+export type SvgImageProps = Pick<CSSProperties, "width" | "height"> & {
     src: string | React.FC;
+    style?: CSSProperties;
     id?: string;
 };
 export declare const SvgImage: React.FC<SvgImageProps>;
-export {};
 //# sourceMappingURL=SvgImage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SvgImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/SvgImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IAC7D,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAS5C,CAAC"}
+{"version":3,"file":"SvgImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/SvgImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACpE,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAS5C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SvgImage.js","sourceRoot":"","sources":["../../../../src/components/ui/SvgImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC3B,6CAA6C;QAC7C,OAAO,6BAAK,GAAG,EAAE,GAAG,KAAM,IAAI,GAAI,CAAC;KACpC;IACD,MAAM,SAAS,GAAG,GAAG,CAAC;IACtB,6DAA6D;IAC7D,aAAa;IACb,OAAO,oBAAC,SAAS,OAAK,IAAI,GAAI,CAAC;AACjC,CAAC,CAAC"}
+{"version":3,"file":"SvgImage.js","sourceRoot":"","sources":["../../../../src/components/ui/SvgImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC3B,6CAA6C;QAC7C,OAAO,6BAAK,GAAG,EAAE,GAAG,KAAM,IAAI,GAAI,CAAC;KACpC;IACD,MAAM,SAAS,GAAG,GAAG,CAAC;IACtB,6DAA6D;IAC7D,aAAa;IACb,OAAO,oBAAC,SAAS,OAAK,IAAI,GAAI,CAAC;AACjC,CAAC,CAAC"}

package/dist/esm/index.d.ts

@@ -51,6 +51,7 @@ export * from "./components/magicLink/UserContext";
 export * from "./components/modal/components/common/OfferFullDescription/ExternalOfferFullDescription";
 export * from "./components/modal/components/common/detail/useGetOfferDetailData";
 export * from "./components/modal/components/PurchaseOverview/PurchaseOverview";
+export * from "./components/modal/components/common/StepsOverview/PurchaseOverview";
 export * from "./components/modal/components/Commit/DetailView/ExternalCommitDetailView";
 export * from "./components/modal/components/Redeem/DetailView/ExternalExchangeDetailView";
 export * from "./components/ui/Grid";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,qEAAqE,CAAC;AACpF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/dist/esm/index.js

@@ -51,6 +51,7 @@ export * from "./components/magicLink/UserContext";
 export * from "./components/modal/components/common/OfferFullDescription/ExternalOfferFullDescription";
 export * from "./components/modal/components/common/detail/useGetOfferDetailData";
 export * from "./components/modal/components/PurchaseOverview/PurchaseOverview";
+export * from "./components/modal/components/common/StepsOverview/PurchaseOverview";
 export * from "./components/modal/components/Commit/DetailView/ExternalCommitDetailView";
 export * from "./components/modal/components/Redeem/DetailView/ExternalExchangeDetailView";
 export * from "./components/ui/Grid";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAW,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAW,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,qEAAqE,CAAC;AACpF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

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.29.1",
+  "version": "0.30.0-alpha.1",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -170,5 +170,5 @@
   "overrides": {
     "typescript": "^5.1.6"
   },
-  "gitHead": "35cab4b4bd031f556f2606ed784bf8bdb3e1b02b"
+  "gitHead": "c1417a374111bd6ab1e30270ec575e800e0c6bb9"
 }

package/src/components/buttons/CommitButtonView.tsx

@@ -5,15 +5,6 @@ import styled, { CSSProperties, css } from "styled-components";
 import { IButton } from "../ui/ThemedButton";
 import { SvgImage } from "../ui/SvgImage";
 import { Grid } from "../ui/Grid";
-
-const Wrapper = styled.div`
-  width: fit-content;
-  height: fit-content;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-
 const StyledButton = styled(Button)<{
   $color: CommitButtonViewProps["color"];
   $shape: CommitButtonViewProps["shape"];
@@ -32,12 +23,41 @@ const StyledButton = styled(Button)<{
     return "";
   }}
   svg * {
+    fill: black;
+  }
+  &:not(:disabled) svg * {
     fill: ${({ $color }) => ($color === "black" ? "white" : "black")};
   }
   &:hover:not(:disabled) * {
     fill: ${({ $color }) => ($color === "black" ? "black" : "white")};
   }
 `;
+const Tagline = styled.div`
+  margin-top: 3px;
+  cursor: pointer;
+  color: black;
+  text-shadow:
+    0.07em 0 white,
+    0 0.07em white,
+    -0.07em 0 white,
+    0 -0.07em white,
+    -0.07em -0.07em white,
+    -0.07em 0.07em white,
+    0.07em -0.07em white,
+    0.07em 0.07em white;
+`;
+
+const Wrapper = styled.div`
+  width: fit-content;
+  height: fit-content;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  ${StyledButton} {
+    transition: background 150ms ease-in-out;
+  }
+`;
 
 export type CommitButtonViewProps = {
   disabled?: boolean;
@@ -47,10 +67,8 @@ export type CommitButtonViewProps = {
   minHeight?: CSSProperties["minHeight"];
   color?: "green" | "black" | "white";
   shape?: "sharp" | "rounded" | "pill";
-} & (
-  | { onTaglineClick: MouseEventHandler<HTMLDivElement>; tagline: true }
-  | { onTaglineClick?: undefined; tagline?: false }
-);
+  onTaglineClick?: MouseEventHandler<HTMLDivElement>;
+};
 
 const colorToVariant = {
   green: "bosonPrimary",
@@ -70,7 +88,6 @@ export const CommitButtonView = forwardRef<
       minHeight,
       layout = "horizontal",
       color = "green",
-      tagline = true,
       onTaglineClick,
       shape = "sharp"
     },
@@ -103,15 +120,10 @@ export const CommitButtonView = forwardRef<
             />
           </Grid>
         </StyledButton>
-        {tagline && (
-          <div
-            role="button"
-            onClick={onTaglineClick}
-            style={{ cursor: "pointer" }}
-          >
-            What is a physical NFT?
-          </div>
-        )}
+
+        <Tagline role="button" onClick={onTaglineClick}>
+          What is a physical NFT?
+        </Tagline>
       </Wrapper>
     );
   }

package/src/components/modal/components/Commit/CommitNonModal.tsx

@@ -6,7 +6,7 @@ import { Exchange } from "../../../../types/exchange";
 import { VariantV1 } from "../../../../types/variants";
 import Loading from "../../../ui/loading/Loading";
 import NonModal, { NonModalProps } from "../../nonModal/NonModal";
-import { BosonFooter } from "../common/BosonFooter";
+import { BosonLogo } from "../common/BosonLogo";
 import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
 import {
   DetailContextProps,
@@ -52,7 +52,7 @@ export function CommitWrapper({ hideModal, ...props }: CommitNonModalProps) {
   return (
     <NonModal
       hideModal={hideModal}
-      footerComponent={<BosonFooter />}
+      footerComponent={<BosonLogo />}
       contentStyle={{
         background: colors.white
       }}

package/src/components/modal/components/Commit/CommitSuccess/CommitSuccess.tsx

@@ -18,6 +18,7 @@ import { Typography } from "../../../../ui/Typography";
 import Loading from "../../../../ui/loading/Loading";
 import { useNonModalContext } from "../../../nonModal/NonModal";
 import { CardCTA } from "./CardCTA";
+import { BosonLogo } from "../../common/BosonLogo";
 
 const colors = theme.colors.light;
 
@@ -58,7 +59,8 @@ export function CommitSuccess({ onHouseClick, exchangeId, commitHash }: Props) {
         ),
         contentStyle: {
           background: colors.white
-        }
+        },
+        footerComponent: <BosonLogo />
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.tsx

@@ -6,6 +6,7 @@ import ContractualAgreement from "../../../../contractualAgreement/ContractualAg
 import { useNonModalContext } from "../../../nonModal/NonModal";
 import { theme } from "../../../../../theme";
 import { Offer } from "../../../../../types/offer";
+import { BosonLogo } from "../../common/BosonLogo";
 
 const colors = theme.colors.light;
 interface Props {
@@ -31,7 +32,8 @@ export function ContractualAgreementView({ onBackClick, offer }: Props) {
         ),
         contentStyle: {
           background: colors.white
-        }
+        },
+        footerComponent: <BosonLogo />
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.tsx

@@ -6,6 +6,7 @@ import { Exchange } from "../../../../../types/exchange";
 import License from "../../../../license/License";
 import { useNonModalContext } from "../../../nonModal/NonModal";
 import { theme } from "../../../../../theme";
+import { BosonLogo } from "../../common/BosonLogo";
 
 const colors = theme.colors.light;
 interface Props {
@@ -30,7 +31,8 @@ export function LicenseAgreementView({ onBackClick, offer }: Props) {
         ),
         contentStyle: {
           background: colors.white
-        }
+        },
+        footerComponent: <BosonLogo />
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.tsx

@@ -8,6 +8,7 @@ import { ArrowLeft } from "phosphor-react";
 import { Typography } from "../../../../ui/Typography";
 import { OnClickBuyOrSwapHandler } from "../../common/detail/types";
 import { UseGetOfferDetailDataProps } from "../../common/detail/useGetOfferDetailData";
+import { BosonLogo } from "../../common/BosonLogo";
 
 const colors = theme.colors.light;
 type Props = OnClickBuyOrSwapHandler & {
@@ -38,7 +39,8 @@ export function OfferFullDescriptionView({
         contentStyle: {
           background: colors.white,
           padding: 0
-        }
+        },
+        footerComponent: <BosonLogo />
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.tsx

@@ -8,6 +8,7 @@ import OfferPolicyDetails, {
 } from "../../../../offerPolicy/OfferPolicyDetails";
 import { useNonModalContext } from "../../../nonModal/NonModal";
 import { theme } from "../../../../../theme";
+import { BosonLogo } from "../../common/BosonLogo";
 
 const colors = theme.colors.light;
 interface Props {
@@ -42,7 +43,8 @@ export function CommitOfferPolicyView({
         ),
         contentStyle: {
           background: colors.white
-        }
+        },
+        footerComponent: <BosonLogo />
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/components/modal/components/Commit/OfferVariantView.tsx

@@ -25,6 +25,7 @@ import { CommitDetailViewWithProvider } from "./DetailView/CommitDetailViewWithP
 import { DetailContextProps } from "../common/detail/DetailViewProvider";
 import { OnClickBuyOrSwapHandler } from "../common/detail/types";
 import { UseGetOfferDetailDataProps } from "../common/detail/useGetOfferDetailData";
+import { BosonLogo } from "../common/BosonLogo";
 
 const colors = theme.colors.light;
 const ImageWrapper = styled.div`
@@ -119,7 +120,8 @@ export function OfferVariantView({
         ),
         contentStyle: {
           background: isCommitting ? colors.white : colors.lightGrey
-        }
+        },
+        footerComponent: <BosonLogo />
       }
     });
   }, [dispatch, isCommitting]);

package/src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode, useCallback } from "react";
 import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
 import NonModal from "../../nonModal/NonModal";
-import { BosonFooter } from "../common/BosonFooter";
+import { BosonLogo } from "../common/BosonLogo";
 import { theme } from "../../../../theme";
 import { CSSProperties } from "styled-components";
 const colors = theme.colors.light;
@@ -31,7 +31,7 @@ export const PurchaseOverview: React.FC<PurchaseOverviewProps> = ({
     <Wrapper>
       <NonModal
         hideModal={hideModal}
-        footerComponent={<BosonFooter />}
+        footerComponent={null}
         contentStyle={{
           background: colors.white
         }}

package/src/components/modal/components/Redeem/ContractualAgreementView/ContractualAgreementView.tsx

@@ -5,6 +5,7 @@ import { Exchange } from "../../../../../types/exchange";
 import ContractualAgreement from "../../../../contractualAgreement/ContractualAgreement";
 import { useNonModalContext } from "../../../nonModal/NonModal";
 import { theme } from "../../../../../theme";
+import { BosonLogo } from "../../common/BosonLogo";
 
 const colors = theme.colors.light;
 interface Props {
@@ -31,7 +32,8 @@ export function ContractualAgreementView({ onBackClick, exchange }: Props) {
         ),
         contentStyle: {
           background: colors.white
-        }
+        },
+        footerComponent: <BosonLogo />
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -8,6 +8,7 @@ import { useNonModalContext } from "../../../../nonModal/NonModal";
 import { theme } from "../../../../../../theme";
 import { OnClickBuyOrSwapHandler } from "../../../common/detail/types";
 import { UseGetOfferDetailDataProps } from "../../../common/detail/useGetOfferDetailData";
+import { BosonLogo } from "../../../common/BosonLogo";
 
 const colors = theme.colors.light;
 interface Props
@@ -42,7 +43,8 @@ export function ExchangeFullDescriptionView({
         contentStyle: {
           background: colors.white,
           padding: 0
-        }
+        },
+        footerComponent: <BosonLogo />
       }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps