@graphcommerce/magento-product-simple 3.0.1

package/CHANGELOG.md

@@ -0,0 +1,90 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [3.0.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-simple@3.0.0...@graphcommerce/magento-product-simple@3.0.1) (2021-09-27)
+
+**Note:** Version bump only for package @graphcommerce/magento-product-simple
+
+
+
+
+
+# 3.0.0 (2021-09-27)
+
+
+### Bug Fixes
+
+* ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
+* product specs on product pages ([098798a](https://github.com/ho-nl/m2-pwa/commit/098798aec353a8a571928faae02a303fed395977))
+* remove conflicting files ([0c17ae4](https://github.com/ho-nl/m2-pwa/commit/0c17ae46be62b775ac83b35f11c532ce2d9401a3))
+* update magento-product imports ([63621b4](https://github.com/ho-nl/m2-pwa/commit/63621b44be7149014f4a5af8ac87ad1c4b0327be))
+* yarn workspace packages hot reload ([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
+
+
+### Features
+
+* barrel files for magento-product pages ([c8fdcf2](https://github.com/ho-nl/m2-pwa/commit/c8fdcf2f5b98821dffe2c47f5ea4e1847bd3bb1e))
+* created stacked-pages package ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
+* **graphql:** introduced new graphql package that holds all generated files ([a3e7aa0](https://github.com/ho-nl/m2-pwa/commit/a3e7aa05540540533b5ced9a95f1f802ecbe499f))
+* groundwork for complete reimplementation of product pages ([b224da8](https://github.com/ho-nl/m2-pwa/commit/b224da8273eb5c8173ad30d006391b2291331623))
+* introduced magento-product-types package ([1a0932b](https://github.com/ho-nl/m2-pwa/commit/1a0932b5d882608dcf8fd2e3b17ee9868f5f5776))
+* **magento-graphql:** added core magentoTypePolicies ([bdf15d0](https://github.com/ho-nl/m2-pwa/commit/bdf15d0d3c04e88339a8385d76f3b1ab9589fde3))
+* major performance refactor ([03f8e2f](https://github.com/ho-nl/m2-pwa/commit/03f8e2fa16ef919bd6bd6eadd36922d0245ed960))
+* next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
+* **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
+* renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of [@reachdigital](https://github.com/reachdigital) ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
+* upgrade to node 14 ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
+* upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
+
+
+
+## 2.0.8 (2020-10-28)
+
+
+### Bug Fixes
+
+* exclusively use Magento endpoint for magento codegen packages ([deafc42](https://github.com/ho-nl/m2-pwa/commit/deafc423ca0831853ac070e947b900ece565fa65))
+* make sure themes extensions are found ([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
+
+
+### Features
+
+* added generated graphql.ts files ([3e44415](https://github.com/ho-nl/m2-pwa/commit/3e44415b018e74b502e9e98479aa5e84041f337d))
+* split into packages ([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
+
+
+### BREAKING CHANGES
+
+* huge folder structure refactor, please read README to reinstall
+
+
+
+
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.102.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-simple@2.101.10...@graphcommerce/magento-product-simple@2.102.0) (2021-08-12)
+
+### Features
+
+- upgraded to nextjs 11
+  ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
+
+# [2.101.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-simple@2.100.19...@graphcommerce/magento-product-simple@2.101.0) (2021-07-26)
+
+### Features
+
+- **playwright:** added new playwright package to enable browser testing
+  ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
+
+## [2.100.11](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product-simple@2.100.10...@graphcommerce/magento-product-simple@2.100.11) (2021-07-20)
+
+### Bug Fixes
+
+- ignore md files from triggering version updates
+  ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))

package/ProductListItemSimple.gql.ts

@@ -0,0 +1,4 @@
+/* eslint-disable */
+import * as Types from '@graphcommerce/graphql';
+
+export type ProductListItemSimpleFragment = { uid: string };

package/ProductListItemSimple.graphql

@@ -0,0 +1,3 @@
+fragment ProductListItemSimple on SimpleProduct @inject(into: ["ProductListItem"]) {
+  uid
+}

package/ProductListItemSimple.tsx

@@ -0,0 +1,9 @@
+import { ProductListItem, ProductListItemProps } from '@graphcommerce/magento-product'
+import React from 'react'
+import { ProductListItemSimpleFragment } from './ProductListItemSimple.gql'
+
+export type ProductListItemSimpleProps = ProductListItemSimpleFragment & ProductListItemProps
+
+export default function ProductListItemSimple(props: ProductListItemSimpleProps) {
+  return <ProductListItem {...props} />
+}

package/ProductPageSimpleQueryFragment.gql.ts

@@ -0,0 +1,4 @@
+/* eslint-disable */
+import * as Types from '@graphcommerce/graphql';
+
+export type ProductPageSimpleQueryFragment = { typeProducts?: Types.Maybe<{ items?: Types.Maybe<Array<Types.Maybe<{ __typename: 'BundleProduct', uid: string } | { __typename: 'ConfigurableProduct', uid: string } | { __typename: 'DownloadableProduct', uid: string } | { __typename: 'GroupedProduct', uid: string } | { __typename: 'SimpleProduct', uid: string, weight?: Types.Maybe<number>, options?: Types.Maybe<Array<Types.Maybe<{ __typename: 'CustomizableAreaOption', product_sku?: Types.Maybe<string>, uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, areaValue?: Types.Maybe<{ max_characters?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string }> } | { __typename: 'CustomizableCheckboxOption', uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, checkboxValue?: Types.Maybe<Array<Types.Maybe<{ price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string, option_type_id?: Types.Maybe<number>, title?: Types.Maybe<string> }>>> } | { __typename: 'CustomizableDateOption', product_sku?: Types.Maybe<string>, uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, dateValue?: Types.Maybe<{ price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string }> } | { __typename: 'CustomizableDropDownOption', uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, dropdownValue?: Types.Maybe<Array<Types.Maybe<{ option_type_id?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, uid: string }>>> } | { __typename: 'CustomizableFieldOption', product_sku?: Types.Maybe<string>, uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, fieldValue?: Types.Maybe<{ max_characters?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string }> } | { __typename: 'CustomizableFileOption', product_sku?: Types.Maybe<string>, uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, fileValue?: Types.Maybe<{ file_extension?: Types.Maybe<string>, image_size_x?: Types.Maybe<number>, image_size_y?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string }> } | { __typename: 'CustomizableMultipleOption', uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, multipleValue?: Types.Maybe<Array<Types.Maybe<{ option_type_id?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, uid: string }>>> } | { __typename: 'CustomizableRadioOption', uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, value?: Types.Maybe<Array<Types.Maybe<{ option_type_id?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, uid: string }>>> }>>> } | { __typename: 'VirtualProduct', uid: string }>>>, aggregations?: Types.Maybe<Array<Types.Maybe<{ attribute_code: string, count?: Types.Maybe<number>, label?: Types.Maybe<string>, options?: Types.Maybe<Array<Types.Maybe<{ count?: Types.Maybe<number>, label?: Types.Maybe<string>, value: string }>>> }>>> }> };

package/ProductPageSimpleQueryFragment.graphql

@@ -0,0 +1,13 @@
+fragment ProductPageSimpleQueryFragment on Query {
+  typeProducts: products(filter: { url_key: { eq: $urlKey } }) {
+    ...ProductSpecs
+    items {
+      __typename
+      uid
+      ... on SimpleProduct {
+        ...ProductWeight
+        ...ProductCustomizable
+      }
+    }
+  }
+}

package/SimpleCartItem/SimpleCartItem.gql.ts

@@ -0,0 +1,4 @@
+/* eslint-disable */
+import * as Types from '@graphcommerce/graphql';
+
+export type SimpleCartItemFragment = { uid: string };

package/SimpleCartItem/SimpleCartItem.graphql

@@ -0,0 +1,3 @@
+fragment SimpleCartItem on SimpleCartItem @inject(into: ["CartItem"]) {
+  uid
+}

package/SimpleProductPage.gql.ts

@@ -0,0 +1,12 @@
+/* eslint-disable */
+import * as Types from '@graphcommerce/graphql';
+
+import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+
+export const SimpleProductPageDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SimpleProductPage"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"urlKey"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","alias":{"kind":"Name","value":"typeProducts"},"name":{"kind":"Name","value":"products"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"filter"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"url_key"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"eq"},"value":{"kind":"Variable","name":{"kind":"Name","value":"urlKey"}}}]}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"aggregations"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"attribute_code"}},{"kind":"Field","name":{"kind":"Name","value":"count"}},{"kind":"Field","name":{"kind":"Name","value":"label"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"count"}},{"kind":"Field","name":{"kind":"Name","value":"label"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"__typename"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"SimpleProduct"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PhysicalProductInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"weight"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableProductInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"__typename"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableAreaOption"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"product_sku"}},{"kind":"Field","alias":{"kind":"Name","value":"areaValue"},"name":{"kind":"Name","value":"value"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"max_characters"}},{"kind":"Field","name":{"kind":"Name","value":"price"}},{"kind":"Field","name":{"kind":"Name","value":"price_type"}},{"kind":"Field","name":{"kind":"Name","value":"sku"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableOptionInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"required"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableCheckboxOption"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","alias":{"kind":"Name","value":"checkboxValue"},"name":{"kind":"Name","value":"value"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"price"}},{"kind":"Field","name":{"kind":"Name","value":"price_type"}},{"kind":"Field","name":{"kind":"Name","value":"sku"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"option_type_id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableOptionInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"required"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableDateOption"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"product_sku"}},{"kind":"Field","alias":{"kind":"Name","value":"dateValue"},"name":{"kind":"Name","value":"value"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"price"}},{"kind":"Field","name":{"kind":"Name","value":"price_type"}},{"kind":"Field","name":{"kind":"Name","value":"sku"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableOptionInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"required"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableDropDownOption"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","alias":{"kind":"Name","value":"dropdownValue"},"name":{"kind":"Name","value":"value"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"option_type_id"}},{"kind":"Field","name":{"kind":"Name","value":"price"}},{"kind":"Field","name":{"kind":"Name","value":"price_type"}},{"kind":"Field","name":{"kind":"Name","value":"sku"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableOptionInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"required"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableMultipleOption"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","alias":{"kind":"Name","value":"multipleValue"},"name":{"kind":"Name","value":"value"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"option_type_id"}},{"kind":"Field","name":{"kind":"Name","value":"price"}},{"kind":"Field","name":{"kind":"Name","value":"price_type"}},{"kind":"Field","name":{"kind":"Name","value":"sku"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableOptionInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"required"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableFieldOption"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"product_sku"}},{"kind":"Field","alias":{"kind":"Name","value":"fieldValue"},"name":{"kind":"Name","value":"value"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"max_characters"}},{"kind":"Field","name":{"kind":"Name","value":"price"}},{"kind":"Field","name":{"kind":"Name","value":"price_type"}},{"kind":"Field","name":{"kind":"Name","value":"sku"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableOptionInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"required"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableFileOption"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"product_sku"}},{"kind":"Field","alias":{"kind":"Name","value":"fileValue"},"name":{"kind":"Name","value":"value"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"file_extension"}},{"kind":"Field","name":{"kind":"Name","value":"image_size_x"}},{"kind":"Field","name":{"kind":"Name","value":"image_size_y"}},{"kind":"Field","name":{"kind":"Name","value":"price"}},{"kind":"Field","name":{"kind":"Name","value":"price_type"}},{"kind":"Field","name":{"kind":"Name","value":"sku"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableOptionInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"required"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableRadioOption"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"value"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"option_type_id"}},{"kind":"Field","name":{"kind":"Name","value":"price"}},{"kind":"Field","name":{"kind":"Name","value":"price_type"}},{"kind":"Field","name":{"kind":"Name","value":"sku"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"uid"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"CustomizableOptionInterface"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"uid"}},{"kind":"Field","name":{"kind":"Name","value":"required"}},{"kind":"Field","name":{"kind":"Name","value":"sort_order"}},{"kind":"Field","name":{"kind":"Name","value":"title"}}]}}]}}]}}]}}]}}]}}]}}]}}]} as unknown as DocumentNode<SimpleProductPageQuery, SimpleProductPageQueryVariables>;
+export type SimpleProductPageQueryVariables = Types.Exact<{
+  urlKey: Types.Scalars['String'];
+}>;
+
+
+export type SimpleProductPageQuery = { typeProducts?: Types.Maybe<{ aggregations?: Types.Maybe<Array<Types.Maybe<{ attribute_code: string, count?: Types.Maybe<number>, label?: Types.Maybe<string>, options?: Types.Maybe<Array<Types.Maybe<{ count?: Types.Maybe<number>, label?: Types.Maybe<string>, value: string }>>> }>>>, items?: Types.Maybe<Array<Types.Maybe<{ __typename: 'BundleProduct', uid: string } | { __typename: 'ConfigurableProduct', uid: string } | { __typename: 'DownloadableProduct', uid: string } | { __typename: 'GroupedProduct', uid: string } | { __typename: 'SimpleProduct', weight?: Types.Maybe<number>, uid: string, options?: Types.Maybe<Array<Types.Maybe<{ __typename: 'CustomizableAreaOption', product_sku?: Types.Maybe<string>, uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, areaValue?: Types.Maybe<{ max_characters?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string }> } | { __typename: 'CustomizableCheckboxOption', uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, checkboxValue?: Types.Maybe<Array<Types.Maybe<{ price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string, option_type_id?: Types.Maybe<number>, title?: Types.Maybe<string> }>>> } | { __typename: 'CustomizableDateOption', product_sku?: Types.Maybe<string>, uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, dateValue?: Types.Maybe<{ price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string }> } | { __typename: 'CustomizableDropDownOption', uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, dropdownValue?: Types.Maybe<Array<Types.Maybe<{ option_type_id?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, uid: string }>>> } | { __typename: 'CustomizableFieldOption', product_sku?: Types.Maybe<string>, uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, fieldValue?: Types.Maybe<{ max_characters?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string }> } | { __typename: 'CustomizableFileOption', product_sku?: Types.Maybe<string>, uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, fileValue?: Types.Maybe<{ file_extension?: Types.Maybe<string>, image_size_x?: Types.Maybe<number>, image_size_y?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, uid: string }> } | { __typename: 'CustomizableMultipleOption', uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, multipleValue?: Types.Maybe<Array<Types.Maybe<{ option_type_id?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, uid: string }>>> } | { __typename: 'CustomizableRadioOption', uid: string, required?: Types.Maybe<boolean>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, value?: Types.Maybe<Array<Types.Maybe<{ option_type_id?: Types.Maybe<number>, price?: Types.Maybe<number>, price_type?: Types.Maybe<Types.PriceTypeEnum>, sku?: Types.Maybe<string>, sort_order?: Types.Maybe<number>, title?: Types.Maybe<string>, uid: string }>>> }>>> } | { __typename: 'VirtualProduct', uid: string }>>> }> };

