@makeswift/runtime 0.2.2 → 0.2.4

package/dist/index.es2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es2.js","sources":["../src/components/hooks/useBackgrounds.ts","../src/utils/clamp.ts","../src/components/shared/BackgroundsContainer/components/Parallax/index.tsx","../src/components/shared/BackgroundsContainer/components/BackgroundVideo/index.tsx","../src/components/shared/BackgroundsContainer/components/Backgrounds/index.tsx","../src/components/shared/BackgroundsContainer/index.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport { FILES_BY_ID, SWATCHES_BY_ID } from '../utils/queries'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport { BackgroundsValue as ResponsiveBackgroundsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype BackgroundColorData = Color\n\ntype BackgroundGradientStopData = {\n  id: string\n  location: number\n  color: Color | null | undefined\n}\n\ntype BackgroundGradientData = {\n  angle: number\n  isRadial: boolean\n  stops: Array<BackgroundGradientStopData>\n}\n\ntype BackgroundImageData = {\n  publicUrl?: string\n  dimensions: { width: number; height: number } | null\n  position: {\n    x: number\n    y: number\n  }\n  size: 'cover' | 'contain' | 'auto'\n  repeat: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n  opacity?: number\n  parallax?: number\n}\n\ntype BackgroundVideoData = {\n  url: string\n  maskColor: Color | null | undefined\n  aspectRatio: 'wide' | 'standard'\n  opacity: number\n  zoom: number\n  parallax: number\n}\n\ntype BackgroundData =\n  | { id: string; type: 'color'; payload: BackgroundColorData | null | undefined }\n  | { id: string; type: 'image'; payload: BackgroundImageData | null | undefined }\n  | { id: string; type: 'gradient'; payload: BackgroundGradientData | null | undefined }\n  | { id: string; type: 'video'; payload: BackgroundVideoData | null | undefined }\n\ntype BackgroundsData = Array<BackgroundData>\n\nexport type BackgroundsPropControllerData = ResponsiveValue<BackgroundsData>\n\nexport function useBackgrounds(\n  value: ResponsiveBackgroundsValue | null | undefined,\n): BackgroundsPropControllerData | null | undefined {\n  const fileIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background =>\n                background.type === 'image' && background.payload != null\n                  ? background.payload.imageId\n                  : null,\n              )\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), [] as string[]),\n          )\n          .reduce((a, b) => a.concat(b), [])\n  const swatchIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background => {\n                if (background.type === 'color' && background.payload != null) {\n                  return [background.payload.swatchId]\n                }\n\n                if (background.type === 'gradient' && background.payload != null) {\n                  return background.payload.stops\n                    .map(stop => stop.color && stop.color.swatchId)\n                    .filter(isNonNullable)\n                }\n\n                if (background.type === 'video' && background.payload != null) {\n                  return [background.payload.maskColor && background.payload.maskColor.swatchId]\n                }\n\n                return null\n              })\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), []),\n          )\n          .reduce((a, b) => a.concat(b), [])\n          .filter(isNonNullable)\n  const skip = value == null\n  const filesResult = useQuery(FILES_BY_ID, {\n    skip: skip || fileIds.length === 0,\n    variables: { ids: fileIds },\n  })\n  const swatchesResult = useQuery(SWATCHES_BY_ID, {\n    skip: skip || swatchIds.length === 0,\n    variables: { ids: swatchIds },\n  })\n\n  return useMemo(() => {\n    const { data: filesData = {} } = filesResult\n    const { data: swatchesData = {} } = swatchesResult\n\n    if (value == null || filesResult.error != null || swatchesResult.error != null) {\n      return null\n    }\n\n    const { files = [] } = filesData\n    const { swatches = [] } = swatchesData\n\n    return value.map(({ value: backgrounds, ...restOfValue }) => ({\n      ...restOfValue,\n      value: backgrounds\n        .map(bg => {\n          if (bg.type === 'image' && bg.payload != null && bg.payload.imageId != null) {\n            const { imageId, ...restOfPayload } = bg.payload\n            const file = files.find((f: any) => f && f.id === imageId)\n\n            return (\n              file && {\n                id: bg.id,\n                type: 'image',\n                payload: {\n                  ...restOfPayload,\n                  publicUrl: file.publicUrl,\n                  dimensions: file.dimensions,\n                },\n              }\n            )\n          }\n\n          if (bg.type === 'color' && bg.payload != null) {\n            const { swatchId, alpha } = bg.payload\n            const swatch = swatches.find((s: any) => s && s.id === swatchId)\n\n            return { id: bg.id, type: 'color', payload: { swatch, alpha } }\n          }\n\n          if (bg.type === 'gradient' && bg.payload != null && bg.payload.stops.length > 0) {\n            return {\n              id: bg.id,\n              type: 'gradient',\n              payload: {\n                angle: bg.payload.angle,\n                isRadial: bg.payload.isRadial,\n                stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({\n                  ...restOfStop,\n                  color: color && {\n                    swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                    alpha: color.alpha,\n                  },\n                })),\n              },\n            }\n          }\n\n          if (bg.type === 'video' && bg.payload != null) {\n            const { maskColor, ...restOfPayload } = bg.payload\n            const swatch = maskColor && swatches.find((s: any) => s && s.id === maskColor.swatchId)\n\n            return {\n              id: bg.id,\n              type: 'video',\n              payload: {\n                ...restOfPayload,\n                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha },\n              },\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean),\n    }))\n  }, [filesResult, swatchesResult, value])\n}\n","const clamp = (min: number, val: number, max: number): number => Math.min(Math.max(min, val), max)\n\nexport default clamp\n","import { useState, useRef, useCallback, ReactNode, CSSProperties } from 'react'\nimport clamp from '../../../../../utils/clamp'\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\n\nfunction isScrollable(element: HTMLElement) {\n  const { overflow, overflowY, overflowX } =\n    element.ownerDocument.defaultView!.getComputedStyle(element)\n\n  return /(auto|scroll)/.test(overflow + overflowX + overflowY)\n}\n\nfunction getScrollParent(element: HTMLElement): HTMLElement {\n  const { parentElement } = element\n\n  if (!element || !parentElement) return element\n\n  if (isScrollable(element)) return element\n\n  return getScrollParent(parentElement)\n}\n\ntype Props = {\n  strength: number | null | undefined\n  children: (\n    getParallaxProps: <P extends { style?: CSSProperties; [key: string]: unknown }>(props: P) => P,\n  ) => ReactNode\n}\n\nexport default function Parallax({ strength, children, ...rest }: Props): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [containerScrollTop, setContainerScrollTop] = useState(strength == null ? 0 : strength)\n  const lastScrollParentScrollTop = useRef(0)\n\n  useIsomorphicLayoutEffect(() => {\n    if (!container.current || strength == null || strength === 0) return undefined\n\n    const containerDocument = container.current.ownerDocument\n    const scrollParent = getScrollParent(container.current)\n    const eventTarget =\n      containerDocument.documentElement === scrollParent\n        ? containerDocument.defaultView!\n        : scrollParent\n\n    lastScrollParentScrollTop.current = scrollParent.scrollTop\n    setContainerScrollTop(strength)\n\n    function handleScroll() {\n      containerDocument.defaultView!.requestAnimationFrame(() => {\n        if (!container.current) return\n\n        const { top: containerTop, bottom: containerBottom } =\n          container.current.getBoundingClientRect()\n        const { top: scrollParentTop, bottom: scrollParentBottom } =\n          scrollParent === containerDocument.documentElement\n            ? { top: 0, bottom: containerDocument.defaultView!.innerHeight }\n            : scrollParent.getBoundingClientRect()\n        const { scrollTop: scrollParentScrollTop } =\n          scrollParent === containerDocument.documentElement\n            ? { scrollTop: containerDocument.defaultView!.pageYOffset }\n            : scrollParent\n        const scrollParentHeight = scrollParentBottom - scrollParentTop\n        const scrollParentScrollDelta = scrollParentScrollTop - lastScrollParentScrollTop.current\n\n        lastScrollParentScrollTop.current = scrollParentScrollTop\n\n        setContainerScrollTop(scrollTop => {\n          const isContainerVisible =\n            containerTop < scrollParentTop + scrollParentHeight && containerBottom > scrollParentTop\n          const containerScrollRemaining =\n            scrollParentScrollDelta > 0 ? 2 * strength! - scrollTop : scrollTop\n          const scrollParentScrollRemaining =\n            scrollParentScrollDelta > 0\n              ? scrollParentTop + containerBottom\n              : scrollParentHeight - containerTop\n          const parallaxRatio = containerScrollRemaining / scrollParentScrollRemaining\n          const containerScrollDelta = isContainerVisible\n            ? parallaxRatio * scrollParentScrollDelta\n            : 0\n\n          return clamp(0, scrollTop + containerScrollDelta, strength! * 2)\n        })\n      })\n    }\n\n    eventTarget.addEventListener('scroll', handleScroll)\n\n    return () => eventTarget.removeEventListener('scroll', handleScroll)\n  }, [strength])\n\n  const getProps = useCallback(\n    ({ style, ...restOfChildrenProps }) => ({\n      ...restOfChildrenProps,\n      style: {\n        ...style,\n        position: 'absolute',\n        left: 0,\n        right: 0,\n        top: 0,\n        bottom: 0,\n        ...(strength == null || strength === 0\n          ? {}\n          : {\n              top: -strength,\n              bottom: -strength,\n              transform: `translate3d(0, ${containerScrollTop - strength}px, 0)`,\n            }),\n      },\n    }),\n    [strength, containerScrollTop],\n  )\n\n  return (\n    <div\n      {...rest}\n      ref={container}\n      style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}\n    >\n      {children(getProps)}\n    </div>\n  )\n}\n","import { useState, useRef } from 'react'\nimport ReactPlayer from 'react-player'\nimport styled from 'styled-components'\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\n\nconst Container = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n`\n\nconst Mask = styled.div<{ backgroundColor: string | undefined; visible: boolean }>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: ${props => props.backgroundColor};\n  opacity: ${props => (props.visible ? 1 : 0)};\n  transition: opacity 1s;\n`\n\nconst getScale = (element: HTMLElement, aspectRatio: number, zoom: number) => {\n  const { offsetWidth: width, offsetHeight: height } = element\n  const computedAspectRatio = width / height\n\n  return Math.max(aspectRatio / computedAspectRatio, computedAspectRatio / aspectRatio) * zoom\n}\n\ntype Props = {\n  url?: string\n  aspectRatio?: number\n  zoom?: number\n  opacity?: number\n  maskColor?: string\n}\n\nexport default function BackgroundVideo({\n  url = '',\n  aspectRatio = 16 / 9,\n  zoom = 1,\n  maskColor,\n  opacity,\n}: Props): JSX.Element {\n  const [ready, setReady] = useState(false)\n  const [scale, setScale] = useState(1)\n  const container = useRef<HTMLDivElement>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    const { current: containerEl } = container\n\n    if (!containerEl) return undefined\n\n    const { defaultView } = containerEl.ownerDocument\n    const handleResize = () => setScale(getScale(containerEl, aspectRatio, zoom))\n\n    handleResize()\n\n    defaultView!.addEventListener('resize', handleResize)\n\n    return () => defaultView!.removeEventListener('resize', handleResize)\n  }, [aspectRatio, zoom])\n\n  if (!ReactPlayer.canPlay(url)) return <></>\n\n  return (\n    <Container ref={container}>\n      {container.current && (\n        <ReactPlayer\n          url={url}\n          config={{\n            vimeo: { playerOptions: { background: true } },\n            youtube: {\n              playerVars: {\n                origin: container.current.ownerDocument.defaultView?.location.origin,\n              },\n            },\n            wistia: {\n              options: {\n                endVideoBehavior: 'loop',\n                playbackRateControl: false,\n                playbar: false,\n                playButton: false,\n                volumeControl: false,\n                fullscreenButton: false,\n                muted: true,\n              },\n            },\n          }}\n          playing\n          loop\n          muted\n          controls={false}\n          onReady={() => setReady(true)}\n          style={{\n            transform: `scale3d(${scale}, ${scale}, 1)`,\n            opacity,\n          }}\n          width=\"100%\"\n          height=\"100%\"\n        />\n      )}\n      <Mask backgroundColor={maskColor} visible={!ready} />\n    </Container>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport NextImage from 'next/image'\n\nimport { cssMediaRules } from '../../../../utils/cssMediaRules'\nimport { BackgroundsPropControllerData } from '../../../../hooks'\nimport { ResponsiveValue } from '../../../../../prop-controllers'\nimport { ColorValue as Color } from '../../../../utils/types'\nimport { colorToString } from '../../../../utils/colorToString'\nimport Parallax from '../Parallax'\nimport BackgroundVideo from '../BackgroundVideo'\n\nfunction getColor(color: Color | null | undefined) {\n  if (color == null) return 'black'\n\n  if (color.swatch == null) {\n    return colorToString({ ...color, swatch: { hue: 0, saturation: 0, lightness: 0 } })\n  }\n\n  return colorToString(color)\n}\n\ntype GradientStop = { color: Color | null | undefined; location: number }\n\nconst getStopsStyle = (stops: GradientStop[]) =>\n  stops.map(({ color, location }) => `${getColor(color)} ${location}%`).join(',')\n\ntype AspectRatio = 'wide' | 'standard'\n\nconst getAspectRatio = (aspectRatio: AspectRatio) => {\n  switch (aspectRatio) {\n    case 'wide':\n      return 16 / 9\n    case 'standard':\n      return 4 / 3\n    default:\n      return 16 / 9\n  }\n}\n\nconst AbsoluteFill = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n`\n\nconst Container = styled(AbsoluteFill)`\n  border-radius: inherit;\n`\n\nconst BackgroundsContainer = styled(Container)<{ visibility: ResponsiveValue<boolean> }>`\n  overflow: hidden;\n  ${p =>\n    cssMediaRules(\n      [p.visibility],\n      ([visibility]) => css`\n        display: ${visibility === true ? 'block' : 'none'};\n      `,\n    )}\n`\n\ntype Props = { backgrounds: BackgroundsPropControllerData | null | undefined }\n\nexport default function Backgrounds({ backgrounds }: Props): JSX.Element {\n  if (backgrounds == null) return <></>\n\n  return (\n    <>\n      {backgrounds.map(({ value, deviceId }) => {\n        const visibility = backgrounds.map(v => ({\n          deviceId: v.deviceId,\n          value: v.deviceId === deviceId,\n        }))\n\n        return (\n          <BackgroundsContainer key={deviceId} visibility={visibility}>\n            {[...value].reverse().map(bg => {\n              if (bg.type === 'color') {\n                return (\n                  <Container\n                    key={bg.id}\n                    style={{\n                      backgroundColor: getColor(bg.payload),\n                    }}\n                  />\n                )\n              }\n\n              if (bg.type === 'image' && bg.payload) {\n                const {\n                  publicUrl,\n                  position,\n                  repeat = 'no-repeat',\n                  size = 'cover',\n                  opacity,\n                  parallax,\n                } = bg.payload\n                const backgroundPosition = `${position.x}% ${position.y}%`\n\n                if (repeat === 'no-repeat' && size !== 'auto' && publicUrl != null) {\n                  return (\n                    <Parallax key={bg.id} strength={parallax}>\n                      {getParallaxProps => (\n                        <div {...getParallaxProps({ style: { opacity, overflow: 'hidden' } })}>\n                          <NextImage\n                            src={publicUrl}\n                            layout=\"fill\"\n                            objectPosition={backgroundPosition}\n                            objectFit={size}\n                          />\n                        </div>\n                      )}\n                    </Parallax>\n                  )\n                }\n\n                return (\n                  <Parallax key={bg.id} strength={parallax}>\n                    {getParallaxProps => (\n                      <Container\n                        {...getParallaxProps({\n                          style: {\n                            backgroundImage: publicUrl != null ? `url('${publicUrl}')` : undefined,\n                            backgroundPosition,\n                            backgroundRepeat: repeat,\n                            backgroundSize: size,\n                            opacity,\n                          },\n                        })}\n                      />\n                    )}\n                  </Parallax>\n                )\n              }\n\n              if (bg.type === 'gradient' && bg.payload) {\n                const { angle, stops, isRadial } = bg.payload\n                const gradient = `${getStopsStyle(stops)}`\n\n                return (\n                  <Container\n                    key={bg.id}\n                    style={{\n                      background: isRadial\n                        ? `radial-gradient(${gradient})`\n                        : `linear-gradient(${angle}rad, ${gradient})`,\n                    }}\n                  />\n                )\n              }\n\n              if (bg.type === 'video' && bg.payload) {\n                const { url, aspectRatio, maskColor, zoom, opacity, parallax } = bg.payload\n\n                return (\n                  <Parallax key={bg.id} strength={parallax}>\n                    {getParallaxProps => (\n                      <Container {...getParallaxProps({})}>\n                        <BackgroundVideo\n                          url={url}\n                          zoom={zoom}\n                          opacity={opacity}\n                          aspectRatio={getAspectRatio(aspectRatio)}\n                          maskColor={getColor(maskColor)}\n                        />\n                      </Container>\n                    )}\n                  </Parallax>\n                )\n              }\n\n              return null\n            })}\n          </BackgroundsContainer>\n        )\n      })}\n    </>\n  )\n}\n","import {\n  ReactElement,\n  ElementType,\n  forwardRef,\n  Children,\n  ComponentPropsWithoutRef,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport styled from 'styled-components'\nimport { motion } from 'framer-motion'\n\nimport Backgrounds from './components/Backgrounds'\nimport { BackgroundsValue as BackgroundsPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { useBackgrounds } from '../../hooks'\nimport { Ref } from 'react'\n\nconst OuterContainer = styled(motion.div)`\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n\n  > * {\n    border-radius: inherit;\n    height: inherit;\n  }\n\n  > :last-child {\n    position: relative;\n  }\n`\n\ntype BaseProps = {\n  backgrounds: BackgroundsPropControllerValue | null | undefined\n  children: ReactElement<ElementType>\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof OuterContainer>, keyof BaseProps>\n\nexport default forwardRef<HTMLDivElement | null, Props>(function BackgroundsContainer(\n  { backgrounds, children, ...restOfProps }: Props,\n  ref: Ref<HTMLDivElement | null>,\n) {\n  const [handle, setHandle] = useState<HTMLDivElement | null>(null)\n\n  useImperativeHandle(ref, () => handle, [handle])\n\n  return (\n    <OuterContainer {...restOfProps} ref={setHandle}>\n      <Backgrounds backgrounds={useBackgrounds(backgrounds)} />\n      {Children.only(children)}\n    </OuterContainer>\n  )\n})\n"],"names":["element","overflow","overflowY","overflowX","ownerDocument","defaultView","getComputedStyle","test","parentElement","isScrollable","getScrollParent","strength","children","rest","container","useRef","containerScrollTop","setContainerScrollTop","useState","lastScrollParentScrollTop","useIsomorphicLayoutEffect","current","undefined","containerDocument","scrollParent","eventTarget","documentElement","scrollTop","requestAnimationFrame","top","containerTop","bottom","containerBottom","getBoundingClientRect","scrollParentTop","scrollParentBottom","innerHeight","scrollParentScrollTop","pageYOffset","scrollParentHeight","scrollParentScrollDelta","isContainerVisible","containerScrollRemaining","scrollParentScrollRemaining","parallaxRatio","containerScrollDelta","clamp","addEventListener","handleScroll","removeEventListener","getProps","useCallback","style","restOfChildrenProps","position","left","right","transform","Container","styled","div","Mask","props","backgroundColor","visible","getScale","aspectRatio","zoom","offsetWidth","width","offsetHeight","height","computedAspectRatio","Math","max","url","maskColor","opacity","ready","setReady","scale","setScale","containerEl","handleResize","ReactPlayer","canPlay","_jsx","_Fragment","vimeo","playerOptions","background","youtube","playerVars","origin","location","wistia","options","endVideoBehavior","playbackRateControl","playbar","playButton","volumeControl","fullscreenButton","muted","color","swatch","colorToString","hue","saturation","lightness","getStopsStyle","stops","map","getColor","join","getAspectRatio","AbsoluteFill","BackgroundsContainer","p","cssMediaRules","visibility","css","backgrounds","value","deviceId","v","reverse","bg","type","payload","id","publicUrl","repeat","size","parallax","backgroundPosition","x","y","getParallaxProps","backgroundImage","backgroundRepeat","backgroundSize","angle","isRadial","gradient","OuterContainer","motion","forwardRef","ref","restOfProps","handle","setHandle","useImperativeHandle","useBackgrounds","Children","only"],"mappings":"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"}
+{"version":3,"file":"index.es2.js","sources":["../src/components/hooks/useBackgrounds.ts","../src/utils/clamp.ts","../src/components/shared/BackgroundsContainer/components/Parallax/index.tsx","../src/components/shared/BackgroundsContainer/components/BackgroundVideo/index.tsx","../src/components/shared/BackgroundsContainer/components/Backgrounds/index.tsx","../src/components/shared/BackgroundsContainer/index.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport { FILES_BY_ID, SWATCHES_BY_ID } from '../utils/queries'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport { BackgroundsValue as ResponsiveBackgroundsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype BackgroundColorData = Color\n\ntype BackgroundGradientStopData = {\n  id: string\n  location: number\n  color: Color | null | undefined\n}\n\ntype BackgroundGradientData = {\n  angle: number\n  isRadial: boolean\n  stops: Array<BackgroundGradientStopData>\n}\n\ntype BackgroundImageData = {\n  publicUrl?: string\n  dimensions: { width: number; height: number } | null\n  position: {\n    x: number\n    y: number\n  }\n  size: 'cover' | 'contain' | 'auto'\n  repeat: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n  opacity?: number\n  parallax?: number\n}\n\ntype BackgroundVideoData = {\n  url: string\n  maskColor: Color | null | undefined\n  aspectRatio: 'wide' | 'standard'\n  opacity: number\n  zoom: number\n  parallax: number\n}\n\ntype BackgroundData =\n  | { id: string; type: 'color'; payload: BackgroundColorData | null | undefined }\n  | { id: string; type: 'image'; payload: BackgroundImageData | null | undefined }\n  | { id: string; type: 'gradient'; payload: BackgroundGradientData | null | undefined }\n  | { id: string; type: 'video'; payload: BackgroundVideoData | null | undefined }\n\ntype BackgroundsData = Array<BackgroundData>\n\nexport type BackgroundsPropControllerData = ResponsiveValue<BackgroundsData>\n\nexport function useBackgrounds(\n  value: ResponsiveBackgroundsValue | null | undefined,\n): BackgroundsPropControllerData | null | undefined {\n  const fileIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background =>\n                background.type === 'image' && background.payload != null\n                  ? background.payload.imageId\n                  : null,\n              )\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), [] as string[]),\n          )\n          .reduce((a, b) => a.concat(b), [])\n  const swatchIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background => {\n                if (background.type === 'color' && background.payload != null) {\n                  return [background.payload.swatchId]\n                }\n\n                if (background.type === 'gradient' && background.payload != null) {\n                  return background.payload.stops\n                    .map(stop => stop.color && stop.color.swatchId)\n                    .filter(isNonNullable)\n                }\n\n                if (background.type === 'video' && background.payload != null) {\n                  return [background.payload.maskColor && background.payload.maskColor.swatchId]\n                }\n\n                return null\n              })\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), []),\n          )\n          .reduce((a, b) => a.concat(b), [])\n          .filter(isNonNullable)\n  const skip = value == null\n  const filesResult = useQuery(FILES_BY_ID, {\n    skip: skip || fileIds.length === 0,\n    variables: { ids: fileIds },\n  })\n  const swatchesResult = useQuery(SWATCHES_BY_ID, {\n    skip: skip || swatchIds.length === 0,\n    variables: { ids: swatchIds },\n  })\n\n  return useMemo(() => {\n    const { data: filesData = {} } = filesResult\n    const { data: swatchesData = {} } = swatchesResult\n\n    if (value == null || filesResult.error != null || swatchesResult.error != null) {\n      return null\n    }\n\n    const { files = [] } = filesData\n    const { swatches = [] } = swatchesData\n\n    return value.map(({ value: backgrounds, ...restOfValue }) => ({\n      ...restOfValue,\n      value: backgrounds\n        .map(bg => {\n          if (bg.type === 'image' && bg.payload != null && bg.payload.imageId != null) {\n            const { imageId, ...restOfPayload } = bg.payload\n            const file = files.find((f: any) => f && f.id === imageId)\n\n            return (\n              file && {\n                id: bg.id,\n                type: 'image',\n                payload: {\n                  ...restOfPayload,\n                  publicUrl: file.publicUrl,\n                  dimensions: file.dimensions,\n                },\n              }\n            )\n          }\n\n          if (bg.type === 'color' && bg.payload != null) {\n            const { swatchId, alpha } = bg.payload\n            const swatch = swatches.find((s: any) => s && s.id === swatchId)\n\n            return { id: bg.id, type: 'color', payload: { swatch, alpha } }\n          }\n\n          if (bg.type === 'gradient' && bg.payload != null && bg.payload.stops.length > 0) {\n            return {\n              id: bg.id,\n              type: 'gradient',\n              payload: {\n                angle: bg.payload.angle,\n                isRadial: bg.payload.isRadial,\n                stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({\n                  ...restOfStop,\n                  color: color && {\n                    swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                    alpha: color.alpha,\n                  },\n                })),\n              },\n            }\n          }\n\n          if (bg.type === 'video' && bg.payload != null) {\n            const { maskColor, ...restOfPayload } = bg.payload\n            const swatch = maskColor && swatches.find((s: any) => s && s.id === maskColor.swatchId)\n\n            return {\n              id: bg.id,\n              type: 'video',\n              payload: {\n                ...restOfPayload,\n                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha },\n              },\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean),\n    }))\n  }, [filesResult, swatchesResult, value])\n}\n","const clamp = (min: number, val: number, max: number): number => Math.min(Math.max(min, val), max)\n\nexport default clamp\n","import { useState, useRef, useCallback, ReactNode, CSSProperties } from 'react'\nimport clamp from '../../../../../utils/clamp'\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\n\nfunction isScrollable(element: HTMLElement) {\n  const { overflow, overflowY, overflowX } =\n    element.ownerDocument.defaultView!.getComputedStyle(element)\n\n  return /(auto|scroll)/.test(overflow + overflowX + overflowY)\n}\n\nfunction getScrollParent(element: HTMLElement): HTMLElement {\n  const { parentElement } = element\n\n  if (!element || !parentElement) return element\n\n  if (isScrollable(element)) return element\n\n  return getScrollParent(parentElement)\n}\n\ntype Props = {\n  strength: number | null | undefined\n  children: (\n    getParallaxProps: <P extends { style?: CSSProperties; [key: string]: unknown }>(props: P) => P,\n  ) => ReactNode\n}\n\nexport default function Parallax({ strength, children, ...rest }: Props): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [containerScrollTop, setContainerScrollTop] = useState(strength == null ? 0 : strength)\n  const lastScrollParentScrollTop = useRef(0)\n\n  useIsomorphicLayoutEffect(() => {\n    if (!container.current || strength == null || strength === 0) return undefined\n\n    const containerDocument = container.current.ownerDocument\n    const scrollParent = getScrollParent(container.current)\n    const eventTarget =\n      containerDocument.documentElement === scrollParent\n        ? containerDocument.defaultView!\n        : scrollParent\n\n    lastScrollParentScrollTop.current = scrollParent.scrollTop\n    setContainerScrollTop(strength)\n\n    function handleScroll() {\n      containerDocument.defaultView!.requestAnimationFrame(() => {\n        if (!container.current) return\n\n        const { top: containerTop, bottom: containerBottom } =\n          container.current.getBoundingClientRect()\n        const { top: scrollParentTop, bottom: scrollParentBottom } =\n          scrollParent === containerDocument.documentElement\n            ? { top: 0, bottom: containerDocument.defaultView!.innerHeight }\n            : scrollParent.getBoundingClientRect()\n        const { scrollTop: scrollParentScrollTop } =\n          scrollParent === containerDocument.documentElement\n            ? { scrollTop: containerDocument.defaultView!.pageYOffset }\n            : scrollParent\n        const scrollParentHeight = scrollParentBottom - scrollParentTop\n        const scrollParentScrollDelta = scrollParentScrollTop - lastScrollParentScrollTop.current\n\n        lastScrollParentScrollTop.current = scrollParentScrollTop\n\n        setContainerScrollTop(scrollTop => {\n          const isContainerVisible =\n            containerTop < scrollParentTop + scrollParentHeight && containerBottom > scrollParentTop\n          const containerScrollRemaining =\n            scrollParentScrollDelta > 0 ? 2 * strength! - scrollTop : scrollTop\n          const scrollParentScrollRemaining =\n            scrollParentScrollDelta > 0\n              ? scrollParentTop + containerBottom\n              : scrollParentHeight - containerTop\n          const parallaxRatio = containerScrollRemaining / scrollParentScrollRemaining\n          const containerScrollDelta = isContainerVisible\n            ? parallaxRatio * scrollParentScrollDelta\n            : 0\n\n          return clamp(0, scrollTop + containerScrollDelta, strength! * 2)\n        })\n      })\n    }\n\n    eventTarget.addEventListener('scroll', handleScroll)\n\n    return () => eventTarget.removeEventListener('scroll', handleScroll)\n  }, [strength])\n\n  const getProps = useCallback(\n    ({ style, ...restOfChildrenProps }: any) => ({\n      ...restOfChildrenProps,\n      style: {\n        ...style,\n        position: 'absolute',\n        left: 0,\n        right: 0,\n        top: 0,\n        bottom: 0,\n        ...(strength == null || strength === 0\n          ? {}\n          : {\n              top: -strength,\n              bottom: -strength,\n              transform: `translate3d(0, ${containerScrollTop - strength}px, 0)`,\n            }),\n      },\n    }),\n    [strength, containerScrollTop],\n  )\n\n  return (\n    <div\n      {...rest}\n      ref={container}\n      style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}\n    >\n      {children(getProps)}\n    </div>\n  )\n}\n","import { useState, useRef } from 'react'\nimport ReactPlayer from 'react-player'\nimport styled from 'styled-components'\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\n\nconst Container = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n`\n\nconst Mask = styled.div<{ backgroundColor: string | undefined; visible: boolean }>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: ${props => props.backgroundColor};\n  opacity: ${props => (props.visible ? 1 : 0)};\n  transition: opacity 1s;\n`\n\nconst getScale = (element: HTMLElement, aspectRatio: number, zoom: number) => {\n  const { offsetWidth: width, offsetHeight: height } = element\n  const computedAspectRatio = width / height\n\n  return Math.max(aspectRatio / computedAspectRatio, computedAspectRatio / aspectRatio) * zoom\n}\n\ntype Props = {\n  url?: string\n  aspectRatio?: number\n  zoom?: number\n  opacity?: number\n  maskColor?: string\n}\n\nexport default function BackgroundVideo({\n  url = '',\n  aspectRatio = 16 / 9,\n  zoom = 1,\n  maskColor,\n  opacity,\n}: Props): JSX.Element {\n  const [ready, setReady] = useState(false)\n  const [scale, setScale] = useState(1)\n  const container = useRef<HTMLDivElement>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    const { current: containerEl } = container\n\n    if (!containerEl) return undefined\n\n    const { defaultView } = containerEl.ownerDocument\n    const handleResize = () => setScale(getScale(containerEl, aspectRatio, zoom))\n\n    handleResize()\n\n    defaultView!.addEventListener('resize', handleResize)\n\n    return () => defaultView!.removeEventListener('resize', handleResize)\n  }, [aspectRatio, zoom])\n\n  if (!ReactPlayer.canPlay(url)) return <></>\n\n  return (\n    <Container ref={container}>\n      {container.current && (\n        <ReactPlayer\n          url={url}\n          config={{\n            vimeo: { playerOptions: { background: true } },\n            youtube: {\n              playerVars: {\n                origin: container.current.ownerDocument.defaultView?.location.origin,\n              },\n            },\n            wistia: {\n              options: {\n                endVideoBehavior: 'loop',\n                playbackRateControl: false,\n                playbar: false,\n                playButton: false,\n                volumeControl: false,\n                fullscreenButton: false,\n                muted: true,\n              },\n            },\n          }}\n          playing\n          loop\n          muted\n          controls={false}\n          onReady={() => setReady(true)}\n          style={{\n            transform: `scale3d(${scale}, ${scale}, 1)`,\n            opacity,\n          }}\n          width=\"100%\"\n          height=\"100%\"\n        />\n      )}\n      <Mask backgroundColor={maskColor} visible={!ready} />\n    </Container>\n  )\n}\n","import styled, { css } from 'styled-components'\nimport NextImage from 'next/image'\n\nimport { cssMediaRules } from '../../../../utils/cssMediaRules'\nimport { BackgroundsPropControllerData } from '../../../../hooks'\nimport { ResponsiveValue } from '../../../../../prop-controllers'\nimport { ColorValue as Color } from '../../../../utils/types'\nimport { colorToString } from '../../../../utils/colorToString'\nimport Parallax from '../Parallax'\nimport BackgroundVideo from '../BackgroundVideo'\n\nfunction getColor(color: Color | null | undefined) {\n  if (color == null) return 'black'\n\n  if (color.swatch == null) {\n    return colorToString({ ...color, swatch: { hue: 0, saturation: 0, lightness: 0 } })\n  }\n\n  return colorToString(color)\n}\n\ntype GradientStop = { color: Color | null | undefined; location: number }\n\nconst getStopsStyle = (stops: GradientStop[]) =>\n  stops.map(({ color, location }) => `${getColor(color)} ${location}%`).join(',')\n\ntype AspectRatio = 'wide' | 'standard'\n\nconst getAspectRatio = (aspectRatio: AspectRatio) => {\n  switch (aspectRatio) {\n    case 'wide':\n      return 16 / 9\n    case 'standard':\n      return 4 / 3\n    default:\n      return 16 / 9\n  }\n}\n\nconst AbsoluteFill = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n`\n\nconst Container = styled(AbsoluteFill)`\n  border-radius: inherit;\n`\n\nconst BackgroundsContainer = styled(Container)<{ visibility: ResponsiveValue<boolean> }>`\n  overflow: hidden;\n  ${p =>\n    cssMediaRules(\n      [p.visibility],\n      ([visibility]) => css`\n        display: ${visibility === true ? 'block' : 'none'};\n      `,\n    )}\n`\n\ntype Props = { backgrounds: BackgroundsPropControllerData | null | undefined }\n\nexport default function Backgrounds({ backgrounds }: Props): JSX.Element {\n  if (backgrounds == null) return <></>\n\n  return (\n    <>\n      {backgrounds.map(({ value, deviceId }) => {\n        const visibility = backgrounds.map(v => ({\n          deviceId: v.deviceId,\n          value: v.deviceId === deviceId,\n        }))\n\n        return (\n          <BackgroundsContainer key={deviceId} visibility={visibility}>\n            {[...value].reverse().map(bg => {\n              if (bg.type === 'color') {\n                return (\n                  <Container\n                    key={bg.id}\n                    style={{\n                      backgroundColor: getColor(bg.payload),\n                    }}\n                  />\n                )\n              }\n\n              if (bg.type === 'image' && bg.payload) {\n                const {\n                  publicUrl,\n                  position,\n                  repeat = 'no-repeat',\n                  size = 'cover',\n                  opacity,\n                  parallax,\n                } = bg.payload\n                const backgroundPosition = `${position.x}% ${position.y}%`\n\n                if (repeat === 'no-repeat' && size !== 'auto' && publicUrl != null) {\n                  return (\n                    <Parallax key={bg.id} strength={parallax}>\n                      {getParallaxProps => (\n                        <div {...getParallaxProps({ style: { opacity, overflow: 'hidden' } })}>\n                          <NextImage\n                            src={publicUrl}\n                            layout=\"fill\"\n                            objectPosition={backgroundPosition}\n                            objectFit={size}\n                          />\n                        </div>\n                      )}\n                    </Parallax>\n                  )\n                }\n\n                return (\n                  <Parallax key={bg.id} strength={parallax}>\n                    {getParallaxProps => (\n                      <Container\n                        {...getParallaxProps({\n                          style: {\n                            backgroundImage: publicUrl != null ? `url('${publicUrl}')` : undefined,\n                            backgroundPosition,\n                            backgroundRepeat: repeat,\n                            backgroundSize: size,\n                            opacity,\n                          },\n                        })}\n                      />\n                    )}\n                  </Parallax>\n                )\n              }\n\n              if (bg.type === 'gradient' && bg.payload) {\n                const { angle, stops, isRadial } = bg.payload\n                const gradient = `${getStopsStyle(stops)}`\n\n                return (\n                  <Container\n                    key={bg.id}\n                    style={{\n                      background: isRadial\n                        ? `radial-gradient(${gradient})`\n                        : `linear-gradient(${angle}rad, ${gradient})`,\n                    }}\n                  />\n                )\n              }\n\n              if (bg.type === 'video' && bg.payload) {\n                const { url, aspectRatio, maskColor, zoom, opacity, parallax } = bg.payload\n\n                return (\n                  <Parallax key={bg.id} strength={parallax}>\n                    {getParallaxProps => (\n                      <Container {...getParallaxProps({})}>\n                        <BackgroundVideo\n                          url={url}\n                          zoom={zoom}\n                          opacity={opacity}\n                          aspectRatio={getAspectRatio(aspectRatio)}\n                          maskColor={getColor(maskColor)}\n                        />\n                      </Container>\n                    )}\n                  </Parallax>\n                )\n              }\n\n              return null\n            })}\n          </BackgroundsContainer>\n        )\n      })}\n    </>\n  )\n}\n","import {\n  ReactElement,\n  ElementType,\n  forwardRef,\n  Children,\n  ComponentPropsWithoutRef,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport styled from 'styled-components'\nimport { motion } from 'framer-motion'\n\nimport Backgrounds from './components/Backgrounds'\nimport { BackgroundsValue as BackgroundsPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { useBackgrounds } from '../../hooks'\nimport { Ref } from 'react'\n\nconst OuterContainer = styled(motion.div)`\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n\n  > * {\n    border-radius: inherit;\n    height: inherit;\n  }\n\n  > :last-child {\n    position: relative;\n  }\n`\n\ntype BaseProps = {\n  backgrounds: BackgroundsPropControllerValue | null | undefined\n  children: ReactElement<ElementType>\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof OuterContainer>, keyof BaseProps>\n\nexport default forwardRef<HTMLDivElement | null, Props>(function BackgroundsContainer(\n  { backgrounds, children, ...restOfProps }: Props,\n  ref: Ref<HTMLDivElement | null>,\n) {\n  const [handle, setHandle] = useState<HTMLDivElement | null>(null)\n\n  useImperativeHandle(ref, () => handle, [handle])\n\n  return (\n    <OuterContainer {...restOfProps} ref={setHandle}>\n      <Backgrounds backgrounds={useBackgrounds(backgrounds)} />\n      {Children.only(children)}\n    </OuterContainer>\n  )\n})\n"],"names":["element","overflow","overflowY","overflowX","ownerDocument","defaultView","getComputedStyle","test","parentElement","isScrollable","getScrollParent","strength","children","rest","container","useRef","containerScrollTop","setContainerScrollTop","useState","lastScrollParentScrollTop","useIsomorphicLayoutEffect","current","undefined","containerDocument","scrollParent","eventTarget","documentElement","scrollTop","requestAnimationFrame","top","containerTop","bottom","containerBottom","getBoundingClientRect","scrollParentTop","scrollParentBottom","innerHeight","scrollParentScrollTop","pageYOffset","scrollParentHeight","scrollParentScrollDelta","isContainerVisible","containerScrollRemaining","scrollParentScrollRemaining","parallaxRatio","containerScrollDelta","clamp","addEventListener","handleScroll","removeEventListener","getProps","useCallback","style","restOfChildrenProps","position","left","right","transform","Container","styled","div","Mask","props","backgroundColor","visible","getScale","aspectRatio","zoom","offsetWidth","width","offsetHeight","height","computedAspectRatio","Math","max","url","maskColor","opacity","ready","setReady","scale","setScale","containerEl","handleResize","ReactPlayer","canPlay","_jsx","_Fragment","vimeo","playerOptions","background","youtube","playerVars","origin","location","wistia","options","endVideoBehavior","playbackRateControl","playbar","playButton","volumeControl","fullscreenButton","muted","color","swatch","colorToString","hue","saturation","lightness","getStopsStyle","stops","map","getColor","join","getAspectRatio","AbsoluteFill","BackgroundsContainer","p","cssMediaRules","visibility","css","backgrounds","value","deviceId","v","reverse","bg","type","payload","id","publicUrl","repeat","size","parallax","backgroundPosition","x","y","getParallaxProps","backgroundImage","backgroundRepeat","backgroundSize","angle","isRadial","gradient","OuterContainer","motion","forwardRef","ref","restOfProps","handle","setHandle","useImperativeHandle","useBackgrounds","Children","only"],"mappings":"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"}

package/dist/next.cjs.js

@@ -1,40 +1,8 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var React = require("react");
-var index = require("./index.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-var css = require("@emotion/css");
-var createEmotionServer = require("@emotion/server/create-instance");
-var NextDocument = require("next/document");
-var slate = require("slate");
-var styled = require("styled-components");
-var cookie = require("cookie");
-var Cors = require("cors");
-var httpProxy = require("http-proxy");
-var setCookieParser = require("set-cookie-parser");
+require("react");
+var next = require("./index.cjs.js");
+require("react/jsx-runtime");
 require("use-sync-external-store/shim/with-selector");
 require("./react-page.cjs.js");
 require("redux");
@@ -46,9 +14,12 @@ require("./slot.cjs.js");
 require("next/dynamic");
 require("@apollo/client");
 require("@apollo/client/link/batch-http");
+require("slate");
 require("./graphql.cjs.js");
 require("./shape.cjs.js");
+require("styled-components");
 require("./text-input.cjs.js");
+require("@emotion/css");
 require("color");
 require("scroll-into-view-if-needed");
 require("./box-models.cjs.js");
@@ -56,373 +27,22 @@ require("css-box-model");
 require("react-dom");
 require("html-react-parser");
 require("next/head");
+require("@emotion/server/create-instance");
+require("next/document");
+require("cookie");
+require("cors");
+require("http-proxy");
+require("set-cookie-parser");
 require("uuid/v4");
 require("corporate-ipsum");
-function _interopDefaultLegacy(e) {
-  return e && typeof e === "object" && "default" in e ? e : { "default": e };
-}
-var createEmotionServer__default = /* @__PURE__ */ _interopDefaultLegacy(createEmotionServer);
-var NextDocument__default = /* @__PURE__ */ _interopDefaultLegacy(NextDocument);
-var Cors__default = /* @__PURE__ */ _interopDefaultLegacy(Cors);
-class Makeswift {
-  constructor(apiKey, { apiOrigin = "https://api.makeswift.com" } = {}) {
-    __publicField(this, "apiKey");
-    __publicField(this, "apiOrigin");
-    if (typeof apiKey !== "string") {
-      throw new Error(`The Makeswift client must be passed a valid Makeswift site API key: \`new Makeswift('<makeswift_site_api_key>')\`
-Received "${apiKey}" instead.`);
-    }
-    this.apiKey = apiKey;
-    try {
-      this.apiOrigin = new URL(apiOrigin);
-    } catch {
-      throw new Error(`The Makeswift client received an invalid \`apiOrigin\` parameter: "${apiOrigin}".`);
-    }
-  }
-  async fetch(path, init) {
-    const response = await fetch(new URL(path, this.apiOrigin).toString(), __spreadProps(__spreadValues({}, init), {
-      headers: __spreadProps(__spreadValues({}, init == null ? void 0 : init.headers), { ["X-API-Key"]: this.apiKey })
-    }));
-    return response;
-  }
-  async getPages(params = {}) {
-    const searchParams = new URLSearchParams(params);
-    const response = await this.fetch(`/v1/pages?${searchParams}`);
-    if (!response.ok) {
-      throw new Error(`Failed to get pages with error: "${response.statusText}"`);
-    }
-    const json = await response.json();
-    return json;
-  }
-  async createSnapshot(document) {
-    const client = new index.MakeswiftClient({ uri: new URL("graphql", this.apiOrigin).href });
-    const cacheData = await client.prefetch(document.data);
-    return { document, apiOrigin: this.apiOrigin.href, cacheData };
-  }
-  async getPageSnapshotByPageId(pageId, { preview = false } = {}) {
-    const searchParams = new URLSearchParams({ preview: String(preview) });
-    const response = await this.fetch(`/v1/pages/${pageId}/document?${searchParams}`);
-    if (!response.ok) {
-      if (response.status === 404)
-        return null;
-      throw new Error(`Failed to get snapshot with error: "${response.statusText}"`);
-    }
-    const document = await response.json();
-    return await this.createSnapshot(document);
-  }
-  async getPageSnapshot(path, { preview } = {}) {
-    const [page] = await this.getPages({ path });
-    if (page == null)
-      return null;
-    const snapshot = this.getPageSnapshotByPageId(page.id, { preview });
-    return snapshot;
-  }
-}
-function PreviewModeScript({
-  isPreview = false,
-  appOrigin = "https://app.makeswift.com"
-}) {
-  const __html = `
-const isPreview = ${isPreview}
-const appOrigin = '${appOrigin.replace("'", "\\'")}'
-const searchParamName = 'x-makeswift-preview-mode'
-const headerName = 'X-Makeswift-Preview-Mode'
-const originalUrl = new URL(window.location.href)
-
-if (window.parent !== window) {
-  window.addEventListener('message', event => {
-    if (event.origin === appOrigin && event.data.type === 'makeswift_preview_mode') {
-      const { secret } = event.data
-
-      if (!isPreview && !originalUrl.searchParams.has(searchParamName)) {
-        const url = new URL(originalUrl)
-
-        url.searchParams.set(searchParamName, secret)
-
-        window.location.replace(url)
-      } else {
-        const originalFetch = window.fetch
-
-        window.fetch = function patchedFetch(input, init) {
-          return originalFetch.call(this, input, {
-            ...init,
-            headers: { ...init?.headers, [headerName]: secret },
-          })
-        }
-      }
-    }
-  })
-
-  window.parent.postMessage({ type: 'makeswift_preview_mode' }, appOrigin)
-}
-
-if (originalUrl.searchParams.has(searchParamName)) {
-  const url = new URL(originalUrl)
-
-  url.searchParams.delete(searchParamName)
-
-  window.history.replaceState(null, '', url)
-}
-`;
-  return /* @__PURE__ */ jsxRuntime.jsx("script", {
-    id: "makeswift-preview-mode",
-    type: "module",
-    dangerouslySetInnerHTML: {
-      __html
-    }
-  });
-}
-class Document extends NextDocument__default["default"] {
-  static async getInitialProps(ctx) {
-    const sheet = new styled.ServerStyleSheet();
-    const originalRenderPage = ctx.renderPage;
-    try {
-      ctx.renderPage = () => originalRenderPage({
-        enhanceApp: (App) => (props) => sheet.collectStyles(/* @__PURE__ */ jsxRuntime.jsx(App, __spreadValues({}, props)))
-      });
-      const initialProps = await NextDocument__default["default"].getInitialProps(ctx);
-      slate.KeyUtils.resetGenerator();
-      const {
-        extractCritical
-      } = createEmotionServer__default["default"](css.cache);
-      const {
-        ids,
-        css: css$1
-      } = extractCritical(initialProps.html);
-      return __spreadProps(__spreadValues({}, initialProps), {
-        styles: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [initialProps.styles, sheet.getStyleElement(), /* @__PURE__ */ jsxRuntime.jsx("style", {
-            "data-emotion": `css ${ids.join(" ")}`,
-            dangerouslySetInnerHTML: {
-              __html: css$1
-            }
-          })]
-        })
-      });
-    } finally {
-      sheet.seal();
-    }
-  }
-  render() {
-    const {
-      isPreview
-    } = this.props.__NEXT_DATA__;
-    return /* @__PURE__ */ jsxRuntime.jsxs(NextDocument.Html, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(NextDocument.Head, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(PreviewModeScript, {
-          isPreview
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsxs("body", {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(NextDocument.Main, {}), /* @__PURE__ */ jsxRuntime.jsx(NextDocument.NextScript, {})]
-      })]
-    });
-  }
-}
-const version = "0.2.2";
-function MakeswiftApiHandler(apiKey, { appOrigin = "https://app.makeswift.com" } = {}) {
-  const cors = Cors__default["default"]({ origin: appOrigin });
-  const previewModeProxy = httpProxy.createProxyServer();
-  previewModeProxy.on("proxyReq", (proxyReq) => {
-    proxyReq.removeHeader("X-Makeswift-Preview-Mode");
-    const url = new URL(proxyReq.path, "http://n");
-    url.searchParams.delete("x-makeswift-preview-mode");
-    proxyReq.path = url.pathname + url.search;
-  });
-  if (typeof apiKey !== "string") {
-    throw new Error(`The Makeswift Next.js API handler must be passed a valid Makeswift site API key: \`MakeswiftApiHandler('<makeswift_site_api_key>')\`
-Received "${apiKey}" instead.`);
-  }
-  return async function makeswiftApiHandler(req, res) {
-    var _a;
-    await new Promise((resolve, reject) => {
-      cors(req, res, (err) => {
-        if (err instanceof Error)
-          reject(err);
-        else
-          resolve();
-      });
-    });
-    const { makeswift } = req.query;
-    if (!Array.isArray(makeswift)) {
-      throw new Error(`The Makeswift Next.js API handler must be used in a dynamic catch-all route named \`[...makeswift]\`.
-Received "${makeswift}" for the \`makeswift\` param instead.
-Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes`);
-    }
-    const action = makeswift.join("/");
-    switch (action) {
-      case "manifest": {
-        if (req.query.secret !== apiKey)
-          return res.status(401).json({ message: "Unauthorized" });
-        return res.json({
-          version,
-          previewMode: true
-        });
-      }
-      case "revalidate": {
-        if (req.query.secret !== apiKey) {
-          return res.status(401).json({ message: "Unauthorized" });
-        }
-        if (typeof req.query.path !== "string") {
-          return res.status(400).json({ message: "Bad Request" });
-        }
-        const revalidate = (_a = res.revalidate) != null ? _a : res.unstable_revalidate;
-        if (typeof revalidate !== "function") {
-          const message = `Cannot revalidate path "${req.query.path}" because \`revalidate\` function does not exist in API handler response. Please update to Next.js v12.2.0 or higher for support for on-demand revalidation.
-Read more here: https://nextjs.org/blog/next-12-2#on-demand-incremental-static-regeneration-stable`;
-          console.warn(message);
-          return res.json({ revalidated: false });
-        }
-        try {
-          await revalidate(req.query.path);
-          return res.json({ revalidated: true });
-        } catch (error) {
-          return res.status(500).json({ message: "Error Revalidating" });
-        }
-      }
-      case "proxy-preview-mode": {
-        if (req.query.secret !== apiKey)
-          return res.status(401).send("Unauthorized");
-        const host = req.headers.host;
-        if (host == null)
-          return res.status(400).send("Bad Request");
-        const forwardedProto = req.headers["x-forwarded-proto"];
-        const proto = typeof forwardedProto === "string" ? forwardedProto : "http";
-        let target = `${proto}://${host}`;
-        if (process.env["NODE_ENV"] !== "production") {
-          const port = req.socket.localPort;
-          if (port != null)
-            target = `http://localhost:${port}`;
-        }
-        const setCookie = res.setPreviewData({ makeswift: true }).getHeader("Set-Cookie");
-        res.removeHeader("Set-Cookie");
-        if (!Array.isArray(setCookie))
-          return res.status(500).send("Internal Server Error");
-        const cookie$1 = setCookieParser.parse(setCookie).map((cookie2) => cookie.serialize(cookie2.name, cookie2.value, cookie2)).join(";");
-        return await new Promise((resolve, reject) => previewModeProxy.web(req, res, { target, headers: { cookie: cookie$1 } }, (err) => {
-          if (err)
-            reject(err);
-          else
-            resolve();
-        }));
-      }
-      default:
-        return res.status(404).json({ message: "Not Found" });
-    }
-  };
-}
-function getApiOrigin() {
-  var _a;
-  const apiOriginString = (_a = process["env"].MAKESWIFT_API_HOST) != null ? _a : "https://api.makeswift.com";
-  try {
-    const url = new URL(apiOriginString);
-    return url.origin;
-  } catch (error) {
-    const errorMessage = `"MAKESWIFT_API_HOST" environment variable must be a valid URL. Expected something like "https://api.makeswift.com" but instead received "${apiOriginString}".`;
-    throw new Error(errorMessage);
-  }
-}
-const uuidRegExp = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/;
-function getApiKey() {
-  const apiKey = process["env"].MAKESWIFT_SITE_API_KEY;
-  if (apiKey == null) {
-    const errorMessage = '"MAKESWIFT_SITE_API_KEY" environment variable must be set. Please add your site API key to your `.env.local` file. More info: https://www.makeswift.com/docs/guides/manual-setup#add-environment-variables';
-    throw new Error(errorMessage);
-  }
-  if (!uuidRegExp.test(apiKey)) {
-    const errorMEssage = `Invalid Makeswift site API key "${apiKey}". Please check your \`.env.local\` file for the "MAKESWIFT_SITE_API_KEY" environment variable. More info: https://www.makeswift.com/docs/guides/manual-setup#add-environment-variables`;
-    throw new Error(errorMEssage);
-  }
-  return apiKey;
-}
-function deprecationWarning(methodName) {
-  const warningMessage = `The \`${methodName}\` export has been deprecated and will be removed in the next minor version. More info: https://github.com/makeswift/makeswift/releases/tag/%40makeswift%2Fruntime%400.2.0`;
-  if (process.env["NODE_ENV"] !== "production")
-    console.warn(warningMessage);
-}
-async function getStaticPaths() {
-  deprecationWarning("getStaticPaths");
-  const makeswift = new Makeswift(getApiKey(), {
-    apiOrigin: getApiOrigin()
-  });
-  const pages = await makeswift.getPages();
-  return {
-    paths: pages.map((page) => ({
-      params: {
-        path: page.path.split("/").filter((segment) => segment !== "")
-      }
-    })),
-    fallback: "blocking"
-  };
-}
-const REVALIDATE_SECONDS = 1;
-async function getStaticProps(ctx) {
-  var _a, _b, _c;
-  deprecationWarning("getStaticProps");
-  const makeswift = new Makeswift(getApiKey(), {
-    apiOrigin: getApiOrigin()
-  });
-  const path = "/" + ((_b = (_a = ctx.params) == null ? void 0 : _a.path) != null ? _b : []).join("/");
-  const snapshot = await makeswift.getPageSnapshot(path, {
-    preview: ((_c = ctx.previewData) == null ? void 0 : _c.makeswift) === true
-  });
-  if (snapshot == null)
-    return {
-      notFound: true,
-      revalidate: REVALIDATE_SECONDS
-    };
-  return {
-    props: {
-      snapshot
-    },
-    revalidate: REVALIDATE_SECONDS
-  };
-}
-async function getServerSideProps(ctx) {
-  var _a, _b;
-  deprecationWarning("getServerSideProps");
-  const makeswift = new Makeswift(getApiKey(), {
-    apiOrigin: getApiOrigin()
-  });
-  const path = "/" + ((_b = (_a = ctx.params) == null ? void 0 : _a.path) != null ? _b : []).join("/");
-  const snapshot = await makeswift.getPageSnapshot(path, {
-    preview: true
-  });
-  if (snapshot == null)
-    return {
-      notFound: true
-    };
-  return {
-    props: {
-      snapshot
-    }
-  };
-}
-function Page({
-  snapshot
-}) {
-  const [client] = React.useState(() => new index.MakeswiftClient({
-    uri: new URL("graphql", snapshot.apiOrigin).href,
-    cacheData: snapshot.cacheData
-  }));
-  React.useEffect(() => {
-    client.updateCacheData(snapshot.cacheData);
-  }, [client, snapshot]);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.RuntimeProvider, {
-    client,
-    rootElements: /* @__PURE__ */ new Map([[snapshot.document.id, snapshot.document.data]]),
-    children: /* @__PURE__ */ jsxRuntime.jsx(index.Page, {
-      document: snapshot.document
-    })
-  });
-}
-exports.MakeswiftClient = index.MakeswiftClient;
-exports.forwardNextDynamicRef = index.forwardNextDynamicRef;
-exports.Document = Document;
-exports.Makeswift = Makeswift;
-exports.MakeswiftApiHandler = MakeswiftApiHandler;
-exports.Page = Page;
-exports.PreviewModeScript = PreviewModeScript;
-exports.getServerSideProps = getServerSideProps;
-exports.getStaticPaths = getStaticPaths;
-exports.getStaticProps = getStaticProps;
+exports.Document = next.Document;
+exports.Makeswift = next.Makeswift;
+exports.MakeswiftApiHandler = next.MakeswiftApiHandler;
+exports.MakeswiftClient = next.MakeswiftClient;
+exports.Page = next.Page$1;
+exports.PreviewModeScript = next.PreviewModeScript;
+exports.forwardNextDynamicRef = next.forwardNextDynamicRef;
+exports.getServerSideProps = next.getServerSideProps;
+exports.getStaticPaths = next.getStaticPaths;
+exports.getStaticProps = next.getStaticProps;
 //# sourceMappingURL=next.cjs.js.map