@graphcommerce/magento-cart 3.8.10 → 3.8.15

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.8.13](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.8.12...@graphcommerce/magento-cart@3.8.13) (2021-12-17)
+
+
+### Bug Fixes
+
+* darkMode fixes ([7d33d45](https://github.com/ho-nl/m2-pwa/commit/7d33d452ec801632565839b2fdfef0bc4959c14a))
+* lighten ([8aa1d8e](https://github.com/ho-nl/m2-pwa/commit/8aa1d8e61ae122f63f2f8d164566bde9282e3354))
+
+
+
+
+
+## [3.8.12](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.8.11...@graphcommerce/magento-cart@3.8.12) (2021-12-17)
+
+
+### Bug Fixes
+
+* added various translations ([66c089d](https://github.com/ho-nl/m2-pwa/commit/66c089dc458e2d7b9f0318b2e14d88cb0e6effc8))
+* make sure we're using something  more uplifting for the cadt ([811120c](https://github.com/ho-nl/m2-pwa/commit/811120c49c4a9d3cba78c5f8c8fda56c9cd81e5d))
+
+
+
+
+
 ## [3.8.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.8.1...@graphcommerce/magento-cart@3.8.2) (2021-12-03)
 
 

package/components/ApolloCartError/ApolloCartErrorAlert.tsx

@@ -9,7 +9,7 @@ import { useClearCurrentCartId } from '../../hooks/useClearCurrentCartId'
 
 export type ApolloCartErrorAlertProps = ApolloErrorAlertProps
 
-export default function ApolloCartErrorAlert(props: ApolloCartErrorAlertProps) {
+export function ApolloCartErrorAlert(props: ApolloCartErrorAlertProps) {
   const { error } = props
   const clear = useClearCurrentCartId()
   const token = useQuery(CustomerTokenDocument).data?.customerToken

package/components/ApolloCartError/ApolloCartErrorFullPage.tsx

@@ -11,7 +11,7 @@ import { useClearCurrentCartId } from '../../hooks/useClearCurrentCartId'
 
 export type ApolloCartErrorFullPageProps = Omit<ApolloErrorFullPageProps, 'icon'>
 
-export default function ApolloCartErrorFullPage(props: ApolloCartErrorFullPageProps) {
+export function ApolloCartErrorFullPage(props: ApolloCartErrorFullPageProps) {
   const { error, ...passedProps } = props
   const clear = useClearCurrentCartId()
 

package/components/ApolloCartError/ApolloCartErrorSnackbar.tsx

@@ -0,0 +1,20 @@
+import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
+import { Button, ApolloErrorSnackbarProps, ApolloErrorSnackbar } from '@graphcommerce/next-ui'
+import React from 'react'
+import { useClearCurrentCartId } from '../../hooks/useClearCurrentCartId'
+
+export type ApolloCartErrorSnackbarProps = Omit<ApolloErrorSnackbarProps, 'action'>
+
+export function ApolloCartErrorSnackbar(props: ApolloCartErrorSnackbarProps) {
+  const { error, ...passedProps } = props
+  const clear = useClearCurrentCartId()
+
+  const [, noSuchEntity] = graphqlErrorByCategory({ category: 'graphql-no-such-entity', error })
+  const action = noSuchEntity ? (
+    <Button onClick={clear} variant='pill' color='secondary'>
+      Reset Cart
+    </Button>
+  ) : undefined
+
+  return <ApolloErrorSnackbar error={error} action={action} {...passedProps} />
+}

package/components/ApolloCartError/index.ts

@@ -0,0 +1,3 @@
+export * from './ApolloCartErrorAlert'
+export * from './ApolloCartErrorFullPage'
+export * from './ApolloCartErrorSnackbar'

package/components/CartTotals/CartTotals.tsx

@@ -1,7 +1,7 @@
 import { Money } from '@graphcommerce/magento-store'
 import { AnimatedRow, responsiveVal, UseStyles } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/macro'
-import { Divider, makeStyles, Theme } from '@material-ui/core'
+import { Divider, lighten, makeStyles, Theme } from '@material-ui/core'
 import clsx from 'clsx'
 import { AnimatePresence } from 'framer-motion'
 import React from 'react'
@@ -12,7 +12,10 @@ const useStyles = makeStyles(
   (theme: Theme) => ({
     costsContainer: {
       borderRadius: responsiveVal(theme.shape.borderRadius * 3, theme.shape.borderRadius * 4),
-      background: theme.palette.type === 'light' ? '#FFE10820' : theme.palette.background.paper,
+      background:
+        theme.palette.type === 'light'
+          ? '#FFE10820'
+          : lighten(theme.palette.background.default, 0.15),
       padding: `${theme.spacings.xs} ${theme.spacings.sm}`,
     },
     containerMarginTop: {

package/components/EmptyCart/EmptyCart.tsx

@@ -1,6 +1,5 @@
-import { FullPageMessage, SvgImageSimple, iconSadFace } from '@graphcommerce/next-ui'
-import { t, Trans } from '@lingui/macro'
-import { Button } from '@material-ui/core'
+import { FullPageMessage, SvgImageSimple, iconShoppingBag, Button } from '@graphcommerce/next-ui'
+import { Trans } from '@lingui/macro'
 import Link from 'next/link'
 import React from 'react'
 
@@ -10,11 +9,11 @@ export default function EmptyCart(props: EmptyCartProps) {
 
   return (
     <FullPageMessage
-      title={t`Your cart is empty`}
-      icon={<SvgImageSimple src={iconSadFace} size='xxl' />}
+      title={<Trans>Your cart is empty</Trans>}
+      icon={<SvgImageSimple src={iconShoppingBag} size='xxl' />}
       button={
         <Link href='/' passHref>
-          <Button variant='contained' color='primary' size='large'>
+          <Button variant='pill' color='secondary' size='large'>
             <Trans>Continue shopping</Trans>
           </Button>
         </Link>

package/components/index.ts

@@ -9,11 +9,7 @@ export { default as CartTotals } from './CartTotals/CartTotals'
 
 export { default as EmptyCart } from './EmptyCart/EmptyCart'
 
-export * from './ApolloCartError/ApolloCartErrorAlert'
-export { default as ApolloCartErrorAlert } from './ApolloCartError/ApolloCartErrorAlert'
-
-export * from './ApolloCartError/ApolloCartErrorFullPage'
-export { default as ApolloCartErrorFullPage } from './ApolloCartError/ApolloCartErrorFullPage'
+export * from './ApolloCartError'
 
 export * from './CartSummary'
 export { default as CartSummary } from './CartSummary'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-cart",
-  "version": "3.8.10",
+  "version": "3.8.15",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -13,31 +13,31 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.8",
-    "@graphcommerce/prettier-config-pwa": "^3.0.4",
-    "@graphcommerce/typescript-config-pwa": "^3.1.1",
+    "@graphcommerce/browserslist-config-pwa": "^3.0.3",
+    "@graphcommerce/eslint-config-pwa": "^3.1.9",
+    "@graphcommerce/prettier-config-pwa": "^3.0.5",
+    "@graphcommerce/typescript-config-pwa": "^3.1.2",
     "@playwright/test": "^1.17.1"
   },
   "dependencies": {
     "@apollo/client": "^3.5.6",
-    "@graphcommerce/framer-next-pages": "^2.108.3",
-    "@graphcommerce/framer-scroller": "^1.1.8",
-    "@graphcommerce/graphql": "^2.105.8",
-    "@graphcommerce/image": "^2.105.8",
-    "@graphcommerce/magento-customer": "^3.6.15",
-    "@graphcommerce/magento-graphql": "^2.104.8",
-    "@graphcommerce/magento-store": "^3.3.15",
-    "@graphcommerce/next-ui": "^3.20.8",
-    "@graphcommerce/react-hook-form": "^2.104.4",
+    "@graphcommerce/framer-next-pages": "^2.108.6",
+    "@graphcommerce/framer-scroller": "^1.1.13",
+    "@graphcommerce/graphql": "^2.105.11",
+    "@graphcommerce/image": "^2.105.10",
+    "@graphcommerce/magento-customer": "^3.6.20",
+    "@graphcommerce/magento-graphql": "^2.104.11",
+    "@graphcommerce/magento-store": "^3.3.20",
+    "@graphcommerce/next-ui": "^3.21.3",
+    "@graphcommerce/react-hook-form": "^2.104.6",
     "@lingui/macro": "^3.13.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "clsx": "^1.1.1",
-    "framer-motion": "^5.5.1",
+    "framer-motion": "^5.5.5",
     "next": "^12.0.7",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "a69bd94ffdcca6ca9487eec1cafe9ade3fcdffa3"
+  "gitHead": "7cfbdb5a042e271252c8b9729393e084002a321e"
 }