@graphcommerce/ecommerce-ui 9.0.0-canary.100 → 9.0.0-canary.103

package/components/PreviewMode/PreviewMode.tsx

@@ -1,6 +1,5 @@
-import { PreviewData } from '@graphcommerce/graphql'
+import type { PreviewData } from '@graphcommerce/graphql'
 import {
-  Button,
   IconSvg,
   MessageSnackbar,
   iconChevronRight,
@@ -16,7 +15,6 @@ import { TextFieldElement } from '../FormComponents'
 import { LightTooltip } from './LightTooltip'
 import { PreviewModeActions } from './PreviewModeActions'
 import { PreviewModeToolbar } from './PreviewModeToolbar'
-import { previewModeDefaults } from './previewModeDefaults'
 
 export function getPreviewUrl() {
   const url = new URL(window.location.href)
@@ -26,9 +24,7 @@ export function getPreviewUrl() {
 }
 
 function PreviewModeEnabled() {
-  const form = useForm<{ secret: string; previewData: PreviewData }>({
-    defaultValues: { previewData: previewModeDefaults() },
-  })
+  const form = useForm<{ secret: string; previewData: PreviewData }>({})
 
   const submit = form.handleSubmit((formValues) => {
     const url = getPreviewUrl()
@@ -51,6 +47,7 @@ function PreviewModeEnabled() {
   const revalidateHandler = form.handleSubmit((formValues) => {
     const url = getPreviewUrl()
     Object.entries(formValues).forEach(([key, value]) => {
+      // eslint-disable-next-line @typescript-eslint/no-base-to-string
       url.searchParams.append(key, `${value}`)
     })
     url.searchParams.append('action', 'revalidate')
@@ -102,7 +99,14 @@ function PreviewModeEnabled() {
 }
 
 function PreviewModeDisabled() {
-  const form = useForm<{ secret: string }>({})
+  const form = useForm<{ secret: string }>({
+    defaultValues: {
+      secret:
+        process.env.NODE_ENV === 'development'
+          ? (import.meta.graphCommerce.previewSecret ?? '')
+          : '',
+    },
+  })
 
   const submit = form.handleSubmit((formValues) => {
     const url = getPreviewUrl()

package/components/PreviewMode/PreviewModeActions.tsx

@@ -1,6 +1,6 @@
 export type PreviewModeActionsProps = Record<string, unknown>
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function PreviewModeActions(props: PreviewModeActionsProps) {
-  const {} = props
-  return <></>
+  return null
 }

package/components/PreviewMode/PreviewModeToolbar.tsx

@@ -1,6 +1,6 @@
 export type PreviewModeToolbarProps = Record<string, unknown>
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function PreviewModeToolbar(props: PreviewModeToolbarProps) {
-  const {} = props
   return null
 }

package/components/PreviewMode/previewModeDefaults.ts

@@ -1,4 +1,4 @@
-import { PreviewData } from '@graphcommerce/graphql'
+import type { PreviewData } from '@graphcommerce/graphql'
 
 export function previewModeDefaults(): PreviewData {
   return {}

package/components/PreviewMode/usePreviewModeForm.ts

@@ -1,4 +1,4 @@
-import { PreviewData } from '@graphcommerce/graphql'
+import type { PreviewData } from '@graphcommerce/graphql'
 import { useFormContext } from '@graphcommerce/react-hook-form'
 
 export function usePreviewModeForm() {

package/components/WaitForQueries/WaitForQueries.tsx

@@ -1,19 +1,16 @@
-import { QueryResult } from '@graphcommerce/graphql'
+import type { QueryResult } from '@graphcommerce/graphql'
 import { useIsSSR } from '@graphcommerce/next-ui'
 import React from 'react'
 
 export type WaitForQueriesProps = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   waitFor: QueryResult<any, any> | boolean | (QueryResult<any, any> | boolean)[] | undefined
-  /**
-   * @deprecated Will be automatically correct.
-   */
-  noSsr?: boolean
   children: React.ReactNode
   fallback?: React.ReactNode
 }
 
 /** Shows the fallback during: SSR, Hydration and Query Loading. */
-export const WaitForQueries = (props: WaitForQueriesProps) => {
+export function WaitForQueries(props: WaitForQueriesProps) {
   const { waitFor, fallback, children } = props
 
   const mounted = !useIsSSR()

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/ecommerce-ui",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.0-canary.100",
+  "version": "9.0.0-canary.103",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,17 +12,17 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.100",
-    "@graphcommerce/graphql": "^9.0.0-canary.100",
-    "@graphcommerce/next-ui": "^9.0.0-canary.100",
-    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.100",
-    "@graphcommerce/react-hook-form": "^9.0.0-canary.100",
-    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.100",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.103",
+    "@graphcommerce/graphql": "^9.0.0-canary.103",
+    "@graphcommerce/next-ui": "^9.0.0-canary.103",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.103",
+    "@graphcommerce/react-hook-form": "^9.0.0-canary.103",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.103",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",
     "@mui/material": "^5.10.16",
-    "framer-motion": "^10.0.0",
+    "framer-motion": "^11.0.0",
     "next": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

package/route/preview.ts

@@ -1,5 +1,5 @@
-import { PreviewData } from '@graphcommerce/graphql'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { PreviewData } from '@graphcommerce/graphql'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import { previewModeDefaults } from '../components/PreviewMode/previewModeDefaults'
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {