fix(gatsby-source-shopify): update method of generating published_status when salesChannel parameter is used (#32674)

* fix(gatsby-source-shopify): update method of generating published_status when salesChannel parameter is used

* feat(gatsby-source-shopify): update documentation for sales channel parameter

* chore: format

Co-authored-by: gatsbybot <[email protected]>

Author: mattmortek

packages/gatsby-source-shopify/README.md

@@ -160,6 +160,8 @@ Not set by default. If set to a string (example `My Sales Channel`), only produc
 
 Note: If you set up your site with the Gatsby Cloud Public App integration, `salesChannel` is set for you.
 
+Note: If you want to filter products by a Private App instead of Public App or default sales channel, you have to provide App ID instead of sales channel name.
+
 <div id="images"></div>
 
 ## Images

packages/gatsby-source-shopify/src/query-builders/collections-query.ts

@@ -3,7 +3,7 @@ import { BulkQuery } from "./bulk-query"
 export class CollectionsQuery extends BulkQuery {
   query(date?: Date): string {
     const publishedStatus = this.pluginOptions.salesChannel
-      ? encodeURIComponent(`${this.pluginOptions.salesChannel}=visible`)
+      ? `'${encodeURIComponent(this.pluginOptions.salesChannel)}:visible'`
       : `published`
 
     const filters = [`published_status:${publishedStatus}`]

packages/gatsby-source-shopify/src/query-builders/locations-query.ts

@@ -3,7 +3,7 @@ import { BulkQuery } from "./bulk-query"
 export class LocationsQuery extends BulkQuery {
   query(date?: Date): string {
     const publishedStatus = this.pluginOptions.salesChannel
-      ? encodeURIComponent(`${this.pluginOptions.salesChannel}=visible`)
+      ? `'${encodeURIComponent(this.pluginOptions.salesChannel)}:visible'`
       : `published`
 
     const filters = [`published_status:${publishedStatus}`]

packages/gatsby-source-shopify/src/query-builders/product-variants-query.ts

@@ -3,7 +3,7 @@ import { BulkQuery } from "./bulk-query"
 export class ProductVariantsQuery extends BulkQuery {
   query(date?: Date): string {
     const publishedStatus = this.pluginOptions.salesChannel
-      ? encodeURIComponent(`${this.pluginOptions.salesChannel}=visible`)
+      ? `'${encodeURIComponent(this.pluginOptions.salesChannel)}:visible'`
       : `published`
 
     const filters = [`status:active`, `published_status:${publishedStatus}`]

packages/gatsby-source-shopify/src/query-builders/products-query.ts

@@ -3,7 +3,7 @@ import { BulkQuery } from "./bulk-query"
 export class ProductsQuery extends BulkQuery {
   query(date?: Date): string {
     const publishedStatus = this.pluginOptions.salesChannel
-      ? encodeURIComponent(`${this.pluginOptions.salesChannel}=visible`)
+      ? `'${encodeURIComponent(this.pluginOptions.salesChannel)}:visible'`
       : `published`
 
     const filters = [`status:active`, `published_status:${publishedStatus}`]