Fix Direct API access example for POS UI Extensions

Author: runmad

packages/ui-extensions/docs/surfaces/point-of-sale/staticPages/examples/direct-api-access/direct-api-access.ts

@@ -5,11 +5,12 @@ import {
   POSBlockRow,
   DirectApiRequestBody,
 } from '@shopify/ui-extensions/point-of-sale';
+import type {DirectApiRequestBody} from '@shopify/ui-extensions/point-of-sale';
 
 async function mutateMetafield(productId: number) {
   const requestBody: DirectApiRequestBody = {
     query: `
-        mutation MetafieldsSet($metafields: [MetafieldsSetInput!]!) { 
+        mutation MetafieldsSet($metafields: [MetafieldsSetInput!]!) {
           metafieldsSet(metafields: $metafields) {
             metafields {
               key

packages/ui-extensions/docs/surfaces/point-of-sale/staticPages/examples/direct-api-access/direct-api-access.tsx

@@ -4,14 +4,14 @@ import {
   Text,
   POSBlock,
   POSBlockRow,
-  DirectApiRequestBody,
 } from '@shopify/ui-extensions-react/point-of-sale';
+import type {DirectApiRequestBody} from '@shopify/ui-extensions-react/point-of-sale';
 import {useEffect, useState} from 'react';
 
 async function mutateMetafield(productId: number) {
   const requestBody: DirectApiRequestBody = {
     query: `
-        mutation MetafieldsSet($metafields: [MetafieldsSetInput!]!) { 
+        mutation MetafieldsSet($metafields: [MetafieldsSetInput!]!) {
           metafieldsSet(metafields: $metafields) {
             metafields {
               key