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

package/src/components/modal/nonModal/NonModal.tsx

@@ -173,7 +173,10 @@ type Action = {
   payload: State;
 };
 
-type State = Pick<NonModalProps, "headerComponent" | "contentStyle">;
+type State = Pick<
+  NonModalProps,
+  "headerComponent" | "contentStyle" | "footerComponent"
+>;
 
 const reducer = (state: State, action: Action): State => {
   const { payload } = action;
@@ -212,7 +215,7 @@ export default function NonModal({
   children,
   hideModal,
   headerComponent,
-  footerComponent: FooterComponent,
+  footerComponent,
   size = "auto",
   maxWidths = null,
   theme = "light",
@@ -226,11 +229,18 @@ export default function NonModal({
       hideModal();
     }
   };
-  const [{ headerComponent: HeaderComponent, contentStyle }, dispatch] =
-    useReducer(reducer, {
-      headerComponent,
-      contentStyle: _contentStyle
-    });
+  const [
+    {
+      headerComponent: HeaderComponent,
+      footerComponent: FooterComponent,
+      contentStyle
+    },
+    dispatch
+  ] = useReducer(reducer, {
+    headerComponent,
+    footerComponent,
+    contentStyle: _contentStyle
+  });
   const Container = useMemo(() => {
     return ({ children }: { children: ReactNode }) => {
       return lookAndFeel === "modal" ? (

package/src/components/ui/SvgImage.tsx

@@ -1,8 +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;
 };
 

package/src/index.tsx

@@ -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/cjs/components/modal/components/common/BosonFooter.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function BosonFooter(): JSX.Element;
-//# sourceMappingURL=BosonFooter.d.ts.map

package/dist/cjs/components/modal/components/common/BosonFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BosonFooter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/BosonFooter.tsx"],"names":[],"mappings":";AAKA,wBAAgB,WAAW,gBAM1B"}

package/dist/cjs/components/modal/components/common/BosonFooter.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BosonFooter = void 0;
-const react_1 = __importDefault(require("react"));
-const logo_svg_1 = __importDefault(require("../../../../assets/logo.svg"));
-const Grid_1 = require("../../../ui/Grid");
-const SvgImage_1 = require("../../../ui/SvgImage");
-function BosonFooter() {
-    return (react_1.default.createElement(Grid_1.Grid, { justifyContent: "center", padding: "1.5rem 0" },
-        react_1.default.createElement(SvgImage_1.SvgImage, { src: logo_svg_1.default, height: "24px" })));
-}
-exports.BosonFooter = BosonFooter;
-//# sourceMappingURL=BosonFooter.js.map

package/dist/cjs/components/modal/components/common/BosonFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BosonFooter.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/BosonFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2EAAyD;AACzD,2CAAwC;AACxC,mDAAgD;AAEhD,SAAgB,WAAW;IACzB,OAAO,CACL,8BAAC,WAAI,IAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU;QAC9C,8BAAC,mBAAQ,IAAC,GAAG,EAAE,kBAAc,EAAE,MAAM,EAAC,MAAM,GAAG,CAC1C,CACR,CAAC;AACJ,CAAC;AAND,kCAMC"}

package/dist/esm/components/modal/components/common/BosonFooter.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function BosonFooter(): JSX.Element;
-//# sourceMappingURL=BosonFooter.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BosonFooter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/BosonFooter.tsx"],"names":[],"mappings":";AAKA,wBAAgB,WAAW,gBAM1B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"BosonFooter.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/BosonFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,oBAAC,IAAI,IAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU;QAC9C,oBAAC,QAAQ,IAAC,GAAG,EAAE,cAAc,EAAE,MAAM,EAAC,MAAM,GAAG,CAC1C,CACR,CAAC;AACJ,CAAC"}

package/src/components/modal/components/common/BosonFooter.tsx

@@ -1,12 +0,0 @@
-import React from "react";
-import ReactComponent from "../../../../assets/logo.svg";
-import { Grid } from "../../../ui/Grid";
-import { SvgImage } from "../../../ui/SvgImage";
-
-export function BosonFooter() {
-  return (
-    <Grid justifyContent="center" padding="1.5rem 0">
-      <SvgImage src={ReactComponent} height="24px" />
-    </Grid>
-  );
-}