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

package/dist/cjs/components/modal/components/Commit/DetailView/RedeemWhatsNext.js

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RedeemWhatsNext = void 0;
+const styled_components_1 = require("styled-components");
+const Grid_1 = require("../../../../ui/Grid");
+const Typography_1 = require("../../../../ui/Typography");
+const react_1 = __importDefault(require("react"));
+const Button_1 = require("../../../../buttons/Button");
+const phosphor_react_1 = require("phosphor-react");
+const hooks_1 = require("../../../../../hooks");
+const getOpenSeaUrl_1 = require("../../../../../lib/opensea/getOpenSeaUrl");
+const dayjs_1 = __importDefault(require("dayjs"));
+const getDateTimestamp_1 = require("../../../../../lib/dates/getDateTimestamp");
+const theme_1 = require("../../../../../theme");
+const useModal_1 = require("../../../useModal");
+const ThemedButton_1 = __importDefault(require("../../../../ui/ThemedButton"));
+const DividerWrapper = styled_components_1.styled.div `
+  width: 100%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &::after {
+    content: "OR";
+    position: absolute;
+    padding: 0 1rem;
+    background: ${(0, theme_1.getCssVar)("--background-accent-color")};
+    color: color-mix(
+      in srgb,
+      ${(0, theme_1.getCssVar)("--sub-text-color")} 50%,
+      transparent 50%
+    );
+    font-weight: 736;
+  }
+
+  hr {
+    width: 100%;
+    border: none;
+    border-top: 1px solid ${(0, theme_1.getCssVar)("--sub-text-color")};
+    opacity: 0.5;
+  }
+`;
+const Wrapper = (0, styled_components_1.styled)(Grid_1.Grid) `
+  container-type: inline-size;
+  background-color: ${(0, theme_1.getCssVar)("--background-accent-color")};
+  box-shadow: 0px 4.318px 40px 0px rgba(21, 30, 52, 0.1);
+  padding: 1rem;
+  margin: 1rem 0;
+`;
+const containerBreakpoint = "400px";
+const CtaGrid = (0, styled_components_1.styled)(Grid_1.Grid) `
+  flex-direction: column;
+  gap: 1rem;
+  > * {
+    width: 100%;
+  }
+  @container (width > ${containerBreakpoint}) {
+    flex-direction: row;
+    gap: 2rem;
+    > * {
+      flex: 1 1 100%;
+    }
+  }
+`;
+const InfoWrapper = (0, styled_components_1.styled)(Grid_1.Grid) `
+  background-color: ${(0, theme_1.getCssVar)("--background-color")};
+  border-radius: 0.25rem;
+  padding: 0.5rem 1rem;
+`;
+const RedeemWhatsNext = ({ exchangeId, requestShipmentProps }) => {
+    var _a, _b;
+    const { showModal } = (0, useModal_1.useModal)();
+    const { config } = (0, hooks_1.useConfigContext)();
+    const { data: exchanges } = (0, hooks_1.useExchanges)({
+        id: exchangeId
+    }, {
+        enabled: true
+    });
+    const exchange = exchanges === null || exchanges === void 0 ? void 0 : exchanges[0];
+    const voucherRedeemableUntilDate = ((_a = exchange === null || exchange === void 0 ? void 0 : exchange.validUntilDate) !== null && _a !== void 0 ? _a : exchange === null || exchange === void 0 ? void 0 : exchange.offer.voucherRedeemableUntilDate)
+        ? (0, dayjs_1.default)((0, getDateTimestamp_1.getDateTimestamp)((_b = exchange === null || exchange === void 0 ? void 0 : exchange.validUntilDate) !== null && _b !== void 0 ? _b : exchange === null || exchange === void 0 ? void 0 : exchange.offer.voucherRedeemableUntilDate))
+        : null;
+    return (react_1.default.createElement(Wrapper, { flexDirection: "column", alignItems: "flex-start", gap: "1rem" },
+        react_1.default.createElement(Typography_1.Typography, { fontWeight: 600 }, "What's next?"),
+        exchange && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(CtaGrid, null,
+                requestShipmentProps && (react_1.default.createElement(Button_1.Button, { style: { flex: "1 1 50%" }, onClick: () => {
+                        showModal("REQUEST_SHIPMENT", Object.assign({ exchange }, requestShipmentProps), "auto", { xs: "550px" });
+                    } }, "Request shipment")),
+                react_1.default.createElement("a", { href: (0, getOpenSeaUrl_1.getOpenSeaUrl)({
+                        configId: config.configId,
+                        envName: config.envName,
+                        exchange
+                    }), target: "_blank", rel: "noreferrer", style: { flex: "1 1 50%" } },
+                    react_1.default.createElement(ThemedButton_1.default, { themeVal: "secondary", style: { width: "100%" } }, "Trade Physical NFT"))),
+            react_1.default.createElement(DividerWrapper, null,
+                react_1.default.createElement("hr", null)))),
+        react_1.default.createElement(InfoWrapper, { gap: "0.8438rem" },
+            react_1.default.createElement(phosphor_react_1.Info, { color: theme_1.colors.violet, size: 18 }),
+            react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", alignItems: "flex-start" },
+                react_1.default.createElement(Typography_1.Typography, { color: (0, theme_1.getCssVar)("--main-text-color"), fontSize: "0.75rem", fontWeight: 600 }, "Holding your NFT"),
+                react_1.default.createElement(Typography_1.Typography, { color: (0, theme_1.getCssVar)("--sub-text-color"), fontSize: "0.75rem", fontWeight: 600, opacity: 0.5 },
+                    "You can request shipment or trade the NFT later. Feel free to leave this modal and return until",
+                    " ",
+                    voucherRedeemableUntilDate
+                        ? voucherRedeemableUntilDate.format("MMMM D, YYYY")
+                        : "-",
+                    ".")))));
+};
+exports.RedeemWhatsNext = RedeemWhatsNext;
+//# sourceMappingURL=RedeemWhatsNext.js.map

