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

package/dist/esm/components/modal/components/Commit/CommitNonModal.js

@@ -1,50 +1,47 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import React, { useCallback, useRef, useState } from "react";
 import { useAccount } from "../../../../hooks/connection/connection";
 import { useDisconnect } from "../../../../hooks/connection/useDisconnect";
-import { theme } from "../../../../theme";
+import { getCssVar } from "../../../../theme";
 import Loading from "../../../ui/loading/LoadingWrapper";
 import NonModal from "../../nonModal/NonModal";
-import { BosonLogo } from "../common/BosonLogo";
-import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
 import { DetailViewProvider } from "../common/detail/DetailViewProvider";
-import { CommitSuccess } from "./CommitSuccess/CommitSuccess";
 import { ContractualAgreementView } from "./ContractualAgreementView/ContractualAgreementView";
 import { LicenseAgreementView } from "./LicenseAgreementView/LicenseAgreementView";
 import { OfferFullDescriptionView } from "./OfferFullDescriptionView/OfferFullDescriptionView";
 import { CommitOfferPolicyView } from "./OfferPolicyView/CommitOfferPolicyView";
 import { OfferVariantView } from "./OfferVariantView";
-const colors = theme.colors.light;
 var CommitStep;
 (function (CommitStep) {
     CommitStep[CommitStep["OFFER_VIEW"] = 0] = "OFFER_VIEW";
     CommitStep[CommitStep["PURCHASE_OVERVIEW"] = 1] = "PURCHASE_OVERVIEW";
-    CommitStep[CommitStep["COMMIT_SUCESS"] = 2] = "COMMIT_SUCESS";
-    CommitStep[CommitStep["EXCHANGE_POLICY"] = 3] = "EXCHANGE_POLICY";
-    CommitStep[CommitStep["CONTRACTUAL_AGREEMENT"] = 4] = "CONTRACTUAL_AGREEMENT";
-    CommitStep[CommitStep["LICENSE_AGREEMENT"] = 5] = "LICENSE_AGREEMENT";
-    CommitStep[CommitStep["OFFER_FULL_DESCRIPTION"] = 6] = "OFFER_FULL_DESCRIPTION";
+    CommitStep[CommitStep["EXCHANGE_POLICY"] = 2] = "EXCHANGE_POLICY";
+    CommitStep[CommitStep["CONTRACTUAL_AGREEMENT"] = 3] = "CONTRACTUAL_AGREEMENT";
+    CommitStep[CommitStep["LICENSE_AGREEMENT"] = 4] = "LICENSE_AGREEMENT";
+    CommitStep[CommitStep["OFFER_FULL_DESCRIPTION"] = 5] = "OFFER_FULL_DESCRIPTION";
 })(CommitStep || (CommitStep = {}));
