@magento/venia-sample-payments-checkmo 0.0.2 → 0.0.4-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magento/venia-sample-payments-checkmo",
-  "version": "0.0.2",
+  "version": "0.0.4-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -12,16 +12,16 @@
   "repository": "github:magento/pwa-studio",
   "license": "(OSL-3.0 OR AFL-3.0)",
   "peerDependencies": {
-    "@magento/peregrine": "~11.0.0",
-    "@magento/pwa-buildpack": "~10.0.0",
-    "@magento/venia-ui": "~8.0.0",
+    "@magento/peregrine": "12.2.0-alpha.1",
+    "@magento/pwa-buildpack": "11.1.0-alpha.1",
+    "@magento/venia-ui": "9.2.0-alpha.1",
     "react": "~17.0.1",
-    "react-intl": "~5.7.0",
-    "react-router-dom": "~5.1.0"
+    "react-intl": "~5.20.0",
+    "react-router-dom": "~5.2.0"
   },
   "pwa-studio": {
     "targets": {
-      "intercept": "./intercept.js"
+      "intercept": "./intercept"
     }
   }
 }

package/src/components/__tests__/__snapshots__/summary.spec.js.snap

@@ -28,7 +28,16 @@ exports[`renders correctly 1`] = `
           }
         }
         size={16}
-        src={[Function]}
+        src={
+          Object {
+            "$$typeof": Symbol(react.forward_ref),
+            "propTypes": Object {
+              "color": [Function],
+              "size": [Function],
+            },
+            "render": [Function],
+          }
+        }
       />
       <span
         className="edit_text"

package/src/components/checkmo.js

@@ -4,7 +4,7 @@ import { shape, string, bool, func } from 'prop-types';
 import BillingAddress from '@magento/venia-ui/lib/components/CheckoutPage/BillingAddress';
 
 import { useCheckmo } from '../talons/useCheckmo';
-import defaultClasses from './checkmo.css';
+import defaultClasses from './checkmo.module.css';
 import { FormattedMessage } from 'react-intl';
 
 /**

package/src/components/edit.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { shape, string, bool, func } from 'prop-types';
 
-import { mergeClasses } from '@magento/venia-ui/lib/classify';
+import { useStyle } from '@magento/venia-ui/lib/classify';
 
 import CheckMo from './checkmo';
-import defaultClasses from './edit.css';
+import defaultClasses from './edit.module.css';
 
 /**
  * The edit view for the Checkmo payment method.
@@ -18,7 +18,7 @@ const EditCheckMo = props => {
         shouldSubmit
     } = props;
 
-    const classes = mergeClasses(defaultClasses, props.classes);
+    const classes = useStyle(defaultClasses, props.classes);
 
     return (
         <div className={classes.root}>

package/src/components/summary.js

@@ -3,11 +3,11 @@ import { func, shape, string } from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import { Edit2 as EditIcon } from 'react-feather';
 
-import { mergeClasses } from '@magento/venia-ui/lib/classify';
+import { useStyle } from '@magento/venia-ui/lib/classify';
 import Icon from '@magento/venia-ui/lib/components/Icon';
 import LinkButton from '@magento/venia-ui/lib/components/LinkButton';
 
-import defaultClasses from './summary.css';
+import defaultClasses from './summary.module.css';
 
 /**
  * The Summary component of the Check / Money Order payment method extension.
@@ -15,7 +15,7 @@ import defaultClasses from './summary.css';
 const Summary = props => {
     const { onEdit } = props;
 
-    const classes = mergeClasses(defaultClasses, props.classes);
+    const classes = useStyle(defaultClasses, props.classes);
 
     return (
         <div className={classes.root}>

package/src/talons/checkmo.gql.js

@@ -2,8 +2,9 @@ import { gql } from '@apollo/client';
 
 export const GET_CHECKMO_CONFIG_DATA = gql`
     query storeConfigData {
+        # eslint-disable-next-line @graphql-eslint/require-id-when-available
         storeConfig {
-            id
+            store_code
             payment_checkmo_payable_to @client
             payment_checkmo_mailing_address @client
         }
@@ -14,7 +15,7 @@ export const SET_PAYMENT_METHOD_ON_CART = gql`
     mutation setPaymentMethodOnCart($cartId: String!) {
         setPaymentMethodOnCart(
             input: { cart_id: $cartId, payment_method: { code: "checkmo" } }
-        ) @connection(key: "setPaymentMethodOnCart") {
+        ) {
             cart {
                 id
                 selected_payment_method {