package/dist/cjs/components/modal/components/Commit/DetailView/RedeemWhatsNext.js.map

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

package/dist/cjs/components/modal/components/Commit/DetailView/common/QuantityDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityDisplay.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/modal/components/Commit/DetailView/common/QuantityDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,UAAU,gBAAgB;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgCtD,CAAC"}
+{"version":3,"file":"QuantityDisplay.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/modal/components/Commit/DetailView/common/QuantityDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,UAAU,gBAAgB;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgCtD,CAAC"}

package/dist/cjs/components/modal/components/Commit/DetailView/common/QuantityDisplay.js

@@ -15,34 +15,42 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuantityDisplay = void 0;
 const react_1 = __importStar(require("react"));
 const useBreakpoints_1 = require("../../../../../../hooks/useBreakpoints");
 const getOfferLabel_1 = require("../../../../../../lib/offer/getOfferLabel");
-const theme_1 = require("../../../../../../theme");
 const Grid_1 = require("../../../../../ui/Grid");
 const Typography_1 = require("../../../../../ui/Typography");
-const colors = theme_1.theme.colors.light;
 const QuantityDisplay = ({ quantityInitial, quantity }) => {
     const { isLteXS } = (0, useBreakpoints_1.useBreakpoints)();
     const isHotOffer = (0, react_1.useMemo)(() => (0, getOfferLabel_1.isOfferHot)(`${quantity}`, `${quantityInitial}`), [quantity, quantityInitial]);
     return (react_1.default.createElement(Grid_1.Grid, { alignItems: "center", justifyContent: "flex-end", style: { marginTop: isLteXS ? "-7rem" : "0" } },
-        react_1.default.createElement(Typography_1.Typography, { tag: "p", style: { color: colors.orange, margin: 0 } }, isHotOffer ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Typography_1.Typography, { tag: "p", margin: 0, fontSize: "0.75rem", fontWeight: 600 }, isHotOffer ? (react_1.default.createElement(react_1.default.Fragment, null,
             quantity === 0 && "No items available!",
             quantity > 0 &&
                 `Only ${quantity} ${quantity === 1 ? "item" : "items"} left!`)) : (react_1.default.createElement(react_1.default.Fragment, null,
             quantity,
             "/",
             quantityInitial,
-            " remaining")))));
+            " items remaining")))));
 };
 exports.QuantityDisplay = QuantityDisplay;
 //# sourceMappingURL=QuantityDisplay.js.map

