@graphcommerce/next-config 6.2.0-canary.72 → 6.2.0-canary.74

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## 6.2.0-canary.74
+
+## 6.2.0-canary.73
+
 ## 6.2.0-canary.72
 
 ## 6.2.0-canary.71

package/dist/config/demoConfig.js

@@ -26,4 +26,5 @@ exports.demoConfig = {
     limitSsg: true,
     compare: true,
     configurableVariantForSimple: true,
+    configurableVariantValues: { url: true, content: true },
 };

package/dist/generated/config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphCommerceStorefrontConfigSchema = exports.GraphCommerceDebugConfigSchema = exports.GraphCommerceConfigSchema = exports.ProductFiltersLayoutSchema = exports.CompareVariantSchema = exports.definedNonNullAnySchema = exports.isDefinedNonNullAny = void 0;
+exports.MagentoConfigurableVariantValuesSchema = exports.GraphCommerceStorefrontConfigSchema = exports.GraphCommerceDebugConfigSchema = exports.GraphCommerceConfigSchema = exports.ProductFiltersLayoutSchema = exports.CompareVariantSchema = exports.definedNonNullAnySchema = exports.isDefinedNonNullAny = void 0;
 /* eslint-disable */
 const zod_1 = require("zod");
 const isDefinedNonNullAny = (v) => v !== undefined && v !== null;
@@ -15,6 +15,7 @@ function GraphCommerceConfigSchema() {
         compare: zod_1.z.boolean().nullish(),
         compareVariant: exports.CompareVariantSchema.nullish(),
         configurableVariantForSimple: zod_1.z.boolean().nullish(),
+        configurableVariantValues: MagentoConfigurableVariantValuesSchema().nullish(),
         customerRequireEmailConfirmation: zod_1.z.boolean().nullish(),
         debug: GraphCommerceDebugConfigSchema().nullish(),
         demoMode: zod_1.z.boolean().nullish(),
@@ -63,3 +64,10 @@ function GraphCommerceStorefrontConfigSchema() {
     });
 }
 exports.GraphCommerceStorefrontConfigSchema = GraphCommerceStorefrontConfigSchema;
+function MagentoConfigurableVariantValuesSchema() {
+    return zod_1.z.object({
+        content: zod_1.z.boolean().nullish(),
+        url: zod_1.z.boolean().nullish()
+    });
+}
+exports.MagentoConfigurableVariantValuesSchema = MagentoConfigurableVariantValuesSchema;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-config",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "6.2.0-canary.72",
+  "version": "6.2.0-canary.74",
   "type": "commonjs",
   "main": "dist/index.js",
   "types": "src/index.ts",

package/src/config/demoConfig.ts

@@ -27,5 +27,7 @@ export const demoConfig: PartialDeep<GraphCommerceConfig, { recurseIntoArrays: t
   demoMode: true,
   limitSsg: true,
   compare: true,
+
   configurableVariantForSimple: true,
+  configurableVariantValues: { url: true, content: true },
 }

package/src/generated/config.ts

@@ -133,6 +133,12 @@ export type GraphCommerceConfig = {
    * the options to select the simple product are pre-selected.
    */
   configurableVariantForSimple?: InputMaybe<Scalars['Boolean']['input']>;
+  /**
+   * When a user selects a variant, it will switch the values on the configurable page with the values of the configured variant.
+   *
+   * Enabling options here will allow switching of those variants.
+   */
+  configurableVariantValues?: InputMaybe<MagentoConfigurableVariantValues>;
   /**
    * Due to a limitation in the GraphQL API of Magento 2, we need to know if the
    * customer requires email confirmation.
@@ -341,6 +347,18 @@ export type GraphCommerceStorefrontConfig = {
   magentoStoreCode: Scalars['String']['input'];
 };
 
+/** Options to configure which values will be replaced when a variant is selected on the product page. */
+export type MagentoConfigurableVariantValues = {
+  /** Use the name, description, short description and meta data from the configured variant */
+  content?: InputMaybe<Scalars['Boolean']['input']>;
+  /**
+   * When a variant is selected the URL of the product will be changed in the address bar.
+   *
+   * This only happens when the actual variant is can be accessed by the URL.
+   */
+  url?: InputMaybe<Scalars['Boolean']['input']>;
+};
+
 export type ProductFiltersLayout =
   | 'DEFAULT'
   | 'SIDEBAR';
@@ -367,6 +385,7 @@ export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerc
     compare: z.boolean().nullish(),
     compareVariant: CompareVariantSchema.nullish(),
     configurableVariantForSimple: z.boolean().nullish(),
+    configurableVariantValues: MagentoConfigurableVariantValuesSchema().nullish(),
     customerRequireEmailConfirmation: z.boolean().nullish(),
     debug: GraphCommerceDebugConfigSchema().nullish(),
     demoMode: z.boolean().nullish(),
@@ -414,3 +433,10 @@ export function GraphCommerceStorefrontConfigSchema(): z.ZodObject<Properties<Gr
     magentoStoreCode: z.string().min(1)
   })
 }
+
+export function MagentoConfigurableVariantValuesSchema(): z.ZodObject<Properties<MagentoConfigurableVariantValues>> {
+  return z.object({
+    content: z.boolean().nullish(),
+    url: z.boolean().nullish()
+  })
+}

package/src/index.ts

@@ -11,8 +11,11 @@ export type PluginProps<P extends Record<string, unknown> = Record<string, unkno
   Prev: React.FC<P>
 }
 
-export type ReactPlugin<T extends React.FC<any>> = (
-  props: Parameters<T>[0] & { Prev: React.FC<Parameters<T>[0]> },
+export type ReactPlugin<
+  T extends React.FC<any>,
+  AdditionalOptionalProps extends Record<string, unknown> = Record<string, unknown>,
+> = (
+  props: Parameters<T>[0] & AdditionalOptionalProps & { Prev: React.FC<Parameters<T>[0]> },
 ) => ReturnType<T>
 
 export type MethodPlugin<T extends (...args: any[]) => any> = (