@shopify/shop-minis-cli 0.0.37 → 0.0.82

package/templates/__template_hello_world/src/components/quiz/TextFieldSlide.tsx

@@ -0,0 +1,84 @@
+import {ItemValue} from '@react-native-community/picker/typings/Picker'
+import {
+  Box,
+  countryCodesAndPhonePrefixes,
+  getFlagEmoji,
+  Picker,
+  TextField,
+} from '@shopify/shop-minis-platform-sdk'
+import {ComponentProps, useCallback, useEffect, useState} from 'react'
+
+import {QuizSlide, QuizSlideProps} from './QuizSlide'
+import {SlideLogic} from './types'
+
+interface Item {
+  value: string
+  label: string
+  selected?: boolean
+}
+
+const countryData: Item[] = countryCodesAndPhonePrefixes.map(
+  ({code, name}) => ({
+    value: code,
+    label: `${name} ${getFlagEmoji(code)}`,
+  })
+)
+export interface TextFieldSlideProps extends SlideLogic<string> {
+  quizSlideProps: QuizSlideProps
+  textFieldProps: ComponentProps<typeof TextField>
+}
+
+export const TextFieldSlide = ({
+  quizSlideProps,
+  textFieldProps,
+  determineCtaDisabled,
+  handleAnswerSelection,
+}: TextFieldSlideProps) => {
+  const [showCountryPicker, setShowCountryPicker] = useState(false)
+  const [selectedCountry, setSelectedCountry] = useState<string>()
+
+  const [fieldValue, setFieldValue] = useState<string>()
+
+  const [isCtaDisabled, setCtaDisabled] = useState(
+    quizSlideProps.ctaDisabled ?? false
+  )
+
+  const handleChange = useCallback((newTextValue: string) => {
+    setFieldValue(newTextValue)
+  }, [])
+
+  useEffect(() => {
+    if (handleAnswerSelection === undefined || fieldValue === undefined) return
+
+    handleAnswerSelection(fieldValue)
+  }, [fieldValue, handleAnswerSelection])
+
+  useEffect(() => {
+    if (determineCtaDisabled === undefined || fieldValue === undefined) return
+
+    setCtaDisabled(determineCtaDisabled(fieldValue))
+  }, [determineCtaDisabled, fieldValue])
+
+  const textFieldComponent = (
+    <TextField {...textFieldProps} onChangeText={handleChange} />
+  )
+
+  return (
+    <>
+      <QuizSlide {...quizSlideProps} ctaDisabled={isCtaDisabled}>
+        <Box marginBottom="xl">{textFieldComponent}</Box>
+      </QuizSlide>
+      {showCountryPicker ? (
+        <Picker
+          headerText="Choose Your Country"
+          items={countryData}
+          handleDismiss={() => setShowCountryPicker(false)}
+          selectedValue={selectedCountry}
+          onValueChange={(value: ItemValue) => {
+            setSelectedCountry(value.toString())
+          }}
+        />
+      ) : null}
+    </>
+  )
+}

package/templates/__template_hello_world/src/components/quiz/TextSlide.tsx

@@ -0,0 +1,6 @@
+import {QuizSlide} from './QuizSlide'
+import {TextSlideProps} from './types'
+
+export const TextSlide = (props: TextSlideProps) => {
+  return <QuizSlide {...props.quizSlideProps} />
+}

package/templates/__template_hello_world/src/components/quiz/types.ts