-export function CommitWrapper({ hideModal, ...props }) {
-    return (React.createElement(NonModal, { hideModal: hideModal, footerComponent: React.createElement(BosonLogo, null), contentStyle: {
-            background: colors.white
-        }, lookAndFeel: props.lookAndFeel, showConnectButton: !props.withExternalSigner },
-        React.createElement(CommitNonModal, { ...props })));
+export function CommitWrapper({ hideModal, showBosonLogoInHeader = true, ...props }) {
+    return (React.createElement(NonModal, { hideModal: hideModal, contentStyle: {
+            background: getCssVar("--background-accent-color")
+        }, withLeftArrowButton: props.withLeftArrowButton, lookAndFeel: props.lookAndFeel, showConnectButton: props.withExternalSigner === undefined ||
+            props.withExternalSigner === null
+            ? props.showConnectButton === undefined
+                ? false
+                : props.showConnectButton
+            : !props.withExternalSigner },
+        React.createElement(CommitNonModal, { ...props, showBosonLogoInHeader: showBosonLogoInHeader })));
 }
-function CommitNonModal({ variants, showBosonLogo, defaultSelectedOfferId, disableVariationsSelects, isLoading, onExchangePolicyClick, onAlreadyOwnOfferClick, offerViewOnPurchaseOverview, offerViewOnViewFullDescription, onClickBuyOrSwap, forcedAccount }) {
+function CommitNonModal({ variants, showBosonLogo = false, showBosonLogoInHeader = true, defaultSelectedOfferId, disableVariationsSelects, isLoading, exchange, onExchangePolicyClick, onAlreadyOwnOfferClick, offerViewOnViewFullDescription, onClickBuyOrSwap, forcedAccount, parentOrigin, signatures }) {
     const firstVariant = variants?.[0];
     const firstNotVoidedVariant = variants?.find((variant) => !variant.offer.voided);
     const defaultVariant = defaultSelectedOfferId
-        ? variants?.find((variant) => variant.offer.id === defaultSelectedOfferId) ??
+        ? (variants?.find((variant) => variant.offer.id === defaultSelectedOfferId) ??
             firstNotVoidedVariant ??
-            firstVariant
-        : firstNotVoidedVariant ?? firstVariant;
-    const [exchangeInfo, setExchangeInfo] = useState(null);
+            firstVariant)
+        : (firstNotVoidedVariant ?? firstVariant);
     const [selectedVariant, setSelectedVariant] = useState(defaultVariant);
-    useEffect(() => {
-        if (defaultVariant) {
-            setSelectedVariant(defaultVariant);
-        }
-    }, [defaultVariant]);
+    if (defaultVariant && defaultVariant !== selectedVariant) {
+        setSelectedVariant(defaultVariant);
+    }
     const [{ currentStep }, setStep] = useState({
         previousStep: [],
         currentStep: CommitStep.OFFER_VIEW
@@ -86,7 +83,7 @@ function CommitNonModal({ variants, showBosonLogo, defaultSelectedOfferId, disab
     }
     if (!address && forcedAccount) {
         return (React.createElement(React.Fragment, null,
-            React.createElement("p", null, "Please connect your wallet"),
+            React.createElement("p", null, "Please connect your account"),
             forcedAccount && React.createElement("p", null,
                 "(expected account: ",
                 forcedAccount,
@@ -98,23 +95,21 @@ function CommitNonModal({ variants, showBosonLogo, defaultSelectedOfferId, disab
     if (!selectedVariant) {
         return React.createElement("p", null, "This product could not be loaded");
     }
-    return (React.createElement(React.Fragment, null, currentStep === CommitStep.OFFER_VIEW ? (React.createElement(OfferVariantView, { showBosonLogo: showBosonLogo, allVariants: variants ?? [selectedVariant], selectedVariant: selectedVariant, setSelectedVariant: setSelectedVariant, disableVariationsSelects: disableVariationsSelects, loadingViewFullDescription: loadingViewFullDescription, onExchangePolicyClick: (...args) => {
+    return (React.createElement(React.Fragment, null, currentStep === CommitStep.OFFER_VIEW ? (React.createElement(OfferVariantView, { requestShipmentProps: {
+            forcedAccount,
+            parentOrigin,
+            signatures
+        }, exchange: exchange, showBosonLogoInHeader: showBosonLogoInHeader, showBosonLogo: showBosonLogo, allVariants: variants ?? [selectedVariant], selectedVariant: selectedVariant, setSelectedVariant: setSelectedVariant, disableVariationsSelects: disableVariationsSelects, loadingViewFullDescription: loadingViewFullDescription, onExchangePolicyClick: (...args) => {
             setActiveStep(CommitStep.EXCHANGE_POLICY);
             onExchangePolicyClick?.(...args);
-        }, onPurchaseOverview: () => {
-            setActiveStep(CommitStep.PURCHASE_OVERVIEW);
-            offerViewOnPurchaseOverview?.();
         }, onViewFullDescription: () => {
             setActiveStep(CommitStep.OFFER_FULL_DESCRIPTION);
             offerViewOnViewFullDescription?.();
-        }, onLicenseAgreementClick: () => setActiveStep(CommitStep.LICENSE_AGREEMENT), onCommit: (exchangeId, txHash) => {
-            setActiveStep(CommitStep.COMMIT_SUCESS);
-            setExchangeInfo({ exchangeId, txHash });
-        }, onGetDetailViewProviderProps: onGetDetailViewProviderProps, onClickBuyOrSwap: onClickBuyOrSwap, onAlreadyOwnOfferClick: onAlreadyOwnOfferClick })) : currentStep === CommitStep.OFFER_FULL_DESCRIPTION &&
+        }, onLicenseAgreementClick: () => setActiveStep(CommitStep.LICENSE_AGREEMENT), onGetDetailViewProviderProps: onGetDetailViewProviderProps, onClickBuyOrSwap: onClickBuyOrSwap, onAlreadyOwnOfferClick: onAlreadyOwnOfferClick })) : currentStep === CommitStep.OFFER_FULL_DESCRIPTION &&
         providerPropsRef.current ? (React.createElement(DetailViewProvider, { ...providerPropsRef.current },
-        React.createElement(OfferFullDescriptionView, { onBackClick: goToPreviousStep, onExchangePolicyClick: (...args) => {
+        React.createElement(OfferFullDescriptionView, { showBosonLogoInHeader: showBosonLogoInHeader, onBackClick: goToPreviousStep, onExchangePolicyClick: (...args) => {
                 setActiveStep(CommitStep.EXCHANGE_POLICY);
                 onExchangePolicyClick?.(...args);
-            }, offer: selectedVariant.offer, onClickBuyOrSwap: onClickBuyOrSwap }))) : currentStep === CommitStep.PURCHASE_OVERVIEW ? (React.createElement(PurchaseOverviewView, { onBackClick: goToPreviousStep })) : currentStep === CommitStep.EXCHANGE_POLICY ? (React.createElement(CommitOfferPolicyView, { offer: selectedVariant.offer, onBackClick: goToPreviousStep, onContractualAgreementClick: () => setActiveStep(CommitStep.CONTRACTUAL_AGREEMENT), onLicenseAgreementClick: () => setActiveStep(CommitStep.LICENSE_AGREEMENT) })) : currentStep === CommitStep.CONTRACTUAL_AGREEMENT ? (React.createElement(ContractualAgreementView, { offer: selectedVariant.offer, onBackClick: goToPreviousStep })) : currentStep === CommitStep.LICENSE_AGREEMENT ? (React.createElement(LicenseAgreementView, { offer: selectedVariant.offer, onBackClick: goToPreviousStep })) : currentStep === CommitStep.COMMIT_SUCESS ? (React.createElement(CommitSuccess, { onHouseClick: () => setActiveStep(CommitStep.OFFER_VIEW), exchangeId: exchangeInfo?.exchangeId ?? "", commitHash: exchangeInfo?.txHash })) : (React.createElement("p", null, "Something went wrong...please try again"))));
+            }, offer: selectedVariant.offer, onClickBuyOrSwap: onClickBuyOrSwap }))) : currentStep === CommitStep.EXCHANGE_POLICY ? (React.createElement(CommitOfferPolicyView, { showBosonLogoInHeader: showBosonLogoInHeader, offer: selectedVariant.offer, onBackClick: goToPreviousStep, onContractualAgreementClick: () => setActiveStep(CommitStep.CONTRACTUAL_AGREEMENT), onLicenseAgreementClick: () => setActiveStep(CommitStep.LICENSE_AGREEMENT) })) : currentStep === CommitStep.CONTRACTUAL_AGREEMENT ? (React.createElement(ContractualAgreementView, { showBosonLogoInHeader: showBosonLogoInHeader, offer: selectedVariant.offer, onBackClick: goToPreviousStep })) : currentStep === CommitStep.LICENSE_AGREEMENT ? (React.createElement(LicenseAgreementView, { showBosonLogoInHeader: showBosonLogoInHeader, offer: selectedVariant.offer, onBackClick: goToPreviousStep })) : (React.createElement("p", null, "Something went wrong...please try again"))));
 }
 //# sourceMappingURL=CommitNonModal.js.map

package/dist/esm/components/modal/components/Commit/CommitNonModal.js.map

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

package/dist/esm/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.d.ts

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

package/dist/esm/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContractualAgreementView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAInD,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,eAiCrE"}
+{"version":3,"file":"ContractualAgreementView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAGnD,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,KAAK,EACL,qBAAqB,EACtB,EAAE,KAAK,qBA6BP"}

package/dist/esm/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.js

@@ -1,29 +1,23 @@
 import React, { useEffect } from "react";
-import { Grid } from "../../../../ui/Grid";
-import { Typography } from "../../../../ui/Typography";
-import { ArrowLeft } from "phosphor-react";
 import ContractualAgreement from "../../../../contractualAgreement/ContractualAgreement";
 import { useNonModalContext } from "../../../nonModal/NonModal";
-import { theme } from "../../../../../theme";
-import { BosonLogo } from "../../common/BosonLogo";
-const colors = theme.colors.light;
-export function ContractualAgreementView({ onBackClick, offer }) {
+import { getCssVar } from "../../../../../theme";
+import { HeaderView } from "../../../nonModal/headers/HeaderView";
+export function ContractualAgreementView({ onBackClick, offer, showBosonLogoInHeader }) {
     const offerId = offer?.id;
-    const dispatch = useNonModalContext();
+    const { dispatch } = useNonModalContext();
     useEffect(() => {
         dispatch({
             payload: {
-                headerComponent: (React.createElement(Grid, { gap: "1rem", justifyContent: "flex-start", style: { flex: "1 1" } },
-                    React.createElement(ArrowLeft, { onClick: onBackClick, size: 32, style: { cursor: "pointer" } }),
-                    React.createElement(Typography, { tag: "h3" }, "Contractual Agreement"))),
+                onArrowLeftClick: onBackClick,
+                headerComponent: (React.createElement(HeaderView, { text: "Contractual Agreement", showBosonLogoInHeader: showBosonLogoInHeader })),
                 contentStyle: {
-                    background: colors.white
+                    background: getCssVar("--background-accent-color")
                 },
-                footerComponent: React.createElement(BosonLogo, null)
+                footerComponent: null
             }
         });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatch]);
+    }, [dispatch, onBackClick, showBosonLogoInHeader]);
     return (React.createElement(React.Fragment, null, offer ? (React.createElement(ContractualAgreement, { offerId: offerId, offerData: offer })) : (React.createElement("p", null, "Offer could not be retrieved"))));
 }
 //# sourceMappingURL=ContractualAgreementView.js.map

package/dist/esm/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContractualAgreementView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,oBAAoB,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAMlC,MAAM,UAAU,wBAAwB,CAAC,EAAE,WAAW,EAAE,KAAK,EAAS;IACpE,MAAM,OAAO,GAAG,KAAK,EAAE,EAAE,CAAC;IAC1B,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,CACf,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;oBACjE,oBAAC,SAAS,IACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC5B;oBACF,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,4BAAmC,CAClD,CACR;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;iBACzB;gBACD,eAAe,EAAE,oBAAC,SAAS,OAAG;aAC/B;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,CACL,0CACG,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,8DAAmC,CACpC,CACA,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ContractualAgreementView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/ContractualAgreementView/ContractualAgreementView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAQlE,MAAM,UAAU,wBAAwB,CAAC,EACvC,WAAW,EACX,KAAK,EACL,qBAAqB,EACf;IACN,MAAM,OAAO,GAAG,KAAK,EAAE,EAAE,CAAC;IAC1B,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,OAAO,EAAE;gBACP,gBAAgB,EAAE,WAAW;gBAC7B,eAAe,EAAE,CACf,oBAAC,UAAU,IACT,IAAI,EAAE,uBAAuB,EAC7B,qBAAqB,EAAE,qBAAqB,GAC5C,CACH;gBACD,YAAY,EAAE;oBACZ,UAAU,EAAE,SAAS,CAAC,2BAA2B,CAAC;iBACnD;gBACD,eAAe,EAAE,IAAI;aACtB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC;IACnD,OAAO,CACL,0CACG,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,8DAAmC,CACpC,CACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/components/modal/components/Commit/DetailView/CommitRedeemSteps.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+export type CommitRedeemStepsProps = {
+    status: "pending-transaction" | "pending-signature" | "success";
+    children?: ReactNode;
+};
+export declare const CommitRedeemSteps: ({ status, children }: CommitRedeemStepsProps) => React.JSX.Element;
+//# sourceMappingURL=CommitRedeemSteps.d.ts.map

package/dist/esm/components/modal/components/Commit/DetailView/CommitRedeemSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommitRedeemSteps.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/CommitRedeemSteps.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwCzC,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,qBAAqB,GAAG,mBAAmB,GAAG,SAAS,CAAC;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,iBAAiB,yBAG3B,sBAAsB,sBA8DxB,CAAC"}

package/dist/esm/components/modal/components/Commit/DetailView/CommitRedeemSteps.js

@@ -0,0 +1,58 @@
+import { css, styled } from "styled-components";
+import { Grid } from "../../../../ui/Grid";
+import React from "react";
+import { Checks, Package, ShoppingCartSimple } from "phosphor-react";
+import { Typography } from "../../../../ui/Typography";
+import { getCssVar } from "../../../../../theme";
+const IconWrapper = styled.div `
+  display: grid;
+  align-content: center;
+  justify-content: center;
+  min-width: 40px;
+  min-height: 40px;
+  border-radius: 8px;
+  ${({ $isDisabled, $backgroundColor }) => {
+    return $isDisabled
+        ? css ``
+        : css `
+          background-color: ${$backgroundColor};
+        `;
+}};
+`;
+const Wrapper = styled(Grid) `
+  > *:first-child > *:first-child {
+    position: relative;
+    &::after {
+      content: "";
+      position: absolute;
+      background-color: ${getCssVar("--background-color")};
+      bottom: -62%;
+      left: 50%;
+      height: 18px;
+      width: 3px;
+      flex-shrink: 0;
+    }
+  }
+`;
+const iconSize = 24;
+export const CommitRedeemSteps = ({ status, children }) => {
+    return (React.createElement(Wrapper, { flexDirection: "column", alignItems: "flex-start", gap: "2rem" },
+        status === "pending-signature" ? (React.createElement(Grid, { justifyContent: "flex-start", gap: "1rem" },
+            React.createElement(IconWrapper, { "$backgroundColor": getCssVar("--main-text-color") },
+                React.createElement(ShoppingCartSimple, { color: getCssVar("--background-accent-color"), size: iconSize })),
+            React.createElement(Typography, { fontSize: "0.875rem", fontWeight: 600 }, "Confirm transaction to buy this product"))) : status === "success" ? (React.createElement(Grid, { justifyContent: "flex-start", gap: "1rem" },
+            React.createElement(IconWrapper, { "$backgroundColor": "transparent" },
+                React.createElement(Checks, { color: "black", size: iconSize })),
+            React.createElement(Typography, { fontSize: "0.875rem", fontWeight: 600 }, "You've successfully purchased this item."))) : null,
+        status === "pending-signature" ? (React.createElement(Grid, { justifyContent: "flex-start", gap: "1rem", style: { opacity: 0.5 } },
+            React.createElement(IconWrapper, { "$isDisabled": true, "$backgroundColor": getCssVar("--background-color") },
+                React.createElement(Package, { color: getCssVar("--sub-text-color"), size: iconSize })),
+            React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start" },
+                React.createElement(Typography, { fontSize: "0.875rem", fontWeight: 600 }, "Request shipment (redeem)"),
+                React.createElement(Typography, { fontSize: "0.75rem", fontWeight: 400, color: getCssVar("--sub-text-color") }, "You can redeem your product now or later.")))) : status === "success" ? (React.createElement(Grid, { justifyContent: "flex-start", gap: "1rem" },
+            React.createElement(IconWrapper, { "$backgroundColor": getCssVar("--main-text-color") },
+                React.createElement(Package, { color: getCssVar("--background-accent-color"), size: iconSize })),
+            React.createElement(Typography, { fontSize: "0.875rem", fontWeight: 600 }, "Ship, Trade or Hold"))) : null,
+        children));
+};
+//# sourceMappingURL=CommitRedeemSteps.js.map

package/dist/esm/components/modal/components/Commit/DetailView/CommitRedeemSteps.js.map

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

package/dist/esm/components/modal/components/Commit/DetailView/ExternalCommitDetailView.d.ts

@@ -3,7 +3,7 @@ import { CommitWidgetProvidersProps } from "../../../../widgets/commit/CommitWid
 import { CommitDetailViewWithProviderProps } from "./CommitDetailViewWithProvider";
 export { CommitWidgetReduxProvider, CommitWidgetReduxUpdaters } from "../../../../widgets/commit/CommitWidgetProviders";
 export type ExternalCommitDetailViewProps = CommitDetailViewWithProviderProps & {
-    providerProps: Omit<CommitWidgetProvidersProps, "children">;
+    providerProps: Omit<CommitWidgetProvidersProps, "children" | "withGlobalStyle">;
 };
 export declare const ExternalCommitDetailView: React.FC<ExternalCommitDetailViewProps>;
 //# sourceMappingURL=ExternalCommitDetailView.d.ts.map

package/dist/esm/components/modal/components/Commit/DetailView/ExternalCommitDetailView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalCommitDetailView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/ExternalCommitDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,0BAA0B,EAC3B,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,iCAAiC,EAClC,MAAM,gCAAgC,CAAC;AAExC,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,kDAAkD,CAAC;AAE1D,MAAM,MAAM,6BAA6B,GACvC,iCAAiC,GAAG;IAClC,aAAa,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC,CAAC;CAC7D,CAAC;AACJ,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CAS9B,CAAC"}
+{"version":3,"file":"ExternalCommitDetailView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/ExternalCommitDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,0BAA0B,EAC3B,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,iCAAiC,EAClC,MAAM,gCAAgC,CAAC;AAExC,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,kDAAkD,CAAC;AAE1D,MAAM,MAAM,6BAA6B,GACvC,iCAAiC,GAAG;IAClC,aAAa,EAAE,IAAI,CACjB,0BAA0B,EAC1B,UAAU,GAAG,iBAAiB,CAC/B,CAAC;CACH,CAAC;AACJ,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CAS9B,CAAC"}

package/dist/esm/components/modal/components/Commit/DetailView/ExternalCommitDetailView.js

@@ -5,7 +5,7 @@ import { ResetStylesForNonWidgets } from "../../../../styles/ResetStylesForNonWi
 export { CommitWidgetReduxProvider, CommitWidgetReduxUpdaters } from "../../../../widgets/commit/CommitWidgetProviders";
 export const ExternalCommitDetailView = (props) => {
     return (React.createElement(ResetStylesForNonWidgets, null,
-        React.createElement(CommitWidgetProviders, { ...props.providerProps },
+        React.createElement(CommitWidgetProviders, { ...props.providerProps, withGlobalStyle: false },
             React.createElement(CommitDetailViewWithProvider, { ...props }))));
 };
 //# sourceMappingURL=ExternalCommitDetailView.js.map

package/dist/esm/components/modal/components/Commit/DetailView/ExternalCommitDetailView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalCommitDetailView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/ExternalCommitDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAEtB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACL,4BAA4B,EAE7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,kDAAkD,CAAC;AAM1D,MAAM,CAAC,MAAM,wBAAwB,GAEjC,CAAC,KAAK,EAAE,EAAE;IACZ,OAAO,CACL,oBAAC,wBAAwB;QACvB,oBAAC,qBAAqB,OAAK,KAAK,CAAC,aAAa;YAC5C,oBAAC,4BAA4B,OAAK,KAAK,GAAI,CACrB,CACC,CAC5B,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ExternalCommitDetailView.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/ExternalCommitDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAEtB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACL,4BAA4B,EAE7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,kDAAkD,CAAC;AAS1D,MAAM,CAAC,MAAM,wBAAwB,GAEjC,CAAC,KAAK,EAAE,EAAE;IACZ,OAAO,CACL,oBAAC,wBAAwB;QACvB,oBAAC,qBAAqB,OAAK,KAAK,CAAC,aAAa,EAAE,eAAe,EAAE,KAAK;YACpE,oBAAC,4BAA4B,OAAK,KAAK,GAAI,CACrB,CACC,CAC5B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/modal/components/Commit/DetailView/InnerCommitDetailView.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 import { DetailViewProps } from "../../common/detail/types";
+import { RedeemWhatsNextProps } from "./RedeemWhatsNext";
 export type InnerCommitDetailViewProps = Omit<DetailViewProps & {
     onLicenseAgreementClick: () => void;
     onCommit: (exchangeId: string, txHash: string) => void;
     onCommitting: (txHash: string) => void;
     onAlreadyOwnOfferClick?: () => void;
-}, "children" | "hasSellerEnoughFunds">;
-export default function InnerCommitDetailView(props: InnerCommitDetailViewProps): JSX.Element;
+}, "children" | "hasSellerEnoughFunds"> & Pick<RedeemWhatsNextProps, "requestShipmentProps">;
+export default function InnerCommitDetailView(props: InnerCommitDetailViewProps): React.JSX.Element;
 //# sourceMappingURL=InnerCommitDetailView.d.ts.map

package/dist/esm/components/modal/components/Commit/DetailView/InnerCommitDetailView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InnerCommitDetailView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/InnerCommitDetailView.tsx"],"names":[],"mappings":";AAmCA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AA8C5D,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,eAAe,GAAG;IAChB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC,EACD,UAAU,GAAG,sBAAsB,CACpC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,eA8SlC"}
+{"version":3,"file":"InnerCommitDetailView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/InnerCommitDetailView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AA2Bf,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG5D,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAqD1E,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,eAAe,GAAG;IAChB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC,EACD,UAAU,GAAG,sBAAsB,CACpC,GACC,IAAI,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;AACrD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,qBA6WlC"}

package/dist/esm/components/modal/components/Commit/DetailView/InnerCommitDetailView.js

@@ -1,17 +1,15 @@
-import { useAccountModal } from "@rainbow-me/rainbowkit";
+import { subgraph } from "@bosonprotocol/core-sdk";
 import * as Sentry from "@sentry/browser";
-import { ArrowRight, ArrowsLeftRight, Spinner } from "phosphor-react";
-import React, { useCallback, useMemo, useRef, useState } from "react";
+import { ArrowsLeftRight, Info, Spinner } from "phosphor-react";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import toast from "react-hot-toast";
 import styled, { css } from "styled-components";
 import { useAccount, useSigner } from "../../../../../hooks/connection/connection";
 import { useCoreSDKWithContext } from "../../../../../hooks/core-sdk/useCoreSdkWithContext";
 import { extractUserFriendlyError, getHasUserRejectedTx } from "../../../../../lib/errors/transactions";
 import { poll } from "../../../../../lib/promises/promises";
-import { theme } from "../../../../../theme";
 import { Button } from "../../../../buttons/Button";
 import { useConfigContext } from "../../../../config/ConfigContext";
-import { CommitButton } from "../../../../cta/offer/CommitButton";
 import SuccessTransactionToast from "../../../../toasts/SuccessTransactionToast";
 import { Grid } from "../../../../ui/Grid";
 import ThemedButton from "../../../../ui/ThemedButton";
@@ -22,7 +20,16 @@ import { InnerDetailViewWithPortal } from "../../common/detail/InnerDetailViewWi
 import { BuyOrSwapContainer } from "../../common/detail/BuyOrSwapContainer";
 import { useDetailViewContext } from "../../common/detail/DetailViewProvider";
 import { useBuyers } from "../../../../../hooks/useBuyers";
-const colors = theme.colors.light;
+import { CommitRedeemSteps } from "./CommitRedeemSteps";
+import { RedeemWhatsNext } from "./RedeemWhatsNext";
+import { useOpenAccountDrawer } from "../../../../wallet2/accountDrawer";
+import { colors } from "../../../../../colors";
+import { ThemedCommitButton } from "../../../../cta/offer/ThemedCommitButton";
+import { getCssVar } from "../../../../../theme";
+import dayjs from "dayjs";
+import { getDateTimestamp } from "../../../../../lib/dates/getDateTimestamp";
+import { LabelType, labelValueToText } from "../../../../exchangeCard/const";
+import { ExchangeStatus } from "../../../../exchangeCard/ExchangeCard.styles";
 const CommitButtonWrapper = styled.div `
   width: 100%;
   ${({ disabled }) => disabled
@@ -60,10 +67,22 @@ const SwapArrows = styled(ArrowsLeftRight) `
   }
 `;
 export default function InnerCommitDetailView(props) {
-    const { onLicenseAgreementClick, onCommit, onCommitting, onAlreadyOwnOfferClick, selectedVariant } = props;
+    const { onLicenseAgreementClick, onCommit, onCommitting, onAlreadyOwnOfferClick, selectedVariant, exchange, requestShipmentProps } = props;
     const { offer } = selectedVariant;
     const { quantity, balanceLoading, isBuyerInsufficientFunds, isOfferNotValidYet, isExpiredOffer, isConditionMet, hasSellerEnoughFunds, swapParams } = useDetailViewContext();
+    const externalExchangeId = exchange?.id;
+    const [exchangeId, setExchangeId] = useState(externalExchangeId);
+    const handleSetExchangeId = useCallback((newExchangeId) => {
+        setStatus("success");
+        setExchangeId(newExchangeId);
+    }, []);
+    useEffect(() => {
+        if (externalExchangeId) {
+            handleSetExchangeId(externalExchangeId);
+        }
+    }, [externalExchangeId, handleSetExchangeId]);
     const [isLoading, setIsLoading] = useState(false);
+    const [status, setStatus] = useState("initial-state");
     const [isCommittingFromNotConnectedWallet, setIsCommittingFromNotConnectedWallet] = useState(false);
     const { showModal, hideModal } = useModal();
     const [commitType, setCommitType] = useState(null);
@@ -73,10 +92,11 @@ export default function InnerCommitDetailView(props) {
     const coreSDK = useCoreSDKWithContext();
     const commitButtonRef = useRef(null);
     const { address } = useAccount();
-    const { openAccountModal } = useAccountModal();
+    const [, openAccountDrawer] = useOpenAccountDrawer();
     const onCommitPendingSignature = () => {
         setIsLoading(true);
         showModal("WAITING_FOR_CONFIRMATION");
+        setStatus("pending-signature");
     };
     const isVoidedOffer = !!offer.voidedAt;
     const isPreview = !offer.id;
@@ -106,6 +126,7 @@ export default function InnerCommitDetailView(props) {
     }, [address, isCommittingFromNotConnectedWallet]);
     const onCommitPendingTransaction = (hash, isMetaTx, actionName) => {
         setCommitType(actionName);
+        setStatus("pending-transaction");
         if (actionName && actionName === "approveExchangeToken") {
             showModal("TRANSACTION_SUBMITTED", {
                 action: "Approve ERC20 Token",
@@ -134,17 +155,19 @@ export default function InnerCommitDetailView(props) {
             toast((t) => (React.createElement(SuccessTransactionToast, { t: t, action: "Token approval transaction submitted" })));
         }
         else {
-            const showDetailWidgetModal = () => {
+            const handleOnCommit = () => {
                 onCommit(exchangeId.toString(), receipt.transactionHash);
+                handleSetExchangeId(exchangeId.toString());
             };
-            showDetailWidgetModal();
+            handleOnCommit();
             toast((t) => (React.createElement(SuccessTransactionToast, { t: t, action: `Commit to offer: ${offer.metadata?.name}`, onViewDetails: () => {
-                    showDetailWidgetModal();
+                    handleOnCommit();
                 } })));
         }
         setCommitType(null);
     };
     const onCommitError = async (error, { txResponse }) => {
+        setStatus("error");
         console.error("onError", error);
         setIsLoading(false);
         const hasUserRejectedTx = getHasUserRejectedTx(error);
@@ -176,57 +199,72 @@ export default function InnerCommitDetailView(props) {
         wallet: address
     }, { enabled: !!address });
     const buyer = buyers?.[0];
-    const userCommittedOffersLength = useMemo(() => buyer
-        ? offer.exchanges?.filter((elem) => elem?.buyer?.id === buyer.id).length
-        : 0, [offer, buyer]);
-    return (React.createElement(InnerDetailViewWithPortal, { ...props, topChildren: address && !!userCommittedOffersLength ? (React.createElement(Grid, { alignItems: "center", justifyContent: "space-between", style: {
-                ...(onAlreadyOwnOfferClick && { cursor: "pointer" })
-            }, onClick: () => onAlreadyOwnOfferClick?.() },
-            React.createElement("p", { style: { color: colors.orange, margin: 0, fontSize: "0.75rem" } },
-                "You already own ",
-                userCommittedOffersLength,
-                " ",
-                React.createElement("b", null, offer.metadata?.name),
-                " rNFT"),
-            onAlreadyOwnOfferClick && (React.createElement(ArrowRight, { size: 18, color: colors.orange })))) : null },
-        isNotCommittableOffer && isBuyerInsufficientFunds && (React.createElement(Grid, { marginBottom: "1rem" },
-            React.createElement(BuyOrSwapContainer, { swapParams: swapParams, onClickBuyOrSwap: onClickBuyOrSwap, style: { padding: 0 } },
-                React.createElement(Button, { size: "regular", variant: "accentInverted", withBosonStyle: true, style: {
-                        width: "100%"
-                    }, ...(onClickBuyOrSwap && {
-                        onClick: () => onClickBuyOrSwap({ swapParams })
-                    }) },
-                    "Buy or Swap ",
-                    tokenOrCoinSymbol,
-                    " ",
-                    React.createElement(SwapArrows, { size: 24 }))))),
-        !isBuyerInsufficientFunds && (React.createElement(Grid, { flexDirection: "column", alignItems: "center", margin: "1.5rem 0" },
-            React.createElement(CommitWrapper, { justifyContent: "space-between" },
-                React.createElement(Grid, { flexDirection: "column", alignItems: "center" },
-                    React.createElement(CommitButtonWrapper, { disabled: !!isCommitDisabled, role: "button", "$pointerEvents": !address ? "none" : "all", onClick: () => {
-                            if (!address) {
-                                saveItemInStorage("isConnectWalletFromCommit", true);
-                                setIsCommittingFromNotConnectedWallet(true);
-                                openAccountModal?.();
-                            }
-                        } }, balanceLoading && address ? (React.createElement(ThemedButton, { disabled: true },
-                        React.createElement(Spinner, null))) : (React.createElement(React.Fragment, null,
-                        React.createElement(CommitButton, { coreSdkConfig: {
-                                envName: protocolConfig.envName,
-                                configId: protocolConfig.configId,
-                                web3Provider: signer?.provider,
-                                metaTx: protocolConfig.metaTx
-                            }, variant: "primaryFill", isPauseCommitting: !address, buttonRef: commitButtonRef, onGetSignerAddress: handleOnGetSignerAddress, disabled: !!isCommitDisabled, offerId: offer.id, exchangeToken: offer.exchangeToken.address, price: offer.price, onError: onCommitError, onPendingSignature: onCommitPendingSignature, onPendingTransaction: onCommitPendingTransaction, onSuccess: onCommitSuccess, withBosonStyle: true, extraInfo: "Step 1/2", id: "commit" })))),
-                    React.createElement(Typography, { fontSize: "0.8rem", marginTop: "0.25rem", style: { display: "block" } },
-                        "By proceeding to Commit, I agree to the",
+    const userCommittedOffers = useMemo(() => buyer
+        ? offer.exchanges
+            ?.filter((elem) => elem?.buyer?.id === buyer.id)
+            // exchanges with latest committedDate first
+            .sort((a, b) => (a.committedDate > b.committedDate ? -1 : 1))
+        : undefined, [offer, buyer]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(React.Fragment, null,
+            address && !!userCommittedOffers && !exchangeId ? (React.createElement(Grid, { gap: "0.5rem", padding: "1rem", marginBottom: "1rem", alignItems: "center", justifyContent: "flex-start", style: {
+                    ...(onAlreadyOwnOfferClick && { cursor: "pointer" }),
+                    border: `1px solid ${colors.border}`,
+                    borderRadius: "4px",
+                    backgroundColor: getCssVar("--background-color")
+                }, onClick: () => onAlreadyOwnOfferClick?.() },
+                React.createElement(Info, { color: getCssVar("--main-text-color"), style: { minWidth: "24px", minHeight: "24px" } }),
+                React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start", width: "auto" },
+                    React.createElement(Typography, { fontSize: "0.75rem", fontWeight: 600 },
+                        "Last time you bought this product was on",
                         " ",
-                        React.createElement("span", { style: {
-                                fontSize: "inherit",
-                                cursor: "pointer",
-                                textDecoration: "underline"
-                            }, onClick: () => {
-                                onLicenseAgreementClick();
-                            } }, "rNFT Terms"),
-                        ".")))))));
+                        dayjs(getDateTimestamp(userCommittedOffers[0]?.committedDate || "")).format("MMMM D, YYYY")),
+                    React.createElement(Typography, { fontSize: "0.75rem", fontWeight: 400 },
+                        "You purchased a total of ",
+                        userCommittedOffers.length || 0,
+                        " of this item.")))) : null,
+            React.createElement(InnerDetailViewWithPortal, { ...props, topChildren: null, priceSibling: status === "success" ? (
+                // TODO: if exchange is in a different state what do we do?
+                React.createElement(ExchangeStatus, { "$status": subgraph.ExchangeState.COMMITTED }, labelValueToText[LabelType.purchased])) : (props.priceSibling) },
+                isNotCommittableOffer && isBuyerInsufficientFunds && (React.createElement(Grid, { marginBottom: "1rem" },
+                    React.createElement(BuyOrSwapContainer, { swapParams: swapParams, onClickBuyOrSwap: onClickBuyOrSwap, style: { padding: 0 } },
+                        React.createElement(Button, { size: "regular", variant: "accentInverted", style: {
+                                width: "100%"
+                            }, ...(onClickBuyOrSwap && {
+                                onClick: () => onClickBuyOrSwap({ swapParams })
+                            }) },
+                            "Buy or Swap ",
+                            tokenOrCoinSymbol,
+                            " ",
+                            React.createElement(SwapArrows, { size: 24 }))))),
+                !isBuyerInsufficientFunds && (React.createElement(Grid, { flexDirection: "column", alignItems: "center", margin: "1.5rem 0" },
+                    React.createElement(CommitWrapper, { justifyContent: "space-between" },
+                        React.createElement(Grid, { flexDirection: "column", alignItems: "center" },
+                            exchangeId ? (React.createElement(React.Fragment, null,
+                                React.createElement(CommitRedeemSteps, { status: "pending-signature" }),
+                                React.createElement(RedeemWhatsNext, { exchangeId: exchangeId, requestShipmentProps: requestShipmentProps }))) : (React.createElement(CommitButtonWrapper, { disabled: !!isCommitDisabled, role: "button", "$pointerEvents": !address ? "none" : "all", onClick: () => {
+                                    if (!address) {
+                                        saveItemInStorage("isConnectWalletFromCommit", true);
+                                        setIsCommittingFromNotConnectedWallet(true);
+                                        openAccountDrawer();
+                                    }
+                                } }, balanceLoading && address ? (React.createElement(ThemedButton, { disabled: true },
+                                React.createElement(Spinner, null))) : (React.createElement(ThemedCommitButton, { coreSdkConfig: {
+                                    envName: protocolConfig.envName,
+                                    configId: protocolConfig.configId,
+                                    web3Provider: signer?.provider,
+                                    metaTx: protocolConfig.metaTx
+                                }, isPauseCommitting: !address, buttonRef: commitButtonRef, onGetSignerAddress: handleOnGetSignerAddress, disabled: !!isCommitDisabled, offerId: offer.id, exchangeToken: offer.exchangeToken.address, price: offer.price, onError: onCommitError, onPendingSignature: onCommitPendingSignature, onPendingTransaction: onCommitPendingTransaction, onSuccess: onCommitSuccess, id: "commit" })))),
+                            React.createElement(Typography, { fontSize: "0.8rem", marginTop: "0.25rem", style: { display: "block" }, color: getCssVar("--sub-text-color") },
+                                "By proceeding to Buy, I agree to the",
+                                " ",
+                                React.createElement("span", { style: {
+                                        fontSize: "inherit",
+                                        cursor: "pointer",
+                                        textDecoration: "underline"
+                                    }, onClick: () => {
+                                        onLicenseAgreementClick();
+                                    } }, "rNFT Terms"),
+                                ".")))))))));
 }
 //# sourceMappingURL=InnerCommitDetailView.js.map