@graphcommerce/magento-cart-shipping-method 9.0.0-canary.115 → 9.0.0-canary.116

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Change Log
 
+## 9.0.0-canary.116
+
 ## 9.0.0-canary.115
 
 ## 9.0.0-canary.114

package/components/ShippingMethodForm/ShippingMethodActionCard.tsx

@@ -4,7 +4,7 @@ import { Money } from '@graphcommerce/magento-store'
 import { ActionCard } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import { Button, Chip } from '@mui/material'
-import type { AvailableShippingMethodFragment } from '../../AvailableShippingMethod/AvailableShippingMethod.gql'
+import type { AvailableShippingMethodFragment } from './AvailableShippingMethod.gql'
 
 export type ShippingMethodActionCardProps = ActionCardItemRenderProps<
   AvailableShippingMethodFragment | null | undefined

package/components/ShippingMethodForm/ShippingMethodForm.tsx

@@ -146,6 +146,7 @@ export function ShippingMethodForm(props: ShippingMethodFormProps) {
   )
 }
 
+/** @public */
 export function useShippingMethod() {
   return useWatch<{ carrierMethod?: string }>({ name: 'carrierMethod' })
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-cart-shipping-method",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.0-canary.115",
+  "version": "9.0.0-canary.116",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,18 +12,18 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^9.0.0-canary.115",
-    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.115",
-    "@graphcommerce/framer-scroller": "^9.0.0-canary.115",
-    "@graphcommerce/graphql": "^9.0.0-canary.115",
-    "@graphcommerce/image": "^9.0.0-canary.115",
-    "@graphcommerce/magento-cart": "^9.0.0-canary.115",
-    "@graphcommerce/magento-cart-shipping-address": "^9.0.0-canary.115",
-    "@graphcommerce/magento-store": "^9.0.0-canary.115",
-    "@graphcommerce/next-ui": "^9.0.0-canary.115",
-    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.115",
-    "@graphcommerce/react-hook-form": "^9.0.0-canary.115",
-    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.115",
+    "@graphcommerce/ecommerce-ui": "^9.0.0-canary.116",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.116",
+    "@graphcommerce/framer-scroller": "^9.0.0-canary.116",
+    "@graphcommerce/graphql": "^9.0.0-canary.116",
+    "@graphcommerce/image": "^9.0.0-canary.116",
+    "@graphcommerce/magento-cart": "^9.0.0-canary.116",
+    "@graphcommerce/magento-cart-shipping-address": "^9.0.0-canary.116",
+    "@graphcommerce/magento-store": "^9.0.0-canary.116",
+    "@graphcommerce/next-ui": "^9.0.0-canary.116",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.116",
+    "@graphcommerce/react-hook-form": "^9.0.0-canary.116",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.116",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/AvailableShippingMethod/AvailableShippingMethod.tsx

@@ -1,117 +0,0 @@
-import { useDisplayInclTax } from '@graphcommerce/magento-cart'
-import { Money } from '@graphcommerce/magento-store'
-import type { ToggleButtonProps } from '@graphcommerce/next-ui'
-import { ToggleButton, extendableComponent } from '@graphcommerce/next-ui'
-import { Trans } from '@lingui/react'
-import { Box, FormHelperText } from '@mui/material'
-import React from 'react'
-import type { SetOptional } from 'type-fest'
-import type { AvailableShippingMethodFragment } from './AvailableShippingMethod.gql'
-
-export type AvailableShippingMethodProps = SetOptional<AvailableShippingMethodFragment, 'amount'> &
-  Omit<ToggleButtonProps, 'size'>
-
-type OwnerProps = {
-  free?: boolean
-  error?: boolean
-}
-const name = 'AvailableShippingMethod'
-const parts = ['root', 'title', 'additional', 'error', 'amount'] as const
-const { withState } = extendableComponent<OwnerProps, typeof name, typeof parts>(name, parts)
-
-export const AvailableShippingMethod = React.forwardRef(
-  (props: AvailableShippingMethodProps, ref) => {
-    const {
-      price_excl_tax,
-      price_incl_tax,
-      available,
-      disabled,
-      carrier_code,
-      carrier_title,
-      error_message,
-      method_code,
-      method_title,
-      children,
-      sx = [],
-      ...toggleProps
-    } = props
-
-    const amount = useDisplayInclTax() ? price_incl_tax : price_excl_tax
-
-    const classes = withState({
-      free: amount?.value === 0,
-      error: !!error_message,
-    })
-
-    return (
-      <ToggleButton
-        {...toggleProps}
-        className={classes.root}
-        ref={ref}
-        disabled={!available}
-        size='large'
-        color='secondary'
-        sx={[
-          (theme) => ({
-            typography: 'body2',
-            textAlign: 'left',
-            justifyContent: 'space-between',
-            alignItems: 'normal',
-            display: 'grid',
-            gridTemplate: `
-              "title      amount"
-              "additional additional"
-              "error      error"
-            `,
-            gridTemplateColumns: 'auto min-content',
-            columnGap: theme.spacings.xxs,
-          }),
-          ...(Array.isArray(sx) ? sx : [sx]),
-        ]}
-      >
-        <Box
-          className={classes.title}
-          sx={{
-            typography: 'subtitle1',
-            gridArea: 'title',
-          }}
-        >
-          {carrier_title} {method_title}
-        </Box>
-
-        <Box
-          className={classes.amount}
-          sx={{
-            gridArea: 'amount',
-            typography: 'subtitle2',
-            '&.free': {
-              color: 'success.main',
-            },
-          }}
-        >
-          {amount?.value === 0 ? <Trans id='Free' /> : <Money {...amount} />}
-        </Box>
-
-        {error_message ? (
-          <FormHelperText
-            className={classes.error}
-            disabled={!available}
-            variant='standard'
-            sx={{ gridArea: 'error' }}
-          >
-            {error_message}
-          </FormHelperText>
-        ) : (
-          children && (
-            <Box
-              className={classes.additional}
-              sx={{ typography: 'body2', gridArea: 'additional' }}
-            >
-              {children}
-            </Box>
-          )
-        )}
-      </ToggleButton>
-    )
-  },
-)