@@ -0,0 +1,72 @@
+import type {ImageCarouselSlideProps} from './ImageCarouselSlide'
+import type {MultipleChoiceSlideProps} from './MultipleChoiceSlide'
+import type {TextFieldSlideProps} from './TextFieldSlide'
+
+export interface QuizSlideType {
+  mainText: string
+  ctaOnPressHandler?: () => void
+  ctaDisabled?: boolean
+  subText?: string
+  ctaText?: string // default to 'next'
+  isTallSlide?: boolean
+}
+
+export interface TextSlideProps extends SlideLogic<string> {
+  quizSlideProps: QuizSlideType
+}
+
+export type QuizSlideScreenType =
+  | 'TextSlide'
+  | 'TextFieldSlide'
+  | 'MultipleChoiceSlide'
+  | 'ImageCarouselSlide'
+
+export interface SlideInformation {
+  id: string
+  type: QuizSlideScreenType
+  // When adding the slide props, we get a dependency cycle
+  props:
+    | TextSlideProps
+    | TextFieldSlideProps
+    | MultipleChoiceSlideProps
+    | ImageCarouselSlideProps
+}
+
+export interface QuizData {
+  slides: SlideInformation[]
+}
+
+export interface SlideLogic<T extends QuizAnswerType> {
+  handleAnswerSelection?: (answer: T) => void
+  determineNextSlide?: (answer: T) => string
+  determineCtaDisabled?: (answer: T) => boolean
+  nextSlideId?: string
+}
+
+// @react-navigation/native-stack requires a `type` instead of an `interface`
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+export type QuizStackParamList = {
+  'QuizScreen.QuizResult': undefined
+  'QuizScreen.QuizSlide': {
+    slideIndex: number
+  }
+}
+
+export interface SlideChoiceConsequence {
+  nextSlideId?: string
+  skipSlideIds?: [string]
+}
+
+export type QuizAnswerType = string | number | number[]
+
+export type DetermineNextSlide<T> = (answer: T) => string
+
+export interface QuizResultEntry {
+  slideType: QuizSlideScreenType
+  answer: QuizAnswerType
+}
+
+// key is the ID of the question
+export type QuizResult = Record<string, QuizResultEntry>
+
+export type QuizDataState = 'Loading' | 'Ready'

package/templates/__template_hello_world/src/data/Test.graphql.d.ts