package/dist/cjs/components/modal/components/Commit/DetailView/common/QuantityDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityDisplay.js","sourceRoot":"","sources":["../../../../../../../../src/components/modal/components/Commit/DetailView/common/QuantityDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,2EAAwE;AACxE,6EAAuE;AACvE,mDAAgD;AAChD,iDAA8C;AAC9C,6DAA0D;AAC1D,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAK3B,MAAM,eAAe,GAA+B,CAAC,EAC1D,eAAe,EACf,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAErC,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,IAAA,0BAAU,EAAC,GAAG,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC,EACrD,CAAC,QAAQ,EAAE,eAAe,CAAC,CAC5B,CAAC;IAEF,OAAO,CACL,8BAAC,WAAI,IACH,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,UAAU,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE;QAE7C,8BAAC,uBAAU,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,UAAU,CAAC,CAAC,CAAC,CACZ;YACG,QAAQ,KAAK,CAAC,IAAI,qBAAqB;YACvC,QAAQ,GAAG,CAAC;gBACX,QAAQ,QAAQ,IAAI,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,QAAQ,CAC9D,CACJ,CAAC,CAAC,CAAC,CACF;YACG,QAAQ;;YAAG,eAAe;yBAC1B,CACJ,CACU,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,eAAe,mBAgC1B"}
+{"version":3,"file":"QuantityDisplay.js","sourceRoot":"","sources":["../../../../../../../../src/components/modal/components/Commit/DetailView/common/QuantityDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,2EAAwE;AACxE,6EAAuE;AACvE,iDAA8C;AAC9C,6DAA0D;AAMnD,MAAM,eAAe,GAA+B,CAAC,EAC1D,eAAe,EACf,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAErC,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,IAAA,0BAAU,EAAC,GAAG,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC,EACrD,CAAC,QAAQ,EAAE,eAAe,CAAC,CAC5B,CAAC;IAEF,OAAO,CACL,8BAAC,WAAI,IACH,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,UAAU,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE;QAE7C,8BAAC,uBAAU,IAAC,GAAG,EAAC,GAAG,EAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,SAAS,EAAC,UAAU,EAAE,GAAG,IAC9D,UAAU,CAAC,CAAC,CAAC,CACZ;YACG,QAAQ,KAAK,CAAC,IAAI,qBAAqB;YACvC,QAAQ,GAAG,CAAC;gBACX,QAAQ,QAAQ,IAAI,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,QAAQ,CAC9D,CACJ,CAAC,CAAC,CAAC,CACF;YACG,QAAQ;;YAAG,eAAe;+BAC1B,CACJ,CACU,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,eAAe,mBAgC1B"}

package/dist/cjs/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import React from "react";
 import { Exchange } from "../../../../../types/exchange";
 interface Props {
     onBackClick: () => void;
     offer: Exchange["offer"] | null;
+    showBosonLogoInHeader: boolean;
 }
-export declare function LicenseAgreementView({ onBackClick, offer }: Props): JSX.Element;
+export declare function LicenseAgreementView({ onBackClick, offer, showBosonLogoInHeader }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=LicenseAgreementView.d.ts.map

package/dist/cjs/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LicenseAgreementView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAOzD,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,eAgCjE"}
+{"version":3,"file":"LicenseAgreementView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAMzD,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAChC,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,KAAK,EACL,qBAAqB,EACtB,EAAE,KAAK,qBA4BP"}

package/dist/cjs/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.js

@@ -15,44 +15,47 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LicenseAgreementView = void 0;
+exports.LicenseAgreementView = LicenseAgreementView;
 const react_1 = __importStar(require("react"));
-const Grid_1 = require("../../../../ui/Grid");
-const Typography_1 = require("../../../../ui/Typography");
-const phosphor_react_1 = require("phosphor-react");
 const License_1 = __importDefault(require("../../../../license/License"));
 const NonModal_1 = require("../../../nonModal/NonModal");
 const theme_1 = require("../../../../../theme");
-const BosonLogo_1 = require("../../common/BosonLogo");
-const colors = theme_1.theme.colors.light;
-function LicenseAgreementView({ onBackClick, offer }) {
-    const dispatch = (0, NonModal_1.useNonModalContext)();
+const HeaderView_1 = require("../../../nonModal/headers/HeaderView");
+function LicenseAgreementView({ onBackClick, offer, showBosonLogoInHeader }) {
+    const { dispatch } = (0, NonModal_1.useNonModalContext)();
     (0, react_1.useEffect)(() => {
         dispatch({
             payload: {
-                headerComponent: (react_1.default.createElement(Grid_1.Grid, { gap: "1rem", justifyContent: "flex-start", style: { flex: "1 1" } },
-                    react_1.default.createElement(phosphor_react_1.ArrowLeft, { onClick: onBackClick, size: 32, style: { cursor: "pointer" } }),
-                    react_1.default.createElement(Typography_1.Typography, { tag: "h3" }, "License Agreement"))),
+                onArrowLeftClick: onBackClick,
+                headerComponent: (react_1.default.createElement(HeaderView_1.HeaderView, { text: "License Agreement", showBosonLogoInHeader: showBosonLogoInHeader })),
                 contentStyle: {
-                    background: colors.white
+                    background: (0, theme_1.getCssVar)("--background-accent-color")
                 },
-                footerComponent: react_1.default.createElement(BosonLogo_1.BosonLogo, null)
+                footerComponent: null
             }
         });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatch]);
+    }, [dispatch, showBosonLogoInHeader, onBackClick]);
     return (react_1.default.createElement(react_1.default.Fragment, null, offer ? (react_1.default.createElement(License_1.default, { offerId: offer.id, offerData: offer })) : (react_1.default.createElement("p", null, "Offer could not be retrieved"))));
 }
-exports.LicenseAgreementView = LicenseAgreementView;
 //# sourceMappingURL=LicenseAgreementView.js.map

package/dist/cjs/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.js.map

@@ -1 +1 @@
-{"version":3,"file":"LicenseAgreementView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,8CAA2C;AAC3C,0DAAuD;AACvD,mDAA2C;AAE3C,0EAAkD;AAClD,yDAAgE;AAChE,gDAA6C;AAC7C,sDAAmD;AAEnD,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAMlC,SAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,KAAK,EAAS;IAChE,MAAM,QAAQ,GAAG,IAAA,6BAAkB,GAAE,CAAC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,CACf,8BAAC,WAAI,IAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;oBACjE,8BAAC,0BAAS,IACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC5B;oBACF,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,wBAA+B,CAC9C,CACR;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;iBACzB;gBACD,eAAe,EAAE,8BAAC,qBAAS,OAAG;aAC/B;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,CACL,8DACG,KAAK,CAAC,CAAC,CAAC,CACP,8BAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,wEAAmC,CACpC,CACA,CACJ,CAAC;AACJ,CAAC;AAhCD,oDAgCC"}
+{"version":3,"file":"LicenseAgreementView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/LicenseAgreementView/LicenseAgreementView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,oDAgCC;AA7CD,+CAAyC;AAEzC,0EAAkD;AAClD,yDAAgE;AAChE,gDAAiD;AACjD,qEAAkE;AAQlE,SAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,KAAK,EACL,qBAAqB,EACf;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,gBAAgB,EAAE,WAAW;gBAC7B,eAAe,EAAE,CACf,8BAAC,uBAAU,IACT,IAAI,EAAE,mBAAmB,EACzB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,IAAA,iBAAS,EAAC,2BAA2B,CAAC;iBACnD;gBACD,eAAe,EAAE,IAAI;aACtB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC,CAAC;IACnD,OAAO,CACL,8DACG,KAAK,CAAC,CAAC,CAAC,CACP,8BAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,wEAAmC,CACpC,CACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/cjs/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="react" />
+import React from "react";
 import { Offer } from "../../../../../types/offer";
 import { OnClickBuyOrSwapHandler } from "../../common/detail/types";
 import { UseGetOfferDetailDataProps } from "../../common/detail/useGetOfferDetailData";
 type Props = OnClickBuyOrSwapHandler & {
     onBackClick: () => void;
     offer: Offer;
+    showBosonLogoInHeader: boolean;
 } & Pick<UseGetOfferDetailDataProps, "onExchangePolicyClick">;
-export declare function OfferFullDescriptionView({ onBackClick, offer, onExchangePolicyClick, onClickBuyOrSwap }: Props): JSX.Element;
+export declare function OfferFullDescriptionView({ onBackClick, offer, onExchangePolicyClick, onClickBuyOrSwap, showBosonLogoInHeader }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=OfferFullDescriptionView.d.ts.map

package/dist/cjs/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OfferFullDescriptionView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAMnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAIvF,KAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,IAAI,CAAC,0BAA0B,EAAE,uBAAuB,CAAC,CAAC;AAE9D,wBAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,KAAK,EACL,qBAAqB,EACrB,gBAAgB,EACjB,EAAE,KAAK,eAkCP"}
+{"version":3,"file":"OfferFullDescriptionView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAGnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAGvF,KAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,OAAO,CAAC;CAChC,GAAG,IAAI,CAAC,0BAA0B,EAAE,uBAAuB,CAAC,CAAC;AAE9D,wBAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,KAAK,EACL,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACtB,EAAE,KAAK,qBAoCP"}

package/dist/cjs/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.js

@@ -15,44 +15,53 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OfferFullDescriptionView = void 0;
+exports.OfferFullDescriptionView = OfferFullDescriptionView;
 const react_1 = __importStar(require("react"));
 const theme_1 = require("../../../../../theme");
 const NonModal_1 = require("../../../nonModal/NonModal");
 const OfferFullDescription_1 = require("../../common/OfferFullDescription/OfferFullDescription");
-const Grid_1 = require("../../../../ui/Grid");
-const phosphor_react_1 = require("phosphor-react");
-const Typography_1 = require("../../../../ui/Typography");
-const BosonLogo_1 = require("../../common/BosonLogo");
-const colors = theme_1.theme.colors.light;
-function OfferFullDescriptionView({ onBackClick, offer, onExchangePolicyClick, onClickBuyOrSwap }) {
+const HeaderView_1 = require("../../../nonModal/headers/HeaderView");
+function OfferFullDescriptionView({ onBackClick, offer, onExchangePolicyClick, onClickBuyOrSwap, showBosonLogoInHeader }) {
     var _a;
-    const dispatch = (0, NonModal_1.useNonModalContext)();
+    const { dispatch, showConnectButton } = (0, NonModal_1.useNonModalContext)();
     (0, react_1.useEffect)(() => {
         var _a;
         dispatch({
             payload: {
-                headerComponent: (react_1.default.createElement(Grid_1.Grid, { gap: "1rem", style: { flex: "1 1" }, justifyContent: "flex-start" },
-                    react_1.default.createElement(phosphor_react_1.ArrowLeft, { onClick: onBackClick, size: 32, style: { cursor: "pointer" } }),
-                    react_1.default.createElement(Typography_1.Typography, { tag: "h3" }, ((_a = offer.metadata) === null || _a === void 0 ? void 0 : _a.name) || ""))),
+                onArrowLeftClick: onBackClick,
+                headerComponent: (react_1.default.createElement(HeaderView_1.HeaderView, { text: ((_a = offer.metadata) === null || _a === void 0 ? void 0 : _a.name) || "", showBosonLogoInHeader: showBosonLogoInHeader })),
                 contentStyle: {
-                    background: colors.white,
+                    background: (0, theme_1.getCssVar)("--background-accent-color"),
                     padding: 0
                 },
-                footerComponent: react_1.default.createElement(BosonLogo_1.BosonLogo, null)
+                footerComponent: null
             }
         });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatch, (_a = offer.metadata) === null || _a === void 0 ? void 0 : _a.name]);
+    }, [
+        dispatch,
+        (_a = offer.metadata) === null || _a === void 0 ? void 0 : _a.name,
+        onBackClick,
+        showBosonLogoInHeader,
+        showConnectButton
+    ]);
     return (react_1.default.createElement(OfferFullDescription_1.OfferFullDescription, { includeOverviewTab: true, includeGeneralProductDataTab: true, offer: offer, exchange: null, onExchangePolicyClick: onExchangePolicyClick, onClickBuyOrSwap: onClickBuyOrSwap }));
 }
-exports.OfferFullDescriptionView = OfferFullDescriptionView;
 //# sourceMappingURL=OfferFullDescriptionView.js.map

package/dist/cjs/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.js.map

@@ -1 +1 @@
-{"version":3,"file":"OfferFullDescriptionView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,gDAA6C;AAE7C,yDAAgE;AAChE,iGAA8F;AAC9F,8CAA2C;AAC3C,mDAA2C;AAC3C,0DAAuD;AAGvD,sDAAmD;AAEnD,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAMlC,SAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,KAAK,EACL,qBAAqB,EACrB,gBAAgB,EACV;;IACN,MAAM,QAAQ,GAAG,IAAA,6BAAkB,GAAE,CAAC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,CACf,8BAAC,WAAI,IAAC,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,EAAC,YAAY;oBAClE,8BAAC,0BAAS,IACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC5B;oBACF,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,IAAE,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,KAAI,EAAE,CAAc,CACzD,CACR;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;oBACxB,OAAO,EAAE,CAAC;iBACX;gBACD,eAAe,EAAE,8BAAC,qBAAS,OAAG;aAC/B;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC,CAAC;IACrC,OAAO,CACL,8BAAC,2CAAoB,IACnB,kBAAkB,QAClB,4BAA4B,QAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,EACd,qBAAqB,EAAE,qBAAqB,EAC5C,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC;AAvCD,4DAuCC"}
+{"version":3,"file":"OfferFullDescriptionView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/OfferFullDescriptionView/OfferFullDescriptionView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,4DA0CC;AAzDD,+CAAyC;AACzC,gDAAiD;AAEjD,yDAAgE;AAChE,iGAA8F;AAG9F,qEAAkE;AAQlE,SAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,KAAK,EACL,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACf;;IACN,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAC7D,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,gBAAgB,EAAE,WAAW;gBAC7B,eAAe,EAAE,CACf,8BAAC,uBAAU,IACT,IAAI,EAAE,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,KAAI,EAAE,EAChC,qBAAqB,EAAE,qBAAqB,GAC5C,CACH;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,IAAA,iBAAS,EAAC,2BAA2B,CAAC;oBAClD,OAAO,EAAE,CAAC;iBACX;gBACD,eAAe,EAAE,IAAI;aACtB;SACF,CAAC,CAAC;IACL,CAAC,EAAE;QACD,QAAQ;QACR,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI;QACpB,WAAW;QACX,qBAAqB;QACrB,iBAAiB;KAClB,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,2CAAoB,IACnB,kBAAkB,QAClB,4BAA4B,QAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,EACd,qBAAqB,EAAE,qBAAqB,EAC5C,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC"}

package/dist/cjs/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { Exchange } from "../../../../../types/exchange";
 import { OfferPolicyDetailsProps } from "../../../../offerPolicy/OfferPolicyDetails";
 interface Props {
@@ -6,7 +6,8 @@ interface Props {
     offer: Exchange["offer"] | null | undefined;
     onContractualAgreementClick: OfferPolicyDetailsProps["onContractualAgreementClick"];
     onLicenseAgreementClick: OfferPolicyDetailsProps["onLicenseAgreementClick"];
+    showBosonLogoInHeader: boolean;
 }
-export declare function CommitOfferPolicyView({ onBackClick, offer, onContractualAgreementClick, onLicenseAgreementClick }: Props): JSX.Element;
+export declare function CommitOfferPolicyView({ onBackClick, offer, onContractualAgreementClick, onLicenseAgreementClick, showBosonLogoInHeader }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=CommitOfferPolicyView.d.ts.map

package/dist/cjs/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommitOfferPolicyView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAA2B,EACzB,uBAAuB,EACxB,MAAM,4CAA4C,CAAC;AAMpD,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,2BAA2B,EAAE,uBAAuB,CAAC,6BAA6B,CAAC,CAAC;IACpF,uBAAuB,EAAE,uBAAuB,CAAC,yBAAyB,CAAC,CAAC;CAC7E;AAED,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,KAAK,EACL,2BAA2B,EAC3B,uBAAuB,EACxB,EAAE,KAAK,eAuCP"}
+{"version":3,"file":"CommitOfferPolicyView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAA2B,EACzB,uBAAuB,EACxB,MAAM,4CAA4C,CAAC;AAKpD,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,2BAA2B,EAAE,uBAAuB,CAAC,6BAA6B,CAAC,CAAC;IACpF,uBAAuB,EAAE,uBAAuB,CAAC,yBAAyB,CAAC,CAAC;IAC5E,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,KAAK,EACL,2BAA2B,EAC3B,uBAAuB,EACvB,qBAAqB,EACtB,EAAE,KAAK,qBAwCP"}

package/dist/cjs/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.js

@@ -15,46 +15,57 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommitOfferPolicyView = void 0;
+exports.CommitOfferPolicyView = CommitOfferPolicyView;
 const react_1 = __importStar(require("react"));
-const Grid_1 = require("../../../../ui/Grid");
-const Typography_1 = require("../../../../ui/Typography");
-const phosphor_react_1 = require("phosphor-react");
 const OfferPolicyDetails_1 = __importDefault(require("../../../../offerPolicy/OfferPolicyDetails"));
 const NonModal_1 = require("../../../nonModal/NonModal");
 const theme_1 = require("../../../../../theme");
-const BosonLogo_1 = require("../../common/BosonLogo");
-const colors = theme_1.theme.colors.light;
-function CommitOfferPolicyView({ onBackClick, offer, onContractualAgreementClick, onLicenseAgreementClick }) {
-    var _a;
+const HeaderView_1 = require("../../../nonModal/headers/HeaderView");
+function CommitOfferPolicyView({ onBackClick, offer, onContractualAgreementClick, onLicenseAgreementClick, showBosonLogoInHeader }) {
+    var _a, _b;
     const offerName = ((_a = offer === null || offer === void 0 ? void 0 : offer.metadata) === null || _a === void 0 ? void 0 : _a.name) || "";
-    const dispatch = (0, NonModal_1.useNonModalContext)();
+    const { dispatch, showConnectButton } = (0, NonModal_1.useNonModalContext)();
     (0, react_1.useEffect)(() => {
+        var _a;
         dispatch({
             payload: {
-                headerComponent: (react_1.default.createElement(Grid_1.Grid, { gap: "1rem", style: { flex: "1" } },
-                    react_1.default.createElement(phosphor_react_1.ArrowLeft, { onClick: onBackClick, size: 32, style: { cursor: "pointer", flexShrink: 0 } }),
-                    react_1.default.createElement(Typography_1.Typography, { tag: "h3", style: { flex: "1 1" } }, offerName))),
+                onArrowLeftClick: onBackClick,
+                headerComponent: (react_1.default.createElement(HeaderView_1.HeaderView, { text: ((_a = offer === null || offer === void 0 ? void 0 : offer.metadata) === null || _a === void 0 ? void 0 : _a.name) || "", showBosonLogoInHeader: showBosonLogoInHeader })),
                 contentStyle: {
-                    background: colors.white
+                    background: (0, theme_1.getCssVar)("--background-accent-color")
                 },
-                footerComponent: react_1.default.createElement(BosonLogo_1.BosonLogo, null)
+                footerComponent: null
             }
         });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatch, offerName]);
+    }, [
+        dispatch,
+        (_b = offer === null || offer === void 0 ? void 0 : offer.metadata) === null || _b === void 0 ? void 0 : _b.name,
+        offerName,
+        onBackClick,
+        showBosonLogoInHeader,
+        showConnectButton
+    ]);
     return (react_1.default.createElement(react_1.default.Fragment, null, offer ? (react_1.default.createElement(OfferPolicyDetails_1.default, { offer: offer, onContractualAgreementClick: onContractualAgreementClick, onLicenseAgreementClick: onLicenseAgreementClick })) : (react_1.default.createElement("p", null, "Offer could not be retrieved"))));
 }
-exports.CommitOfferPolicyView = CommitOfferPolicyView;
 //# sourceMappingURL=CommitOfferPolicyView.js.map

package/dist/cjs/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommitOfferPolicyView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,8CAA2C;AAC3C,0DAAuD;AACvD,mDAA2C;AAE3C,oGAEoD;AACpD,yDAAgE;AAChE,gDAA6C;AAC7C,sDAAmD;AAEnD,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAQlC,SAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,KAAK,EACL,2BAA2B,EAC3B,uBAAuB,EACjB;;IACN,MAAM,SAAS,GAAG,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,KAAI,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,6BAAkB,GAAE,CAAC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,CACf,8BAAC,WAAI,IAAC,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;oBACnC,8BAAC,0BAAS,IACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,EAAE,GAC3C;oBACF,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IACxC,SAAS,CACC,CACR,CACR;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;iBACzB;gBACD,eAAe,EAAE,8BAAC,qBAAS,OAAG;aAC/B;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAC1B,OAAO,CACL,8DACG,KAAK,CAAC,CAAC,CAAC,CACP,8BAAC,4BAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,2BAA2B,EAAE,2BAA2B,EACxD,uBAAuB,EAAE,uBAAuB,GAChD,CACH,CAAC,CAAC,CAAC,CACF,wEAAmC,CACpC,CACA,CACJ,CAAC;AACJ,CAAC;AA5CD,sDA4CC"}
+{"version":3,"file":"CommitOfferPolicyView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/OfferPolicyView/CommitOfferPolicyView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,sDA8CC;AA/DD,+CAAyC;AAEzC,oGAEoD;AACpD,yDAAgE;AAChE,gDAAiD;AACjD,qEAAkE;AAUlE,SAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,KAAK,EACL,2BAA2B,EAC3B,uBAAuB,EACvB,qBAAqB,EACf;;IACN,MAAM,SAAS,GAAG,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,KAAI,EAAE,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAC7D,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,gBAAgB,EAAE,WAAW;gBAC7B,eAAe,EAAE,CACf,8BAAC,uBAAU,IACT,IAAI,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,KAAI,EAAE,EACjC,qBAAqB,EAAE,qBAAqB,GAC5C,CACH;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,IAAA,iBAAS,EAAC,2BAA2B,CAAC;iBACnD;gBACD,eAAe,EAAE,IAAI;aACtB;SACF,CAAC,CAAC;IACL,CAAC,EAAE;QACD,QAAQ;QACR,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI;QACrB,SAAS;QACT,WAAW;QACX,qBAAqB;QACrB,iBAAiB;KAClB,CAAC,CAAC;IACH,OAAO,CACL,8DACG,KAAK,CAAC,CAAC,CAAC,CACP,8BAAC,4BAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,2BAA2B,EAAE,2BAA2B,EACxD,uBAAuB,EAAE,uBAAuB,GAChD,CACH,CAAC,CAAC,CAAC,CACF,wEAAmC,CACpC,CACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/cjs/components/modal/components/Commit/OfferVariantView.d.ts

@@ -1,11 +1,10 @@
-import { Dispatch, SetStateAction } from "react";
+import React, { Dispatch, SetStateAction } from "react";
 import { VariantV1 } from "../../../../types/variants";
 import { DetailContextProps } from "../common/detail/DetailViewProvider";
 import { OnClickBuyOrSwapHandler } from "../common/detail/types";
 import { UseGetOfferDetailDataProps } from "../common/detail/useGetOfferDetailData";
-export type OfferVariantViewProps = OnClickBuyOrSwapHandler & Pick<UseGetOfferDetailDataProps, "onExchangePolicyClick"> & {
-    onCommit: (exchangeId: string, txHash: string) => void;
-    onPurchaseOverview: () => void;
+import { InnerCommitDetailViewProps } from "./DetailView/InnerCommitDetailView";
+export type OfferVariantViewProps = OnClickBuyOrSwapHandler & Pick<UseGetOfferDetailDataProps, "onExchangePolicyClick" | "exchange"> & Pick<InnerCommitDetailViewProps, "requestShipmentProps"> & {
     onViewFullDescription: () => void;
     onLicenseAgreementClick: () => void;
     onGetDetailViewProviderProps: (providerProps: DetailContextProps) => void;
@@ -13,9 +12,10 @@ export type OfferVariantViewProps = OnClickBuyOrSwapHandler & Pick<UseGetOfferDe
     selectedVariant: VariantV1;
     setSelectedVariant: Dispatch<SetStateAction<VariantV1 | undefined>>;
     allVariants: VariantV1[];
-    showBosonLogo?: boolean;
+    showBosonLogo: boolean;
+    showBosonLogoInHeader: boolean;
     disableVariationsSelects?: boolean;
     loadingViewFullDescription: boolean;
 };
-export declare function OfferVariantView({ selectedVariant, allVariants, showBosonLogo, disableVariationsSelects, loadingViewFullDescription, onCommit, onExchangePolicyClick, onLicenseAgreementClick, onPurchaseOverview, onViewFullDescription, onGetDetailViewProviderProps, onClickBuyOrSwap, onAlreadyOwnOfferClick, setSelectedVariant }: OfferVariantViewProps): JSX.Element;
+export declare function OfferVariantView({ selectedVariant, allVariants, showBosonLogo, disableVariationsSelects, loadingViewFullDescription, showBosonLogoInHeader, exchange, requestShipmentProps, onExchangePolicyClick, onLicenseAgreementClick, onViewFullDescription, onGetDetailViewProviderProps, onClickBuyOrSwap, onAlreadyOwnOfferClick, setSelectedVariant }: OfferVariantViewProps): React.JSX.Element;
 //# sourceMappingURL=OfferVariantView.d.ts.map

package/dist/cjs/components/modal/components/Commit/OfferVariantView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OfferVariantView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/Commit/OfferVariantView.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAWvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAkCpF,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,GACzD,IAAI,CAAC,0BAA0B,EAAE,uBAAuB,CAAC,GAAG;IAC1D,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,4BAA4B,EAAE,CAAC,aAAa,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1E,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,EAAE,SAAS,CAAC;IAC3B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC;IACpE,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAUJ,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,WAAW,EACX,aAAa,EACb,wBAAwB,EACxB,0BAA0B,EAC1B,QAAQ,EACR,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,4BAA4B,EAC5B,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EACnB,EAAE,qBAAqB,eAsJvB"}
+{"version":3,"file":"OfferVariantView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/Commit/OfferVariantView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAWvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAIpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AA+BhF,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,GACzD,IAAI,CAAC,0BAA0B,EAAE,uBAAuB,GAAG,UAAU,CAAC,GACtE,IAAI,CAAC,0BAA0B,EAAE,sBAAsB,CAAC,GAAG;IACzD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,4BAA4B,EAAE,CAAC,aAAa,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1E,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,EAAE,SAAS,CAAC;IAC3B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC;IACpE,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAUJ,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,WAAW,EACX,aAAa,EACb,wBAAwB,EACxB,0BAA0B,EAC1B,qBAAqB,EACrB,QAAQ,EACR,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,4BAA4B,EAC5B,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EACnB,EAAE,qBAAqB,qBA2JvB"}