Merge pull request #576 from Shopify/pos-ui-extensions-smartGridapi

Introduced POS_UI_extensions to adopt smartGrid api and updated retail-ui-extension to latest version

Author: samiulmonir06

package.json

@@ -40,7 +40,7 @@
     "@shopify/customer-account-ui-extensions-react": "^0.0.8",
     "@shopify/eslint-plugin": "^41.3.0",
     "@shopify/post-purchase-ui-extensions-react": "0.13.3",
-    "@shopify/retail-ui-extensions": "0.10.0",
+    "@shopify/retail-ui-extensions": "0.19.0",
     "@shopify/typescript-configs": "^5.1.0",
     "@shopify/web-pixels-extension": "0.1.4",
     "@types/node": "^17.0.38",

packages/app/src/cli/constants.ts

@@ -151,7 +151,7 @@ export function getUIExtensionRendererDependency(extensionType: UIExtensionTypes
     case 'checkout_post_purchase':
       return {name: '@shopify/post-purchase-ui-extensions-react', version: '^0.13.2'}
     case 'pos_ui_extension':
-      return {name: '@shopify/retail-ui-extensions-react', version: '^0.17.0'}
+      return {name: '@shopify/retail-ui-extensions-react', version: '^0.19.0'}
     case 'customer_accounts_ui_extension':
       return {name: '@shopify/customer-account-ui-extensions-react', version: '^0.0.5'}
     case 'web_pixel_extension':

packages/app/templates/ui-extensions/projects/pos_ui/src/index.liquid

@@ -3,7 +3,7 @@ import React from 'react';
 import {Tile, Text, render} from '@shopify/retail-ui-extensions-react';
 
 const SmartGridTile = () => {
-  return <Tile title="Hello" subtitle="Hello" onPress={() => {}} enabled />
+  return <Tile title="My app" subtitle="SmartGrid Extension" onPress={() => {}} enabled />
 };
 
 const SmartGridModal = () => {
@@ -18,10 +18,10 @@ import { extend, Text } from "@shopify/retail-ui-extensions";
 extend('Retail::SmartGrid::Tile', (root, api) => {
   const tileProps = {
     title: 'My app',
-    subtitle: 'A test app',
+    subtitle: 'SmartGrid Extension',
     enabled: true,
     onPress: () => {
-      api.navigation.navigateToFullScreenModal();
+      api.smartGrid.presentModal();
     }
   }
 

yarn.lock

@@ -2329,10 +2329,10 @@
     jest-matcher-utils "^26.6.2"
     react-reconciler "^0.26.2"
 
-"@shopify/retail-ui-extensions@0.10.0":
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/@shopify/retail-ui-extensions/-/retail-ui-extensions-0.10.0.tgz#a43193d6fc9fb92a5f33fd0b711327bd44ca6de7"
-  integrity sha512-473t82QILBr1cpmYeMolRQmptxnpNNUVOYdyZUVSEQ2J5tjX/jqEaTi0JArArYS8GF0Dqm5x2K1SIK/khTGB7Q==
+"@shopify/retail-ui-extensions@0.19.0":
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/@shopify/retail-ui-extensions/-/retail-ui-extensions-0.19.0.tgz#5e2ab0eacbec706ebb495a04e05e749f3e5ba6bb"
+  integrity sha512-gYGzrGzWVZ4Ns3B9UkM6Xi+JkJ7e6OttfRitjbxuDVj7bnBuBm28bQn0qaFqPVh1V4CM8rQ7MwxutEitA8Pr0g==
   dependencies:
     "@remote-ui/core" "^2.1.6"