@@ -1,114 +1,107 @@
-import {DocumentNode} from 'graphql-typed'
-import {
-  URL,
-  Decimal,
-  CurrencyCode,
-} from '@shopify/shop-minis-platform-sdk/api/types'
+import { DocumentNode } from "graphql-typed";
+import { TypedDocumentNode } from "@graphql-typed-document-node/core";
+import { URL, Decimal, CurrencyCode } from "@shopify/shop-minis-platform-sdk/api/types";
 export namespace HelloWorldTestQueryPartialData {
   export interface ShopProductFeaturedImage {
-    __typename?: 'Image' | null
-    id?: string | null
-    altText?: string | null
-    url?: URL | null
+    __typename?: "Image" | null;
+    id?: string | null;
+    altText?: string | null;
+    url?: URL | null;
   }
   export interface ShopProductDefaultVariantCompareAtPrice {
-    __typename?: 'Money' | null
-    amount?: Decimal | null
-    currencyCode?: CurrencyCode | null
+    __typename?: "Money" | null;
+    amount?: Decimal | null;
+    currencyCode?: CurrencyCode | null;
   }
   export interface ShopProductDefaultVariantPrice {
-    __typename?: 'Money' | null
-    amount?: Decimal | null
-    currencyCode?: CurrencyCode | null
+    __typename?: "Money" | null;
+    amount?: Decimal | null;
+    currencyCode?: CurrencyCode | null;
   }
   export interface ShopProductDefaultVariantImage {
-    __typename?: 'Image' | null
-    id?: string | null
-    altText?: string | null
-    url?: URL | null
+    __typename?: "Image" | null;
+    id?: string | null;
+    altText?: string | null;
+    url?: URL | null;
   }
   export interface ShopProductDefaultVariant {
-    __typename?: 'ProductVariant' | null
-    id?: string | null
-    title?: string | null
-    isFavorited?: boolean | null
-    compareAtPrice?: HelloWorldTestQueryPartialData.ShopProductDefaultVariantCompareAtPrice | null
-    price?: HelloWorldTestQueryPartialData.ShopProductDefaultVariantPrice | null
-    image?: HelloWorldTestQueryPartialData.ShopProductDefaultVariantImage | null
+    __typename?: "ProductVariant" | null;
+    id?: string | null;
+    title?: string | null;
+    isFavorited?: boolean | null;
+    compareAtPrice?: HelloWorldTestQueryPartialData.ShopProductDefaultVariantCompareAtPrice | null;
+    price?: HelloWorldTestQueryPartialData.ShopProductDefaultVariantPrice | null;
+    image?: HelloWorldTestQueryPartialData.ShopProductDefaultVariantImage | null;
   }
   export interface ShopProduct {
-    __typename?: 'Product' | null
-    id?: string | null
-    title?: string | null
-    featuredImage?: HelloWorldTestQueryPartialData.ShopProductFeaturedImage | null
-    defaultVariant?: HelloWorldTestQueryPartialData.ShopProductDefaultVariant | null
+    __typename?: "Product" | null;
+    id?: string | null;
+    title?: string | null;
+    featuredImage?: HelloWorldTestQueryPartialData.ShopProductFeaturedImage | null;
+    defaultVariant?: HelloWorldTestQueryPartialData.ShopProductDefaultVariant | null;
   }
   export interface Shop {
-    __typename?: 'Shop' | null
-    id?: string | null
-    name?: string | null
-    product?: HelloWorldTestQueryPartialData.ShopProduct | null
+    __typename?: "Shop" | null;
+    id?: string | null;
+    name?: string | null;
+    product?: HelloWorldTestQueryPartialData.ShopProduct | null;
   }
 }
 export interface HelloWorldTestQueryPartialData {
-  shop?: HelloWorldTestQueryPartialData.Shop | null
+  shop?: HelloWorldTestQueryPartialData.Shop | null;
 }
 export namespace HelloWorldTestQueryData {
   export interface Variables {
-    shopId: string
-    productId: string
+    shopId: string;
+    productId: string;
   }
   export interface ShopProductFeaturedImage {
-    __typename: 'Image'
-    id?: string | null
-    altText?: string | null
-    url: URL
+    __typename: "Image";
+    id?: string | null;
+    altText?: string | null;
+    url: URL;
   }
   export interface ShopProductDefaultVariantCompareAtPrice {
-    __typename: 'Money'
-    amount: Decimal
-    currencyCode: CurrencyCode
+    __typename: "Money";
+    amount: Decimal;
+    currencyCode: CurrencyCode;
   }
   export interface ShopProductDefaultVariantPrice {
-    __typename: 'Money'
-    amount: Decimal
-    currencyCode: CurrencyCode
+    __typename: "Money";
+    amount: Decimal;
+    currencyCode: CurrencyCode;
   }
   export interface ShopProductDefaultVariantImage {
-    __typename: 'Image'
-    id?: string | null
-    altText?: string | null
-    url: URL
+    __typename: "Image";
+    id?: string | null;
+    altText?: string | null;
+    url: URL;
   }
   export interface ShopProductDefaultVariant {
-    __typename: 'ProductVariant'
-    id: string
-    title: string
-    isFavorited: boolean
-    compareAtPrice?: HelloWorldTestQueryData.ShopProductDefaultVariantCompareAtPrice | null
-    price: HelloWorldTestQueryData.ShopProductDefaultVariantPrice
-    image?: HelloWorldTestQueryData.ShopProductDefaultVariantImage | null
+    __typename: "ProductVariant";
+    id: string;
+    title: string;
+    isFavorited: boolean;
+    compareAtPrice?: HelloWorldTestQueryData.ShopProductDefaultVariantCompareAtPrice | null;
+    price: HelloWorldTestQueryData.ShopProductDefaultVariantPrice;
+    image?: HelloWorldTestQueryData.ShopProductDefaultVariantImage | null;
   }
   export interface ShopProduct {
-    __typename: 'Product'
-    id: string
-    title: string
-    featuredImage?: HelloWorldTestQueryData.ShopProductFeaturedImage | null
-    defaultVariant: HelloWorldTestQueryData.ShopProductDefaultVariant
+    __typename: "Product";
+    id: string;
+    title: string;
+    featuredImage?: HelloWorldTestQueryData.ShopProductFeaturedImage | null;
+    defaultVariant: HelloWorldTestQueryData.ShopProductDefaultVariant;
   }
   export interface Shop {
-    __typename: 'Shop'
-    id: string
-    name: string
-    product?: HelloWorldTestQueryData.ShopProduct | null
+    __typename: "Shop";
+    id: string;
+    name: string;
+    product?: HelloWorldTestQueryData.ShopProduct | null;
   }
 }
 export interface HelloWorldTestQueryData {
-  shop?: HelloWorldTestQueryData.Shop | null
+  shop?: HelloWorldTestQueryData.Shop | null;
 }
