From 8bb5602a673df783644278ecf10ec9a83b8266fe Mon Sep 17 00:00:00 2001 From: Albert Folch Date: Mon, 13 Jan 2025 12:57:08 +0100 Subject: [PATCH 01/18] wip: pending to update CTAs in commit widget --- package-lock.json | 41 ++++++++++++++++++- package.json | 1 + src/components/addressInputPanel/index.tsx | 8 ++-- src/components/avatar/fallback-avatar.tsx | 4 +- src/components/breadcrumbs/Breadcrumbs.tsx | 4 +- src/components/collapse/Collapse.tsx | 2 +- .../SwapCurrencyInputPanel.tsx | 12 +++--- .../datepicker/DatePicker.style.tsx | 4 +- src/components/detail/Detail.style.tsx | 12 +++--- .../DetailWidget/BasicCommitDetailWidget.tsx | 9 ++-- .../DetailWidget/CommitDetailWidget.tsx | 19 +++------ .../DetailWidget/ExchangeDetailWidget.tsx | 9 +--- src/components/dispute/GetStarted.tsx | 4 +- src/components/dispute/TellUsMore.tsx | 4 +- .../disputeResolver/DisputeResolverAside.tsx | 2 +- .../disputeResolver/DisputeWrapper.tsx | 2 +- .../ManageDisputes/DisputesTable.styles.ts | 6 +-- .../ManageDisputes/DisputesTable.tsx | 2 +- .../ManageDisputes/DisputesTablePast.tsx | 2 +- src/components/error/SimpleError.tsx | 2 +- .../exchangePolicy/FairExchangePolicy.tsx | 2 +- src/components/expand/index.tsx | 2 +- src/components/form/BaseSelect.tsx | 4 +- src/components/form/CountrySelect.tsx | 6 +-- src/components/form/Field.styles.ts | 16 ++++---- src/components/form/InputColor.tsx | 4 +- src/components/form/Phone.tsx | 6 +-- src/components/form/Select.tsx | 8 ++-- src/components/form/Switch.tsx | 4 +- src/components/form/Upload/UploadedFile.tsx | 2 +- .../form/styles/TagsInput.styles.ts | 4 +- src/components/header/BurgerButton.tsx | 2 +- src/components/header/HeaderLinks.tsx | 2 +- src/components/header/accountDrawer/index.tsx | 2 +- .../miniPortfolio/PortfolioLogo.tsx | 4 +- src/components/header/identicon/index.tsx | 2 +- .../header/selector/ChainSelectorRow.tsx | 4 +- src/components/header/styles.ts | 4 +- src/components/header/walletModal/Option.tsx | 13 +++--- src/components/header/walletModal/index.tsx | 10 ++--- src/components/header/web3Status/index.tsx | 6 +-- src/components/icons/index.tsx | 2 +- src/components/loader/styled.tsx | 6 +-- src/components/logo/AssetLogo.tsx | 4 +- src/components/modal/ModalComponents.tsx | 3 -- .../steps/DescribeProblemStep.tsx | 2 +- .../steps/MakeAProposalStep/InEscrowInput.tsx | 2 +- .../MakeAProposalStep/MakeAProposalStep.tsx | 2 +- .../steps/MakeAProposalStep/RefundRequest.tsx | 2 +- .../RequestedRefundInput.tsx | 2 +- .../Chat/ResolutionSummaryModal.tsx | 4 +- .../components/Chat/ResolveDisputeModal.tsx | 4 +- .../Chat/components/DisputeSplit.tsx | 2 +- .../EscalateModal/EscalateModal.tsx | 2 +- .../EscalateModal/steps/EscalateStepOne.tsx | 20 ++++----- .../EscalateModal/steps/EscalateStepTwo.tsx | 6 +-- .../Chat/components/InitializeChat.tsx | 2 +- .../modal/components/CustomStoreModal.tsx | 6 +-- .../DisputeListMobileElement.tsx | 8 ++-- .../components/DisputeModal/DisputeModal.tsx | 12 +++--- .../components/DisputeTable/DisputeTable.tsx | 2 +- .../modal/components/ExpireVoucherModal.tsx | 4 +- .../Explore/Collections/CollectionsCard.tsx | 8 ++-- .../Lens/CreateBosonLensAccountSummary.tsx | 4 +- .../Profile/Regular/RegularProfileSummary.tsx | 4 +- .../bosonAccount/BosonAccountFormFields.tsx | 2 +- .../modal/components/ProgressBarModal.tsx | 2 +- .../SellerFinance/FinancesStyles.tsx | 4 +- .../RecentTransactionsModal/Toggle.tsx | 4 +- .../WaitingForConfirmationModal.tsx | 4 +- .../VariableStepsExplainerModal.tsx | 12 +++--- src/components/modal/header/styles.tsx | 2 +- src/components/offer/ExchangeStatuses.tsx | 22 +++++----- src/components/offer/OfferStatuses.tsx | 14 +++---- src/components/product/Help.tsx | 2 +- src/components/product/ProductType.tsx | 8 ++-- src/components/product/TermsOfExchange.tsx | 2 +- .../ConfirmProductDetails.styles.tsx | 6 +-- .../product/productDigital/styles.ts | 2 +- src/components/productCard/ProductCard.tsx | 17 ++++---- src/components/questionHelper/index.tsx | 2 +- .../routingDiagram/RoutingDiagram.tsx | 6 +-- .../searchModal/CurrencyList/index.tsx | 4 +- src/components/searchModal/styled.tsx | 6 +-- src/components/seller/SellerAside.tsx | 2 +- src/components/seller/SellerTags.tsx | 2 +- src/components/seller/SellerWrapper.tsx | 2 +- .../seller/common/PaginationPages.tsx | 2 +- .../dashboard/SellerDashboard.styles.tsx | 2 +- .../seller/exchanges/SellerExchangeTable.tsx | 8 ++-- src/components/seller/products/Actions.tsx | 6 +-- .../seller/products/SellerProductsTable.tsx | 12 +++--- .../seller/salesChannels/SalesChannelCard.tsx | 4 +- src/components/settings/index.tsx | 4 +- .../settings/maxSlippageSettings/index.tsx | 4 +- src/components/settings/menuButton/index.tsx | 2 +- .../routerPreferenceSettings/index.tsx | 2 +- .../transactionDeadlineSettings/index.tsx | 2 +- src/components/step/MultiSteps.tsx | 4 +- src/components/step/Step.styles.ts | 6 +-- src/components/swap/SwapDetailsDropdown.tsx | 2 +- src/components/swap/SwapModalHeaderAmount.tsx | 2 +- src/components/swap/styled.tsx | 16 ++++---- src/components/timeline/Timeline.tsx | 2 +- src/components/toasts/common/ErrorToast.tsx | 2 +- src/components/toasts/common/LoadingToast.tsx | 2 +- src/components/toasts/common/SuccessToast.tsx | 2 +- src/components/toggle/index.tsx | 8 ++-- .../tokenSafety/TokenSafetyIcon.tsx | 2 +- src/components/tokenSafety/index.tsx | 4 +- src/components/tooltip/Tooltip.tsx | 2 +- .../transactions/TransactionsTable.styles.ts | 6 +-- .../transactions/TransactionsTable.tsx | 2 +- src/components/ui/ClearButton.tsx | 2 +- src/components/ui/Image.tsx | 2 +- src/components/ui/InputGroup.tsx | 2 +- src/components/ui/Video.tsx | 2 +- src/lib/styles/GlobalStyle.tsx | 16 ++++---- src/lib/styles/colors.ts | 4 +- src/lib/styles/preventCustomStoreStyles.ts | 15 ++++--- src/lib/utils/hooks/useCSSVariable.ts | 11 +++-- src/pages/chat/Chat.tsx | 2 +- .../chat/components/ExchangeSidePreview.tsx | 4 +- src/pages/chat/components/Message.tsx | 2 +- .../chat/components/MessageSeparator.tsx | 4 +- .../components/MessagesDisputesToggle.tsx | 2 +- src/pages/chat/components/ProgressBar.tsx | 4 +- .../chat/components/UploadForm/UploadForm.tsx | 2 +- .../conversation/ChatConversation.tsx | 2 +- .../ChatInfoBox/DaysLeftToResolve.tsx | 2 +- .../conversation/ChatInfoBox/DrHasDecided.tsx | 2 +- .../ChatInfoBox/ProposalButtons.tsx | 2 +- .../ChatInfoBox/YouHaveAccepted.tsx | 2 +- .../components/conversation/ChatInput.tsx | 2 +- .../chat/components/conversation/Messages.tsx | 6 +-- src/pages/common/PrivacyPolicy.tsx | 2 +- src/pages/common/PrivacyPolicyDrCenter.tsx | 2 +- .../AgreeToTermsAndSellerAgreement.tsx | 2 +- .../congratulations/CardCTA.tsx | 2 +- .../congratulations/CongratulationsPage.tsx | 2 +- .../manage/ManageStoreFrontsPage.tsx | 2 +- src/pages/custom-store/store-fields.ts | 2 +- src/pages/custom-store/styles.tsx | 2 +- src/pages/dcl/DCLPage.tsx | 2 +- src/pages/dcl/steps/details/DetailsStep.tsx | 4 +- .../dispute-centre/DisputeCenterPage.tsx | 2 +- src/pages/dispute-centre/RaiseDisputePage.tsx | 4 +- src/pages/explore/ExploreSelect.tsx | 2 +- src/pages/landing/Landing.tsx | 2 +- src/pages/profile/ProfilePage.styles.tsx | 2 +- src/pages/profile/common/ReadMore.tsx | 4 +- src/pages/profile/seller/Seller.tsx | 4 +- .../profile/seller/SellerImagesSection.tsx | 2 +- .../seller/SellerImagesSectionView.tsx | 2 +- src/pages/sell/landing/SellerLandingPage.tsx | 2 +- src/pages/swap/UniswapXOptIn.tsx | 4 +- src/pages/swap/index.tsx | 8 ++-- src/theme.ts | 11 ++--- 158 files changed, 390 insertions(+), 379 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3ba2a2fca..c2a09e770 100644 --- a/package-lock.json +++ b/package-lock.json @@ -87,6 +87,7 @@ "react": "^18.2.0", "react-avatar-editor": "^13.0.0", "react-chartjs-2": "^4.2.0", + "react-cookie": "^7.2.2", "react-csv": "^2.2.2", "react-dom": "^18.2.0", "react-draggable": "^4.4.5", @@ -15109,6 +15110,11 @@ "@types/node": "*" } }, + "node_modules/@types/cookie": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz", + "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==" + }, "node_modules/@types/debug": { "version": "4.1.7", "license": "MIT", @@ -15174,8 +15180,9 @@ } }, "node_modules/@types/hoist-non-react-statics": { - "version": "3.3.1", - "license": "MIT", + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.6.tgz", + "integrity": "sha512-lPByRJUer/iN/xa4qpyL0qmL11DqNW81iU/IG1S3uvRUq4oKagz8VCxZjiWkumgt66YT3vOdDgZ0o32sGKtCEw==", "dependencies": { "@types/react": "*", "hoist-non-react-statics": "^3.3.0" @@ -40084,6 +40091,19 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/react-cookie": { + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/react-cookie/-/react-cookie-7.2.2.tgz", + "integrity": "sha512-e+hi6axHcw9VODoeVu8WyMWyoosa1pzpyjfvrLdF7CexfU+WSGZdDuRfHa4RJgTpfv3ZjdIpHE14HpYBieHFhg==", + "dependencies": { + "@types/hoist-non-react-statics": "^3.3.5", + "hoist-non-react-statics": "^3.3.2", + "universal-cookie": "^7.0.0" + }, + "peerDependencies": { + "react": ">= 16.3.0" + } + }, "node_modules/react-css-styled": { "version": "1.1.9", "license": "MIT", @@ -45453,6 +45473,23 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/universal-cookie": { + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-7.2.2.tgz", + "integrity": "sha512-fMiOcS3TmzP2x5QV26pIH3mvhexLIT0HmPa3V7Q7knRfT9HG6kTwq02HZGLPw0sAOXrAmotElGRvTLCMbJsvxQ==", + "dependencies": { + "@types/cookie": "^0.6.0", + "cookie": "^0.7.2" + } + }, + "node_modules/universal-cookie/node_modules/cookie": { + "version": "0.7.2", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz", + "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==", + "engines": { + "node": ">= 0.6" + } + }, "node_modules/universalify": { "version": "2.0.0", "license": "MIT", diff --git a/package.json b/package.json index 359c53078..8895fb673 100644 --- a/package.json +++ b/package.json @@ -123,6 +123,7 @@ "react": "^18.2.0", "react-avatar-editor": "^13.0.0", "react-chartjs-2": "^4.2.0", + "react-cookie": "^7.2.2", "react-csv": "^2.2.2", "react-dom": "^18.2.0", "react-draggable": "^4.4.5", diff --git a/src/components/addressInputPanel/index.tsx b/src/components/addressInputPanel/index.tsx index 73895d8cb..2a9572c63 100644 --- a/src/components/addressInputPanel/index.tsx +++ b/src/components/addressInputPanel/index.tsx @@ -14,7 +14,7 @@ const InputPanel = styled.div` ${flexColumnNoWrap}; position: relative; border-radius: 1.25rem; - background-color: ${colors.darkGrey}; + background-color: ${colors.greyDark}; z-index: 1; width: 100%; `; @@ -30,7 +30,7 @@ const ContainerRow = styled.div<{ error: boolean }>` transition: border-color 300ms ${({ error }) => (error ? "step-end" : "step-start")}, color 500ms ${({ error }) => (error ? "step-end" : "step-start")}; - background-color: ${colors.darkGrey}; + background-color: ${colors.greyDark}; `; const InputContainer = styled.div` @@ -44,7 +44,7 @@ const Input = styled.input<{ error?: boolean }>` border: none; flex: 1 1 auto; width: 0; - background-color: ${colors.darkGrey}; + background-color: ${colors.greyDark}; transition: color 300ms ${({ error }) => (error ? "step-end" : "step-start")}; color: ${({ error, theme }) => error ? theme.accentFailure : theme.textPrimary}; @@ -111,7 +111,7 @@ export default function AddressInputPanel({ diff --git a/src/components/avatar/fallback-avatar.tsx b/src/components/avatar/fallback-avatar.tsx index 59de29377..cecaa2882 100644 --- a/src/components/avatar/fallback-avatar.tsx +++ b/src/components/avatar/fallback-avatar.tsx @@ -4,9 +4,9 @@ import styled from "styled-components"; import { colors } from "../../lib/styles/colors"; const AddressImageContainer = styled.div<{ avatarSize: number }>` - border: ${({ avatarSize }) => avatarSize / 40}px solid ${colors.lightGrey}; + border: ${({ avatarSize }) => avatarSize / 40}px solid ${colors.greyLight}; border-radius: 50%; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; margin-bottom: 5px; display: flex; `; diff --git a/src/components/breadcrumbs/Breadcrumbs.tsx b/src/components/breadcrumbs/Breadcrumbs.tsx index c2a4309d3..9d60d92f7 100644 --- a/src/components/breadcrumbs/Breadcrumbs.tsx +++ b/src/components/breadcrumbs/Breadcrumbs.tsx @@ -49,7 +49,7 @@ function Breadcrumbs({ steps, margin }: Props) { {step.label} @@ -57,7 +57,7 @@ function Breadcrumbs({ steps, margin }: Props) { {isNotFinalStep(step.id) && ( )} diff --git a/src/components/collapse/Collapse.tsx b/src/components/collapse/Collapse.tsx index 0610eeeea..bfb7951f8 100644 --- a/src/components/collapse/Collapse.tsx +++ b/src/components/collapse/Collapse.tsx @@ -21,7 +21,7 @@ const ArrowContainer = styled.div` font-size: 1.5rem; `; const CollapseWrapper = styled.div` - background: ${colors.lightGrey}; + background: ${colors.greyLight}; padding: 1rem; `; diff --git a/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx b/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx index bd0757c6f..b66989019 100644 --- a/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx +++ b/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx @@ -97,7 +97,7 @@ const CurrencySelect = styled(Button)<{ &:hover, &:active { background-color: ${({ selected }) => - selected ? colors.darkGrey : colors.secondary}; + selected ? colors.greyDark : colors.secondary}; color: ${colors.white}; } @@ -115,11 +115,11 @@ const CurrencySelect = styled(Button)<{ } &:hover:before { - background-color: ${opacify(8, colors.darkGrey)}; + background-color: ${opacify(8, colors.greyDark)}; } &:active:before { - background-color: ${opacify(24, colors.lightGrey)}; + background-color: ${opacify(24, colors.greyLight)}; } } @@ -135,13 +135,13 @@ const InputRow = styled.div` const LabelRow = styled.div` ${flexRowNoWrap}; align-items: center; - color: ${colors.lightGrey}; + color: ${colors.greyLight}; font-size: 0.75rem; line-height: 1rem; span:hover { cursor: pointer; - color: ${darken(0.2, colors.lightGrey)}; + color: ${darken(0.2, colors.greyLight)}; } `; @@ -285,7 +285,7 @@ export default function SwapCurrencyInputPanel({ )} - {label} + {label} diff --git a/src/components/datepicker/DatePicker.style.tsx b/src/components/datepicker/DatePicker.style.tsx index 53c497cb1..1dc8a21f5 100644 --- a/src/components/datepicker/DatePicker.style.tsx +++ b/src/components/datepicker/DatePicker.style.tsx @@ -104,7 +104,7 @@ export const CalendarRow = styled.div` export const CalendarHeader = styled(CalendarFlex)` margin-bottom: 0.5rem; > div { - color: ${colors.darkGrey}; + color: ${colors.greyDark}; font-size: 0.875rem; font-weight: 600; } @@ -136,7 +136,7 @@ export const CalendarDay = styled(CalendarCell)<{ top: 50%; left: 50%; transform: translate(-50%, -50%); - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border-radius: 50%; width: 0; height: 0; diff --git a/src/components/detail/Detail.style.tsx b/src/components/detail/Detail.style.tsx index d669b2bab..c330f6937 100644 --- a/src/components/detail/Detail.style.tsx +++ b/src/components/detail/Detail.style.tsx @@ -37,7 +37,7 @@ export const CommitStepWrapper = styled.div` export const CommitStep = styled.div` position: relative; padding: 1rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; &:not(:last-child) { &:before { position: absolute; @@ -50,7 +50,7 @@ export const CommitStep = styled.div` transform: translate(-50%, 0); border-left: 30rem solid transparent; border-right: 30rem solid transparent; - border-top: 1rem solid ${colors.lightGrey}; + border-top: 1rem solid ${colors.greyLight}; } &:after { @@ -85,7 +85,7 @@ export const CommitStep = styled.div` left: initial; transform: translate(0%, -50%); border-top: 10rem solid transparent; - border-left: 1rem solid ${colors.lightGrey}; + border-left: 1rem solid ${colors.greyLight}; border-bottom: 10rem solid transparent; border-right: none; } @@ -269,7 +269,7 @@ export const Table = styled.table<{ color: inherit; ` : css` - color: ${colors.darkGrey}; + color: ${colors.greyDark}; `} } tr { @@ -472,7 +472,7 @@ export const RedeemLeftButton = styled.button` cursor: pointer; transition: all 150ms ease-in-out; &:hover { - background: ${colors.lightGrey}; + background: ${colors.greyLight}; } ${miniButton} @@ -494,7 +494,7 @@ export const RaiseProblemButton = styled(Button)` transition: all 150ms ease-in-out; &:hover:not(:disabled) { color: ${colors.red}; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; } svg { margin-left: 1rem; diff --git a/src/components/detail/DetailWidget/BasicCommitDetailWidget.tsx b/src/components/detail/DetailWidget/BasicCommitDetailWidget.tsx index daff3b641..d11a6f940 100644 --- a/src/components/detail/DetailWidget/BasicCommitDetailWidget.tsx +++ b/src/components/detail/DetailWidget/BasicCommitDetailWidget.tsx @@ -28,6 +28,7 @@ export const BasicCommitDetailWidget: React.FC< { - showModal(MODAL_TYPES.WHAT_IS_REDEEM, { - title: "Commit to Buy and Redeem" - }); - }} onClickBuyOrSwap={({ swapParams }) => { navigate({ pathname: BosonRoutes.Swap, search: swapParams }); }} diff --git a/src/components/detail/DetailWidget/CommitDetailWidget.tsx b/src/components/detail/DetailWidget/CommitDetailWidget.tsx index 63fc201f3..c065bfd53 100644 --- a/src/components/detail/DetailWidget/CommitDetailWidget.tsx +++ b/src/components/detail/DetailWidget/CommitDetailWidget.tsx @@ -1,12 +1,12 @@ import { - CommitButton, ExternalCommitDetailView, extractUserFriendlyError, getHasUserRejectedTx, getIsOfferExpired, Provider, RedeemButton, - subgraph + subgraph, + ThemedCommitButton } from "@bosonprotocol/react-kit"; import * as Sentry from "@sentry/browser"; import { useConfigContext } from "components/config/ConfigContext"; @@ -231,7 +231,6 @@ export const CommitDetailWidget: React.FC = ({ disabled={disabled} data-commit-proxy-address style={{ height: "3.5rem" }} - withBosonStyle > Commit Step 1/2 @@ -464,7 +463,9 @@ export const CommitDetailWidget: React.FC = ({ externalConnectedSigner: signer, withReduxProvider: false, withWeb3React: false, - withCustomReduxContext: false + withCustomReduxContext: false, + sendDeliveryInfoThroughXMTP: true, + roundness: "min" }} selectedVariant={selectedVariant} showPriceAsterisk={isPreview} @@ -477,11 +478,6 @@ export const CommitDetailWidget: React.FC = ({ exchangePolicyCheckResult: exchangePolicyCheckResult }); }} - onPurchaseOverview={() => { - showModal(MODAL_TYPES.WHAT_IS_REDEEM, { - title: "Commit to Buy and Redeem" - }); - }} onClickBuyOrSwap={({ swapParams }) => { navigate({ pathname: BosonRoutes.Swap, search: swapParams }); }} @@ -513,14 +509,13 @@ export const CommitDetailWidget: React.FC = ({ {showCommitProxyButton ? ( ) : ( - = ({ onPendingTransaction={onCommitPendingTransaction} onSuccess={onCommitSuccess} extraInfo="Step 1/2" - withBosonStyle /> )} @@ -566,7 +560,6 @@ export const CommitDetailWidget: React.FC = ({ metaTx: config.envConfig.metaTx }} disabled - withBosonStyle exchangeId="0" extraInfo="Step 2/2" variant="primaryFill" diff --git a/src/components/detail/DetailWidget/ExchangeDetailWidget.tsx b/src/components/detail/DetailWidget/ExchangeDetailWidget.tsx index 33d022d60..c9bd8ae8c 100644 --- a/src/components/detail/DetailWidget/ExchangeDetailWidget.tsx +++ b/src/components/detail/DetailWidget/ExchangeDetailWidget.tsx @@ -197,11 +197,6 @@ export const ExchangeDetailWidget: React.FC = ({ exchangePolicyCheckResult: exchangePolicyCheckResult }); }} - onPurchaseOverview={() => { - showModal(MODAL_TYPES.WHAT_IS_REDEEM, { - title: "Commit to Buy and Redeem" - }); - }} topChildren={ isExchangeExpired ? ( = ({ > You can withdraw your funds here - + ) : isToRedeem ? ( diff --git a/src/components/dispute/GetStarted.tsx b/src/components/dispute/GetStarted.tsx index 8e8dbe847..09b06b0b2 100644 --- a/src/components/dispute/GetStarted.tsx +++ b/src/components/dispute/GetStarted.tsx @@ -16,7 +16,7 @@ const FormButton = styled.button` align-items: flex-start; justify-content: space-between; width: 100%; - border-bottom: 1px solid ${colors.lightGrey}; + border-bottom: 1px solid ${colors.greyLight}; padding: 0; font-size: 1rem; font-family: ${defaultFontFamily}; @@ -52,7 +52,7 @@ function GetStarted({ Get started - + First, choose the issue you're facing with your exchange. diff --git a/src/components/dispute/TellUsMore.tsx b/src/components/dispute/TellUsMore.tsx index 958ba4b00..e6b824e1d 100644 --- a/src/components/dispute/TellUsMore.tsx +++ b/src/components/dispute/TellUsMore.tsx @@ -18,7 +18,7 @@ const FormButton = styled.button` align-items: flex-start; justify-content: space-between; width: 100%; - border-bottom: 1px solid ${colors.lightGrey}; + border-bottom: 1px solid ${colors.greyLight}; padding: 0; font-size: 1rem; font-family: ${defaultFontFamily}; @@ -59,7 +59,7 @@ function TellUsMore({ Tell us more about your problem - + Choose from one of the problems listed below diff --git a/src/components/disputeResolver/DisputeResolverAside.tsx b/src/components/disputeResolver/DisputeResolverAside.tsx index c5074fcb6..3f42dd166 100644 --- a/src/components/disputeResolver/DisputeResolverAside.tsx +++ b/src/components/disputeResolver/DisputeResolverAside.tsx @@ -85,7 +85,7 @@ export default function DRAside() { {label} diff --git a/src/components/disputeResolver/DisputeWrapper.tsx b/src/components/disputeResolver/DisputeWrapper.tsx index 355916ccc..c38cbec0e 100644 --- a/src/components/disputeResolver/DisputeWrapper.tsx +++ b/src/components/disputeResolver/DisputeWrapper.tsx @@ -5,7 +5,7 @@ import { Typography } from "../ui/Typography"; const DisputeResolverMain = styled.main` padding: 1.375rem 2.5rem 2.75rem 2.5rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; min-height: calc(100vh - 5.5rem); `; const DisputeResolverTitle = styled(Typography)` diff --git a/src/components/disputeResolver/ManageDisputes/DisputesTable.styles.ts b/src/components/disputeResolver/ManageDisputes/DisputesTable.styles.ts index 94370b5e3..cd9c0456d 100644 --- a/src/components/disputeResolver/ManageDisputes/DisputesTable.styles.ts +++ b/src/components/disputeResolver/ManageDisputes/DisputesTable.styles.ts @@ -9,7 +9,7 @@ export const Table = styled.table` border-collapse: collapse; th { font-weight: 600; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; &:not([data-sortable]) { cursor: default !important; } @@ -47,7 +47,7 @@ export const Table = styled.table` tr { &:hover { td { - background-color: ${colors.darkGrey}08; + background-color: ${colors.greyDark}08; cursor: pointer; } } @@ -102,7 +102,7 @@ export const Pagination = styled.div` export const Span = styled.span` font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; &:not(:last-of-type) { margin-right: 1rem; } diff --git a/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx b/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx index 545ac4e4a..db551dec1 100644 --- a/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx +++ b/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx @@ -410,7 +410,7 @@ export default function DisputesTable({ disputes }: Props) { : colors.black, background: pageNumber === pageIndex - ? colors.lightGrey + ? colors.greyLight : "transparent" }} onClick={() => gotoPage(pageNumber)} diff --git a/src/components/disputeResolver/ManageDisputes/DisputesTablePast.tsx b/src/components/disputeResolver/ManageDisputes/DisputesTablePast.tsx index 995fe7738..976c4544a 100644 --- a/src/components/disputeResolver/ManageDisputes/DisputesTablePast.tsx +++ b/src/components/disputeResolver/ManageDisputes/DisputesTablePast.tsx @@ -338,7 +338,7 @@ export default function DisputesTablePast({ disputes }: Props) { : colors.black, background: pageNumber === pageIndex - ? colors.lightGrey + ? colors.greyLight : "transparent" }} onClick={() => gotoPage(pageNumber)} diff --git a/src/components/error/SimpleError.tsx b/src/components/error/SimpleError.tsx index 90f072eda..356f6f140 100644 --- a/src/components/error/SimpleError.tsx +++ b/src/components/error/SimpleError.tsx @@ -7,7 +7,7 @@ import { Grid, GridProps } from "../ui/Grid"; import { Typography } from "../ui/Typography"; const StyledGrid = styled(Grid)` - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; `; interface Props extends GridProps { diff --git a/src/components/exchangePolicy/FairExchangePolicy.tsx b/src/components/exchangePolicy/FairExchangePolicy.tsx index 398cb507f..f8aa6c542 100644 --- a/src/components/exchangePolicy/FairExchangePolicy.tsx +++ b/src/components/exchangePolicy/FairExchangePolicy.tsx @@ -36,7 +36,7 @@ const InfoListItem = styled.li` p { margin: 0; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; } `; diff --git a/src/components/expand/index.tsx b/src/components/expand/index.tsx index d91d87570..a77385ce6 100644 --- a/src/components/expand/index.tsx +++ b/src/components/expand/index.tsx @@ -13,7 +13,7 @@ const ButtonContainer = styled(Grid)` `; const ExpandIcon = styled(CaretDown)<{ $isOpen: boolean }>` - color: ${colors.darkGrey}; + color: ${colors.greyDark}; transform: ${({ $isOpen }) => ($isOpen ? "rotate(180deg)" : "rotate(0deg)")}; transition: transform 250ms; `; diff --git a/src/components/form/BaseSelect.tsx b/src/components/form/BaseSelect.tsx index 3b6edd9ad..a99cfb791 100644 --- a/src/components/form/BaseSelect.tsx +++ b/src/components/form/BaseSelect.tsx @@ -16,7 +16,7 @@ const customStyles = (error: any) => ({ borderColor: colors.secondary, borderWidth: "1px" }, - background: colors.lightGrey, + background: colors.greyLight, border: state.isFocused ? `1px solid ${colors.secondary}` : !checkIfValueIsEmpty(error) @@ -35,7 +35,7 @@ const customStyles = (error: any) => ({ opacity: state.isDisabled ? "0.5" : "1", background: state.isOptionSelected || state.isSelected || state.isFocused - ? colors.lightGrey + ? colors.greyLight : colors.white, color: state.isOptionSelected || state.isSelected diff --git a/src/components/form/CountrySelect.tsx b/src/components/form/CountrySelect.tsx index e49224c6d..495cc9b29 100644 --- a/src/components/form/CountrySelect.tsx +++ b/src/components/form/CountrySelect.tsx @@ -33,7 +33,7 @@ const customStyles = { borderColor: colors.secondary, borderWidth: "1px" }, - background: colors.lightGrey, + background: colors.greyLight, border: state.isFocused ? `1px solid ${colors.secondary}` : `1px solid ${colors.border}`, @@ -52,7 +52,7 @@ const customStyles = { opacity: state.isDisabled ? "0.5" : "1", background: state.isOptionSelected || state.isSelected || state.isFocused - ? colors.lightGrey + ? colors.greyLight : colors.white, color: state.isOptionSelected || state.isSelected @@ -97,7 +97,7 @@ const PhoneWrapper = styled.div` width: 100%; padding: 1rem; gap: 0.5rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border: 1px solid ${colors.border}; border-radius: 0; outline: none; diff --git a/src/components/form/Field.styles.ts b/src/components/form/Field.styles.ts index 8294c0c90..ad45d0a25 100644 --- a/src/components/form/Field.styles.ts +++ b/src/components/form/Field.styles.ts @@ -17,7 +17,7 @@ export const FieldInput = styled.input<{ error?: any }>` padding: 1rem; gap: 0.5rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border: 1px solid ${colors.border}; border-radius: 0; outline: none; @@ -101,7 +101,7 @@ export const FileUploadWrapper = styled.div<{ $error: unknown }>` } } - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border-radius: 0; outline: none; @@ -118,7 +118,7 @@ export const FileUploadWrapper = styled.div<{ $error: unknown }>` &:focus, &:hover { - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; } /* prettier-ignore */ @@ -172,7 +172,7 @@ export const FieldTextArea = styled.textarea<{ error: unknown }>` gap: 0.5rem; font-family: ${defaultFontFamily}; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border: 1px solid ${colors.border}; border-radius: 0; outline: none; @@ -257,7 +257,7 @@ export const FormFieldWrapper = styled(Grid)` margin: 0; font-weight: 400; font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; } `; @@ -297,7 +297,7 @@ export const CheckboxWrapper = styled.label<{ error?: unknown }>` width: 1.5rem; height: 1.5rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; margin-right: 0.5rem; } @@ -330,11 +330,11 @@ export const CheckboxWrapper = styled.label<{ error?: unknown }>` `; export const VideoPreview = styled.video` - background: ${colors.lightGrey}; + background: ${colors.greyLight}; height: 100%; width: 100%; object-fit: contain; `; export const ImagePreview = styled.img` - background: ${colors.lightGrey}; + background: ${colors.greyLight}; `; diff --git a/src/components/form/InputColor.tsx b/src/components/form/InputColor.tsx index e47618d9e..12082036c 100644 --- a/src/components/form/InputColor.tsx +++ b/src/components/form/InputColor.tsx @@ -14,7 +14,7 @@ const Container = styled.div` align-items: center; width: 100%; padding: 0.5rem 1rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border: 1px solid ${colors.border}; border-radius: 0; outline: none; @@ -47,7 +47,7 @@ export default function InputColor({ name, ...props }: InputColorProps) { colorRef.current?.click(); }} > - + {field.value?.toUpperCase() || props.placeholder} diff --git a/src/components/form/Phone.tsx b/src/components/form/Phone.tsx index 961b2c901..ef5f7821f 100644 --- a/src/components/form/Phone.tsx +++ b/src/components/form/Phone.tsx @@ -40,7 +40,7 @@ const customStyles = { borderColor: colors.secondary, borderWidth: "1px" }, - background: colors.lightGrey, + background: colors.greyLight, border: state.isFocused ? `1px solid ${colors.secondary}` : `1px solid ${colors.border}`, @@ -59,7 +59,7 @@ const customStyles = { opacity: state.isDisabled ? "0.5" : "1", background: state.isOptionSelected || state.isSelected || state.isFocused - ? colors.lightGrey + ? colors.greyLight : colors.white, color: state.isOptionSelected || state.isSelected @@ -112,7 +112,7 @@ export const PhoneWrapper = styled.div` width: 100%; padding: 1rem; gap: 0.5rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border: 1px solid ${colors.border}; border-radius: 0; outline: none; diff --git a/src/components/form/Select.tsx b/src/components/form/Select.tsx index 070a2e2ed..08824a2cb 100644 --- a/src/components/form/Select.tsx +++ b/src/components/form/Select.tsx @@ -33,7 +33,7 @@ const customStyles = ( singleValue: (provided: any, state: any) => { return { ...provided, - color: state.isDisabled ? colors.darkGrey : textColor, + color: state.isDisabled ? colors.greyDark : textColor, fontSize: "13.33px" }; }, @@ -80,7 +80,7 @@ const customStyles = ( opacity: state.isDisabled ? "0.5" : "1", background: state.isOptionSelected || state.isSelected || state.isFocused - ? colors.lightGrey + ? colors.greyLight : colors.white, color: state.isOptionSelected || state.isSelected @@ -112,10 +112,10 @@ const customStyles = ( }); const useSelectColors = () => { - const backgroundColor = colors.lightGrey; + const backgroundColor = colors.greyLight; const textColor = getColor1OverColor2WithContrast({ color2: backgroundColor, - color1: useCSSVariable("--buttonTextColor") || colors.darkGrey + color1: useCSSVariable("--buttonTextColor") || colors.greyDark }); return { backgroundColor, diff --git a/src/components/form/Switch.tsx b/src/components/form/Switch.tsx index 396e77d11..628e6edc3 100644 --- a/src/components/form/Switch.tsx +++ b/src/components/form/Switch.tsx @@ -39,11 +39,11 @@ const StyledSwitchRoot = styled(ReactSwitch.Root)` cursor: not-allowed; ~ *, * { - color: ${colors.darkGrey}; + color: ${colors.greyDark}; cursor: not-allowed; } ${StyledSwitchThumb} { - background-color: ${colors.darkGrey}; + background-color: ${colors.greyDark}; } } `; diff --git a/src/components/form/Upload/UploadedFile.tsx b/src/components/form/Upload/UploadedFile.tsx index f60a4aabd..f79c2c33c 100644 --- a/src/components/form/Upload/UploadedFile.tsx +++ b/src/components/form/Upload/UploadedFile.tsx @@ -15,7 +15,7 @@ const AttachmentContainer = styled.div<{ $isLeftAligned: boolean }>` align-items: center; padding: 1rem; background-color: ${({ $isLeftAligned }) => - $isLeftAligned ? "inherit" : colors.lightGrey}; + $isLeftAligned ? "inherit" : colors.greyLight}; ${({ $isLeftAligned }) => $isLeftAligned ? `border: 2px solid ${colors.white}` : ""}; color: ${({ $isLeftAligned }) => ($isLeftAligned ? "inherit" : colors.black)}; diff --git a/src/components/form/styles/TagsInput.styles.ts b/src/components/form/styles/TagsInput.styles.ts index 06c0892f1..4312f40eb 100644 --- a/src/components/form/styles/TagsInput.styles.ts +++ b/src/components/form/styles/TagsInput.styles.ts @@ -25,7 +25,7 @@ export const Helper = styled.div` } `; export const TagWrapper = styled.div` - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; display: inline-block; padding: 0.5em 0.75em; margin-top: 1rem; @@ -35,7 +35,7 @@ export const TagWrapper = styled.div` `; export const Close = styled.span` - color: ${colors.darkGrey}; + color: ${colors.greyDark}; border-radius: 50%; display: inline-flex; justify-content: center; diff --git a/src/components/header/BurgerButton.tsx b/src/components/header/BurgerButton.tsx index df40cc79b..e7376781c 100644 --- a/src/components/header/BurgerButton.tsx +++ b/src/components/header/BurgerButton.tsx @@ -29,7 +29,7 @@ type BurgerButtonProps = { export const BurgerButton: React.FC = ({ onClick }) => { const backgroundColor = getColor1OverColor2WithContrast({ color2: useCSSVariable("--headerBgColor") || colors.white, - color1: useCSSVariable("--accent") || colors.darkGrey, + color1: useCSSVariable("--accent") || colors.greyDark, contrastThreshold: 4 }); return ( diff --git a/src/components/header/HeaderLinks.tsx b/src/components/header/HeaderLinks.tsx index 4c80ff64c..c3c0f34fd 100644 --- a/src/components/header/HeaderLinks.tsx +++ b/src/components/header/HeaderLinks.tsx @@ -196,7 +196,7 @@ export default function HeaderLinks({ $navigationBarPosition={navigationBarPosition} $hoverHeaderTextColor={getColor1OverColor2WithContrast({ color2: useCSSVariable("--headerBgColor") || colors.white, - color1: useCSSVariable("--headerTextColor") || colors.darkGrey + color1: useCSSVariable("--headerTextColor") || colors.greyDark })} > {withSearch && ( diff --git a/src/components/header/accountDrawer/index.tsx b/src/components/header/accountDrawer/index.tsx index a3258e797..036cc2c20 100644 --- a/src/components/header/accountDrawer/index.tsx +++ b/src/components/header/accountDrawer/index.tsx @@ -59,7 +59,7 @@ const ScrimBackground = styled.div<{ open: boolean }>` position: fixed; width: 100%; height: 100%; - background-color: ${colors.darkGrey}; + background-color: ${colors.greyDark}; opacity: 0; pointer-events: none; diff --git a/src/components/header/accountDrawer/miniPortfolio/PortfolioLogo.tsx b/src/components/header/accountDrawer/miniPortfolio/PortfolioLogo.tsx index 6a7b8f150..1a12cd457 100644 --- a/src/components/header/accountDrawer/miniPortfolio/PortfolioLogo.tsx +++ b/src/components/header/accountDrawer/miniPortfolio/PortfolioLogo.tsx @@ -65,13 +65,13 @@ const CircleLogoImage = styled.img<{ size: string }>` const L2LogoContainer = styled.div<{ $hasSquareLogo?: boolean }>` background-color: ${({ $hasSquareLogo }) => - $hasSquareLogo ? colors.lightGrey : colors.white}; + $hasSquareLogo ? colors.greyLight : colors.white}; border-radius: 2px; height: 16px; left: 60%; position: absolute; top: 60%; - outline: 2px solid ${colors.lightGrey}; + outline: 2px solid ${colors.greyLight}; width: 16px; display: flex; align-items: center; diff --git a/src/components/header/identicon/index.tsx b/src/components/header/identicon/index.tsx index ff6f2276b..e33d1320f 100644 --- a/src/components/header/identicon/index.tsx +++ b/src/components/header/identicon/index.tsx @@ -8,7 +8,7 @@ const StyledIdenticon = styled.div<{ $iconSize: number }>` height: ${({ $iconSize }) => `${$iconSize}px`}; width: ${({ $iconSize }) => `${$iconSize}px`}; border-radius: 50%; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; font-size: initial; `; diff --git a/src/components/header/selector/ChainSelectorRow.tsx b/src/components/header/selector/ChainSelectorRow.tsx index d552c46d4..162d9ffb3 100644 --- a/src/components/header/selector/ChainSelectorRow.tsx +++ b/src/components/header/selector/ChainSelectorRow.tsx @@ -28,7 +28,7 @@ const Container = styled.button<{ disabled: boolean }>` &:hover { background-color: ${({ disabled }) => - disabled ? "none" : colors.lightGrey}; + disabled ? "none" : colors.greyLight}; } `; @@ -47,7 +47,7 @@ const Status = styled.div` `; const CaptionText = styled.div` - /* color: ${colors.lightGrey}; */ + /* color: ${colors.greyLight}; */ font-size: 0.75rem; grid-column: 2; grid-row: 2; diff --git a/src/components/header/styles.ts b/src/components/header/styles.ts index ab65bdb1e..247614524 100644 --- a/src/components/header/styles.ts +++ b/src/components/header/styles.ts @@ -16,7 +16,7 @@ export const ClickableStyle = css` export const ScrollBarStyles = css<{ $isHorizontalScroll?: boolean }>` // Firefox scrollbar styling scrollbar-width: thin; - scrollbar-color: ${colors.lightGrey} transparent; + scrollbar-color: ${colors.greyLight} transparent; height: 100%; // safari and chrome scrollbar styling @@ -38,7 +38,7 @@ export const ScrollBarStyles = css<{ $isHorizontalScroll?: boolean }>` } &::-webkit-scrollbar-thumb { - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border-radius: 8px; } `; diff --git a/src/components/header/walletModal/Option.tsx b/src/components/header/walletModal/Option.tsx index 026640d33..41d595c95 100644 --- a/src/components/header/walletModal/Option.tsx +++ b/src/components/header/walletModal/Option.tsx @@ -116,22 +116,19 @@ export default function Option({ connection }: OptionProps) { const isCurrentOptionPending = isSomeOptionPending && activationState.connection.type === connection.type; const headerTextColor = getColor1OverColor2WithContrast({ - color2: useCSSVariable("--secondaryBgColor") || colors.secondary, + color2: useCSSVariable("--secondaryBgColor") || colors.violet, color1: useCSSVariable("--textColor") || colors.black }); const hoverHeaderBackground = getColor1OverColor2WithContrast({ - color2: useCSSVariable("--secondaryBgColor") || colors.secondary, - color1: darken( - 0.2, - useCSSVariable("--secondaryBgColor") || colors.secondary - ), + color2: useCSSVariable("--secondaryBgColor") || colors.violet, + color1: darken(0.2, useCSSVariable("--secondaryBgColor") || colors.violet), defaultDarkColor1: darken( 0.75, - useCSSVariable("--secondaryBgColor") || colors.secondary + useCSSVariable("--secondaryBgColor") || colors.violet ), defaultLightColor1: lighten( 0.1, - useCSSVariable("--secondaryBgColor") || colors.secondary + useCSSVariable("--secondaryBgColor") || colors.violet ) }); return ( diff --git a/src/components/header/walletModal/index.tsx b/src/components/header/walletModal/index.tsx index fef9287a3..3c52326de 100644 --- a/src/components/header/walletModal/index.tsx +++ b/src/components/header/walletModal/index.tsx @@ -44,7 +44,7 @@ const OptionGrid = styled.div` const PrivacyPolicyWrapper = styled.div` padding: 0 4px; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; font-weight: 400; font-size: 0.75rem; @@ -72,12 +72,12 @@ export default function WalletModal() { }, [chainId, connector]); const viewMode = getCurrentViewMode(); const magicLoginTextColor = getColor1OverColor2WithContrast({ - color2: useCSSVariable("--accentNoDefault") || colors.white, - color1: useCSSVariable("--textColor") || colors.darkGrey + color2: colors.white, + color1: useCSSVariable("--textColor") || colors.greyDark }); const privacyTextColor = getColor1OverColor2WithContrast({ color2: useCSSVariable("--primaryBgColor") || colors.white, - color1: useCSSVariable("--textColor") || colors.darkGrey + color1: useCSSVariable("--textColor") || colors.greyDark }); return ( @@ -98,7 +98,7 @@ export default function WalletModal() { { toggleAccountDrawer(); }, [toggleAccountDrawer]); - const buttonBgColor = useCSSVariable("--buttonBgColor") || colors.primary; + const buttonBgColor = useCSSVariable("--buttonBgColor") || colors.green; const textColor = useCSSVariable("--textColor") || colors.black; const connectedButtonTextColor = getColor1OverColor2WithContrast({ - color2: useCSSVariable("--buttonBgColor") || colors.primary, - color1: useCSSVariable("--textColor") || colors.black + color2: buttonBgColor, + color1: textColor }); const wasConnected = !!accountRef.current; const previousChainId = chainIdRef.current; diff --git a/src/components/icons/index.tsx b/src/components/icons/index.tsx index 1ccb928ee..2dceb5b52 100644 --- a/src/components/icons/index.tsx +++ b/src/components/icons/index.tsx @@ -11,7 +11,7 @@ export const Divider = styled.div` height: 1px; border-width: 0; margin: 0; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; `; export const Separator = styled.div` diff --git a/src/components/loader/styled.tsx b/src/components/loader/styled.tsx index 35facc42c..1fc12d474 100644 --- a/src/components/loader/styled.tsx +++ b/src/components/loader/styled.tsx @@ -15,9 +15,9 @@ const shimmerMixin = css` animation-fill-mode: both; background: linear-gradient( to left, - ${colors.darkGrey} 25%, - ${colors.lightGrey} 50%, - ${colors.darkGrey} 75% + ${colors.greyDark} 25%, + ${colors.greyLight} 50%, + ${colors.greyDark} 75% ); background-size: 400%; will-change: background-position; diff --git a/src/components/logo/AssetLogo.tsx b/src/components/logo/AssetLogo.tsx index be8266bbc..25f757c80 100644 --- a/src/components/logo/AssetLogo.tsx +++ b/src/components/logo/AssetLogo.tsx @@ -9,7 +9,7 @@ export const MissingImageLogo = styled.div<{ size?: string }>` --size: ${({ size }) => size}; border-radius: 100px; color: ${colors.black}; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; font-size: calc(var(--size) / 3); font-weight: 500; height: ${({ size }) => size ?? "24px"}; @@ -32,7 +32,7 @@ const LogoImage = styled.img<{ size: string; imgLoaded?: boolean }>` const LogoImageWrapper = styled.div<{ size: string; imgLoaded?: boolean }>` width: ${({ size }) => size}; height: ${({ size }) => size}; - background: ${({ imgLoaded }) => (imgLoaded ? "none" : colors.lightGrey)}; + background: ${({ imgLoaded }) => (imgLoaded ? "none" : colors.greyLight)}; transition: background-color 250ms ease-in; box-shadow: 0 0 1px white; border-radius: 50%; diff --git a/src/components/modal/ModalComponents.tsx b/src/components/modal/ModalComponents.tsx index 827dac733..674988533 100644 --- a/src/components/modal/ModalComponents.tsx +++ b/src/components/modal/ModalComponents.tsx @@ -1,5 +1,4 @@ /* eslint @typescript-eslint/no-explicit-any: "off" */ -import { PurchaseOverviewInner } from "@bosonprotocol/react-kit"; import { BuyerSellerAgreementModal } from "./components/BuyerSellerAgreementModal"; import EscalateModal from "./components/Chat/components/EscalateModal/EscalateModal"; @@ -70,7 +69,6 @@ export const MODAL_TYPES = { UPLOAD_MODAL: "UPLOAD_MODAL", VOID_PRODUCT: "VOID_PRODUCT", WAITING_FOR_CONFIRMATION: "WAITING_FOR_CONFIRMATION", - WHAT_IS_REDEEM: "WHAT_IS_REDEEM", PROGRESS_BAR: "PROGRESS_BAR", EXPORT_EXCHANGES_WITH_DELIVERY: "EXPORT_EXCHANGES_WITH_DELIVERY", PROFILE_DETAILS: "PROFILE_DETAILS", @@ -121,7 +119,6 @@ export const MODAL_COMPONENTS = { [MODAL_TYPES.UPLOAD_MODAL]: Upload, [MODAL_TYPES.VOID_PRODUCT]: VoidProduct, [MODAL_TYPES.WAITING_FOR_CONFIRMATION]: WaitingForConfirmationModal, - [MODAL_TYPES.WHAT_IS_REDEEM]: PurchaseOverviewInner, [MODAL_TYPES.PROGRESS_BAR]: ProgressBarModal, [MODAL_TYPES.EXPORT_EXCHANGES_WITH_DELIVERY]: ExportExchangesWithDeliveryModal, diff --git a/src/components/modal/components/Chat/MakeProposal/steps/DescribeProblemStep.tsx b/src/components/modal/components/Chat/MakeProposal/steps/DescribeProblemStep.tsx index e3ee8cfc7..c81cf80a1 100644 --- a/src/components/modal/components/Chat/MakeProposal/steps/DescribeProblemStep.tsx +++ b/src/components/modal/components/Chat/MakeProposal/steps/DescribeProblemStep.tsx @@ -31,7 +31,7 @@ export default function DescribeProblemStep({ onNextClick, isValid }: Props) { Add documents to support your case - + You may provide any information or attach any files that support your case. diff --git a/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/InEscrowInput.tsx b/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/InEscrowInput.tsx index 12e521faa..7ea67d92c 100644 --- a/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/InEscrowInput.tsx +++ b/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/InEscrowInput.tsx @@ -14,7 +14,7 @@ const Wrapper = styled.div` width: 100%; display: flex; align-items: center; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border: 1px solid ${colors.border}; padding: 0 0 0 0.5rem; diff --git a/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/MakeAProposalStep.tsx b/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/MakeAProposalStep.tsx index 8a9676f5f..313472d6a 100644 --- a/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/MakeAProposalStep.tsx +++ b/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/MakeAProposalStep.tsx @@ -70,7 +70,7 @@ export default function MakeAProposalStep({ Make a {proposalOrCounterProposal} - + Here you can make a {proposalOrCounterProposal} to the{" "} {counterPartyText} on how you would like the issue to be resolved. Note that this proposal is binding and if the  {counterPartyText} agrees diff --git a/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/RefundRequest.tsx b/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/RefundRequest.tsx index b71b00399..ade999d11 100644 --- a/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/RefundRequest.tsx +++ b/src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/RefundRequest.tsx @@ -124,7 +124,7 @@ export default function RefundRequest({ exchange, iAmTheBuyer }: Props) {
Escalate Dispute - + Escalating a dispute will enable the dispute resolver to decide on the outcome of the dispute. The dispute resolver will decide based on the contractual agreement and evidence submitted by both parties. - + Dispute resolver Redeemeum - + Exchange policy {onlyFairExchangePolicyLabel} - + Escalation deposit {feeAmount} - + Dispute period {deadlineTimeLeft} diff --git a/src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepTwo.tsx b/src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepTwo.tsx index 3284541cd..e24c52e7b 100644 --- a/src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepTwo.tsx +++ b/src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepTwo.tsx @@ -284,7 +284,7 @@ function EscalateStepTwo({ Click the button below to sign an arbitrary message with your wallet. This will allow the dispute resolver to verify @@ -330,7 +330,7 @@ function EscalateStepTwo({ Email the dispute resolver by copying the below details and attaching any evidence (e.g. Chat Transcript, Files, etc) @@ -422,7 +422,7 @@ function EscalateStepTwo({ Your Escalation deposit is {feeAmount} {""} {exchange.offer.exchangeToken.symbol}. This dispute resolver diff --git a/src/components/modal/components/Chat/components/InitializeChat.tsx b/src/components/modal/components/Chat/components/InitializeChat.tsx index 061958970..83a9953de 100644 --- a/src/components/modal/components/Chat/components/InitializeChat.tsx +++ b/src/components/modal/components/Chat/components/InitializeChat.tsx @@ -16,7 +16,7 @@ import { Typography } from "../../../../ui/Typography"; const Info = styled(Grid)` display: flex; justify-content: space-between; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; padding: 1.5rem; `; diff --git a/src/components/modal/components/CustomStoreModal.tsx b/src/components/modal/components/CustomStoreModal.tsx index 997a26307..fd39a40bc 100644 --- a/src/components/modal/components/CustomStoreModal.tsx +++ b/src/components/modal/components/CustomStoreModal.tsx @@ -54,14 +54,14 @@ const Heading = styled(Typography).attrs({ const marginBetweenContainers = `1.875rem`; const CollapsibleContainer = styled.div` margin-top: ${marginBetweenContainers}; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; padding: 1.5rem; `; const StyledTooltip = styled.div` background: ${colors.white}; padding: 1rem; - border: 1px solid ${colors.darkGrey}; + border: 1px solid ${colors.greyDark}; max-width: 20rem; `; @@ -115,7 +115,7 @@ export function CustomStoreModal({ return ( <> null} /> - + State @@ -124,14 +124,14 @@ function DisputeListMobileElement({ exchange }: { exchange: Exchange }) { alignItems="flex-start" justifyContent="flex-end" margin="0 0 0 0" - color={colors.darkGrey} + color={colors.greyDark} > {isResolved ? ( <> {deadlineTimeLeft}{" "} diff --git a/src/components/modal/components/DisputeModal/DisputeModal.tsx b/src/components/modal/components/DisputeModal/DisputeModal.tsx index da824b0d2..9b41f8dd6 100644 --- a/src/components/modal/components/DisputeModal/DisputeModal.tsx +++ b/src/components/modal/components/DisputeModal/DisputeModal.tsx @@ -21,13 +21,13 @@ const ModalGrid = styled.div` `; const ModalGridColumns = styled.div` - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; padding: 1.5625rem; grid-gap: 0.3125rem; position: relative; &:nth-of-type(1) { &:after { - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; content: ""; bottom: calc(-100% + 1px); width: 100%; @@ -38,7 +38,7 @@ const ModalGridColumns = styled.div` left: 0; ${breakpoint.m} { clip-path: polygon(0 0, 0% 100%, 13% 49%); - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; content: ""; height: 100%; width: 6.25rem; @@ -72,7 +72,7 @@ const ModalGridColumns = styled.div` } } &:after { - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; content: ""; bottom: calc(-100% + 0.0625rem); width: 100%; @@ -83,7 +83,7 @@ const ModalGridColumns = styled.div` left: 0; ${breakpoint.m} { clip-path: polygon(0 0, 0% 100%, 13% 49%); - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; content: ""; height: 100%; width: 6.25rem; @@ -154,7 +154,7 @@ function DisputeModal({ exchangeId }: Props) { diff --git a/src/components/modal/components/DisputeTable/DisputeTable.tsx b/src/components/modal/components/DisputeTable/DisputeTable.tsx index d178fac17..05c5166cf 100644 --- a/src/components/modal/components/DisputeTable/DisputeTable.tsx +++ b/src/components/modal/components/DisputeTable/DisputeTable.tsx @@ -16,7 +16,7 @@ const Table = styled.table` const TableHeader = styled.th` text-align: left; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; font-size: 1.1rem; font-weight: 600; font-family: inherit; diff --git a/src/components/modal/components/ExpireVoucherModal.tsx b/src/components/modal/components/ExpireVoucherModal.tsx index f8c5ff7df..8bd03473e 100644 --- a/src/components/modal/components/ExpireVoucherModal.tsx +++ b/src/components/modal/components/ExpireVoucherModal.tsx @@ -46,7 +46,7 @@ const Content = styled.div` `; const ButtonsWrapper = styled.div` - border-top: 1px solid ${colors.lightGrey}; + border-top: 1px solid ${colors.greyLight}; padding-top: 2rem; `; const Line = styled.hr` @@ -99,7 +99,7 @@ export default function ExpireVoucherModal({ exchange }: Props) { tag="p" textAlign="left" margin="0" - color={colors.darkGrey} + color={colors.greyDark} width="100%" style={{ width: "100%" diff --git a/src/components/modal/components/Explore/Collections/CollectionsCard.tsx b/src/components/modal/components/Explore/Collections/CollectionsCard.tsx index 1438b3af8..e00c49a2f 100644 --- a/src/components/modal/components/Explore/Collections/CollectionsCard.tsx +++ b/src/components/modal/components/Explore/Collections/CollectionsCard.tsx @@ -22,7 +22,7 @@ const CardContainer = styled.div<{ display: flex; cursor: pointer; flex-direction: column; - border: 2px solid ${colors.lightGrey}; + border: 2px solid ${colors.greyLight}; border-radius: 4px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); min-width: 16.5625rem; @@ -79,7 +79,7 @@ const LargeImage = styled(Image)` transform: none; left: 0; top: 30px; - box-shadow: 0 0 0 2px ${colors.lightGrey}; + box-shadow: 0 0 0 2px ${colors.greyLight}; width: inherit; } `; @@ -97,7 +97,7 @@ const BaseSmallImage = css` height: 3.125rem; max-height: 3.125rem; object-fit: contain; - box-shadow: 0 0 0 2px ${colors.lightGrey}; + box-shadow: 0 0 0 2px ${colors.greyLight}; width: 100%; left: unset; transform: none; @@ -252,7 +252,7 @@ export default function CollectionsCard({ collection, lensProfile }: Props) { {numProducts} Products diff --git a/src/components/modal/components/Profile/Lens/CreateBosonLensAccountSummary.tsx b/src/components/modal/components/Profile/Lens/CreateBosonLensAccountSummary.tsx index fbf92c508..724940d02 100644 --- a/src/components/modal/components/Profile/Lens/CreateBosonLensAccountSummary.tsx +++ b/src/components/modal/components/Profile/Lens/CreateBosonLensAccountSummary.tsx @@ -132,7 +132,7 @@ export default function CreateBosonLensAccountSummary({ @@ -346,7 +346,7 @@ export default function CreateBosonLensAccountSummary({ diff --git a/src/components/modal/components/Profile/Regular/RegularProfileSummary.tsx b/src/components/modal/components/Profile/Regular/RegularProfileSummary.tsx index 7ce4b15df..da01651dc 100644 --- a/src/components/modal/components/Profile/Regular/RegularProfileSummary.tsx +++ b/src/components/modal/components/Profile/Regular/RegularProfileSummary.tsx @@ -46,7 +46,7 @@ export default function RegularProfileSummary({ @@ -238,7 +238,7 @@ export default function RegularProfileSummary({ diff --git a/src/components/modal/components/Profile/bosonAccount/BosonAccountFormFields.tsx b/src/components/modal/components/Profile/bosonAccount/BosonAccountFormFields.tsx index 0396a3aa9..101b732e9 100644 --- a/src/components/modal/components/Profile/bosonAccount/BosonAccountFormFields.tsx +++ b/src/components/modal/components/Profile/bosonAccount/BosonAccountFormFields.tsx @@ -64,7 +64,7 @@ export default function BosonAccountFormFields({ {text} diff --git a/src/components/modal/components/SellerFinance/FinancesStyles.tsx b/src/components/modal/components/SellerFinance/FinancesStyles.tsx index e028ba0d3..11603c57b 100644 --- a/src/components/modal/components/SellerFinance/FinancesStyles.tsx +++ b/src/components/modal/components/SellerFinance/FinancesStyles.tsx @@ -8,7 +8,7 @@ import { Grid } from "../../../ui/Grid"; export const CTAButton = styled(Button)` padding: 0.75rem 1.5rem; &:disabled { - border: 2px solid ${colors.darkGrey}; + border: 2px solid ${colors.greyDark}; } &:hover:not(:disabled) { border: 2px solid var(--primary); @@ -26,7 +26,7 @@ export const InputWrapper = styled(Grid)<{ $hasError?: boolean }>` margin-top: -1rem; padding: 1.125rem 1rem; max-height: 3.5rem; - background: ${colors.darkGrey}; + background: ${colors.greyDark}; ${({ $hasError }) => $hasError && ` diff --git a/src/components/modal/components/Transactions/RecentTransactionsModal/Toggle.tsx b/src/components/modal/components/Transactions/RecentTransactionsModal/Toggle.tsx index 2f837291e..788a1fa27 100644 --- a/src/components/modal/components/Transactions/RecentTransactionsModal/Toggle.tsx +++ b/src/components/modal/components/Transactions/RecentTransactionsModal/Toggle.tsx @@ -6,7 +6,7 @@ import Button from "../../../../ui/Button"; import { Grid } from "../../../../ui/Grid"; const StyledGrid = styled(Grid)` - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; `; const StyledButton = styled(Button)<{ $isActive: boolean }>` @@ -16,7 +16,7 @@ const StyledButton = styled(Button)<{ $isActive: boolean }>` !$isActive && css` border-color: transparent; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; `} `; diff --git a/src/components/modal/components/Transactions/WaitingForConfirmationModal/WaitingForConfirmationModal.tsx b/src/components/modal/components/Transactions/WaitingForConfirmationModal/WaitingForConfirmationModal.tsx index a3654c890..39f8d1252 100644 --- a/src/components/modal/components/Transactions/WaitingForConfirmationModal/WaitingForConfirmationModal.tsx +++ b/src/components/modal/components/Transactions/WaitingForConfirmationModal/WaitingForConfirmationModal.tsx @@ -45,7 +45,7 @@ export default function WaitingForConfirmationModal({ action }: Props) { fontWeight="600" fontSize="1rem" lineHeight="150%" - color={colors.darkGrey} + color={colors.greyDark} margin="0.5rem 0 1.5rem 0" > {action} @@ -54,7 +54,7 @@ export default function WaitingForConfirmationModal({ action }: Props) { fontWeight="400" fontSize="0.75rem" lineHeight="150%" - color={colors.darkGrey} + color={colors.greyDark} > Confirm this transaction into your wallet diff --git a/src/components/modal/components/createProduct/VariableStepsExplainerModal.tsx b/src/components/modal/components/createProduct/VariableStepsExplainerModal.tsx index d30db1efe..597fa4c63 100644 --- a/src/components/modal/components/createProduct/VariableStepsExplainerModal.tsx +++ b/src/components/modal/components/createProduct/VariableStepsExplainerModal.tsx @@ -48,13 +48,13 @@ const StepWrapper = styled.div<{ $numSteps: number }>` const Step = styled.div<{ $isActive: boolean }>` position: relative; padding: 1rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; ${({ $isActive }) => { if ($isActive) { return css``; } return css` - background: ${colors.lightGrey}AA; + background: ${colors.greyLight}AA; color: ${colors.black}AA; svg { filter: opacity(50%); @@ -73,13 +73,13 @@ const Step = styled.div<{ $isActive: boolean }>` transform: translate(-50%, 0); border-left: 30rem solid transparent; border-right: 30rem solid transparent; - border-top: 1rem solid ${colors.lightGrey}; + border-top: 1rem solid ${colors.greyLight}; ${({ $isActive }) => { if ($isActive) { return css``; } return css` - border-top: 1rem solid ${colors.lightGrey}AA; + border-top: 1rem solid ${colors.greyLight}AA; `; }} } @@ -116,7 +116,7 @@ const Step = styled.div<{ $isActive: boolean }>` left: initial; transform: translate(0%, -50%); border-top: 10rem solid transparent; - border-left: 1rem solid ${colors.lightGrey}; + border-left: 1rem solid ${colors.greyLight}; border-bottom: 10rem solid transparent; border-right: none; ${({ $isActive }) => { @@ -124,7 +124,7 @@ const Step = styled.div<{ $isActive: boolean }>` return css``; } return css` - border-left: 1rem solid ${colors.lightGrey}AA; + border-left: 1rem solid ${colors.greyLight}AA; `; }} } diff --git a/src/components/modal/header/styles.tsx b/src/components/modal/header/styles.tsx index e732d07a3..a8d1f814d 100644 --- a/src/components/modal/header/styles.tsx +++ b/src/components/modal/header/styles.tsx @@ -6,7 +6,7 @@ import { Typography } from "../../ui/Typography"; export const Close = styled(X)` line { - stroke: ${colors.darkGrey} !important; + stroke: ${colors.greyDark} !important; stroke-width: 18px !important; } `; diff --git a/src/components/offer/ExchangeStatuses.tsx b/src/components/offer/ExchangeStatuses.tsx index cff3db99b..70a53c6ac 100644 --- a/src/components/offer/ExchangeStatuses.tsx +++ b/src/components/offer/ExchangeStatuses.tsx @@ -24,7 +24,7 @@ const Statuses = styled.div` &[data-testid="voided-status"] { &:before { background: transparent; - box-shadow: inset 0px 0px 0px 2px ${colors.darkGrey}; + box-shadow: inset 0px 0px 0px 2px ${colors.greyDark}; } } padding-left: 1.5rem; @@ -36,7 +36,7 @@ const Statuses = styled.div` transform: translate(0.25rem, -50%); width: 0.5rem; height: 0.5rem; - background: ${colors.darkGrey}; + background: ${colors.greyDark}; opacity: 0.6; border-radius: 50%; } @@ -124,7 +124,7 @@ const StatusToComponent = ( return { [subgraph.ExchangeState.CANCELLED]: ( ` width: 23.25rem; display: flex; flex-direction: column; - background: ${(props) => props.$background || colors.lightGrey}; + background: ${(props) => props.$background || colors.greyLight}; `; const HelpTitleContainer = styled.div` diff --git a/src/components/product/ProductType.tsx b/src/components/product/ProductType.tsx index 5f04868a8..c21a61a04 100644 --- a/src/components/product/ProductType.tsx +++ b/src/components/product/ProductType.tsx @@ -64,7 +64,7 @@ const productTypeItemsPerRow = { export const Label = styled.label` max-width: 12.5rem; align-items: center; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; width: 100%; text-align: center; margin-top: 0.25rem; @@ -99,7 +99,7 @@ const RadioButtonText = styled(Typography).attrs({ fontWeight: "600", fontSize: "1rem", margin: "1.5rem 0", - color: colors.darkGrey + color: colors.greyDark })``; const Container = styled.div` @@ -427,7 +427,7 @@ export default function ProductType({ fontWeight="600" fontSize="1rem" margin="1.5rem 0" - color={colors.darkGrey} + color={colors.greyDark} > Physical @@ -457,7 +457,7 @@ export default function ProductType({ fontWeight="600" fontSize="1rem" margin="1.5rem 0" - color={colors.darkGrey} + color={colors.greyDark} > Phygital diff --git a/src/components/product/TermsOfExchange.tsx b/src/components/product/TermsOfExchange.tsx index 04246add9..f97a5aa34 100644 --- a/src/components/product/TermsOfExchange.tsx +++ b/src/components/product/TermsOfExchange.tsx @@ -64,7 +64,7 @@ const InfoWrapper = styled.div` const InfoWrapperList = styled.div` padding: 1.25rem 1.5rem 1.5rem 1.5rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; > p { margin: 0; } diff --git a/src/components/product/confirmProductDetailsPage/ConfirmProductDetails.styles.tsx b/src/components/product/confirmProductDetailsPage/ConfirmProductDetails.styles.tsx index d9d2ebbee..1a820c73e 100644 --- a/src/components/product/confirmProductDetailsPage/ConfirmProductDetails.styles.tsx +++ b/src/components/product/confirmProductDetailsPage/ConfirmProductDetails.styles.tsx @@ -15,7 +15,7 @@ export const ConfirmProductDetailsContainer = styled(ContainerProductPage)` export const CollapseContainer = styled.div` padding: 1.5rem 2rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; &:nth-of-type(2) { margin-top: 2rem; margin-bottom: 2rem; @@ -74,7 +74,7 @@ export const ProductTypeBox = styled(GridBox)` export const ContentValue = styled(Typography)` font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; word-break: break-all; white-space: pre-wrap; gap: 0.5rem; @@ -160,7 +160,7 @@ export const InitializeChatContainer = styled.div` export const Info = styled(Grid)` justify-content: space-between; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; padding: 1.5rem; `; diff --git a/src/components/product/productDigital/styles.ts b/src/components/product/productDigital/styles.ts index 6de3e04f2..476ddf5f9 100644 --- a/src/components/product/productDigital/styles.ts +++ b/src/components/product/productDigital/styles.ts @@ -11,7 +11,7 @@ export const Delete = styled(Trash)` border-radius: 50%; box-sizing: content-box; &:hover { - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; } `; diff --git a/src/components/productCard/ProductCard.tsx b/src/components/productCard/ProductCard.tsx index 14300cf1e..791931975 100644 --- a/src/components/productCard/ProductCard.tsx +++ b/src/components/productCard/ProductCard.tsx @@ -56,8 +56,8 @@ const ProductCardWrapper = styled.div<{ background: transparent; box-shadow: none; &:hover { - box-shadow: 0 0 0 2px ${colors.lightGrey}; - filter: drop-shadow(0 0 2px ${colors.lightGrey}); + box-shadow: 0 0 0 2px ${colors.greyLight}; + filter: drop-shadow(0 0 2px ${colors.greyLight}); border-radius: 4px; } ${({ $isLowerCardBgColorDefined, $bottomCardTextColor }) => { @@ -221,13 +221,16 @@ export default function ProductCard({ (useLens ? lensProfile?.name : metadata?.name) ?? metadata?.name ?? ""; const lowerCardBgColor = useCustomStoreQueryParameter("lowerCardBgColor"); const isLowerCardBgColorDefined = !!lowerCardBgColor; + const bottomCardTextColor2 = + useCSSVariable("--lowerCardBgColor") || colors.white; const bottomCardTextColor = getColor1OverColor2WithContrast({ - color2: useCSSVariable("--lowerCardBgColor") || colors.white, - color1: useCSSVariable("--textColor") || colors.darkGrey + color2: bottomCardTextColor2, + color1: useCSSVariable("--textColor") || colors.greyDark }); + const avatarTextColor2 = useCSSVariable("--lowerCardBgColor") || colors.white; const avatarTextColor = getColor1OverColor2WithContrast({ - color2: useCSSVariable("--lowerCardBgColor") || colors.white, - color1: colors.accent, + color2: avatarTextColor2, + color1: colors.violet, contrastThreshold: 4 }); const isPhygital = isBundle(offer); @@ -246,11 +249,9 @@ export default function ProductCard({ { // to avoid infinite loop if (avatarObj.status === "lens" && avatarDifferentIpfsGateway) { diff --git a/src/components/questionHelper/index.tsx b/src/components/questionHelper/index.tsx index 23e5e8f3a..7ee598f4c 100644 --- a/src/components/questionHelper/index.tsx +++ b/src/components/questionHelper/index.tsx @@ -29,7 +29,7 @@ const QuestionMark = styled.span` font-size: 0.875rem; margin-left: 8px; align-items: center; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; margin-top: 2.5px; `; diff --git a/src/components/routingDiagram/RoutingDiagram.tsx b/src/components/routingDiagram/RoutingDiagram.tsx index 5c3f6b81a..c815d799a 100644 --- a/src/components/routingDiagram/RoutingDiagram.tsx +++ b/src/components/routingDiagram/RoutingDiagram.tsx @@ -47,12 +47,12 @@ const DottedLine = styled.div` const DotColor = styled(DotLine)` path { - stroke: ${colors.lightGrey}; + stroke: ${colors.greyLight}; } `; // styled(Badge); const OpaqueBadge = styled.div` - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; border-radius: 8px; display: grid; font-size: 0.75rem; @@ -65,7 +65,7 @@ const OpaqueBadge = styled.div` const ProtocolBadge = styled.div` border-radius: 4px; - color: ${colors.lightGrey}; + color: ${colors.greyLight}; font-size: 0.625rem; padding: 2px 4px; /* z-index: {Z_INDEX.sticky + 1}; */ diff --git a/src/components/searchModal/CurrencyList/index.tsx b/src/components/searchModal/CurrencyList/index.tsx index 93efcc4b3..da9b968ee 100644 --- a/src/components/searchModal/CurrencyList/index.tsx +++ b/src/components/searchModal/CurrencyList/index.tsx @@ -32,7 +32,7 @@ function currencyKey(currency: Currency): string { } */ const StyledFixedSizeList = styled(FixedSizeList)` scrollbar-width: thin; - scrollbar-color: ${colors.darkGrey} transparent; + scrollbar-color: ${colors.greyDark} transparent; height: 100%; `; @@ -59,7 +59,7 @@ const CurrencyName = styled(Typography)` const Tag = styled.div` background-color: ${({ theme }) => theme.deprecated_bg3}; - color: ${colors.lightGrey}; + color: ${colors.greyLight}; font-size: 0.875rem; border-radius: 4px; padding: 0.25rem 0.3rem 0.25rem 0.3rem; diff --git a/src/components/searchModal/styled.tsx b/src/components/searchModal/styled.tsx index fdb4c1349..5b7693084 100644 --- a/src/components/searchModal/styled.tsx +++ b/src/components/searchModal/styled.tsx @@ -47,7 +47,7 @@ export const SearchInput = styled.input` border-radius: 12px; color: ${({ theme }) => theme.textPrimary}; border-style: solid; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; -webkit-appearance: none; font-size: 1rem; @@ -59,14 +59,14 @@ export const SearchInput = styled.input` transition: border 100ms; &:focus { border: 1px solid ${({ theme }) => theme.accentActiveSoft}; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; outline: none; } `; export const Separator = styled.div` width: 100%; height: 1px; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; `; export const LoadingRows = styled(BaseLoadingRows)` diff --git a/src/components/seller/SellerAside.tsx b/src/components/seller/SellerAside.tsx index 579a5c9c3..2f46d503a 100644 --- a/src/components/seller/SellerAside.tsx +++ b/src/components/seller/SellerAside.tsx @@ -183,7 +183,7 @@ export default function SellerAside( {collapsed && showWarning && ( diff --git a/src/components/seller/SellerTags.tsx b/src/components/seller/SellerTags.tsx index caf779309..24ae6a56d 100644 --- a/src/components/seller/SellerTags.tsx +++ b/src/components/seller/SellerTags.tsx @@ -19,7 +19,7 @@ const TagItem = styled.li<{ $active: boolean; $disabled?: boolean }>` border-bottom: ${(props) => props.$active ? `1px solid ${colors.black}` : colors.black}; color: ${(props) => - props.$active ? `1px solid ${colors.black}` : colors.darkGrey}; + props.$active ? `1px solid ${colors.black}` : colors.greyDark}; padding: 1.125rem 1.5rem; display: flex; list-style-type: none; diff --git a/src/components/seller/SellerWrapper.tsx b/src/components/seller/SellerWrapper.tsx index e803cdafb..8c901b0a8 100644 --- a/src/components/seller/SellerWrapper.tsx +++ b/src/components/seller/SellerWrapper.tsx @@ -5,7 +5,7 @@ import { Typography } from "../ui/Typography"; const margin = "5.5rem"; const SellerMain = styled.main` padding: 1.375rem 2.5rem 2.75rem 2.5rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; min-height: calc(100vh - ${margin}); overflow: hidden; `; diff --git a/src/components/seller/common/PaginationPages.tsx b/src/components/seller/common/PaginationPages.tsx index a78eb4aa5..5fc991eca 100644 --- a/src/components/seller/common/PaginationPages.tsx +++ b/src/components/seller/common/PaginationPages.tsx @@ -4,7 +4,7 @@ import { colors } from "../../../lib/styles/colors"; const Span = styled.span` font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; &:not(:last-of-type) { margin-right: 1rem; } diff --git a/src/components/seller/dashboard/SellerDashboard.styles.tsx b/src/components/seller/dashboard/SellerDashboard.styles.tsx index 94da27db2..da558fe6f 100644 --- a/src/components/seller/dashboard/SellerDashboard.styles.tsx +++ b/src/components/seller/dashboard/SellerDashboard.styles.tsx @@ -75,7 +75,7 @@ export const ItemsDates = styled(Typography)` } > * { font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; &:first-child { font-weight: 600; } diff --git a/src/components/seller/exchanges/SellerExchangeTable.tsx b/src/components/seller/exchanges/SellerExchangeTable.tsx index 97802cdcb..5beaae5d1 100644 --- a/src/components/seller/exchanges/SellerExchangeTable.tsx +++ b/src/components/seller/exchanges/SellerExchangeTable.tsx @@ -104,7 +104,7 @@ const Table = styled.table` border-collapse: collapse; .th { font-weight: 600; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; :not([data-sortable]) { cursor: default !important; } @@ -144,7 +144,7 @@ const Table = styled.table` display: flex; &:hover { .td { - background-color: ${colors.darkGrey}08; + background-color: ${colors.greyDark}08; cursor: pointer; } } @@ -188,7 +188,7 @@ const Pagination = styled.div` `; const Span = styled.span` font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; &:not(:last-of-type) { margin-right: 1rem; } @@ -573,7 +573,7 @@ export default function SellerExchangeTable({ : colors.black, background: pageNumber === pageIndex - ? colors.lightGrey + ? colors.greyLight : "transparent" }} onClick={() => gotoPage(pageNumber)} diff --git a/src/components/seller/products/Actions.tsx b/src/components/seller/products/Actions.tsx index 50a85a2ba..72ba0dcfa 100644 --- a/src/components/seller/products/Actions.tsx +++ b/src/components/seller/products/Actions.tsx @@ -62,15 +62,15 @@ const GlobalStyle = createGlobalStyle` .DropdownMenuCheckboxItem[data-disabled], .DropdownMenuRadioItem[data-disabled], .DropdownMenuSubTrigger[data-disabled] { - color: ${colors.lightGrey}; + color: ${colors.greyLight}; pointer-events: none; } .DropdownMenuItem[data-highlighted], .DropdownMenuCheckboxItem[data-highlighted], .DropdownMenuRadioItem[data-highlighted], .DropdownMenuSubTrigger[data-highlighted] { - background-color: ${colors.lightGrey}; - color: ${colors.darkGrey}; + background-color: ${colors.greyLight}; + color: ${colors.greyDark}; } .DropdownMenuLabel { diff --git a/src/components/seller/products/SellerProductsTable.tsx b/src/components/seller/products/SellerProductsTable.tsx index 5053aad9d..c985d4ba7 100644 --- a/src/components/seller/products/SellerProductsTable.tsx +++ b/src/components/seller/products/SellerProductsTable.tsx @@ -60,7 +60,7 @@ import OfferVariation from "./OfferVariation"; import { SalesChannels } from "./types"; const TagWrapper = styled.div` - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; display: inline-block; padding: 0.5em 0.75em; font-size: 0.75rem; @@ -155,7 +155,7 @@ const Table = styled.table` border-collapse: collapse; .th { font-weight: 600; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; :not([data-sortable]) { cursor: default !important; } @@ -215,7 +215,7 @@ const Table = styled.table` .tr { &:hover { .td { - background-color: ${colors.darkGrey}08; + background-color: ${colors.greyDark}08; cursor: pointer; } } @@ -262,7 +262,7 @@ const Pagination = styled.div` `; const Span = styled.span` font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; &:not(:last-of-type) { margin-right: 1rem; } @@ -671,7 +671,7 @@ export default function SellerProductsTable({ {offer?.additional?.variants.length} variants @@ -1194,7 +1194,7 @@ export default function SellerProductsTable({ : colors.black, background: pageNumber === pageIndex - ? colors.lightGrey + ? colors.greyLight : "transparent" }} onClick={() => gotoPage(pageNumber)} diff --git a/src/components/seller/salesChannels/SalesChannelCard.tsx b/src/components/seller/salesChannels/SalesChannelCard.tsx index 42e19d5e0..1870f006e 100644 --- a/src/components/seller/salesChannels/SalesChannelCard.tsx +++ b/src/components/seller/salesChannels/SalesChannelCard.tsx @@ -26,7 +26,7 @@ const Time = styled(Grid)` position: absolute; top: 0.5rem; right: 0.5rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; padding: 0.25rem 0.5rem; `; @@ -42,7 +42,7 @@ export const SalesChannelCard: React.FC = ({ diff --git a/src/components/settings/index.tsx b/src/components/settings/index.tsx index 20c499c40..961467dc4 100644 --- a/src/components/settings/index.tsx +++ b/src/components/settings/index.tsx @@ -32,7 +32,7 @@ const Menu = styled.div` const MenuFlyout = styled(AutoColumn)` min-width: 20.125rem; background-color: ${colors.white}; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01), 0px 4px 8px rgba(0, 0, 0, 0.04), @@ -76,7 +76,7 @@ const MobileMenuWrapper = styled(Column)<{ open: boolean }>` height: min-content; width: 100%; padding: 8px 16px 24px; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; overflow: hidden; position: absolute; bottom: ${({ open }) => (open ? `100vh` : 0)}; diff --git a/src/components/settings/maxSlippageSettings/index.tsx b/src/components/settings/maxSlippageSettings/index.tsx index 98e6cfab0..d7544158e 100644 --- a/src/components/settings/maxSlippageSettings/index.tsx +++ b/src/components/settings/maxSlippageSettings/index.tsx @@ -31,7 +31,7 @@ const Option = styled(Grid)<{ isActive: boolean }>` const Switch = styled(Grid)` width: auto; padding: 4px; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; border-radius: 16px; `; @@ -112,7 +112,7 @@ export default function MaxSlippageSettings({ onToggle={() => setIsOpen(!isOpen)} header={ - + <>Max slippage ` /* TODO: div { color: ${({ theme, displayWarning }) => - displayWarning ? theme.accentWarning : colors.lightGrey}; + displayWarning ? theme.accentWarning : colors.greyLight}; } background-color: ${({ theme, displayWarning }) => diff --git a/src/components/settings/routerPreferenceSettings/index.tsx b/src/components/settings/routerPreferenceSettings/index.tsx index 4ae282839..63ceb80cb 100644 --- a/src/components/settings/routerPreferenceSettings/index.tsx +++ b/src/components/settings/routerPreferenceSettings/index.tsx @@ -71,7 +71,7 @@ export default function RouterPreferenceSettings() { - + <>Local routing diff --git a/src/components/settings/transactionDeadlineSettings/index.tsx b/src/components/settings/transactionDeadlineSettings/index.tsx index 605a41f6d..078032107 100644 --- a/src/components/settings/transactionDeadlineSettings/index.tsx +++ b/src/components/settings/transactionDeadlineSettings/index.tsx @@ -69,7 +69,7 @@ export default function TransactionDeadlineSettings() { testId="transaction-deadline-settings" header={ - + <>Transaction deadline { if (active && callback) { callback(active - 1); @@ -111,7 +111,7 @@ export default function MultiSteps({ { diff --git a/src/components/step/Step.styles.ts b/src/components/step/Step.styles.ts index 332f949e0..24df12b46 100644 --- a/src/components/step/Step.styles.ts +++ b/src/components/step/Step.styles.ts @@ -50,9 +50,9 @@ export const StepStyle = styled.div<{ ${!disabled && css` &:hover { - background: ${colors.lightGrey}; + background: ${colors.greyLight}; &:before { - background: ${colors.darkGrey}; + background: ${colors.greyDark}; width: 0.5rem; height: 0.5rem; } @@ -151,7 +151,7 @@ export const MultiStepStyle = styled.div<{ $isLteS: boolean }>` font-weight: 600; font-size: 0.75rem; line-height: 1.5; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; } `; diff --git a/src/components/swap/SwapDetailsDropdown.tsx b/src/components/swap/SwapDetailsDropdown.tsx index 1b45720b8..a28eb423a 100644 --- a/src/components/swap/SwapDetailsDropdown.tsx +++ b/src/components/swap/SwapDetailsDropdown.tsx @@ -55,7 +55,7 @@ const StyledPollingDot = styled.div` min-width: 8px; border-radius: 50%; position: relative; - /* background-color: ${colors.lightGrey}; */ + /* background-color: ${colors.greyLight}; */ transition: 250ms ease background-color; `; diff --git a/src/components/swap/SwapModalHeaderAmount.tsx b/src/components/swap/SwapModalHeaderAmount.tsx index fe827cb31..369dc01d8 100644 --- a/src/components/swap/SwapModalHeaderAmount.tsx +++ b/src/components/swap/SwapModalHeaderAmount.tsx @@ -68,7 +68,7 @@ export function SwapModalHeaderAmount({ {formatReviewSwapCurrencyAmount(amount)} {currency?.symbol} {usdAmount && ( - + {formatNumber(usdAmount, NumberType.FiatTokenQuantity)} )} diff --git a/src/components/swap/styled.tsx b/src/components/swap/styled.tsx index 0a9d187fd..67ab9f7c8 100644 --- a/src/components/swap/styled.tsx +++ b/src/components/swap/styled.tsx @@ -23,9 +23,9 @@ export const PageWrapper = styled.div` // Mostly copied from `AppBody` but it was getting too hard to maintain backwards compatibility. export const SwapWrapper = styled.main<{ chainId?: number }>` position: relative; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border-radius: 24px; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; padding: 8px; padding-top: 12px; box-shadow: ${({ chainId }) => @@ -34,7 +34,7 @@ export const SwapWrapper = styled.main<{ chainId?: number }>` transition: transform 250ms ease; &:hover { - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; } `; @@ -45,9 +45,9 @@ export const UniswapPopoverContainer = styled.div` font-size: 0.75rem; line-height: 16px; word-break: break-word; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border-radius: 20px; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; box-shadow: 0 4px 8px 0 ${({ theme }) => transparentize(0.9, theme.shadow1)}; position: relative; overflow: hidden; @@ -132,11 +132,11 @@ export const UniswapXOptInLargeContainer = styled.div<{ visible: boolean }>` export const SwapMustache = styled.main` position: relative; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; border-radius: 16px; border-top-left-radius: 0; border-top-right-radius: 0; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; border-top-width: 0; padding: 18px; padding-top: calc(12px + 18px); @@ -165,7 +165,7 @@ export const ArrowWrapper = styled.div<{ clickable: boolean }>` margin-bottom: -18px; margin-left: auto; margin-right: auto; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; border: 4px solid; border-color: ${colors.white}; diff --git a/src/components/timeline/Timeline.tsx b/src/components/timeline/Timeline.tsx index e80315b2b..0fc6bc57d 100644 --- a/src/components/timeline/Timeline.tsx +++ b/src/components/timeline/Timeline.tsx @@ -38,7 +38,7 @@ const StyledStatus = styled.span` `; const StyledDate = styled.span` - color: ${colors.darkGrey}; + color: ${colors.greyDark}; font-size: 0.75rem; `; diff --git a/src/components/toasts/common/ErrorToast.tsx b/src/components/toasts/common/ErrorToast.tsx index 7cd1d2ec9..6d4c858a4 100644 --- a/src/components/toasts/common/ErrorToast.tsx +++ b/src/components/toasts/common/ErrorToast.tsx @@ -9,7 +9,7 @@ import { Grid } from "../../ui/Grid"; const Close = styled(X)` line { - stroke: ${colors.darkGrey}; + stroke: ${colors.greyDark}; } `; const StyledButton = styled(Button)` diff --git a/src/components/toasts/common/LoadingToast.tsx b/src/components/toasts/common/LoadingToast.tsx index 5a9fa9ec3..84c759aaf 100644 --- a/src/components/toasts/common/LoadingToast.tsx +++ b/src/components/toasts/common/LoadingToast.tsx @@ -10,7 +10,7 @@ import Loading from "../../ui/Loading"; const Close = styled(X)` line { - stroke: ${colors.darkGrey}; + stroke: ${colors.greyDark}; } `; const StyledButton = styled(Button)` diff --git a/src/components/toasts/common/SuccessToast.tsx b/src/components/toasts/common/SuccessToast.tsx index 3450f9140..a71566c82 100644 --- a/src/components/toasts/common/SuccessToast.tsx +++ b/src/components/toasts/common/SuccessToast.tsx @@ -9,7 +9,7 @@ import { Grid } from "../../ui/Grid"; const Close = styled(X)` line { - stroke: ${colors.darkGrey}; + stroke: ${colors.greyDark}; } `; const StyledButton = styled(Button)` diff --git a/src/components/toggle/index.tsx b/src/components/toggle/index.tsx index c5ba435a0..5838ad85a 100644 --- a/src/components/toggle/index.tsx +++ b/src/components/toggle/index.tsx @@ -8,7 +8,7 @@ const Wrapper = styled.button<{ isActive?: boolean; activeElement?: boolean }>` background: ${({ isActive }) => isActive ? colors.secondary : "transparent"}; border: ${({ isActive }) => - isActive ? "1px solid transparent" : `1px solid ${colors.darkGrey}`}; + isActive ? "1px solid transparent" : `1px solid ${colors.greyDark}`}; border-radius: 20px; cursor: pointer; display: flex; @@ -47,7 +47,7 @@ const ToggleElementHoverStyle = (hasBgColor: boolean, isActive?: boolean) => : { background: isActive ? lighten(0.15, colors.secondary) - : darken(0.05, colors.lightGrey), + : darken(0.05, colors.greyLight), color: isActive ? colors.white : colors.black }; @@ -64,8 +64,8 @@ const ToggleElement = styled.span<{ isActive ? bgColor ?? lighten(0.09, colors.secondary) : bgColor - ? colors.lightGrey - : colors.darkGrey}; + ? colors.greyLight + : colors.greyDark}; border-radius: 50%; height: 24px; &:hover { diff --git a/src/components/tokenSafety/TokenSafetyIcon.tsx b/src/components/tokenSafety/TokenSafetyIcon.tsx index a1e1e0a00..0b7b03d3f 100644 --- a/src/components/tokenSafety/TokenSafetyIcon.tsx +++ b/src/components/tokenSafety/TokenSafetyIcon.tsx @@ -21,7 +21,7 @@ const WarningIcon = styled(WarningTriangle)<{ size?: string }>` const BlockedIcon = styled(Prohibit)<{ size?: string }>` ${WarningIconStyle} - color: ${colors.lightGrey}; + color: ${colors.greyLight}; `; export default function TokenSafetyIcon({ diff --git a/src/components/tokenSafety/index.tsx b/src/components/tokenSafety/index.tsx index f847d133d..1f6ba91bd 100644 --- a/src/components/tokenSafety/index.tsx +++ b/src/components/tokenSafety/index.tsx @@ -69,11 +69,11 @@ const StyledCancelButton = styled(Button)` `; const StyledCloseButton = styled(StyledButton)` - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; /* color: ${({ theme }) => theme.textPrimary}; */ &:hover { - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; opacity: 0.6; transition: opacity 250ms ease; } diff --git a/src/components/tooltip/Tooltip.tsx b/src/components/tooltip/Tooltip.tsx index 0ecb3b484..d59fd3bcd 100644 --- a/src/components/tooltip/Tooltip.tsx +++ b/src/components/tooltip/Tooltip.tsx @@ -43,7 +43,7 @@ interface Props extends Omit { const Button = styled.button` ${() => Styles.button}; display: flex; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; background-color: transparent; &:hover { color: ${colors.black}; diff --git a/src/components/transactions/TransactionsTable.styles.ts b/src/components/transactions/TransactionsTable.styles.ts index bbdf47f33..ec4a25550 100644 --- a/src/components/transactions/TransactionsTable.styles.ts +++ b/src/components/transactions/TransactionsTable.styles.ts @@ -8,7 +8,7 @@ export const Table = styled.table` border-collapse: collapse; th { font-weight: 600; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; :not([data-sortable]) { cursor: default !important; } @@ -46,7 +46,7 @@ export const Table = styled.table` tr { &:hover { td { - background-color: ${colors.darkGrey}08; + background-color: ${colors.greyDark}08; cursor: pointer; } } @@ -99,7 +99,7 @@ export const Pagination = styled.div` export const Span = styled.span` font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; &:not(:last-of-type) { margin-right: 1rem; } diff --git a/src/components/transactions/TransactionsTable.tsx b/src/components/transactions/TransactionsTable.tsx index f6a7c87b6..eca52da92 100644 --- a/src/components/transactions/TransactionsTable.tsx +++ b/src/components/transactions/TransactionsTable.tsx @@ -278,7 +278,7 @@ export default function TransactionsTable({ transactions }: Props) { : colors.black, background: pageNumber === pageIndex - ? colors.lightGrey + ? colors.greyLight : "transparent" }} onClick={() => gotoPage(pageNumber)} diff --git a/src/components/ui/ClearButton.tsx b/src/components/ui/ClearButton.tsx index 03ddaeb31..f86a94a0a 100644 --- a/src/components/ui/ClearButton.tsx +++ b/src/components/ui/ClearButton.tsx @@ -15,7 +15,7 @@ const CrossIcon = (props: Record) => ( ); export const ClearButton = styled(CrossIcon)` position: absolute; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; top: 0; right: 0; height: 100%; diff --git a/src/components/ui/Image.tsx b/src/components/ui/Image.tsx index 80e88b5fb..0c44852f2 100644 --- a/src/components/ui/Image.tsx +++ b/src/components/ui/Image.tsx @@ -55,7 +55,7 @@ const ImagePlaceholder = styled.div` top: 0; height: 100%; width: 100%; - background-color: ${colors.darkGrey}; + background-color: ${colors.greyDark}; display: flex; flex-direction: column; justify-content: center; diff --git a/src/components/ui/InputGroup.tsx b/src/components/ui/InputGroup.tsx index e32c07f7d..4cb1a41cc 100644 --- a/src/components/ui/InputGroup.tsx +++ b/src/components/ui/InputGroup.tsx @@ -32,7 +32,7 @@ const TitleContainer = styled.div` const SubTitleContainer = styled.div` > p { font-size: 0.75rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; margin: 0 0 0.75rem 0; } `; diff --git a/src/components/ui/Video.tsx b/src/components/ui/Video.tsx index 8434d36c2..766eb849e 100644 --- a/src/components/ui/Video.tsx +++ b/src/components/ui/Video.tsx @@ -75,7 +75,7 @@ const VideoPlaceholder = styled.div<{ $position?: CSSProperties["position"] }>` top: 0; height: 100%; width: 100%; - background-color: ${colors.darkGrey}; + background-color: ${colors.greyDark}; display: flex; flex-direction: column; justify-content: center; diff --git a/src/lib/styles/GlobalStyle.tsx b/src/lib/styles/GlobalStyle.tsx index f0e3ed8e3..299d12d9c 100644 --- a/src/lib/styles/GlobalStyle.tsx +++ b/src/lib/styles/GlobalStyle.tsx @@ -47,21 +47,19 @@ const GlobalStyle = createGlobalStyle<{ --headerTextColor: ${(props) => props.$headerTextColor && !props.$withBosonStyles ? props.$headerTextColor - : colors.darkGrey}; + : colors.greyDark}; --primary: ${(props) => props.$primaryBgColor && !props.$withBosonStyles ? props.$primaryBgColor - : colors.primary}; + : colors.green}; --secondary: ${(props) => props.$secondaryBgColor && !props.$withBosonStyles ? props.$secondaryBgColor - : colors.lightGrey}; + : colors.greyLight}; --accent: ${(props) => props.$accentColor && !props.$withBosonStyles ? props.$accentColor - : colors.accent}; - --accentNoDefault : ${(props) => - props.$accentColor && !props.$withBosonStyles ? props.$accentColor : ""}; + : colors.violet}; --accentDark: ${(props) => props.$accentColor && !props.$withBosonStyles ? props.$accentColor @@ -73,11 +71,11 @@ const GlobalStyle = createGlobalStyle<{ --primaryBgColor: ${(props) => props.$primaryBgColor && !props.$withBosonStyles ? props.$primaryBgColor - : colors.primaryBgColor}; + : colors.white}; --secondaryBgColor: ${(props) => props.$secondaryBgColor && !props.$withBosonStyles ? props.$secondaryBgColor - : colors.secondary}; + : colors.violet}; --footerBgColor: ${(props) => props.$footerBgColor && !props.$withBosonStyles ? props.$footerBgColor @@ -89,7 +87,7 @@ const GlobalStyle = createGlobalStyle<{ --buttonBgColor: ${(props) => props.$buttonBgColor && !props.$withBosonStyles ? props.$buttonBgColor - : colors.primary}; + : colors.green}; --buttonTextColor: ${(props) => props.$buttonTextColor && !props.$withBosonStyles ? props.$buttonTextColor diff --git a/src/lib/styles/colors.ts b/src/lib/styles/colors.ts index 99c3d346c..d314aa306 100644 --- a/src/lib/styles/colors.ts +++ b/src/lib/styles/colors.ts @@ -1,3 +1 @@ -import { theme } from "@bosonprotocol/react-kit"; - -export const colors = theme.colors.light; +export { colors } from "@bosonprotocol/react-kit"; diff --git a/src/lib/styles/preventCustomStoreStyles.ts b/src/lib/styles/preventCustomStoreStyles.ts index 52105fc3f..3be2da4a0 100644 --- a/src/lib/styles/preventCustomStoreStyles.ts +++ b/src/lib/styles/preventCustomStoreStyles.ts @@ -4,18 +4,17 @@ import { colors } from "./colors"; export const PreventCustomStoreStyles = styled.div` --headerBgColor: ${colors.white}; - --headerTextColor: ${colors.darkGrey}; - --primary: ${colors.primary}; - --secondary: ${colors.lightGrey}; - --accent: ${colors.accent}; - --accentNoDefault: initial; + --headerTextColor: ${colors.greyDark}; + --primary: ${colors.green}; + --secondary: ${colors.greyLight}; + --accent: ${colors.violet}; --accentDark: ${colors.arsenic}; --textColor: ${colors.black}; - --primaryBgColor: ${colors.primaryBgColor}; - --secondaryBgColor: ${colors.secondary}; + --primaryBgColor: ${colors.white}; + --secondaryBgColor: ${colors.violet}; --footerBgColor: ${colors.black}; --footerTextColor: ${colors.white}; - --buttonBgColor: ${colors.primary}; + --buttonBgColor: ${colors.green}; --buttonTextColor: ${colors.black}; --upperCardBgColor: ${colors.white}; --lowerCardBgColor: ${colors.white}; diff --git a/src/lib/utils/hooks/useCSSVariable.ts b/src/lib/utils/hooks/useCSSVariable.ts index 0581b33f3..9e19d2d33 100644 --- a/src/lib/utils/hooks/useCSSVariable.ts +++ b/src/lib/utils/hooks/useCSSVariable.ts @@ -8,7 +8,6 @@ export const useCSSVariable = ( | "--primary" | "--secondary" | "--accent" - | "--accentNoDefault" | "--accentDark" | "--textColor" | "--primaryBgColor" @@ -22,9 +21,13 @@ export const useCSSVariable = ( ) => { const [value, setValue] = useState(); useEffect(() => { - setValue( - getComputedStyle(document.documentElement).getPropertyValue(variableName) - ); + const computedCssVar = getComputedStyle( + document.documentElement + ).getPropertyValue(variableName); + if (!computedCssVar) { + console.error(`CSS variable ${variableName} is not defined`); + } + setValue(computedCssVar); }, [variableName]); return value; }; diff --git a/src/pages/chat/Chat.tsx b/src/pages/chat/Chat.tsx index 10bce590f..39238f91f 100644 --- a/src/pages/chat/Chat.tsx +++ b/src/pages/chat/Chat.tsx @@ -60,7 +60,7 @@ const SimpleMessage = styled.p` width: 100%; height: 100%; padding: 1rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; `; export default function Chat() { diff --git a/src/pages/chat/components/ExchangeSidePreview.tsx b/src/pages/chat/components/ExchangeSidePreview.tsx index 559920b19..203134c9f 100644 --- a/src/pages/chat/components/ExchangeSidePreview.tsx +++ b/src/pages/chat/components/ExchangeSidePreview.tsx @@ -70,7 +70,7 @@ const Container = styled.div<{ $disputeOpen: boolean }>` right: ${({ $disputeOpen }) => ($disputeOpen ? "0" : "-160vw")}; transition: 400ms; width: ${({ $disputeOpen }) => $disputeOpen && "100vw"}; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; ${breakpoint.m} { padding-top: 0; width: 100%; @@ -118,7 +118,7 @@ const sectionStyles = css` ${breakpoint.l} { background: ${colors.white}; } - background: ${colors.lightGrey}; + background: ${colors.greyLight}; `; const Section = styled.div` ${sectionStyles}; diff --git a/src/pages/chat/components/Message.tsx b/src/pages/chat/components/Message.tsx index 66ea0010a..c6ca3e746 100644 --- a/src/pages/chat/components/Message.tsx +++ b/src/pages/chat/components/Message.tsx @@ -121,7 +121,7 @@ const Bottom = styled.div<{ $isLeftAligned: boolean }>` align-items: center; * { color: ${({ $isLeftAligned }) => - $isLeftAligned ? colors.lightGrey : colors.darkGrey}; + $isLeftAligned ? colors.greyLight : colors.greyDark}; font-size: 0.75rem; } `; diff --git a/src/pages/chat/components/MessageSeparator.tsx b/src/pages/chat/components/MessageSeparator.tsx index 2126843ce..fdc5d8b27 100644 --- a/src/pages/chat/components/MessageSeparator.tsx +++ b/src/pages/chat/components/MessageSeparator.tsx @@ -24,7 +24,7 @@ const Separator = styled.div` font-size: 0.75rem; &:before { position: absolute; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; left: -0.625rem; height: 100%; width: 0.625rem; @@ -32,7 +32,7 @@ const Separator = styled.div` } &:after { position: absolute; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; right: -0.625rem; height: 100%; width: 0.625rem; diff --git a/src/pages/chat/components/MessagesDisputesToggle.tsx b/src/pages/chat/components/MessagesDisputesToggle.tsx index d41c2f4cf..4f1abcdee 100644 --- a/src/pages/chat/components/MessagesDisputesToggle.tsx +++ b/src/pages/chat/components/MessagesDisputesToggle.tsx @@ -12,7 +12,7 @@ const StyledButton = styled(Button)<{ $isActive: boolean }>` css` && { border-color: transparent; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; } `} `; diff --git a/src/pages/chat/components/ProgressBar.tsx b/src/pages/chat/components/ProgressBar.tsx index d571e48ad..ea20810e1 100644 --- a/src/pages/chat/components/ProgressBar.tsx +++ b/src/pages/chat/components/ProgressBar.tsx @@ -24,7 +24,7 @@ const commonStyles = css` right: 0; top: 0; bottom: 0; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; padding: 0.5rem; width: 100%; `; @@ -39,7 +39,7 @@ const Back = styled.div<{ $backgroundColor: CSSProperties["background"] }>` const Front = styled.div<{ $progress: number }>` ${commonStyles}; color: ${colors.black}; - background: ${darken(0.05, colors.lightGrey)}; + background: ${darken(0.05, colors.greyLight)}; clip-path: inset(0 0 0 ${({ $progress }) => $progress}%); transition: clip-path 1s linear; `; diff --git a/src/pages/chat/components/UploadForm/UploadForm.tsx b/src/pages/chat/components/UploadForm/UploadForm.tsx index b1ec88437..59e66fea7 100644 --- a/src/pages/chat/components/UploadForm/UploadForm.tsx +++ b/src/pages/chat/components/UploadForm/UploadForm.tsx @@ -17,7 +17,7 @@ export default function UploadForm() { - + File format: PDF, PNG, JPG
Max. file size: {MAX_FILE_SIZE / (1024 * 1024)}MB diff --git a/src/pages/chat/components/conversation/ChatConversation.tsx b/src/pages/chat/components/conversation/ChatConversation.tsx index 6c11f7860..afc8577ba 100644 --- a/src/pages/chat/components/conversation/ChatConversation.tsx +++ b/src/pages/chat/components/conversation/ChatConversation.tsx @@ -119,7 +119,7 @@ const SimpleMessage = styled.p` width: 100%; height: 100%; padding: 1rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; `; const GridHeader = styled.div` diff --git a/src/pages/chat/components/conversation/ChatInfoBox/DaysLeftToResolve.tsx b/src/pages/chat/components/conversation/ChatInfoBox/DaysLeftToResolve.tsx index 849a82dc5..f4067aaae 100644 --- a/src/pages/chat/components/conversation/ChatInfoBox/DaysLeftToResolve.tsx +++ b/src/pages/chat/components/conversation/ChatInfoBox/DaysLeftToResolve.tsx @@ -42,7 +42,7 @@ export const DaysLeftToResolve: React.FC = ({ {showText && ( diff --git a/src/pages/chat/components/conversation/ChatInfoBox/DrHasDecided.tsx b/src/pages/chat/components/conversation/ChatInfoBox/DrHasDecided.tsx index 7cb8d40b1..07558d8da 100644 --- a/src/pages/chat/components/conversation/ChatInfoBox/DrHasDecided.tsx +++ b/src/pages/chat/components/conversation/ChatInfoBox/DrHasDecided.tsx @@ -56,7 +56,7 @@ export const DrHasDecided: React.FC = ({ diff --git a/src/pages/chat/components/conversation/ChatInfoBox/ProposalButtons.tsx b/src/pages/chat/components/conversation/ChatInfoBox/ProposalButtons.tsx index 8b63ed83d..beb18eba3 100644 --- a/src/pages/chat/components/conversation/ChatInfoBox/ProposalButtons.tsx +++ b/src/pages/chat/components/conversation/ChatInfoBox/ProposalButtons.tsx @@ -44,7 +44,7 @@ export const ProposalButtons: React.FC = ({ {showText && ( diff --git a/src/pages/chat/components/conversation/ChatInfoBox/YouHaveAccepted.tsx b/src/pages/chat/components/conversation/ChatInfoBox/YouHaveAccepted.tsx index 079aae6d9..3665fd1a3 100644 --- a/src/pages/chat/components/conversation/ChatInfoBox/YouHaveAccepted.tsx +++ b/src/pages/chat/components/conversation/ChatInfoBox/YouHaveAccepted.tsx @@ -55,7 +55,7 @@ export const YouHaveAccepted: React.FC = ({ diff --git a/src/pages/chat/components/conversation/ChatInput.tsx b/src/pages/chat/components/conversation/ChatInput.tsx index db2902517..b68e20fed 100644 --- a/src/pages/chat/components/conversation/ChatInput.tsx +++ b/src/pages/chat/components/conversation/ChatInput.tsx @@ -49,7 +49,7 @@ const InputWrapper = styled.div` const Input = styled.div` width: 100%; font-size: 1rem; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; height: max-content; font-family: ${defaultFontFamily}; font-style: normal; diff --git a/src/pages/chat/components/conversation/Messages.tsx b/src/pages/chat/components/conversation/Messages.tsx index aaf3e891d..4a68e2444 100644 --- a/src/pages/chat/components/conversation/Messages.tsx +++ b/src/pages/chat/components/conversation/Messages.tsx @@ -16,7 +16,7 @@ import MessageSeparator from "../MessageSeparator"; import { SellerComponent } from "./SellerComponent"; const Container = styled.div<{ $overflow: string }>` - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; overflow: ${({ $overflow }) => $overflow}; display: flex; flex-direction: column-reverse; @@ -25,7 +25,7 @@ const Container = styled.div<{ $overflow: string }>` const LoadingContainer = styled.div` display: flex; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; justify-content: center; align-items: center; width: 100%; @@ -39,7 +39,7 @@ const Conversation = styled.div<{ $alignStart: boolean }>` align-items: ${({ $alignStart }) => $alignStart ? "flex-start" : "flex-end"}; flex-grow: 1; - background-color: ${colors.lightGrey}; + background-color: ${colors.greyLight}; padding-bottom: 1.875rem; position: relative; `; diff --git a/src/pages/common/PrivacyPolicy.tsx b/src/pages/common/PrivacyPolicy.tsx index 9e8dffb0f..79aadf8cf 100644 --- a/src/pages/common/PrivacyPolicy.tsx +++ b/src/pages/common/PrivacyPolicy.tsx @@ -121,7 +121,7 @@ const Table = styled.table` } &:hover { td { - background: ${colors.lightGrey}; + background: ${colors.greyLight}; } } } diff --git a/src/pages/common/PrivacyPolicyDrCenter.tsx b/src/pages/common/PrivacyPolicyDrCenter.tsx index b4d7e5e54..188ee5a5f 100644 --- a/src/pages/common/PrivacyPolicyDrCenter.tsx +++ b/src/pages/common/PrivacyPolicyDrCenter.tsx @@ -121,7 +121,7 @@ const Table = styled.table` } &:hover { td { - background: ${colors.lightGrey}; + background: ${colors.greyLight}; } } } diff --git a/src/pages/create-product/AgreeToTermsAndSellerAgreement.tsx b/src/pages/create-product/AgreeToTermsAndSellerAgreement.tsx index 410ee4d70..8205323d1 100644 --- a/src/pages/create-product/AgreeToTermsAndSellerAgreement.tsx +++ b/src/pages/create-product/AgreeToTermsAndSellerAgreement.tsx @@ -12,7 +12,7 @@ const VariantsGrid = styled.div` grid-template-columns: repeat(3, 1fr); margin: 1rem 0 2rem 0; * { - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; padding: 0.5rem; } `; diff --git a/src/pages/create-product/congratulations/CardCTA.tsx b/src/pages/create-product/congratulations/CardCTA.tsx index 44d66d665..007955394 100644 --- a/src/pages/create-product/congratulations/CardCTA.tsx +++ b/src/pages/create-product/congratulations/CardCTA.tsx @@ -22,7 +22,7 @@ const StyledGrid = styled(Grid)<{ $cardTheme: CardCTAProps["cardTheme"] }>` `; } return css` - background: ${colors.lightGrey}; + background: ${colors.greyLight}; `; }} `; diff --git a/src/pages/create-product/congratulations/CongratulationsPage.tsx b/src/pages/create-product/congratulations/CongratulationsPage.tsx index 1b1e1fa30..9e499bc69 100644 --- a/src/pages/create-product/congratulations/CongratulationsPage.tsx +++ b/src/pages/create-product/congratulations/CongratulationsPage.tsx @@ -8,7 +8,7 @@ import { Congratulations, CongratulationsProps } from "./Congratulations"; type CongratulationsPageProps = CongratulationsProps; const Background = styled.div` - background: ${colors.lightGrey}; + background: ${colors.greyLight}; width: 100vw; transform: translate(-50%); margin-left: 50%; diff --git a/src/pages/custom-store/manage/ManageStoreFrontsPage.tsx b/src/pages/custom-store/manage/ManageStoreFrontsPage.tsx index eedb78d9d..dbc95e234 100644 --- a/src/pages/custom-store/manage/ManageStoreFrontsPage.tsx +++ b/src/pages/custom-store/manage/ManageStoreFrontsPage.tsx @@ -103,7 +103,7 @@ const DeleteButton = ({ const StoreFrontItem = styled.li` list-style-type: none; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; padding: 2rem; width: 100%; `; diff --git a/src/pages/custom-store/store-fields.ts b/src/pages/custom-store/store-fields.ts index 5b870541e..19a45b26e 100644 --- a/src/pages/custom-store/store-fields.ts +++ b/src/pages/custom-store/store-fields.ts @@ -515,7 +515,7 @@ export const initialValues: Yup.InferType = { [storeFields.headerBgColor]: colors.white, [storeFields.headerTextColor]: colors.black, [storeFields.primaryBgColor]: colors.white, - [storeFields.secondaryBgColor]: colors.lightGrey, + [storeFields.secondaryBgColor]: colors.greyLight, [storeFields.accentColor]: "", [storeFields.textColor]: colors.black, // [storeFields.footerBgColor]: colors.black, diff --git a/src/pages/custom-store/styles.tsx b/src/pages/custom-store/styles.tsx index fad2b3c47..9d9975f4b 100644 --- a/src/pages/custom-store/styles.tsx +++ b/src/pages/custom-store/styles.tsx @@ -28,7 +28,7 @@ export const FieldDescription = styled(Typography)` font-size: 0.75rem; line-height: 150%; font-feature-settings: "zero" on; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; `; export const gapBetweenInputs = "2rem"; export const subFieldsMarginLeft = "4rem"; diff --git a/src/pages/dcl/DCLPage.tsx b/src/pages/dcl/DCLPage.tsx index bbb8fa148..e450ba1d3 100644 --- a/src/pages/dcl/DCLPage.tsx +++ b/src/pages/dcl/DCLPage.tsx @@ -60,7 +60,7 @@ const iconStyle: CSSProperties = { margin: "1.1875rem", position: "absolute", top: 0, - color: colors.darkGrey + color: colors.greyDark }; const iconSize = 32; diff --git a/src/pages/dcl/steps/details/DetailsStep.tsx b/src/pages/dcl/steps/details/DetailsStep.tsx index 7e106547b..8b47554aa 100644 --- a/src/pages/dcl/steps/details/DetailsStep.tsx +++ b/src/pages/dcl/steps/details/DetailsStep.tsx @@ -91,7 +91,7 @@ export const DetailsStep: React.FC = ({ goToNextStep }) => { fontWeight="600" fontSize="1rem" margin="1.5rem 0" - color={colors.darkGrey} + color={colors.greyDark} > Your own land @@ -126,7 +126,7 @@ export const DetailsStep: React.FC = ({ goToNextStep }) => { fontWeight="600" fontSize="1rem" margin="1.5rem 0" - color={colors.darkGrey} + color={colors.greyDark} > Boson Boulevard diff --git a/src/pages/dispute-centre/DisputeCenterPage.tsx b/src/pages/dispute-centre/DisputeCenterPage.tsx index 2bcbe16a1..90f31e6dd 100644 --- a/src/pages/dispute-centre/DisputeCenterPage.tsx +++ b/src/pages/dispute-centre/DisputeCenterPage.tsx @@ -26,7 +26,7 @@ import { useExchanges } from "../../lib/utils/hooks/useExchanges"; import { goToViewMode, ViewMode } from "../../lib/viewMode"; const DisputeListHeader = styled.div` - background: ${colors.lightGrey}; + background: ${colors.greyLight}; width: 100vw; translate: -50%; margin-left: 50%; diff --git a/src/pages/dispute-centre/RaiseDisputePage.tsx b/src/pages/dispute-centre/RaiseDisputePage.tsx index e16e6bc83..66f906e45 100644 --- a/src/pages/dispute-centre/RaiseDisputePage.tsx +++ b/src/pages/dispute-centre/RaiseDisputePage.tsx @@ -83,7 +83,7 @@ const ItemWidget = styled.div``; const DisputeContainer = styled(Grid)` height: 100%; - background: ${colors.lightGrey}; + background: ${colors.greyLight}; `; const GetStartedBox = styled.div<{ isLteS: boolean }>` @@ -214,7 +214,7 @@ function RaiseDisputePage() { { goToViewMode( diff --git a/src/pages/explore/ExploreSelect.tsx b/src/pages/explore/ExploreSelect.tsx index 439b727d8..3fc8995c6 100644 --- a/src/pages/explore/ExploreSelect.tsx +++ b/src/pages/explore/ExploreSelect.tsx @@ -82,7 +82,7 @@ const customStyles: StylesConfig< cursor: state.isDisabled ? "not-allowed" : "pointer", opacity: state.isDisabled ? "0.5" : "1", background: - state.isSelected || state.isFocused ? colors.lightGrey : colors.white, + state.isSelected || state.isFocused ? colors.greyLight : colors.white, color: state.isSelected ? colors.secondary : colors.black }), indicatorSeparator: () => ({ diff --git a/src/pages/landing/Landing.tsx b/src/pages/landing/Landing.tsx index 9fe233db2..c77f9c1b0 100644 --- a/src/pages/landing/Landing.tsx +++ b/src/pages/landing/Landing.tsx @@ -88,7 +88,7 @@ const ExploreProductsButton = styled(BosonButton)` `; const LandingContainer = styled.div` - border: 2px solid ${colors.lightGrey}; + border: 2px solid ${colors.greyLight}; border-radius: 0.5rem; background-color: ${colors.white}; margin-bottom: 3.813rem; diff --git a/src/pages/profile/ProfilePage.styles.tsx b/src/pages/profile/ProfilePage.styles.tsx index 1d9cd0634..63b988f37 100644 --- a/src/pages/profile/ProfilePage.styles.tsx +++ b/src/pages/profile/ProfilePage.styles.tsx @@ -100,7 +100,7 @@ export const AddressContainer = styled.div` flex-basis: 50%; margin-top: 0.5rem; [data-addrest-text] { - color: ${colors.darkGrey}; + color: ${colors.greyDark}; font-size: 1.25rem; } ${breakpoint.s} { diff --git a/src/pages/profile/common/ReadMore.tsx b/src/pages/profile/common/ReadMore.tsx index 8988340bf..cefbdd196 100644 --- a/src/pages/profile/common/ReadMore.tsx +++ b/src/pages/profile/common/ReadMore.tsx @@ -8,11 +8,11 @@ import { useBreakpoints } from "../../../lib/utils/hooks/useBreakpoints"; const ReadMoreContainer = styled.div` margin-bottom: 2rem; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; `; const ReadMoreButton = styled(Button)` - color: ${colors.darkGrey}; + color: ${colors.greyDark}; outline: none; border: none; padding: 0; diff --git a/src/pages/profile/seller/Seller.tsx b/src/pages/profile/seller/Seller.tsx index 3e3ac18c0..5f29e8a8c 100644 --- a/src/pages/profile/seller/Seller.tsx +++ b/src/pages/profile/seller/Seller.tsx @@ -46,7 +46,7 @@ const SellerCalculationContainer = styled.div` const LensTitle = styled(Typography)` font-weight: 600; margin: 0.5rem 0 0 0; - color: ${colors.darkGrey}; + color: ${colors.greyDark}; ${breakpoint.s} { margin: 0 0.5rem 0 0; font-size: 1rem; @@ -293,7 +293,7 @@ export default function Seller() { tag="p" fontSize={!isLteXS ? "0.75rem" : "1.25rem"} margin="0" - color={colors.darkGrey} + color={colors.greyDark} > Products diff --git a/src/pages/profile/seller/SellerImagesSection.tsx b/src/pages/profile/seller/SellerImagesSection.tsx index 3598f399e..ba492814b 100644 --- a/src/pages/profile/seller/SellerImagesSection.tsx +++ b/src/pages/profile/seller/SellerImagesSection.tsx @@ -72,7 +72,7 @@ const StyledBannerImage = styled.img<{ }>` pointer-events: auto; max-width: 100%; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; transform: none !important; height: 100%; width: 100%; diff --git a/src/pages/profile/seller/SellerImagesSectionView.tsx b/src/pages/profile/seller/SellerImagesSectionView.tsx index fb04921a2..500229369 100644 --- a/src/pages/profile/seller/SellerImagesSectionView.tsx +++ b/src/pages/profile/seller/SellerImagesSectionView.tsx @@ -78,7 +78,7 @@ export const SellerImagesSectionView: React.FC = ({ diff --git a/src/pages/sell/landing/SellerLandingPage.tsx b/src/pages/sell/landing/SellerLandingPage.tsx index 6fd603271..eb5543fd7 100644 --- a/src/pages/sell/landing/SellerLandingPage.tsx +++ b/src/pages/sell/landing/SellerLandingPage.tsx @@ -30,7 +30,7 @@ const Title = styled(Typography)` `; const Background = styled.div` - background: ${colors.lightGrey}; + background: ${colors.greyLight}; width: 100%; margin-bottom: 5rem; `; diff --git a/src/pages/swap/UniswapXOptIn.tsx b/src/pages/swap/UniswapXOptIn.tsx index 7cf302db0..645778977 100644 --- a/src/pages/swap/UniswapXOptIn.tsx +++ b/src/pages/swap/UniswapXOptIn.tsx @@ -35,9 +35,9 @@ export const Arrow = styled.div` z-index: 9998; content: ""; - border: 1px solid ${colors.lightGrey}; + border: 1px solid ${colors.greyLight}; transform: rotate(45deg); - background: ${colors.lightGrey}; + background: ${colors.greyLight}; } &.arrow-top { diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx index b686c3f43..50e21f4b7 100644 --- a/src/pages/swap/index.tsx +++ b/src/pages/swap/index.tsx @@ -99,9 +99,9 @@ export const ArrowContainer = styled.div` `; const SwapSection = styled.div` - /* background-color: ${colors.darkGrey}; */ + /* background-color: ${colors.greyDark}; */ border-radius: 16px; - color: ${colors.lightGrey}; + color: ${colors.greyLight}; font-size: 0.875remå; font-weight: 500; height: 120px; @@ -130,7 +130,7 @@ const SwapSection = styled.div` } &:focus-within:before { - /* border-color: ${opacify(24, colors.lightGrey)}; */ + /* border-color: ${opacify(24, colors.greyLight)}; */ } `; @@ -774,7 +774,7 @@ export function Swap({ style={{ padding: "0 1rem" }} > - + } /> } + icon={} title="Create new products" text="Create new products and benefits to grow revenues and engage new audiences." cta={ @@ -256,7 +256,7 @@ export const Congratulations: React.FC = ({ goToCreateNewProduct(); }} > - Create new products + Create new products } /> diff --git a/src/pages/create-product/congratulations/CreateProductCongratulations.tsx b/src/pages/create-product/congratulations/CreateProductCongratulations.tsx index 495251422..341df3cba 100644 --- a/src/pages/create-product/congratulations/CreateProductCongratulations.tsx +++ b/src/pages/create-product/congratulations/CreateProductCongratulations.tsx @@ -184,7 +184,7 @@ export const CreateProductCongratulations: React.FC< }} > } + icon={} title="Add Sales Channels" text="You can now add more Sales Channels to promote and sell your product at different places." cta={ @@ -199,12 +199,12 @@ export const CreateProductCongratulations: React.FC< }); }} > - Add a Sales Channel + Add a Sales Channel } /> } + icon={} title="Create new product" text="Save time when creating multiple products. You can add new channels and pay your deposits later." cta={ @@ -214,7 +214,7 @@ export const CreateProductCongratulations: React.FC< goToCreateNewProduct(); }} > - Create new product + Create new product } /> diff --git a/src/pages/custom-store/CustomStoreFormContent.tsx b/src/pages/custom-store/CustomStoreFormContent.tsx index c80d91be0..044ee02ee 100644 --- a/src/pages/custom-store/CustomStoreFormContent.tsx +++ b/src/pages/custom-store/CustomStoreFormContent.tsx @@ -544,7 +544,7 @@ export default function CustomStoreFormContent({ hasSubmitError }: Props) { name={storeFields.bannerSwitch} label={({ toggleFormValue, checked }) => ( toggleFormValue?.()} cursor="pointer" diff --git a/src/pages/explore/ExploreSelect.tsx b/src/pages/explore/ExploreSelect.tsx index 3fc8995c6..f7cc02db2 100644 --- a/src/pages/explore/ExploreSelect.tsx +++ b/src/pages/explore/ExploreSelect.tsx @@ -54,7 +54,7 @@ const customStyles: StylesConfig< borderRadius: 0, boxShadow: "none", ":hover": { - borderColor: colors.secondary, + borderColor: colors.violet, borderWidth: "0" }, background: "none", @@ -83,7 +83,7 @@ const customStyles: StylesConfig< opacity: state.isDisabled ? "0.5" : "1", background: state.isSelected || state.isFocused ? colors.greyLight : colors.white, - color: state.isSelected ? colors.secondary : colors.black + color: state.isSelected ? colors.violet : colors.black }), indicatorSeparator: () => ({ display: "none" diff --git a/src/pages/profile/ProfilePage.styles.tsx b/src/pages/profile/ProfilePage.styles.tsx index 63b988f37..60cb9b2e0 100644 --- a/src/pages/profile/ProfilePage.styles.tsx +++ b/src/pages/profile/ProfilePage.styles.tsx @@ -119,7 +119,7 @@ export const SocialIconContainer = styled.div` display: flex; align-items: center; svg { - color: ${colors.secondary}; + color: ${colors.violet}; vertical-align: bottom; } `; @@ -147,7 +147,7 @@ export const DetailShareWrapper = styled.div` export const LoadingWrapper = styled.div` padding: 2rem; text-align: center; - color: ${colors.secondary}; + color: ${colors.violet}; `; export const ProductGridContainer = styled(GridContainer)` diff --git a/src/pages/profile/seller/Offers.tsx b/src/pages/profile/seller/Offers.tsx index d537cdd79..4fe4a1e27 100644 --- a/src/pages/profile/seller/Offers.tsx +++ b/src/pages/profile/seller/Offers.tsx @@ -3,7 +3,6 @@ import { useMemo } from "react"; import OfferList from "../../../components/offers/OfferList"; import { Profile } from "../../../lib/utils/hooks/lens/graphql/generated"; import { ExtendedSeller } from "../../explore/WithAllOffers"; -import { Action } from "./const"; interface Props { products: ExtendedSeller; @@ -11,7 +10,6 @@ interface Props { sellerId: string; lensProfile?: Profile; }; - action: Action; showInvalidOffers: boolean; isPrivateProfile: boolean; isLoading: boolean; @@ -19,7 +17,6 @@ interface Props { export default function Offers({ products, - action, showInvalidOffers, isPrivateProfile, isLoading, @@ -36,7 +33,6 @@ export default function Offers({ offers={allOffers} isError={false} showSeller={false} - action={action} showInvalidOffers={showInvalidOffers} isPrivateProfile={isPrivateProfile} itemsPerRow={{ diff --git a/src/pages/profile/seller/OpenSeaLogo.tsx b/src/pages/profile/seller/OpenSeaLogo.tsx index 9c152499b..7fa368a99 100644 --- a/src/pages/profile/seller/OpenSeaLogo.tsx +++ b/src/pages/profile/seller/OpenSeaLogo.tsx @@ -44,15 +44,15 @@ export default function OpenSeaLogo() { d="M90 45C90 69.8514 69.8514 90 45 90C20.1486 90 0 69.8514 0 45C0 20.1486 20.1486 0 45 0C69.8566 0 90 20.1486 90 45Z" fill="transparent" stroke-width="8px" - stroke={colors.secondary} + stroke={colors.violet} /> ); diff --git a/src/pages/profile/seller/Seller.tsx b/src/pages/profile/seller/Seller.tsx index 5f29e8a8c..0b916ef76 100644 --- a/src/pages/profile/seller/Seller.tsx +++ b/src/pages/profile/seller/Seller.tsx @@ -56,20 +56,20 @@ const LensTitle = styled(Typography)` const SellerButton = styled.div` margin-left: 0.75rem; padding: 0.25rem 1rem; - border: 2px solid ${colors.secondary}; - color: ${colors.secondary}; + border: 2px solid ${colors.violet}; + color: ${colors.violet}; cursor: pointer; &:hover { color: ${colors.white}; - background: ${colors.secondary}; + background: ${colors.violet}; a { color: ${colors.white}; } } a { - color: ${colors.secondary}; + color: ${colors.violet}; &:hover { - background: ${colors.secondary}; + background: ${colors.violet}; color: ${colors.white}; } } diff --git a/src/pages/profile/seller/Tabs.tsx b/src/pages/profile/seller/Tabs.tsx index 17a4e7125..867e3e37c 100644 --- a/src/pages/profile/seller/Tabs.tsx +++ b/src/pages/profile/seller/Tabs.tsx @@ -135,7 +135,6 @@ export default function Tabs({ Date: Fri, 24 Jan 2025 15:07:50 +0100 Subject: [PATCH 08/18] wip --- src/pages/landing/FeaturedOffers.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/pages/landing/FeaturedOffers.tsx b/src/pages/landing/FeaturedOffers.tsx index edba10fc9..b4192c1ca 100644 --- a/src/pages/landing/FeaturedOffers.tsx +++ b/src/pages/landing/FeaturedOffers.tsx @@ -85,7 +85,6 @@ const FeaturedOffers: React.FC = ({ isError={isError} isLoading={isLoading} numOffers={numOffers} - action="commit" showInvalidOffers={false} itemsPerRow={{ xs: 1, From 504e4a1283e39efb75b1ae1bbafad2c8c6f79e35 Mon Sep 17 00:00:00 2001 From: Albert Folch Date: Fri, 24 Jan 2025 15:14:11 +0100 Subject: [PATCH 09/18] wip --- package-lock.json | 1040 ++++++--------------------------------------- package.json | 2 +- 2 files changed, 138 insertions(+), 904 deletions(-) diff --git a/package-lock.json b/package-lock.json index 54240a2d8..54f1bdfd6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "dependencies": { "@apollo/client": "^3.8.1", "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9", - "@bosonprotocol/react-kit": "^0.35.1-alpha.7", + "@bosonprotocol/react-kit": "^0.36.0-alpha.6", "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.14", "@davatar/react": "^1.10.4", "@ethersproject/address": "^5.6.1", @@ -3425,11 +3425,11 @@ } }, "node_modules/@bosonprotocol/common": { - "version": "1.30.0-alpha.8", - "resolved": "https://registry.npmjs.org/@bosonprotocol/common/-/common-1.30.0-alpha.8.tgz", - "integrity": "sha512-elcgmCPRi3i6LBtGohsHqvsqZr2mFUBHXOWrnoFauesvhpwQrSmtz4l/YILcJhfFkY+Y3IRN20BZBmNDO0Mwdw==", + "version": "1.30.0-alpha.14", + "resolved": "https://registry.npmjs.org/@bosonprotocol/common/-/common-1.30.0-alpha.14.tgz", + "integrity": "sha512-i0MAoHX9HWilm/whLX6on6uM5biaMBI6i3uCpdqDnmh6IHcnjTW10nEz6RFP4Ytn0VteXe87mKFfuU6QWcR3KQ==", "dependencies": { - "@bosonprotocol/metadata": "^1.16.3-alpha.4", + "@bosonprotocol/metadata": "^1.16.3-alpha.10", "@ethersproject/abi": "^5.5.0", "@ethersproject/address": "^5.5.0", "@ethersproject/bignumber": "^5.5.0", @@ -3438,11 +3438,11 @@ } }, "node_modules/@bosonprotocol/core-sdk": { - "version": "1.42.0-alpha.2", - "resolved": "https://registry.npmjs.org/@bosonprotocol/core-sdk/-/core-sdk-1.42.0-alpha.2.tgz", - "integrity": "sha512-sULdoOx0mR5jDpWzqyGW7zCoZPZkZGZtZvS+sgeJpQyOy4y0uGAvZ1kHQ+Iy1X73s651m4TJhVmVZFiq4i/KGA==", + "version": "1.42.0-alpha.8", + "resolved": "https://registry.npmjs.org/@bosonprotocol/core-sdk/-/core-sdk-1.42.0-alpha.8.tgz", + "integrity": "sha512-JMVtDbjCGilN61r82g8erd+hYHwwaIrl8WVEncH5toFmoBAAsTFIlMtpguhIcwyp9qO9MTc6KwqzoKgcZYfzjw==", "dependencies": { - "@bosonprotocol/common": "^1.30.0-alpha.8", + "@bosonprotocol/common": "^1.30.0-alpha.14", "@ethersproject/abi": "^5.5.0", "@ethersproject/address": "^5.5.0", "@ethersproject/bignumber": "^5.5.0", @@ -3458,11 +3458,11 @@ } }, "node_modules/@bosonprotocol/ethers-sdk": { - "version": "1.15.1-alpha.7", - "resolved": "https://registry.npmjs.org/@bosonprotocol/ethers-sdk/-/ethers-sdk-1.15.1-alpha.7.tgz", - "integrity": "sha512-qzGxx17jHAEGMybPKuFpNXFXGIgbYhuX74Oe+mJPBD65sF5xbjRrEIGErtmpL5SKfC96klrsnoXKZAaMNNbdQA==", + "version": "1.15.1-alpha.14", + "resolved": "https://registry.npmjs.org/@bosonprotocol/ethers-sdk/-/ethers-sdk-1.15.1-alpha.14.tgz", + "integrity": "sha512-IAnMTST/ytuZ4MA/7qVxaUnnW1214VW8i6MCDrdSrvmsBh/EfB3FyngKiqn7Ez614TAl/0GGn1XeIpNyIB4DhA==", "dependencies": { - "@bosonprotocol/common": "^1.30.0-alpha.7" + "@bosonprotocol/common": "^1.30.0-alpha.14" }, "peerDependencies": { "ethers": "^5.5.0" @@ -3480,9 +3480,9 @@ } }, "node_modules/@bosonprotocol/metadata": { - "version": "1.16.3-alpha.4", - "resolved": "https://registry.npmjs.org/@bosonprotocol/metadata/-/metadata-1.16.3-alpha.4.tgz", - "integrity": "sha512-TVYOZL6O0Z9N92TBbU8x/Y+SWz6OjayIrQeBfeq0nXBbZqhtb1hp5P1WkspOtHsKjExOUHLV6Fmast5ruUd0fQ==", + "version": "1.16.3-alpha.10", + "resolved": "https://registry.npmjs.org/@bosonprotocol/metadata/-/metadata-1.16.3-alpha.10.tgz", + "integrity": "sha512-9XIyeH2Xp68bx16V9FwuQscgbAxSCAomBRw0ZM/HJhad3IgK0Ffke2DA5dHUQ5SwpdpFQCyZ+G8I5MipYE3R+Q==", "dependencies": { "@bosonprotocol/metadata-storage": "^1.0.1", "schema-to-yup": "^1.11.11", @@ -3495,19 +3495,19 @@ "integrity": "sha512-f2W2SQAvY5IKD6L9JwaiNye7gGRIIPd/HOB0i+otWLzMPBlwQtbN4JeWSuKeJvuaqu8tyMy7CHzN8EkhrJDB+A==" }, "node_modules/@bosonprotocol/react-kit": { - "version": "0.35.1-alpha.7", - "resolved": "https://registry.npmjs.org/@bosonprotocol/react-kit/-/react-kit-0.35.1-alpha.7.tgz", - "integrity": "sha512-TBgqR8YP4veqpvaD1X42msJuXF96HwjCHbH7Qp7etN4Z1Ebm8zarjKjujFIImokqfQ9xD+ytDqZepZwFb6RjKA==", + "version": "0.36.0-alpha.6", + "resolved": "https://registry.npmjs.org/@bosonprotocol/react-kit/-/react-kit-0.36.0-alpha.6.tgz", + "integrity": "sha512-raCs1qo58b8fJT8JTv8xLhVkBfGzaPr6oIhUHnA8xg0ZtYsLwo93OArXmfXIWP8yOyKXsEJbpuH04LkofnDbbg==", "dependencies": { "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9", - "@bosonprotocol/core-sdk": "^1.42.0-alpha.1", - "@bosonprotocol/ethers-sdk": "^1.15.1-alpha.7", + "@bosonprotocol/core-sdk": "^1.42.0-alpha.8", + "@bosonprotocol/ethers-sdk": "^1.15.1-alpha.14", "@bosonprotocol/ipfs-storage": "^1.12.0", + "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.16", "@davatar/react": "1.11.1", "@ethersproject/units": "5.6.0", "@glidejs/glide": "3.6.0", "@metamask/jazzicon": "^2.0.0", - "@rainbow-me/rainbowkit": "^1.3.4", "@sentry/browser": "7.43.0", "@svgr/webpack": "^8.1.0", "@tippyjs/react": "4.2.6", @@ -3530,6 +3530,7 @@ "eth-revert-reason": "^1.0.3", "formik": "2.2.9", "graphql-request": "5.2.0", + "i": "^0.3.7", "jotai": "^1.13.1", "lodash.merge": "4.6.2", "lodash.uniqby": "4.7.0", @@ -3537,16 +3538,20 @@ "multicodec": "^3.2.1", "multiformats": "^13.1.0", "multihashes": "^4.0.3", + "nanoclone": "^0.2.1", "phosphor-react": "^1.4.1", "polished": "^4.2.2", + "query-string": "^9.1.1", "react-avatar-editor": "^13.0.2", "react-chartjs-2": "^5.2.0", + "react-cookie": "^7.2.2", "react-dropzone": "^14.2.3", "react-error-boundary": "^4.0.13", "react-hot-toast": "2.4.0", + "react-infinite-scroll-component": "^6.1.0", "react-markdown": "8.0.6", "react-phone-number-input": "3.2.19", - "react-query": "3.39.3", + "react-query": "^3.39.3", "react-responsive": "9.0.2", "react-router-dom": "6.9.0", "react-select": "5.7.0", @@ -3564,8 +3569,9 @@ "use-async-effect": "2.2.7", "use-resize-observer": "^9.1.0", "utility-types": "3.10.0", + "valid-data-url": "^4.0.1", "viem": "^1.21.4", - "wagmi": "^1.4.13" + "zustand": "^4.4.0" }, "peerDependencies": { "ethers": "^5.7.2", @@ -4027,6 +4033,14 @@ "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz", "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==" }, + "node_modules/@bosonprotocol/react-kit/node_modules/decode-uri-component": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.4.1.tgz", + "integrity": "sha512-+8VxcR21HhTy8nOt6jf20w0c9CADrw1O8d+VZ/YzzCt4bJ3uBjw+D1q2osAB8RnpwwaeYBxy0HyKQxD5JBMuuQ==", + "engines": { + "node": ">=14.16" + } + }, "node_modules/@bosonprotocol/react-kit/node_modules/dom-serializer": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", @@ -4078,6 +4092,17 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, + "node_modules/@bosonprotocol/react-kit/node_modules/filter-obj": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-5.1.0.tgz", + "integrity": "sha512-qWeTREPoT7I0bifpPUXtxkZJ1XJzxWtfoWWkdVGqa+eCr3SHW/Ocp89o8vLvbUuQnadybJpjOKu4V+RwO6sGng==", + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@bosonprotocol/react-kit/node_modules/graphql-request": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/graphql-request/-/graphql-request-5.2.0.tgz", @@ -4113,6 +4138,22 @@ "resolved": "https://registry.npmjs.org/multiformats/-/multiformats-13.3.1.tgz", "integrity": "sha512-QxowxTNwJ3r5RMctoGA5p13w5RbRT2QDkoM+yFlqfLiioBp78nhDjnRLvmSBI9+KAqN4VdgOVWM9c0CHd86m3g==" }, + "node_modules/@bosonprotocol/react-kit/node_modules/query-string": { + "version": "9.1.1", + "resolved": "https://registry.npmjs.org/query-string/-/query-string-9.1.1.tgz", + "integrity": "sha512-MWkCOVIcJP9QSKU52Ngow6bsAWAPlPK2MludXvcrS2bGZSl+T1qX9MZvRIkqUIkGLJquMJHWfsT6eRqUpp4aWg==", + "dependencies": { + "decode-uri-component": "^0.4.1", + "filter-obj": "^5.1.0", + "split-on-first": "^3.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@bosonprotocol/react-kit/node_modules/react-chartjs-2": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-5.2.0.tgz", @@ -4218,6 +4259,17 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/@bosonprotocol/react-kit/node_modules/split-on-first": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-3.0.0.tgz", + "integrity": "sha512-qxQJTx2ryR0Dw0ITYyekNQWpz6f8dGd7vffGNflQQ3Iqj9NJ6qiZ7ELpZsJ/QBhIVAiDfXdag3+Gp8RvWa62AA==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@bosonprotocol/react-kit/node_modules/style-to-object": { "version": "0.4.4", "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.4.tgz", @@ -4256,9 +4308,9 @@ } }, "node_modules/@bosonprotocol/roblox-sdk": { - "version": "1.0.0-alpha.14", - "resolved": "https://registry.npmjs.org/@bosonprotocol/roblox-sdk/-/roblox-sdk-1.0.0-alpha.14.tgz", - "integrity": "sha512-BK6A5wV5zQYkgA54NWvFzuFpglAwcSGrz/s703Mr1Um8xN0gXWE6NBkib1P2orLAMdCjDXbiFd1Qq9jn4hup7A==", + "version": "1.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/@bosonprotocol/roblox-sdk/-/roblox-sdk-1.0.0-alpha.17.tgz", + "integrity": "sha512-DJfUGGVoVAY7aN1/ZcDIaC6+Fmf0gpfcIol0/iGqs1Ugu4WJQIHWnYD+fwAYYQ56LP+HcoERsOQVJfDIHR+w7g==", "peerDependencies": { "@bosonprotocol/common": "^1.30.0-alpha.8", "@bosonprotocol/core-sdk": "^1.42.0-alpha.2", @@ -4298,6 +4350,7 @@ "node_modules/@coinbase/wallet-sdk": { "version": "3.7.1", "license": "Apache-2.0", + "peer": true, "dependencies": { "@metamask/safe-event-emitter": "2.0.0", "@solana/web3.js": "^1.70.1", @@ -4324,6 +4377,7 @@ "node_modules/@coinbase/wallet-sdk/node_modules/rxjs": { "version": "6.6.7", "license": "Apache-2.0", + "peer": true, "dependencies": { "tslib": "^1.9.0" }, @@ -8413,11 +8467,13 @@ }, "node_modules/@metamask/safe-event-emitter": { "version": "2.0.0", - "license": "ISC" + "license": "ISC", + "peer": true }, "node_modules/@metamask/utils": { "version": "3.6.0", "license": "ISC", + "peer": true, "dependencies": { "@types/debug": "^4.1.7", "debug": "^4.3.4", @@ -8431,6 +8487,7 @@ "node_modules/@metamask/utils/node_modules/semver": { "version": "7.5.3", "license": "ISC", + "peer": true, "dependencies": { "lru-cache": "^6.0.0" }, @@ -8444,6 +8501,7 @@ "node_modules/@metamask/utils/node_modules/superstruct": { "version": "1.0.3", "license": "MIT", + "peer": true, "engines": { "node": ">=14.0.0" } @@ -10774,37 +10832,6 @@ "@babel/runtime": "^7.13.10" } }, - "node_modules/@rainbow-me/rainbowkit": { - "version": "1.3.7", - "resolved": "https://registry.npmjs.org/@rainbow-me/rainbowkit/-/rainbowkit-1.3.7.tgz", - "integrity": "sha512-VZ12R8mgpwSuupajG5pkEHftKHP+h16Ci5JBmjuFzPhERqYTL3S/FzRDhha7gl+ZpQMWzF7NkMjURMK8Xjdb8A==", - "dependencies": { - "@vanilla-extract/css": "1.14.0", - "@vanilla-extract/dynamic": "2.1.0", - "@vanilla-extract/sprinkles": "1.6.1", - "clsx": "2.1.0", - "qrcode": "1.5.3", - "react-remove-scroll": "2.5.7", - "ua-parser-js": "^1.0.37" - }, - "engines": { - "node": ">=12.4" - }, - "peerDependencies": { - "react": ">=17", - "react-dom": ">=17", - "viem": "~0.3.19 || ^1.0.0", - "wagmi": "~1.0.1 || ~1.1.0 || ~1.2.0 || ~1.3.0 || ~1.4.0" - } - }, - "node_modules/@rainbow-me/rainbowkit/node_modules/clsx": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz", - "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==", - "engines": { - "node": ">=6" - } - }, "node_modules/@react-native-community/cli": { "version": "11.3.6", "license": "MIT", @@ -14257,6 +14284,7 @@ "node_modules/@solana/buffer-layout": { "version": "4.0.1", "license": "MIT", + "peer": true, "dependencies": { "buffer": "~6.0.3" }, @@ -14267,6 +14295,7 @@ "node_modules/@solana/web3.js": { "version": "1.77.3", "license": "MIT", + "peer": true, "dependencies": { "@babel/runtime": "^7.12.5", "@noble/curves": "^1.0.0", @@ -14750,80 +14779,6 @@ "node": ">=10" } }, - "node_modules/@tanstack/query-core": { - "version": "4.36.1", - "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.36.1.tgz", - "integrity": "sha512-DJSilV5+ytBP1FbFcEJovv4rnnm/CokuVvrBEtW/Va9DvuJ3HksbXUJEpI0aV1KtuL4ZoO9AVE6PyNLzF7tLeA==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/tannerlinsley" - } - }, - "node_modules/@tanstack/query-persist-client-core": { - "version": "4.36.1", - "resolved": "https://registry.npmjs.org/@tanstack/query-persist-client-core/-/query-persist-client-core-4.36.1.tgz", - "integrity": "sha512-eocgCeI7D7TRv1IUUBMfVwOI0wdSmMkBIbkKhqEdTrnUHUQEeOaYac8oeZk2cumAWJdycu6P/wB+WqGynTnzXg==", - "dependencies": { - "@tanstack/query-core": "4.36.1" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/tannerlinsley" - } - }, - "node_modules/@tanstack/query-sync-storage-persister": { - "version": "4.36.1", - "resolved": "https://registry.npmjs.org/@tanstack/query-sync-storage-persister/-/query-sync-storage-persister-4.36.1.tgz", - "integrity": "sha512-yMEt5hWe2+1eclf1agMtXHnPIkxEida0lYWkfdhR8U6KXk/lO4Vca6piJmhKI85t0NHlx3l/z6zX+t/Fn5O9NA==", - "dependencies": { - "@tanstack/query-persist-client-core": "4.36.1" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/tannerlinsley" - } - }, - "node_modules/@tanstack/react-query": { - "version": "4.36.1", - "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.36.1.tgz", - "integrity": "sha512-y7ySVHFyyQblPl3J3eQBWpXZkliroki3ARnBKsdJchlgt7yJLRDUcf4B8soufgiYt3pEQIkBWBx1N9/ZPIeUWw==", - "dependencies": { - "@tanstack/query-core": "4.36.1", - "use-sync-external-store": "^1.2.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/tannerlinsley" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-native": "*" - }, - "peerDependenciesMeta": { - "react-dom": { - "optional": true - }, - "react-native": { - "optional": true - } - } - }, - "node_modules/@tanstack/react-query-persist-client": { - "version": "4.36.1", - "resolved": "https://registry.npmjs.org/@tanstack/react-query-persist-client/-/react-query-persist-client-4.36.1.tgz", - "integrity": "sha512-32I5b9aAu4NCiXZ7Te/KEQLfHbYeTNriVPrKYcvEThnZ9tlW01vLcSoxpUIsMYRsembvJUUAkzYBAiZHLOd6pQ==", - "dependencies": { - "@tanstack/query-persist-client-core": "4.36.1" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/tannerlinsley" - }, - "peerDependencies": { - "@tanstack/react-query": "^4.36.1" - } - }, "node_modules/@testing-library/dom": { "version": "8.16.0", "license": "MIT", @@ -16456,387 +16411,6 @@ "version": "3.4.1-solc-0.7-2", "license": "MIT" }, - "node_modules/@vanilla-extract/css": { - "version": "1.14.0", - "resolved": "https://registry.npmjs.org/@vanilla-extract/css/-/css-1.14.0.tgz", - "integrity": "sha512-rYfm7JciWZ8PFzBM/HDiE2GLnKI3xJ6/vdmVJ5BSgcCZ5CxRlM9Cjqclni9lGzF3eMOijnUhCd/KV8TOzyzbMA==", - "dependencies": { - "@emotion/hash": "^0.9.0", - "@vanilla-extract/private": "^1.0.3", - "chalk": "^4.1.1", - "css-what": "^6.1.0", - "cssesc": "^3.0.0", - "csstype": "^3.0.7", - "deep-object-diff": "^1.1.9", - "deepmerge": "^4.2.2", - "media-query-parser": "^2.0.2", - "modern-ahocorasick": "^1.0.0", - "outdent": "^0.8.0" - } - }, - "node_modules/@vanilla-extract/css/node_modules/@emotion/hash": { - "version": "0.9.2", - "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz", - "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==" - }, - "node_modules/@vanilla-extract/css/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/@vanilla-extract/css/node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" - } - }, - "node_modules/@vanilla-extract/css/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/@vanilla-extract/css/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" - }, - "node_modules/@vanilla-extract/css/node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "engines": { - "node": ">=8" - } - }, - "node_modules/@vanilla-extract/css/node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/@vanilla-extract/dynamic": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@vanilla-extract/dynamic/-/dynamic-2.1.0.tgz", - "integrity": "sha512-8zl0IgBYRtgD1h+56Zu13wHTiMTJSVEa4F7RWX9vTB/5Xe2KtjoiqApy/szHPVFA56c+ex6A4GpCQjT1bKXbYw==", - "dependencies": { - "@vanilla-extract/private": "^1.0.3" - } - }, - "node_modules/@vanilla-extract/private": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/@vanilla-extract/private/-/private-1.0.6.tgz", - "integrity": "sha512-ytsG/JLweEjw7DBuZ/0JCN4WAQgM9erfSTdS1NQY778hFQSZ6cfCDEZZ0sgVm4k54uNz6ImKB33AYvSR//fjxw==" - }, - "node_modules/@vanilla-extract/sprinkles": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/@vanilla-extract/sprinkles/-/sprinkles-1.6.1.tgz", - "integrity": "sha512-N/RGKwGAAidBupZ436RpuweRQHEFGU+mvAqBo8PRMAjJEmHoPDttV8RObaMLrJHWLqvX+XUMinHUnD0hFRQISw==", - "peerDependencies": { - "@vanilla-extract/css": "^1.0.0" - } - }, - "node_modules/@wagmi/connectors": { - "version": "3.1.11", - "resolved": "https://registry.npmjs.org/@wagmi/connectors/-/connectors-3.1.11.tgz", - "integrity": "sha512-wzxp9f9PtSUFjDUP/QDjc1t7HON4D8wrVKsw35ejdO8hToDpx1gU9lwH/47Zo/1zExGezQc392sjoHSszYd7OA==", - "funding": [ - { - "type": "gitcoin", - "url": "https://wagmi.sh/gitcoin" - }, - { - "type": "github", - "url": "https://github.com/sponsors/wagmi-dev" - } - ], - "dependencies": { - "@coinbase/wallet-sdk": "^3.6.6", - "@safe-global/safe-apps-provider": "^0.18.1", - "@safe-global/safe-apps-sdk": "^8.1.0", - "@walletconnect/ethereum-provider": "2.11.0", - "@walletconnect/legacy-provider": "^2.0.0", - "@walletconnect/modal": "2.6.2", - "@walletconnect/utils": "2.11.0", - "abitype": "0.8.7", - "eventemitter3": "^4.0.7" - }, - "peerDependencies": { - "typescript": ">=5.0.4", - "viem": ">=0.3.35" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } - } - }, - "node_modules/@wagmi/connectors/node_modules/@noble/curves": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.7.0.tgz", - "integrity": "sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==", - "dependencies": { - "@noble/hashes": "1.6.0" - }, - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/@wagmi/connectors/node_modules/@noble/curves/node_modules/@noble/hashes": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz", - "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==", - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/@wagmi/connectors/node_modules/@noble/hashes": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.1.tgz", - "integrity": "sha512-pq5D8h10hHBjyqX+cfBm0i8JUXJ0UhczFc4r74zbuT9XgewFo2E3J1cOaGtdZynILNmQ685YWGzGE1Zv6io50w==", - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/@wagmi/connectors/node_modules/@safe-global/safe-apps-provider": { - "version": "0.18.5", - "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-provider/-/safe-apps-provider-0.18.5.tgz", - "integrity": "sha512-9v9wjBi3TwLsEJ3C2ujYoexp3pFJ0omDLH/GX91e2QB+uwCKTBYyhxFSrTQ9qzoyQd+bfsk4gjOGW87QcJhf7g==", - "dependencies": { - "@safe-global/safe-apps-sdk": "^9.1.0", - "events": "^3.3.0" - } - }, - "node_modules/@wagmi/connectors/node_modules/@safe-global/safe-apps-provider/node_modules/@safe-global/safe-apps-sdk": { - "version": "9.1.0", - "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-9.1.0.tgz", - "integrity": "sha512-N5p/ulfnnA2Pi2M3YeWjULeWbjo7ei22JwU/IXnhoHzKq3pYCN6ynL9mJBOlvDVv892EgLPCWCOwQk/uBT2v0Q==", - "dependencies": { - "@safe-global/safe-gateway-typescript-sdk": "^3.5.3", - "viem": "^2.1.1" - } - }, - "node_modules/@wagmi/connectors/node_modules/@safe-global/safe-apps-provider/node_modules/abitype": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/abitype/-/abitype-1.0.7.tgz", - "integrity": "sha512-ZfYYSktDQUwc2eduYu8C4wOs+RDPmnRYMh7zNfzeMtGGgb0U+6tLGjixUic6mXf5xKKCcgT5Qp6cv39tOARVFw==", - "funding": { - "url": "https://github.com/sponsors/wevm" - }, - "peerDependencies": { - "typescript": ">=5.0.4", - "zod": "^3 >=3.22.0" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - }, - "zod": { - "optional": true - } - } - }, - "node_modules/@wagmi/connectors/node_modules/@safe-global/safe-apps-provider/node_modules/viem": { - "version": "2.21.55", - "resolved": "https://registry.npmjs.org/viem/-/viem-2.21.55.tgz", - "integrity": "sha512-PgXew7C11cAuEtOSgRyQx2kJxEOPUwIwZA9dMglRByqJuFVA7wSGZZOOo/93iylAA8E15bEdqy9xulU3oKZ70Q==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/wevm" - } - ], - "dependencies": { - "@noble/curves": "1.7.0", - "@noble/hashes": "1.6.1", - "@scure/bip32": "1.6.0", - "@scure/bip39": "1.5.0", - "abitype": "1.0.7", - "isows": "1.0.6", - "ox": "0.1.2", - "webauthn-p256": "0.0.10", - "ws": "8.18.0" - }, - "peerDependencies": { - "typescript": ">=5.0.4" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } - } - }, - "node_modules/@wagmi/connectors/node_modules/@safe-global/safe-apps-sdk": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-8.1.0.tgz", - "integrity": "sha512-XJbEPuaVc7b9n23MqlF6c+ToYIS3f7P2Sel8f3cSBQ9WORE4xrSuvhMpK9fDSFqJ7by/brc+rmJR/5HViRr0/w==", - "dependencies": { - "@safe-global/safe-gateway-typescript-sdk": "^3.5.3", - "viem": "^1.0.0" - } - }, - "node_modules/@wagmi/connectors/node_modules/@scure/base": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.1.tgz", - "integrity": "sha512-DGmGtC8Tt63J5GfHgfl5CuAXh96VF/LD8K9Hr/Gv0J2lAoRGlPOMpqMpMbCTOoOJMZCk2Xt+DskdDyn6dEFdzQ==", - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/@wagmi/connectors/node_modules/@scure/bip32": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/@scure/bip32/-/bip32-1.6.0.tgz", - "integrity": "sha512-82q1QfklrUUdXJzjuRU7iG7D7XiFx5PHYVS0+oeNKhyDLT7WPqs6pBcM2W5ZdwOwKCwoE1Vy1se+DHjcXwCYnA==", - "dependencies": { - "@noble/curves": "~1.7.0", - "@noble/hashes": "~1.6.0", - "@scure/base": "~1.2.1" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/@wagmi/connectors/node_modules/@scure/bip39": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@scure/bip39/-/bip39-1.5.0.tgz", - "integrity": "sha512-Dop+ASYhnrwm9+HA/HwXg7j2ZqM6yk2fyLWb5znexjctFY3+E+eU8cIWI0Pql0Qx4hPZCijlGq4OL71g+Uz30A==", - "dependencies": { - "@noble/hashes": "~1.6.0", - "@scure/base": "~1.2.1" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/@wagmi/connectors/node_modules/abitype": { - "version": "0.8.7", - "resolved": "https://registry.npmjs.org/abitype/-/abitype-0.8.7.tgz", - "integrity": "sha512-wQ7hV8Yg/yKmGyFpqrNZufCxbszDe5es4AZGYPBitocfSqXtjrTG9JMWFcc4N30ukl2ve48aBTwt7NJxVQdU3w==", - "peerDependencies": { - "typescript": ">=5.0.4", - "zod": "^3 >=3.19.1" - }, - "peerDependenciesMeta": { - "zod": { - "optional": true - } - } - }, - "node_modules/@wagmi/connectors/node_modules/isows": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/isows/-/isows-1.0.6.tgz", - "integrity": "sha512-lPHCayd40oW98/I0uvgaHKWCSvkzY27LjWLbtzOm64yQ+G3Q5npjjbdppU65iZXkK1Zt+kH9pfegli0AYfwYYw==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/wevm" - } - ], - "peerDependencies": { - "ws": "*" - } - }, - "node_modules/@wagmi/connectors/node_modules/ws": { - "version": "8.18.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz", - "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==", - "engines": { - "node": ">=10.0.0" - }, - "peerDependencies": { - "bufferutil": "^4.0.1", - "utf-8-validate": ">=5.0.2" - }, - "peerDependenciesMeta": { - "bufferutil": { - "optional": true - }, - "utf-8-validate": { - "optional": true - } - } - }, - "node_modules/@wagmi/core": { - "version": "1.4.13", - "resolved": "https://registry.npmjs.org/@wagmi/core/-/core-1.4.13.tgz", - "integrity": "sha512-ytMCvXbBOgfDu9Qw67279wq/jNEe7EZLjLyekX7ROnvHRADqFr3lwZI6ih41UmtRZAmXAx8Ghyuqy154EjB5mQ==", - "funding": [ - { - "type": "gitcoin", - "url": "https://wagmi.sh/gitcoin" - }, - { - "type": "github", - "url": "https://github.com/sponsors/wagmi-dev" - } - ], - "dependencies": { - "@wagmi/connectors": "3.1.11", - "abitype": "0.8.7", - "eventemitter3": "^4.0.7", - "zustand": "^4.3.1" - }, - "peerDependencies": { - "typescript": ">=5.0.4", - "viem": ">=0.3.35" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } - } - }, - "node_modules/@wagmi/core/node_modules/abitype": { - "version": "0.8.7", - "resolved": "https://registry.npmjs.org/abitype/-/abitype-0.8.7.tgz", - "integrity": "sha512-wQ7hV8Yg/yKmGyFpqrNZufCxbszDe5es4AZGYPBitocfSqXtjrTG9JMWFcc4N30ukl2ve48aBTwt7NJxVQdU3w==", - "peerDependencies": { - "typescript": ">=5.0.4", - "zod": "^3 >=3.19.1" - }, - "peerDependenciesMeta": { - "zod": { - "optional": true - } - } - }, "node_modules/@walletconnect/browser-utils": { "version": "1.8.0", "license": "Apache-2.0", @@ -17141,105 +16715,6 @@ } } }, - "node_modules/@walletconnect/legacy-client": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@walletconnect/legacy-client/-/legacy-client-2.0.0.tgz", - "integrity": "sha512-v5L7rYk9loVnfvUf0mF+76bUPFaU5/Vh7mzL6/950CD/yoGdzYZ3Kj+L7mkC6HPMEGeQsBP1+sqBuiVGZ/aODA==", - "dependencies": { - "@walletconnect/crypto": "^1.0.3", - "@walletconnect/encoding": "^1.0.2", - "@walletconnect/jsonrpc-utils": "^1.0.4", - "@walletconnect/legacy-types": "^2.0.0", - "@walletconnect/legacy-utils": "^2.0.0", - "@walletconnect/safe-json": "^1.0.1", - "@walletconnect/window-getters": "^1.0.1", - "@walletconnect/window-metadata": "^1.0.1", - "detect-browser": "^5.3.0", - "query-string": "^6.13.5" - } - }, - "node_modules/@walletconnect/legacy-client/node_modules/query-string": { - "version": "6.14.1", - "resolved": "https://registry.npmjs.org/query-string/-/query-string-6.14.1.tgz", - "integrity": "sha512-XDxAeVmpfu1/6IjyT/gXHOl+S0vQ9owggJ30hhWKdHAsNPOcasn5o9BW0eejZqL2e4vMjhAxoW3jVHcD6mbcYw==", - "dependencies": { - "decode-uri-component": "^0.2.0", - "filter-obj": "^1.1.0", - "split-on-first": "^1.0.0", - "strict-uri-encode": "^2.0.0" - }, - "engines": { - "node": ">=6" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/@walletconnect/legacy-modal": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@walletconnect/legacy-modal/-/legacy-modal-2.0.0.tgz", - "integrity": "sha512-jckNd8lMhm4X7dX9TDdxM3bXKJnaqkRs6K2Mo5j6GmbIF9Eyx40jZ5+q457RVxvM6ciZEDT5s1wBHWdWoOo+9Q==", - "dependencies": { - "@walletconnect/legacy-types": "^2.0.0", - "@walletconnect/legacy-utils": "^2.0.0", - "copy-to-clipboard": "^3.3.3", - "preact": "^10.12.0", - "qrcode": "^1.5.1" - } - }, - "node_modules/@walletconnect/legacy-provider": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@walletconnect/legacy-provider/-/legacy-provider-2.0.0.tgz", - "integrity": "sha512-A8xPebMI1A+50HbWwTpFCbwP7G+1NGKdTKyg8BUUg3h3Y9JucpC1W6w/x0v1Xw7qFEqQnz74LoIN/A3ytH9xrQ==", - "dependencies": { - "@walletconnect/jsonrpc-http-connection": "^1.0.4", - "@walletconnect/jsonrpc-provider": "^1.0.6", - "@walletconnect/legacy-client": "^2.0.0", - "@walletconnect/legacy-modal": "^2.0.0", - "@walletconnect/legacy-types": "^2.0.0", - "@walletconnect/legacy-utils": "^2.0.0" - } - }, - "node_modules/@walletconnect/legacy-types": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@walletconnect/legacy-types/-/legacy-types-2.0.0.tgz", - "integrity": "sha512-sOVrA7HUdbI1OwKyPOQU0/DdvTSVFlsXWpAk2K2WvP2erTkBWPMTJq6cv2BmKdoJ3p6gLApT7sd+jHi3OF71uw==", - "dependencies": { - "@walletconnect/jsonrpc-types": "^1.0.2" - } - }, - "node_modules/@walletconnect/legacy-utils": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@walletconnect/legacy-utils/-/legacy-utils-2.0.0.tgz", - "integrity": "sha512-CPWxSVVXw0kgNCxvU126g4GiV3mzXmC8IPJ15twE46aJ1FX+RHEIfAzFMFz2F2+fEhBxL63A7dwNQKDXorRPcQ==", - "dependencies": { - "@walletconnect/encoding": "^1.0.2", - "@walletconnect/jsonrpc-utils": "^1.0.4", - "@walletconnect/legacy-types": "^2.0.0", - "@walletconnect/safe-json": "^1.0.1", - "@walletconnect/window-getters": "^1.0.1", - "@walletconnect/window-metadata": "^1.0.1", - "detect-browser": "^5.3.0", - "query-string": "^6.13.5" - } - }, - "node_modules/@walletconnect/legacy-utils/node_modules/query-string": { - "version": "6.14.1", - "resolved": "https://registry.npmjs.org/query-string/-/query-string-6.14.1.tgz", - "integrity": "sha512-XDxAeVmpfu1/6IjyT/gXHOl+S0vQ9owggJ30hhWKdHAsNPOcasn5o9BW0eejZqL2e4vMjhAxoW3jVHcD6mbcYw==", - "dependencies": { - "decode-uri-component": "^0.2.0", - "filter-obj": "^1.1.0", - "split-on-first": "^1.0.0", - "strict-uri-encode": "^2.0.0" - }, - "engines": { - "node": ">=6" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/@walletconnect/logger": { "version": "2.0.1", "license": "MIT", @@ -18274,6 +17749,7 @@ "node_modules/agentkeepalive": { "version": "4.3.0", "license": "MIT", + "peer": true, "dependencies": { "debug": "^4.1.0", "depd": "^2.0.0", @@ -18835,13 +18311,15 @@ "node_modules/async-mutex": { "version": "0.2.6", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.0.0" } }, "node_modules/async-mutex/node_modules/tslib": { "version": "2.6.0", - "license": "0BSD" + "license": "0BSD", + "peer": true }, "node_modules/async-retry": { "version": "1.3.3", @@ -19413,6 +18891,7 @@ "version": "1.1.5", "hasInstallScript": true, "license": "Apache-2.0", + "peer": true, "dependencies": { "bindings": "^1.3.0" }, @@ -19444,11 +18923,13 @@ }, "node_modules/bind-decorator": { "version": "1.0.11", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/bindings": { "version": "1.5.0", "license": "MIT", + "peer": true, "dependencies": { "file-uri-to-path": "1.0.0" } @@ -19571,6 +19052,7 @@ "node_modules/borsh": { "version": "0.7.0", "license": "Apache-2.0", + "peer": true, "dependencies": { "bn.js": "^5.2.0", "bs58": "^4.0.0", @@ -22066,11 +21548,6 @@ "version": "0.1.4", "license": "MIT" }, - "node_modules/deep-object-diff": { - "version": "1.1.9", - "resolved": "https://registry.npmjs.org/deep-object-diff/-/deep-object-diff-1.1.9.tgz", - "integrity": "sha512-Rn+RuwkmkDwCi2/oXOFS9Gsr5lJZu/yTGpK7wAaAIE75CC+LCGEZHpY6VQJa/RoJcrmaA/docWJZvYohlNkWPA==" - }, "node_modules/deepmerge": { "version": "4.3.1", "license": "MIT", @@ -22239,6 +21716,7 @@ "node_modules/delay": { "version": "5.0.0", "license": "MIT", + "peer": true, "engines": { "node": ">=10" }, @@ -23136,11 +22614,13 @@ }, "node_modules/es6-promise": { "version": "4.2.8", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/es6-promisify": { "version": "5.0.0", "license": "MIT", + "peer": true, "dependencies": { "es6-promise": "^4.0.3" } @@ -24038,6 +23518,7 @@ "node_modules/eth-block-tracker": { "version": "6.1.0", "license": "MIT", + "peer": true, "dependencies": { "@metamask/safe-event-emitter": "^2.0.0", "@metamask/utils": "^3.0.1", @@ -24051,6 +23532,7 @@ "node_modules/eth-block-tracker/node_modules/pify": { "version": "3.0.0", "license": "MIT", + "peer": true, "engines": { "node": ">=4" } @@ -24058,6 +23540,7 @@ "node_modules/eth-json-rpc-filters": { "version": "5.1.0", "license": "ISC", + "peer": true, "dependencies": { "@metamask/safe-event-emitter": "^2.0.0", "async-mutex": "^0.2.6", @@ -24072,6 +23555,7 @@ "node_modules/eth-json-rpc-filters/node_modules/pify": { "version": "5.0.0", "license": "MIT", + "peer": true, "engines": { "node": ">=10" }, @@ -24095,6 +23579,7 @@ "node_modules/eth-query": { "version": "2.1.2", "license": "ISC", + "peer": true, "dependencies": { "json-rpc-random-id": "^1.0.0", "xtend": "^4.0.1" @@ -24165,6 +23650,7 @@ "node_modules/eth-rpc-errors": { "version": "4.0.2", "license": "MIT", + "peer": true, "dependencies": { "fast-safe-stringify": "^2.0.6" } @@ -24654,6 +24140,7 @@ }, "node_modules/eyes": { "version": "0.1.8", + "peer": true, "engines": { "node": "> 0.1.90" } @@ -24712,11 +24199,13 @@ }, "node_modules/fast-safe-stringify": { "version": "2.1.1", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/fast-stable-stringify": { "version": "1.0.0", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/fast-xml-parser": { "version": "4.4.1", @@ -24883,7 +24372,8 @@ }, "node_modules/file-uri-to-path": { "version": "1.0.0", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/filelist": { "version": "1.0.4", @@ -26757,6 +26247,7 @@ "node_modules/humanize-ms": { "version": "1.2.1", "license": "MIT", + "peer": true, "dependencies": { "ms": "^2.0.0" } @@ -28446,6 +27937,7 @@ "node_modules/jayson": { "version": "4.1.0", "license": "MIT", + "peer": true, "dependencies": { "@types/connect": "^3.4.33", "@types/node": "^12.12.54", @@ -28469,22 +27961,26 @@ }, "node_modules/jayson/node_modules/@types/node": { "version": "12.20.55", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/jayson/node_modules/@types/ws": { "version": "7.4.7", "license": "MIT", + "peer": true, "dependencies": { "@types/node": "*" } }, "node_modules/jayson/node_modules/commander": { "version": "2.20.3", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/jayson/node_modules/isomorphic-ws": { "version": "4.0.1", "license": "MIT", + "peer": true, "peerDependencies": { "ws": "*" } @@ -31144,6 +30640,7 @@ "node_modules/json-rpc-engine": { "version": "6.1.0", "license": "ISC", + "peer": true, "dependencies": { "@metamask/safe-event-emitter": "^2.0.0", "eth-rpc-errors": "^4.0.2" @@ -31154,7 +30651,8 @@ }, "node_modules/json-rpc-random-id": { "version": "1.0.1", - "license": "ISC" + "license": "ISC", + "peer": true }, "node_modules/json-schema": { "version": "0.4.0", @@ -31188,7 +30686,8 @@ }, "node_modules/json-stringify-safe": { "version": "5.0.1", - "license": "ISC" + "license": "ISC", + "peer": true }, "node_modules/json-to-pretty-yaml": { "version": "1.2.2", @@ -31247,7 +30746,8 @@ "engines": [ "node >= 0.2.0" ], - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/jsonpointer": { "version": "5.0.1", @@ -31259,6 +30759,7 @@ "node_modules/JSONStream": { "version": "1.3.5", "license": "(MIT OR Apache-2.0)", + "peer": true, "dependencies": { "jsonparse": "^1.2.0", "through": ">=2.2.7 <3" @@ -32369,14 +31870,6 @@ "version": "2.0.4", "license": "CC0-1.0" }, - "node_modules/media-query-parser": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/media-query-parser/-/media-query-parser-2.0.2.tgz", - "integrity": "sha512-1N4qp+jE0pL5Xv4uEcwVUhIkwdUO3S/9gML90nqKA7v7FcOS5vUtatfzok9S9U1EJU8dHWlcv95WLnKmmxZI9w==", - "dependencies": { - "@babel/runtime": "^7.12.5" - } - }, "node_modules/media-typer": { "version": "0.3.0", "license": "MIT", @@ -34510,11 +34003,6 @@ "node": ">=10" } }, - "node_modules/modern-ahocorasick": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/modern-ahocorasick/-/modern-ahocorasick-1.1.0.tgz", - "integrity": "sha512-sEKPVl2rM+MNVkGQt3ChdmD8YsigmXdn5NifZn6jiwn9LRJpWm8F3guhaqrJT/JOat6pwpbXEk6kv+b9DMIjsQ==" - }, "node_modules/module-error": { "version": "1.0.2", "license": "MIT", @@ -37831,11 +37319,6 @@ "node": ">=0.10.0" } }, - "node_modules/outdent": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/outdent/-/outdent-0.8.0.tgz", - "integrity": "sha512-KiOAIsdpUTcAXuykya5fnVVT+/5uS0Q1mrkRHcF89tpieSmY33O/tmc54CqwA+bfhbtEfZUNLHaPUiB9X3jt1A==" - }, "node_modules/overlap-area": { "version": "1.1.0", "license": "MIT", @@ -37843,133 +37326,6 @@ "@daybrush/utils": "^1.7.1" } }, - "node_modules/ox": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/ox/-/ox-0.1.2.tgz", - "integrity": "sha512-ak/8K0Rtphg9vnRJlbOdaX9R7cmxD2MiSthjWGaQdMk3D7hrAlDoM+6Lxn7hN52Za3vrXfZ7enfke/5WjolDww==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/wevm" - } - ], - "dependencies": { - "@adraffy/ens-normalize": "^1.10.1", - "@noble/curves": "^1.6.0", - "@noble/hashes": "^1.5.0", - "@scure/bip32": "^1.5.0", - "@scure/bip39": "^1.4.0", - "abitype": "^1.0.6", - "eventemitter3": "5.0.1" - }, - "peerDependencies": { - "typescript": ">=5.4.0" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } - } - }, - "node_modules/ox/node_modules/@adraffy/ens-normalize": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.11.0.tgz", - "integrity": "sha512-/3DDPKHqqIqxUULp8yP4zODUY1i+2xvVWsv8A79xGWdCAG+8sb0hRh0Rk2QyOJUnnbyPUAZYcpBuRe3nS2OIUg==" - }, - "node_modules/ox/node_modules/@noble/curves": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.7.0.tgz", - "integrity": "sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==", - "dependencies": { - "@noble/hashes": "1.6.0" - }, - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/ox/node_modules/@noble/curves/node_modules/@noble/hashes": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz", - "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==", - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/ox/node_modules/@noble/hashes": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.1.tgz", - "integrity": "sha512-pq5D8h10hHBjyqX+cfBm0i8JUXJ0UhczFc4r74zbuT9XgewFo2E3J1cOaGtdZynILNmQ685YWGzGE1Zv6io50w==", - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/ox/node_modules/@scure/base": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.1.tgz", - "integrity": "sha512-DGmGtC8Tt63J5GfHgfl5CuAXh96VF/LD8K9Hr/Gv0J2lAoRGlPOMpqMpMbCTOoOJMZCk2Xt+DskdDyn6dEFdzQ==", - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/ox/node_modules/@scure/bip32": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/@scure/bip32/-/bip32-1.6.0.tgz", - "integrity": "sha512-82q1QfklrUUdXJzjuRU7iG7D7XiFx5PHYVS0+oeNKhyDLT7WPqs6pBcM2W5ZdwOwKCwoE1Vy1se+DHjcXwCYnA==", - "dependencies": { - "@noble/curves": "~1.7.0", - "@noble/hashes": "~1.6.0", - "@scure/base": "~1.2.1" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/ox/node_modules/@scure/bip39": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@scure/bip39/-/bip39-1.5.0.tgz", - "integrity": "sha512-Dop+ASYhnrwm9+HA/HwXg7j2ZqM6yk2fyLWb5znexjctFY3+E+eU8cIWI0Pql0Qx4hPZCijlGq4OL71g+Uz30A==", - "dependencies": { - "@noble/hashes": "~1.6.0", - "@scure/base": "~1.2.1" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/ox/node_modules/abitype": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/abitype/-/abitype-1.0.7.tgz", - "integrity": "sha512-ZfYYSktDQUwc2eduYu8C4wOs+RDPmnRYMh7zNfzeMtGGgb0U+6tLGjixUic6mXf5xKKCcgT5Qp6cv39tOARVFw==", - "funding": { - "url": "https://github.com/sponsors/wevm" - }, - "peerDependencies": { - "typescript": ">=5.0.4", - "zod": "^3 >=3.22.0" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - }, - "zod": { - "optional": true - } - } - }, - "node_modules/ox/node_modules/eventemitter3": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz", - "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==" - }, "node_modules/p-defer": { "version": "3.0.0", "license": "MIT", @@ -39538,6 +38894,7 @@ "node_modules/preact": { "version": "10.15.1", "license": "MIT", + "peer": true, "funding": { "type": "opencollective", "url": "https://opencollective.com/preact" @@ -41071,30 +40428,6 @@ "node": ">=0.10.0" } }, - "node_modules/react-remove-scroll": { - "version": "2.5.7", - "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz", - "integrity": "sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==", - "dependencies": { - "react-remove-scroll-bar": "^2.3.4", - "react-style-singleton": "^2.2.1", - "tslib": "^2.1.0", - "use-callback-ref": "^1.3.0", - "use-sidecar": "^1.1.2" - }, - "engines": { - "node": ">=10" - }, - "peerDependencies": { - "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0" - }, - "peerDependenciesMeta": { - "@types/react": { - "optional": true - } - } - }, "node_modules/react-remove-scroll-bar": { "version": "2.3.4", "license": "MIT", @@ -41119,11 +40452,6 @@ "version": "2.4.1", "license": "0BSD" }, - "node_modules/react-remove-scroll/node_modules/tslib": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", - "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==" - }, "node_modules/react-responsive": { "version": "9.0.2", "license": "MIT", @@ -42175,6 +41503,7 @@ "node_modules/rpc-websockets": { "version": "7.5.1", "license": "LGPL-3.0-only", + "peer": true, "dependencies": { "@babel/runtime": "^7.17.2", "eventemitter3": "^4.0.7", @@ -42193,6 +41522,7 @@ "node_modules/rpc-websockets/node_modules/ws": { "version": "8.13.0", "license": "MIT", + "peer": true, "engines": { "node": ">=10.0.0" }, @@ -43600,7 +42930,8 @@ }, "node_modules/superstruct": { "version": "0.14.2", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/supports-color": { "version": "5.5.0", @@ -44009,7 +43340,8 @@ } }, "node_modules/text-encoding-utf-8": { - "version": "1.0.2" + "version": "1.0.2", + "peer": true }, "node_modules/text-table": { "version": "0.2.0", @@ -46226,53 +45558,6 @@ "node": ">=10" } }, - "node_modules/wagmi": { - "version": "1.4.13", - "resolved": "https://registry.npmjs.org/wagmi/-/wagmi-1.4.13.tgz", - "integrity": "sha512-AScVYFjqNt1wMgL99Bob7MLdhoTZ3XKiOZL5HVBdy4W1sh7QodA3gQ8IsmTuUrQ7oQaTxjiXEhwg7sWNrPBvJA==", - "funding": [ - { - "type": "gitcoin", - "url": "https://wagmi.sh/gitcoin" - }, - { - "type": "github", - "url": "https://github.com/sponsors/wagmi-dev" - } - ], - "dependencies": { - "@tanstack/query-sync-storage-persister": "^4.27.1", - "@tanstack/react-query": "^4.28.0", - "@tanstack/react-query-persist-client": "^4.28.0", - "@wagmi/core": "1.4.13", - "abitype": "0.8.7", - "use-sync-external-store": "^1.2.0" - }, - "peerDependencies": { - "react": ">=17.0.0", - "typescript": ">=5.0.4", - "viem": ">=0.3.35" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } - } - }, - "node_modules/wagmi/node_modules/abitype": { - "version": "0.8.7", - "resolved": "https://registry.npmjs.org/abitype/-/abitype-0.8.7.tgz", - "integrity": "sha512-wQ7hV8Yg/yKmGyFpqrNZufCxbszDe5es4AZGYPBitocfSqXtjrTG9JMWFcc4N30ukl2ve48aBTwt7NJxVQdU3w==", - "peerDependencies": { - "typescript": ">=5.0.4", - "zod": "^3 >=3.19.1" - }, - "peerDependenciesMeta": { - "zod": { - "optional": true - } - } - }, "node_modules/walker": { "version": "1.0.8", "license": "Apache-2.0", @@ -46587,57 +45872,6 @@ "node": ">=8.0.0" } }, - "node_modules/webauthn-p256": { - "version": "0.0.10", - "resolved": "https://registry.npmjs.org/webauthn-p256/-/webauthn-p256-0.0.10.tgz", - "integrity": "sha512-EeYD+gmIT80YkSIDb2iWq0lq2zbHo1CxHlQTeJ+KkCILWpVy3zASH3ByD4bopzfk0uCwXxLqKGLqp2W4O28VFA==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/wevm" - } - ], - "dependencies": { - "@noble/curves": "^1.4.0", - "@noble/hashes": "^1.4.0" - } - }, - "node_modules/webauthn-p256/node_modules/@noble/curves": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.7.0.tgz", - "integrity": "sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==", - "dependencies": { - "@noble/hashes": "1.6.0" - }, - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/webauthn-p256/node_modules/@noble/curves/node_modules/@noble/hashes": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz", - "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==", - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/webauthn-p256/node_modules/@noble/hashes": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.1.tgz", - "integrity": "sha512-pq5D8h10hHBjyqX+cfBm0i8JUXJ0UhczFc4r74zbuT9XgewFo2E3J1cOaGtdZynILNmQ685YWGzGE1Zv6io50w==", - "engines": { - "node": "^14.21.3 || >=16" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, "node_modules/webcrypto-core": { "version": "1.7.5", "dev": true, diff --git a/package.json b/package.json index 902a019ab..c7349f8b1 100644 --- a/package.json +++ b/package.json @@ -46,7 +46,7 @@ "dependencies": { "@apollo/client": "^3.8.1", "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9", - "@bosonprotocol/react-kit": "^0.35.1-alpha.7", + "@bosonprotocol/react-kit": "^0.36.0-alpha.6", "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.14", "@davatar/react": "^1.10.4", "@ethersproject/address": "^5.6.1", From 6946bd62855231bfc2dd1f1ec5897ddb4f848da6 Mon Sep 17 00:00:00 2001 From: Albert Folch Date: Fri, 24 Jan 2025 15:56:56 +0100 Subject: [PATCH 10/18] wip --- package-lock.json | 42 +++++++++---------- package.json | 2 +- .../SwapCurrencyInputPanel.tsx | 2 +- src/components/detail/Detail.style.tsx | 2 +- .../DetailWidget/ExchangeDetailWidget.tsx | 1 - .../ManageDisputes/DisputesTable.tsx | 2 +- src/components/error/SimpleError.tsx | 2 +- src/components/exchange/Exchange.tsx | 1 + src/components/footer/Footer.tsx | 2 +- .../components/DisputeTable/DisputeTable.tsx | 2 +- .../Explore/Collections/CollectionsCard.tsx | 4 +- .../TransactionSubmittedModal.tsx | 4 +- src/components/offer/ExchangeStatuses.tsx | 2 +- .../seller/exchanges/SellerAction.tsx | 6 +-- src/components/step/MultiSteps.tsx | 6 +-- src/components/ui/BosonButton.tsx | 2 +- .../chat/components/ExchangeSidePreview.tsx | 2 +- .../chat/components/MessageSeparator.tsx | 4 +- src/pages/common/OfferFullDescription.tsx | 2 +- .../congratulations/Congratulations.tsx | 2 +- .../CreateProductCongratulations.tsx | 2 +- src/pages/custom-store/styles.tsx | 2 +- src/pages/dispute-centre/RaiseDisputePage.tsx | 4 +- src/pages/sell/landing/Card.tsx | 2 +- 24 files changed, 48 insertions(+), 54 deletions(-) diff --git a/package-lock.json b/package-lock.json index 54f1bdfd6..cae67b79f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "dependencies": { "@apollo/client": "^3.8.1", "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9", - "@bosonprotocol/react-kit": "^0.36.0-alpha.6", + "@bosonprotocol/react-kit": "^0.36.0-alpha.9", "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.14", "@davatar/react": "^1.10.4", "@ethersproject/address": "^5.6.1", @@ -3425,11 +3425,11 @@ } }, "node_modules/@bosonprotocol/common": { - "version": "1.30.0-alpha.14", - "resolved": "https://registry.npmjs.org/@bosonprotocol/common/-/common-1.30.0-alpha.14.tgz", - "integrity": "sha512-i0MAoHX9HWilm/whLX6on6uM5biaMBI6i3uCpdqDnmh6IHcnjTW10nEz6RFP4Ytn0VteXe87mKFfuU6QWcR3KQ==", + "version": "1.30.0-alpha.17", + "resolved": "https://registry.npmjs.org/@bosonprotocol/common/-/common-1.30.0-alpha.17.tgz", + "integrity": "sha512-+23XoNxrUXyincl5mpE4eOs8DyefHpNb4x8/Q7qNpjcAE8Yc+nHHzwXVhSG8Vy0b7QKxTbeHroAjoxnhuLZ5Gw==", "dependencies": { - "@bosonprotocol/metadata": "^1.16.3-alpha.10", + "@bosonprotocol/metadata": "^1.16.3-alpha.13", "@ethersproject/abi": "^5.5.0", "@ethersproject/address": "^5.5.0", "@ethersproject/bignumber": "^5.5.0", @@ -3438,11 +3438,11 @@ } }, "node_modules/@bosonprotocol/core-sdk": { - "version": "1.42.0-alpha.8", - "resolved": "https://registry.npmjs.org/@bosonprotocol/core-sdk/-/core-sdk-1.42.0-alpha.8.tgz", - "integrity": "sha512-JMVtDbjCGilN61r82g8erd+hYHwwaIrl8WVEncH5toFmoBAAsTFIlMtpguhIcwyp9qO9MTc6KwqzoKgcZYfzjw==", + "version": "1.42.0-alpha.11", + "resolved": "https://registry.npmjs.org/@bosonprotocol/core-sdk/-/core-sdk-1.42.0-alpha.11.tgz", + "integrity": "sha512-cTbeSxuikgZ1dZbRE0ipIUT+eXOpxwLHi4vjUENnVMkciGVjcYox1+eonk9SMjH2aRkqt1ohjBaVCXSc15sMtA==", "dependencies": { - "@bosonprotocol/common": "^1.30.0-alpha.14", + "@bosonprotocol/common": "^1.30.0-alpha.17", "@ethersproject/abi": "^5.5.0", "@ethersproject/address": "^5.5.0", "@ethersproject/bignumber": "^5.5.0", @@ -3458,11 +3458,11 @@ } }, "node_modules/@bosonprotocol/ethers-sdk": { - "version": "1.15.1-alpha.14", - "resolved": "https://registry.npmjs.org/@bosonprotocol/ethers-sdk/-/ethers-sdk-1.15.1-alpha.14.tgz", - "integrity": "sha512-IAnMTST/ytuZ4MA/7qVxaUnnW1214VW8i6MCDrdSrvmsBh/EfB3FyngKiqn7Ez614TAl/0GGn1XeIpNyIB4DhA==", + "version": "1.15.1-alpha.17", + "resolved": "https://registry.npmjs.org/@bosonprotocol/ethers-sdk/-/ethers-sdk-1.15.1-alpha.17.tgz", + "integrity": "sha512-jnT4ZFn9Vif0nrfkljUjfMd58B/YQwNyEE/+U0VFxVn8+/KHGogiQSu9ckviu86Dbtjvr8roUJn3QLlzWoD32A==", "dependencies": { - "@bosonprotocol/common": "^1.30.0-alpha.14" + "@bosonprotocol/common": "^1.30.0-alpha.17" }, "peerDependencies": { "ethers": "^5.5.0" @@ -3480,9 +3480,9 @@ } }, "node_modules/@bosonprotocol/metadata": { - "version": "1.16.3-alpha.10", - "resolved": "https://registry.npmjs.org/@bosonprotocol/metadata/-/metadata-1.16.3-alpha.10.tgz", - "integrity": "sha512-9XIyeH2Xp68bx16V9FwuQscgbAxSCAomBRw0ZM/HJhad3IgK0Ffke2DA5dHUQ5SwpdpFQCyZ+G8I5MipYE3R+Q==", + "version": "1.16.3-alpha.13", + "resolved": "https://registry.npmjs.org/@bosonprotocol/metadata/-/metadata-1.16.3-alpha.13.tgz", + "integrity": "sha512-FldVIc1SadMyq+/2MPvQ7Hz5HNt4YoDhZlRTtcRFaf43S7hvVCjlJzhwBRBBgf8N4vQ7zRyS9HhvRd/nCFEpqQ==", "dependencies": { "@bosonprotocol/metadata-storage": "^1.0.1", "schema-to-yup": "^1.11.11", @@ -3495,13 +3495,13 @@ "integrity": "sha512-f2W2SQAvY5IKD6L9JwaiNye7gGRIIPd/HOB0i+otWLzMPBlwQtbN4JeWSuKeJvuaqu8tyMy7CHzN8EkhrJDB+A==" }, "node_modules/@bosonprotocol/react-kit": { - "version": "0.36.0-alpha.6", - "resolved": "https://registry.npmjs.org/@bosonprotocol/react-kit/-/react-kit-0.36.0-alpha.6.tgz", - "integrity": "sha512-raCs1qo58b8fJT8JTv8xLhVkBfGzaPr6oIhUHnA8xg0ZtYsLwo93OArXmfXIWP8yOyKXsEJbpuH04LkofnDbbg==", + "version": "0.36.0-alpha.9", + "resolved": "https://registry.npmjs.org/@bosonprotocol/react-kit/-/react-kit-0.36.0-alpha.9.tgz", + "integrity": "sha512-m8WgdmIe8cTOr6ZCzsPLZAHCVnWbuYg9QaztigcyiNWcOgujsQpmGTDK3Z9JiMh7rsJfBN4XRFCoHtm4Ma2HHw==", "dependencies": { "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9", - "@bosonprotocol/core-sdk": "^1.42.0-alpha.8", - "@bosonprotocol/ethers-sdk": "^1.15.1-alpha.14", + "@bosonprotocol/core-sdk": "^1.42.0-alpha.11", + "@bosonprotocol/ethers-sdk": "^1.15.1-alpha.17", "@bosonprotocol/ipfs-storage": "^1.12.0", "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.16", "@davatar/react": "1.11.1", diff --git a/package.json b/package.json index c7349f8b1..b3e54ef47 100644 --- a/package.json +++ b/package.json @@ -46,7 +46,7 @@ "dependencies": { "@apollo/client": "^3.8.1", "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9", - "@bosonprotocol/react-kit": "^0.36.0-alpha.6", + "@bosonprotocol/react-kit": "^0.36.0-alpha.9", "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.14", "@davatar/react": "^1.10.4", "@ethersproject/address": "^5.6.1", diff --git a/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx b/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx index 4b5303c1d..37cdc1028 100644 --- a/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx +++ b/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx @@ -167,7 +167,7 @@ const StyledDropDown = styled(DropDown)<{ selected: boolean }>` } path { - stroke: ${({ selected }) => (selected ? colors.primary : colors.white)}; + stroke: ${({ selected }) => (selected ? colors.green : colors.white)}; stroke-width: 2px; } `; diff --git a/src/components/detail/Detail.style.tsx b/src/components/detail/Detail.style.tsx index bf987614b..6896e4968 100644 --- a/src/components/detail/Detail.style.tsx +++ b/src/components/detail/Detail.style.tsx @@ -489,7 +489,7 @@ export const RaiseProblemButton = styled(Button)` padding: 0.75rem 1rem; font-weight: 600; - color: ${colors.accent}; + color: ${colors.violet}; cursor: pointer; transition: all 150ms ease-in-out; &:hover:not(:disabled) { diff --git a/src/components/detail/DetailWidget/ExchangeDetailWidget.tsx b/src/components/detail/DetailWidget/ExchangeDetailWidget.tsx index c9bd8ae8c..d03aed85f 100644 --- a/src/components/detail/DetailWidget/ExchangeDetailWidget.tsx +++ b/src/components/detail/DetailWidget/ExchangeDetailWidget.tsx @@ -327,7 +327,6 @@ export const ExchangeDetailWidget: React.FC = ({ data-config-id={config.envConfig.configId} data-account={address} data-with-external-signer="true" - withBosonStyle style={{ width: "100%" }} > Redeem diff --git a/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx b/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx index 9c738b674..8711605cf 100644 --- a/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx +++ b/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx @@ -173,7 +173,7 @@ export default function DisputesTable({ disputes }: Props) { {emailAddress && ( - + {children ? ( children ) : ( diff --git a/src/components/exchange/Exchange.tsx b/src/components/exchange/Exchange.tsx index 30cd52aa7..643299afc 100644 --- a/src/components/exchange/Exchange.tsx +++ b/src/components/exchange/Exchange.tsx @@ -242,6 +242,7 @@ export default function Exchange({ ` color: var(--footerTextColor); } a:hover { - color: ${colors.accent}; + color: ${colors.violet}; } ${breakpoint.xs} { diff --git a/src/components/modal/components/DisputeTable/DisputeTable.tsx b/src/components/modal/components/DisputeTable/DisputeTable.tsx index 05c5166cf..31d62c7d2 100644 --- a/src/components/modal/components/DisputeTable/DisputeTable.tsx +++ b/src/components/modal/components/DisputeTable/DisputeTable.tsx @@ -31,7 +31,7 @@ const TableElementContainer = styled.tr` position: relative; &:after { position: absolute; - background: ${colors.darkGreyTimeStamp}; + background: ${colors.greyLight}; content: ""; left: 0; bottom: 0; diff --git a/src/components/modal/components/Explore/Collections/CollectionsCard.tsx b/src/components/modal/components/Explore/Collections/CollectionsCard.tsx index e00c49a2f..dbd05dc0c 100644 --- a/src/components/modal/components/Explore/Collections/CollectionsCard.tsx +++ b/src/components/modal/components/Explore/Collections/CollectionsCard.tsx @@ -18,7 +18,7 @@ const CardContainer = styled.div<{ $isUpperCardBgColorDefined: boolean; }>` position: relative; - background: ${colors.lightGrey2}; + background: ${colors.greyLight}; display: flex; cursor: pointer; flex-direction: column; @@ -40,7 +40,7 @@ const ImagesContainer = styled.div` display: flex; padding: 1rem; gap: 1rem; - background: ${colors.lightGrey2}; + background: ${colors.greyLight}; height: 13rem; max-height: 13rem; `; diff --git a/src/components/modal/components/Transactions/TransactionSubmittedModal/TransactionSubmittedModal.tsx b/src/components/modal/components/Transactions/TransactionSubmittedModal/TransactionSubmittedModal.tsx index 7338859a6..33425ebaa 100644 --- a/src/components/modal/components/Transactions/TransactionSubmittedModal/TransactionSubmittedModal.tsx +++ b/src/components/modal/components/Transactions/TransactionSubmittedModal/TransactionSubmittedModal.tsx @@ -68,9 +68,7 @@ export default function TransactionSubmittedModal({ - - Close - + Close ); } diff --git a/src/components/offer/ExchangeStatuses.tsx b/src/components/offer/ExchangeStatuses.tsx index 70a53c6ac..cb18579e3 100644 --- a/src/components/offer/ExchangeStatuses.tsx +++ b/src/components/offer/ExchangeStatuses.tsx @@ -209,7 +209,7 @@ const StatusToComponent = ( [exchanges.ExtendedExchangeState.NotRedeemableYet]: ( { if (exchange?.id) { @@ -107,7 +107,7 @@ export const SellerActionButton = ({ return ( <> { if (exchange?.id) { @@ -119,7 +119,7 @@ export const SellerActionButton = ({ {status === subgraph.ExchangeState.COMMITTED && ( { if (active && callback) { callback(active - 1); @@ -110,9 +110,7 @@ export default function MultiSteps({ { if ( diff --git a/src/components/ui/BosonButton.tsx b/src/components/ui/BosonButton.tsx index 912b34ff4..be09c6abf 100644 --- a/src/components/ui/BosonButton.tsx +++ b/src/components/ui/BosonButton.tsx @@ -67,7 +67,7 @@ function BosonButton(props: IBosonButton) { {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */} {/* @ts-ignore */} - + {props.children} diff --git a/src/pages/chat/components/ExchangeSidePreview.tsx b/src/pages/chat/components/ExchangeSidePreview.tsx index 203134c9f..b6f2b36b8 100644 --- a/src/pages/chat/components/ExchangeSidePreview.tsx +++ b/src/pages/chat/components/ExchangeSidePreview.tsx @@ -272,7 +272,7 @@ const getOfferDetailData = ( ) : ( diff --git a/src/pages/chat/components/MessageSeparator.tsx b/src/pages/chat/components/MessageSeparator.tsx index fdc5d8b27..64872ffe4 100644 --- a/src/pages/chat/components/MessageSeparator.tsx +++ b/src/pages/chat/components/MessageSeparator.tsx @@ -14,7 +14,7 @@ const Separator = styled.div` z-index: ${zIndex.Default}; div:nth-of-type(1) { width: max-content; - background-color: ${colors.darkGreyTimeStamp}; + background-color: ${colors.greyLight}; padding: 0.25rem 1rem 0.25rem 1rem; display: block; margin: 0 auto; @@ -42,7 +42,7 @@ const Separator = styled.div` div:nth-of-type(2) { width: calc(100% - 2.5rem); height: 0.125rem; - background-color: ${colors.darkGreyTimeStamp}; + background-color: ${colors.greyLight}; z-index: ${zIndex.Default}; position: relative; margin-left: auto; diff --git a/src/pages/common/OfferFullDescription.tsx b/src/pages/common/OfferFullDescription.tsx index e26938501..59c67aea1 100644 --- a/src/pages/common/OfferFullDescription.tsx +++ b/src/pages/common/OfferFullDescription.tsx @@ -77,7 +77,7 @@ export const OfferFullDescription: React.FC = ( defaultCurrencyTicker: CONFIG.defaultCurrency.ticker, licenseTemplate: CONFIG.rNFTLicenseTemplate, minimumDisputeResolutionPeriodDays: CONFIG.minimumDisputePeriodInDays, - walletConnectProjectId: CONFIG.walletConnect.projectId, + // walletConnectProjectId: CONFIG.walletConnect.projectId, ipfsProjectId: CONFIG.infuraProjectId, ipfsProjectSecret: CONFIG.infuraProjectSecret, contactSellerForExchangeUrl: "", diff --git a/src/pages/create-product/congratulations/Congratulations.tsx b/src/pages/create-product/congratulations/Congratulations.tsx index 971496a2d..e246d0777 100644 --- a/src/pages/create-product/congratulations/Congratulations.tsx +++ b/src/pages/create-product/congratulations/Congratulations.tsx @@ -267,7 +267,7 @@ export const Congratulations: React.FC = ({ text="Provide funds in the seller pool for your offer to go live. Funds in the pool will apply to all your products." cta={