package/SimpleProductPage.graphql

@@ -0,0 +1,3 @@
+query SimpleProductPage($urlKey: String!) {
+  ...ProductPageSimpleQueryFragment
+}

package/index.ts

@@ -0,0 +1,3 @@
+export { default as ProductListItemSimple } from './ProductListItemSimple'
+
+export * from './SimpleProductPage.gql'

package/next-env.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+/// <reference types="@graphcommerce/next-ui/types" />

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@graphcommerce/magento-product-simple",
+  "version": "3.0.1",
+  "sideEffects": false,
+  "prettier": "@graphcommerce/prettier-config-pwa",
+  "browserslist": [
+    "extends @graphcommerce/browserslist-config-pwa"
+  ],
+  "eslintConfig": {
+    "extends": "@graphcommerce/eslint-config-pwa",
+    "parserOptions": {
+      "project": "./tsconfig.json"
+    }
+  },
+  "devDependencies": {
+    "@graphcommerce/browserslist-config-pwa": "^3.0.1",
+    "@graphcommerce/eslint-config-pwa": "^3.0.1",
+    "@graphcommerce/prettier-config-pwa": "^3.0.1",
+    "@graphcommerce/typescript-config-pwa": "^3.0.1",
+    "@playwright/test": "^1.14.1",
+    "react": "^17.0.1"
+  },
+  "dependencies": {
+    "@graphcommerce/graphql": "^2.103.1",
+    "@graphcommerce/magento-cart": "^3.0.1",
+    "@graphcommerce/magento-product": "^3.0.1",
+    "@graphql-typed-document-node/core": "^3.1.0",
+    "next": "^11.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "exclude": ["**/node_modules", "**/.*/"],
+  "include": ["**/*.ts", "**/*.tsx"],
+  "extends": "@graphcommerce/typescript-config-pwa/nextjs.json"
+}