-declare const document: DocumentNode<
-  HelloWorldTestQueryData,
-  HelloWorldTestQueryData.Variables,
-  HelloWorldTestQueryPartialData
->
-export default document
+declare const document: DocumentNode<HelloWorldTestQueryData, HelloWorldTestQueryData.Variables, HelloWorldTestQueryPartialData> & TypedDocumentNode<HelloWorldTestQueryData, HelloWorldTestQueryData.Variables>;
+export default document;

package/templates/__template_hello_world/src/data/TestProducts.graphql

@@ -11,6 +11,32 @@ query HelloWorldTestProducts($shopId: ID!, $productIds: [ID!]!) {
         altText
         url
       }
+      options {
+        id
+        name
+        values
+      }
+      variants {
+        nodes {
+          id
+          image {
+            id
+            altText
+            url
+          }
+          selectedOptions {
+            name
+            value
+          }
+          title
+          currentlyNotInStock
+          availableForSale
+          price {
+            amount
+            currencyCode
+          }
+        }
+      }
       defaultVariant {
         id
         title
@@ -28,6 +54,10 @@ query HelloWorldTestProducts($shopId: ID!, $productIds: [ID!]!) {
           altText
           url
         }
+        selectedOptions {
+          name
+          value
+        }
       }
     }
   }

package/templates/__template_hello_world/src/data/TestProducts.graphql.d.ts

@@ -1,119 +1,197 @@
-import {DocumentNode} from 'graphql-typed'
-import {
-  URL,
-  Decimal,
-  CurrencyCode,
-} from '@shopify/shop-minis-platform-sdk/api/types'
-
+import { DocumentNode } from "graphql-typed";
+import { TypedDocumentNode } from "@graphql-typed-document-node/core";
+import { URL, Decimal, CurrencyCode } from "@shopify/shop-minis-platform-sdk/api/types";
 export namespace HelloWorldTestProductsQueryPartialData {
   export interface ShopProductsByIdsFeaturedImage {
-    __typename?: 'Image' | null
-    id?: string | null
-    altText?: string | null
-    url?: URL | null
+    __typename?: "Image" | null;
+    id?: string | null;
+    altText?: string | null;
+    url?: URL | null;
+  }
+  export interface ShopProductsByIdsOptions {
+    __typename?: "ProductOption" | null;
+    id?: string | null;
+    name?: string | null;
+    values?: (string | null)[] | null;
+  }
+  export interface ShopProductsByIdsVariantsNodesImage {
+    __typename?: "Image" | null;
+    id?: string | null;
+    altText?: string | null;
+    url?: URL | null;
+  }
+  export interface ShopProductsByIdsVariantsNodesSelectedOptions {
+    __typename?: "SelectedOption" | null;
+    name?: string | null;
+    value?: string | null;
+  }
+  export interface ShopProductsByIdsVariantsNodesPrice {
+    __typename?: "Money" | null;
+    amount?: Decimal | null;
+    currencyCode?: CurrencyCode | null;
+  }
+  export interface ShopProductsByIdsVariantsNodes {
+    __typename?: "ProductVariant" | null;
+    id?: string | null;
+    image?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsVariantsNodesImage | null;
+    selectedOptions?: (HelloWorldTestProductsQueryPartialData.ShopProductsByIdsVariantsNodesSelectedOptions | null)[] | null;
+    title?: string | null;
+    currentlyNotInStock?: boolean | null;
+    availableForSale?: boolean | null;
+    price?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsVariantsNodesPrice | null;
+  }
+  export interface ShopProductsByIdsVariants {
+    __typename?: "ProductVariantConnection" | null;
+    nodes?: (HelloWorldTestProductsQueryPartialData.ShopProductsByIdsVariantsNodes | null)[] | null;
   }
   export interface ShopProductsByIdsDefaultVariantCompareAtPrice {
-    __typename?: 'Money' | null
-    amount?: Decimal | null
-    currencyCode?: CurrencyCode | null
+    __typename?: "Money" | null;
+    amount?: Decimal | null;
+    currencyCode?: CurrencyCode | null;
   }
   export interface ShopProductsByIdsDefaultVariantPrice {
-    __typename?: 'Money' | null
-    amount?: Decimal | null
-    currencyCode?: CurrencyCode | null
+    __typename?: "Money" | null;
+    amount?: Decimal | null;
+    currencyCode?: CurrencyCode | null;
   }
   export interface ShopProductsByIdsDefaultVariantImage {
-    __typename?: 'Image' | null
-    id?: string | null
-    altText?: string | null
-    url?: URL | null
+    __typename?: "Image" | null;
+    id?: string | null;
+    altText?: string | null;
+    url?: URL | null;
+  }
+  export interface ShopProductsByIdsDefaultVariantSelectedOptions {
+    __typename?: "SelectedOption" | null;
+    name?: string | null;
+    value?: string | null;
   }
   export interface ShopProductsByIdsDefaultVariant {
-    __typename?: 'ProductVariant' | null
-    id?: string | null
-    title?: string | null
-    isFavorited?: boolean | null
-    compareAtPrice?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariantCompareAtPrice | null
-    price?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariantPrice | null
-    image?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariantImage | null
+    __typename?: "ProductVariant" | null;
+    id?: string | null;
+    title?: string | null;
+    isFavorited?: boolean | null;
+    compareAtPrice?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariantCompareAtPrice | null;
+    price?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariantPrice | null;
+    image?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariantImage | null;
+    selectedOptions?: (HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariantSelectedOptions | null)[] | null;
   }
   export interface ShopProductsByIds {
-    __typename?: 'Product' | null
-    id?: string | null
-    title?: string | null
-    tags?: (string | null)[] | null
-    featuredImage?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsFeaturedImage | null
-    defaultVariant?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariant | null
+    __typename?: "Product" | null;
+    id?: string | null;
+    title?: string | null;
+    tags?: (string | null)[] | null;
+    featuredImage?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsFeaturedImage | null;
+    options?: (HelloWorldTestProductsQueryPartialData.ShopProductsByIdsOptions | null)[] | null;
+    variants?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsVariants | null;
+    defaultVariant?: HelloWorldTestProductsQueryPartialData.ShopProductsByIdsDefaultVariant | null;
   }
   export interface Shop {
-    __typename?: 'Shop' | null
-    id?: string | null
-    name?: string | null
-    productsByIds?:
-      | (HelloWorldTestProductsQueryPartialData.ShopProductsByIds | null)[]
-      | null
+    __typename?: "Shop" | null;
+    id?: string | null;
+    name?: string | null;
+    productsByIds?: (HelloWorldTestProductsQueryPartialData.ShopProductsByIds | null)[] | null;
   }
 }
 export interface HelloWorldTestProductsQueryPartialData {
-  shop?: HelloWorldTestProductsQueryPartialData.Shop | null
+  shop?: HelloWorldTestProductsQueryPartialData.Shop | null;
 }
 export namespace HelloWorldTestProductsQueryData {
   export interface Variables {
-    shopId: string
-    productIds: string[]
+    shopId: string;
+    productIds: string[];
   }
   export interface ShopProductsByIdsFeaturedImage {
-    __typename: 'Image'
-    id?: string | null
-    altText?: string | null
-    url: URL
+    __typename: "Image";
+    id?: string | null;
+    altText?: string | null;
+    url: URL;
+  }
+  export interface ShopProductsByIdsOptions {
+    __typename: "ProductOption";
+    id: string;
+    name: string;
+    values: string[];
+  }
+  export interface ShopProductsByIdsVariantsNodesImage {
+    __typename: "Image";
+    id?: string | null;
+    altText?: string | null;
+    url: URL;
+  }
+  export interface ShopProductsByIdsVariantsNodesSelectedOptions {
+    __typename: "SelectedOption";
+    name: string;
+    value: string;
+  }
+  export interface ShopProductsByIdsVariantsNodesPrice {
+    __typename: "Money";
+    amount: Decimal;
+    currencyCode: CurrencyCode;
+  }
+  export interface ShopProductsByIdsVariantsNodes {
+    __typename: "ProductVariant";
+    id: string;
+    image?: HelloWorldTestProductsQueryData.ShopProductsByIdsVariantsNodesImage | null;
+    selectedOptions: HelloWorldTestProductsQueryData.ShopProductsByIdsVariantsNodesSelectedOptions[];
+    title: string;
+    currentlyNotInStock: boolean;
+    availableForSale: boolean;
+    price: HelloWorldTestProductsQueryData.ShopProductsByIdsVariantsNodesPrice;
+  }
+  export interface ShopProductsByIdsVariants {
+    __typename: "ProductVariantConnection";
+    nodes: HelloWorldTestProductsQueryData.ShopProductsByIdsVariantsNodes[];
   }
   export interface ShopProductsByIdsDefaultVariantCompareAtPrice {
-    __typename: 'Money'
-    amount: Decimal
-    currencyCode: CurrencyCode
+    __typename: "Money";
+    amount: Decimal;
+    currencyCode: CurrencyCode;
   }
   export interface ShopProductsByIdsDefaultVariantPrice {
-    __typename: 'Money'
-    amount: Decimal
-    currencyCode: CurrencyCode
+    __typename: "Money";
+    amount: Decimal;
+    currencyCode: CurrencyCode;
   }
   export interface ShopProductsByIdsDefaultVariantImage {
-    __typename: 'Image'
-    id?: string | null
-    altText?: string | null
-    url: URL
+    __typename: "Image";
+    id?: string | null;
+    altText?: string | null;
+    url: URL;
+  }
+  export interface ShopProductsByIdsDefaultVariantSelectedOptions {
+    __typename: "SelectedOption";
+    name: string;
+    value: string;
   }
   export interface ShopProductsByIdsDefaultVariant {
-    __typename: 'ProductVariant'
-    id: string
-    title: string
-    isFavorited: boolean
-    compareAtPrice?: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariantCompareAtPrice | null
-    price: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariantPrice
-    image?: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariantImage | null
+    __typename: "ProductVariant";
+    id: string;
+    title: string;
+    isFavorited: boolean;
+    compareAtPrice?: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariantCompareAtPrice | null;
+    price: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariantPrice;
+    image?: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariantImage | null;
+    selectedOptions: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariantSelectedOptions[];
   }
   export interface ShopProductsByIds {
-    __typename: 'Product'
-    id: string
-    title: string
-    tags: string[]
-    featuredImage?: HelloWorldTestProductsQueryData.ShopProductsByIdsFeaturedImage | null
-    defaultVariant: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariant
+    __typename: "Product";
+    id: string;
+    title: string;
+    tags: string[];
+    featuredImage?: HelloWorldTestProductsQueryData.ShopProductsByIdsFeaturedImage | null;
+    options: HelloWorldTestProductsQueryData.ShopProductsByIdsOptions[];
+    variants: HelloWorldTestProductsQueryData.ShopProductsByIdsVariants;
+    defaultVariant: HelloWorldTestProductsQueryData.ShopProductsByIdsDefaultVariant;
   }
   export interface Shop {
-    __typename: 'Shop'
-    id: string
-    name: string
-    productsByIds: (HelloWorldTestProductsQueryData.ShopProductsByIds | null)[]
+    __typename: "Shop";
+    id: string;
+    name: string;
+    productsByIds: (HelloWorldTestProductsQueryData.ShopProductsByIds | null)[];
   }
 }
 export interface HelloWorldTestProductsQueryData {
-  shop?: HelloWorldTestProductsQueryData.Shop | null
+  shop?: HelloWorldTestProductsQueryData.Shop | null;
 }
-declare const document: DocumentNode<
-  HelloWorldTestProductsQueryData,
-  HelloWorldTestProductsQueryData.Variables,
-  HelloWorldTestProductsQueryPartialData
->
-export default document
+declare const document: DocumentNode<HelloWorldTestProductsQueryData, HelloWorldTestProductsQueryData.Variables, HelloWorldTestProductsQueryPartialData> & TypedDocumentNode<HelloWorldTestProductsQueryData, HelloWorldTestProductsQueryData.Variables>;
+export default document;