@makeswift/runtime 0.0.0-e89d176 → 0.0.0-ef05bba

package/dist/descriptors.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptors.es.js","sources":["../src/prop-controllers/descriptors.ts"],"sourcesContent":["import type * as Slate from 'slate'\nimport type { Element, Data } from '../state/react-page'\n\n// See https://github.com/microsoft/TypeScript/issues/15300\nexport type IndexSignatureHack<T> = T extends Record<string, any>\n  ? { [K in keyof T]: IndexSignatureHack<T[K]> }\n  : T\n\nexport type Device = 'desktop' | 'tablet' | 'mobile'\n\nexport type DeviceOverride<T> = { deviceId: Device; value: T }\n\nexport type ResponsiveValue<T> = DeviceOverride<T>[]\n\nexport type ResponsiveValueType<T> = T extends ResponsiveValue<infer U> ? U : never\n\ntype Color = { swatchId: string; alpha: number }\n\ntype IconName =\n  | 'HeightAuto16'\n  | 'HeightMatch16'\n  | 'VerticalAlignStart16'\n  | 'VerticalAlignMiddle16'\n  | 'VerticalAlignEnd16'\n  | 'VerticalAlignSpaceBetween16'\n  | 'ButtonPill16'\n  | 'ButtonRounded16'\n  | 'ButtonSquare16'\n  | 'SizeSmall16'\n  | 'SizeMedium16'\n  | 'SizeLarge16'\n  | 'ArrowInside16'\n  | 'ArrowCenter16'\n  | 'ArrowOutside16'\n  | 'CountdownSolid16'\n  | 'CountdownSolidSplit16'\n  | 'CountdownOutline16'\n  | 'CountdownOutlineSplit16'\n  | 'CountdownNaked16'\n  | 'Sun16'\n  | 'Moon16'\n  | 'AlignLeft16'\n  | 'AlignCenter16'\n  | 'AlignRight16'\n  | 'Star16'\n  | 'StarCircle16'\n  | 'StarRoundedSquare16'\n  | 'StarSquare16'\n\ntype Gap = { value: number; unit: 'px' }\n\nexport type Length = { value: number; unit: 'px' | '%' }\n\ntype OpenPageLink = {\n  type: 'OPEN_PAGE'\n  payload: { pageId: string | null | undefined; openInNewTab: boolean }\n}\n\ntype OpenURLLink = { type: 'OPEN_URL'; payload: { url: string; openInNewTab: boolean } }\n\ntype SendEmailLink = {\n  type: 'SEND_EMAIL'\n  payload: { to: string; subject?: string; body?: string }\n}\n\ntype CallPhoneLink = { type: 'CALL_PHONE'; payload: { phoneNumber: string } }\n\ntype ScrollToElementLink = {\n  type: 'SCROLL_TO_ELEMENT'\n  payload: {\n    elementIdConfig: { elementKey: string; propName: string } | null | undefined\n    block: 'start' | 'center' | 'end'\n  }\n}\n\ntype Link = OpenPageLink | OpenURLLink | SendEmailLink | CallPhoneLink | ScrollToElementLink\n\ntype TextStyle = {\n  fontFamily?: string | null | undefined\n  letterSpacing: number | null | undefined\n  fontSize: { value: number; unit: 'px' } | null | undefined\n  fontWeight: number | null | undefined\n  textTransform: 'uppercase'[]\n  fontStyle: 'italic'[]\n}\n\nexport const Types = {\n  Backgrounds: 'Backgrounds',\n  Border: 'Border',\n  BorderRadius: 'BorderRadius',\n  Checkbox: 'Checkbox',\n  Date: 'Date',\n  ElementID: 'ElementID',\n  Font: 'Font',\n  GapX: 'GapX',\n  GapY: 'GapY',\n  Grid: 'Grid',\n  Image: 'Image',\n  Images: 'Images',\n  Link: 'Link',\n  List: 'List',\n  Margin: 'Margin',\n  NavigationLinks: 'NavigationLinks',\n  Number: 'Number',\n  Padding: 'Padding',\n  ResponsiveColor: 'ResponsiveColor',\n  ResponsiveIconRadioGroup: 'ResponsiveIconRadioGroup',\n  ResponsiveLength: 'ResponsiveLength',\n  ResponsiveNumber: 'ResponsiveNumber',\n  ResponsiveOpacity: 'ResponsiveOpacity',\n  ResponsiveSelect: 'ResponsiveSelect',\n  RichText: 'RichText',\n  Shadows: 'Shadows',\n  Shape: 'Shape',\n  SocialLinks: 'SocialLinks',\n  Table: 'Table',\n  TableFormFields: 'TableFormFields',\n  TextArea: 'TextArea',\n  TextInput: 'TextInput',\n  TextStyle: 'TextStyle',\n  Video: 'Video',\n  Width: 'Width',\n} as const\n\ntype Options<T> = T | ((props: Record<string, unknown>, decideMode: Device) => T)\n\ntype ColorBackground = { type: 'color'; id: string; payload: Color | null }\n\ntype GradientStop = { id: string; location: number; color: Color | null }\n\ntype Gradient = { angle?: number; isRadial?: boolean; stops: GradientStop[] }\n\ntype GradientBackground = { type: 'gradient'; id: string; payload: Gradient }\n\ntype BackgroundImagePosition = { x: number; y: number }\n\ntype BackgroundImageSize = 'cover' | 'contain' | 'auto'\n\ntype BackgroundImageRepeat = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n\ntype BackgroundImage = {\n  imageId: string\n  position: BackgroundImagePosition\n  size?: BackgroundImageSize\n  repeat?: BackgroundImageRepeat\n  opacity?: number\n  parallax?: number\n}\n\ntype ImageBackground = { type: 'image'; id: string; payload: BackgroundImage }\n\ntype BackgroundVideoAspectRatio = 'wide' | 'standard'\n\ntype BackgroundVideo = {\n  url?: string\n  maskColor?: Color | null\n  opacity?: number\n  zoom?: number\n  aspectRatio?: BackgroundVideoAspectRatio\n  parallax?: number\n}\n\ntype VideoBackground = { type: 'video'; id: string; payload: BackgroundVideo }\n\ntype Background = ColorBackground | GradientBackground | ImageBackground | VideoBackground\n\nexport type BackgroundsValue = ResponsiveValue<Background[]>\n\ntype BackgroundsOptions = Options<Record<string, never>>\n\ntype BackgroundsDescriptor<_T = BackgroundsValue> = {\n  type: typeof Types.Backgrounds\n  options: BackgroundsOptions\n}\n\nexport function Backgrounds(options: BackgroundsOptions = {}): BackgroundsDescriptor {\n  return { type: Types.Backgrounds, options }\n}\n\ntype BorderSideStyle = 'dashed' | 'dotted' | 'solid'\n\ntype BorderSide = { width: number | null | undefined; style: BorderSideStyle; color?: Color | null }\n\ntype Border = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `border${Capitalize<K>}`]:\n    | BorderSide\n    | null\n    | undefined\n}\n\nexport type BorderValue = ResponsiveValue<Border>\n\ntype BorderOptions = Options<Record<string, never>>\n\ntype BorderDescriptor<_T = BorderValue> = { type: typeof Types.Border; options: BorderOptions }\n\nexport function Border(options: BorderOptions = {}): BorderDescriptor {\n  return { type: Types.Border, options }\n}\n\ntype BorderRadius = {\n  [K in 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' as `border${Capitalize<K>}Radius`]:\n    | Length\n    | null\n    | undefined\n}\n\nexport type BorderRadiusValue = ResponsiveValue<BorderRadius>\n\ntype BorderRadiusOptions = Options<Record<string, never>>\n\ntype BorderRadiusDescriptor<_T = BorderRadiusValue> = {\n  type: typeof Types.BorderRadius\n  options: BorderRadiusOptions\n}\n\nexport function BorderRadius(options: BorderRadiusOptions = {}): BorderRadiusDescriptor {\n  return { type: Types.BorderRadius, options }\n}\n\nexport type CheckboxValue = boolean\n\ntype CheckboxOptions = Options<{\n  preset?: CheckboxValue\n  label: string\n  hidden?: boolean\n}>\n\ntype CheckboxDescriptor<_T = CheckboxValue> = {\n  type: typeof Types.Checkbox\n  options: CheckboxOptions\n}\n\nexport function Checkbox(options: CheckboxOptions): CheckboxDescriptor {\n  return { type: Types.Checkbox, options }\n}\n\nexport type DateValue = string\n\ntype DateOptions = Options<{ preset?: DateValue }>\n\ntype DateDescriptor<_T = DateValue> = { type: typeof Types.Date; options: DateOptions }\n\nexport function Date(options: DateOptions = {}): DateDescriptor {\n  return { type: Types.Date, options }\n}\n\nexport type ElementIDValue = string\n\ntype ElementIDOptions = Options<Record<string, never>>\n\ntype ElementIDDescriptor<_T = ElementIDValue> = {\n  type: typeof Types.ElementID\n  options: ElementIDOptions\n}\n\nexport function ElementID(options: ElementIDOptions = {}): ElementIDDescriptor {\n  return { type: Types.ElementID, options }\n}\n\nexport type FontValue = ResponsiveValue<string>\n\ntype FontOptions = Options<{ preset?: FontValue; label?: string }>\n\ntype FontDescriptor<_T = FontValue> = { type: typeof Types.Font; options: FontOptions }\n\nexport function Font(options: FontOptions = {}): FontDescriptor {\n  return { type: Types.Font, options }\n}\n\nexport type GapXValue = ResponsiveValue<Gap>\n\ntype GapXOptions = Options<{\n  preset?: GapXValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}>\n\ntype GapXDescriptor<_T = GapXValue> = { type: typeof Types.GapX; options: GapXOptions }\n\nexport function GapX(options: GapXOptions = {}): GapXDescriptor {\n  return { type: Types.GapX, options }\n}\n\nexport type GapYValue = ResponsiveValue<Gap>\n\ntype GapYOptions = Options<{\n  preset?: GapYValue\n  label?: string\n  defaultValue?: Gap\n  step?: number\n  min?: number\n  max?: number\n  hidden?: boolean\n}>\n\ntype GapYDescriptor<_T = GapYValue> = { type: typeof Types.GapY; options: GapYOptions }\n\nexport function GapY(options: GapYOptions = {}): GapYDescriptor {\n  return { type: Types.GapY, options }\n}\n\ntype GridColumn = { count: number; spans: number[][] }\n\nexport type GridValue = { elements: Element[]; columns: ResponsiveValue<GridColumn> }\n\ntype GridOptions = Options<Record<string, never>>\n\ntype GridDescriptor<_T = GridValue> = { type: typeof Types.Grid; options: GridOptions }\n\nexport function Grid(options: GridOptions = {}): GridDescriptor {\n  return { type: Types.Grid, options }\n}\n\nexport type ImageValue = string\n\ntype ImageOptions = Options<{ label?: string; hidden?: boolean }>\n\ntype ImageDescriptor<_T = ImageValue> = { type: typeof Types.Image; options: ImageOptions }\n\nexport function Image(options: ImageOptions = {}): ImageDescriptor {\n  return { type: Types.Image, options }\n}\n\nexport type ImagesValue = { key: string; props: { link?: Link; file?: string; altText?: string } }[]\n\ntype ImagesOptions = Options<{ preset?: ImagesValue }>\n\ntype ImagesDescriptor<_T = ImagesValue> = { type: typeof Types.Images; options: ImagesOptions }\n\nexport function Images(options: ImagesOptions = {}): ImagesDescriptor {\n  return { type: Types.Images, options }\n}\n\nexport type LinkValue = Link\n\ntype LinkOptions = Options<{\n  preset?: LinkValue\n  label?: string\n  defaultValue?: Link\n  options?: { value: Link['type']; label: string }[]\n  hidden?: boolean\n}>\n\ntype LinkDescriptor<_T = LinkValue> = { type: typeof Types.Link; options: LinkOptions }\n\nexport function Link(options: LinkOptions = {}): LinkDescriptor {\n  return { type: Types.Link, options }\n}\n\ntype ListValueItem<T extends Data> = { id: string; value?: T }\n\ntype ListValue<T extends Data = Data> = ListValueItem<T>[]\n\ntype ListOptions<T extends Data> = Options<{\n  type: PanelDescriptor<T>\n  label?: string\n  preset?: ListValue<T>\n  defaultValue?: ListValue<T>\n}>\n\ntype ListDescriptor<T extends ListValue> = {\n  type: typeof Types.List\n  options: ListOptions<T[number]['value']>\n}\n\nexport function List<T extends Data>(options: ListOptions<T>): ListDescriptor<ListValue<T>> {\n  return { type: Types.List, options }\n}\n\ntype MarginSide = { value: number; unit: 'px' } | 'auto'\n\ntype Margin = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `margin${Capitalize<K>}`]:\n    | MarginSide\n    | null\n    | undefined\n}\n\nexport type MarginValue = ResponsiveValue<Margin>\n\ntype MarginOptions = Options<{ preset?: MarginValue }>\n\ntype MarginDescriptor<_T = MarginValue> = { type: typeof Types.Margin; options: MarginOptions }\n\nexport function Margin(options: MarginOptions = {}): MarginDescriptor {\n  return { type: Types.Margin, options }\n}\n\ntype ButtonVariant = 'flat' | 'outline' | 'shadow' | 'clear' | 'blocky' | 'bubbly' | 'skewed'\n\ntype ButtonShape = 'pill' | 'rounded' | 'square'\n\ntype ButtonSize = 'small' | 'medium' | 'large'\n\ntype NavigationButton = {\n  id: string\n  type: 'button'\n  payload: {\n    label: string\n    link?: Link\n    variant?: ResponsiveValue<ButtonVariant>\n    shape?: ResponsiveValue<ButtonShape>\n    size?: ResponsiveValue<ButtonSize>\n    textColor?: ResponsiveValue<Color>\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\ntype NavigationDropdownCaretType = 'caret' | 'plus' | 'arrow-down' | 'chevron-down'\n\ntype NavigationDropdownLink = {\n  id: string\n  payload: {\n    label: string\n    link?: Link\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\ntype NavigationDropdown = {\n  id: string\n  type: 'dropdown'\n  payload: {\n    label: string\n    caret?: NavigationDropdownCaretType\n    links?: NavigationDropdownLink[]\n    variant?: ResponsiveValue<ButtonVariant>\n    shape?: ResponsiveValue<ButtonShape>\n    size?: ResponsiveValue<ButtonSize>\n    textColor?: ResponsiveValue<Color>\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\nexport type NavigationLinksValue = (NavigationButton | NavigationDropdown)[]\n\ntype NavigationLinksOptions = Options<Record<string, never>>\n\ntype NavigationLinksDescriptor<_T = NavigationLinksValue> = {\n  type: typeof Types.NavigationLinks\n  options: NavigationLinksOptions\n}\n\nexport function NavigationLinks(options: NavigationLinksOptions = {}): NavigationLinksDescriptor {\n  return { type: Types.NavigationLinks, options }\n}\n\nexport type NumberValue = number\n\ntype NumberOptions = Options<{\n  preset?: NumberValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}>\n\ntype NumberDescriptor<_T = NumberValue> = { type: typeof Types.Number; options: NumberOptions }\n\nexport function Number(options: NumberOptions = {}): NumberDescriptor {\n  return { type: Types.Number, options }\n}\n\ntype PaddingSide = { value: number; unit: 'px' }\n\ntype Padding = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `padding${Capitalize<K>}`]:\n    | PaddingSide\n    | null\n    | undefined\n}\n\nexport type PaddingValue = ResponsiveValue<Padding>\n\ntype PaddingOptions = Options<{ preset?: PaddingValue }>\n\ntype PaddingDescriptor<_T = PaddingValue> = { type: typeof Types.Padding; options: PaddingOptions }\n\nexport function Padding(options: PaddingOptions = {}): PaddingDescriptor {\n  return { type: Types.Padding, options }\n}\n\nexport type ResponsiveColorValue = ResponsiveValue<Color>\n\ntype ResponsiveColorOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\ntype ResponsiveColorDescriptor<_T = ResponsiveColorValue> = {\n  type: typeof Types.ResponsiveColor\n  options: ResponsiveColorOptions\n}\n\nexport function ResponsiveColor(options: ResponsiveColorOptions = {}): ResponsiveColorDescriptor {\n  return { type: Types.ResponsiveColor, options }\n}\n\ntype IconRadioGroupOption<T extends string> = { value: T; label: string; icon: IconName }\n\nexport type ResponsiveIconRadioGroupValue<T extends string> = ResponsiveValue<T>\n\ntype ResponsiveIconRadioGroupOptions<T extends string, U extends T = T> = Options<{\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\ntype ResponsiveIconRadioGroupDescriptor<T extends ResponsiveIconRadioGroupValue<string>> = {\n  type: typeof Types.ResponsiveIconRadioGroup\n  options: ResponsiveIconRadioGroupOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\nexport function ResponsiveIconRadioGroup<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveIconRadioGroupOptions<T, U>,\n): ResponsiveIconRadioGroupDescriptor<ResponsiveIconRadioGroupValue<T>> {\n  return { type: Types.ResponsiveIconRadioGroup, options }\n}\n\nexport type ResponsiveLengthValue = ResponsiveValue<Length>\n\ntype LengthOption =\n  | { value: 'px'; label: 'Pixels'; icon: 'Px16' }\n  | { value: '%'; label: 'Percentage'; icon: 'Percent16' }\n\ntype ResponsiveLengthOptions = Options<{\n  label?: string\n  options?: LengthOption[]\n  defaultValue?: Length\n  hidden?: boolean\n}>\n\ntype ResponsiveLengthDescriptor<_T = ResponsiveLengthValue> = {\n  type: typeof Types.ResponsiveLength\n  options: ResponsiveLengthOptions\n}\n\nexport function ResponsiveLength(\n  options: ResponsiveLengthOptions = {},\n): ResponsiveLengthDescriptor {\n  return { type: Types.ResponsiveLength, options }\n}\n\nexport type ResponsiveNumberValue = ResponsiveValue<number>\n\ntype ResponsiveNumberOptions = Options<{\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}>\n\ntype ResponsiveNumberDescriptor<_T = ResponsiveNumberValue> = {\n  type: typeof Types.ResponsiveNumber\n  options: ResponsiveNumberOptions\n}\n\nexport function ResponsiveNumber(\n  options: ResponsiveNumberOptions = {},\n): ResponsiveNumberDescriptor {\n  return { type: Types.ResponsiveNumber, options }\n}\n\nexport type ResponsiveOpacityValue = ResponsiveValue<number>\n\ntype ResponsiveOpacityOptions = Options<Record<string, never>>\n\ntype ResponsiveOpacityDescriptor<_T = ResponsiveOpacityValue> = {\n  type: typeof Types.ResponsiveOpacity\n  options: ResponsiveOpacityOptions\n}\n\nexport function ResponsiveOpacity(\n  options: ResponsiveOpacityOptions = {},\n): ResponsiveOpacityDescriptor {\n  return { type: Types.ResponsiveOpacity, options }\n}\n\nexport type ResponsiveSelectValue<T extends string> = ResponsiveValue<T>\n\ntype SelectLabelOrientation = 'vertical' | 'horizontal'\n\ntype SelectOption<T extends string> = { value: T; label: string }\n\ntype ResponsiveSelectOptions<T extends string, U extends T = T> = Options<{\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\ntype ResponsiveSelectDescriptor<T extends ResponsiveSelectValue<string>> = {\n  type: typeof Types.ResponsiveSelect\n  options: ResponsiveSelectOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\nexport function ResponsiveSelect<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveSelectOptions<T, U>,\n): ResponsiveSelectDescriptor<ResponsiveSelectValue<T>> {\n  return { type: Types.ResponsiveSelect, options }\n}\n\nexport type RichTextValue = IndexSignatureHack<Slate.ValueJSON>\n\ntype RichTextOptions = Options<{ preset?: RichTextValue }>\n\ntype RichTextDescriptor<_T extends Data = RichTextValue> = {\n  type: typeof Types.RichText\n  options: RichTextOptions\n}\n\nexport function RichText(options: RichTextOptions = {}): RichTextDescriptor {\n  return { type: Types.RichText, options }\n}\n\ntype Shadow = {\n  color?: Color | null\n  blurRadius?: number\n  spreadRadius?: number\n  offsetX?: number\n  offsetY?: number\n  inset?: boolean\n}\n\ntype Shadows = { id: string; payload: Shadow }[]\n\nexport type ShadowsValue = ResponsiveValue<Shadows>\n\ntype ShadowsOptions = Options<Record<string, never>>\n\ntype ShadowsDescriptor<_T = ShadowsValue> = { type: typeof Types.Shadows; options: ShadowsOptions }\n\nexport function Shadows(options: ShadowsOptions = {}): ShadowsDescriptor {\n  return { type: Types.Shadows, options }\n}\n\nexport type ShapeValue<T extends Data = Data> = Record<string, T>\n\ntype ShapeOptions<T extends Record<string, Descriptor>> = {\n  type: T\n  preset?: { [K in keyof T]?: DescriptorValueType<T[K]> }\n}\n\ntype ShapeDescriptor<_T extends Record<string, Data>, U extends Record<string, Descriptor>> = {\n  type: typeof Types.Shape\n  options: ShapeOptions<U>\n}\n\nexport function Shape<T extends Record<string, Descriptor>>(\n  options: ShapeOptions<T>,\n): ShapeDescriptor<{ [K in keyof T]?: DescriptorValueType<T[K]> }, T> {\n  return { type: Types.Shape, options }\n}\n\ntype SocialLinkType =\n  | 'angellist'\n  | 'codepen'\n  | 'dribbble'\n  | 'facebook'\n  | 'github'\n  | 'instagram'\n  | 'linkedin'\n  | 'medium'\n  | 'pinterest'\n  | 'reddit'\n  | 'rss'\n  | 'snapchat'\n  | 'soundcloud'\n  | 'spotify'\n  | 'telegram'\n  | 'tumblr'\n  | 'twitch'\n  | 'twitter'\n  | 'vimeo'\n  | 'whatsapp'\n  | 'yelp'\n  | 'youtube'\n\ntype SocialLink = { type: SocialLinkType; url: string }\n\ntype SocialLinksLink = { id: string; payload: SocialLink }\n\nexport type SocialLinksValue = { links: SocialLinksLink[]; openInNewTab: boolean }\n\ntype SocialLinksOptions = Options<{ preset?: SocialLinksValue }>\n\ntype SocialLinksDescriptor<_T = SocialLinksValue> = {\n  type: typeof Types.SocialLinks\n  options: SocialLinksOptions\n}\n\nexport function SocialLinks(options: SocialLinksOptions = {}): SocialLinksDescriptor {\n  return { type: Types.SocialLinks, options }\n}\n\nexport type TableValue = string\n\ntype TableOptions = Options<{ preset?: TableValue }>\n\ntype TableDescriptor<_T = TableValue> = { type: typeof Types.Table; options: TableOptions }\n\nexport function Table(options: TableOptions = {}): TableDescriptor {\n  return { type: Types.Table, options }\n}\n\ntype TableFormField = {\n  id: string\n  tableColumnId: string\n  label?: string\n  placeholder?: string\n  defaultValue?: string | boolean | string[]\n  required?: boolean\n  hidden?: boolean\n  type?: 'select' | 'radio'\n  hideLabel?: boolean\n  autofill?: boolean\n}\n\ntype Grid = { count: number; spans: number[][] }\n\nexport type TableFormFieldsValue = { fields: TableFormField[]; grid: ResponsiveValue<Grid> }\n\ntype TableFormFieldsOptions = Options<{ preset?: TableFormFieldsValue }>\n\ntype TableFormFieldsDescriptor<_T = TableFormFieldsValue> = {\n  type: typeof Types.TableFormFields\n  options: TableFormFieldsOptions\n}\n\nexport function TableFormFields(options: TableFormFieldsOptions = {}): TableFormFieldsDescriptor {\n  return { type: Types.TableFormFields, options }\n}\n\nexport type TextAreaValue = string\n\ntype TextAreaOptions = Options<{ preset?: TextAreaValue; label?: string; rows?: number }>\n\ntype TextAreaDescriptor<_T = TextAreaValue> = {\n  type: typeof Types.TextArea\n  options: TextAreaOptions\n}\n\nexport function TextArea(options: TextAreaOptions = {}): TextAreaDescriptor {\n  return { type: Types.TextArea, options }\n}\n\nexport type TextInputValue = string\n\ntype TextInputOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\ntype TextInputDescriptor<_T = TextInputValue> = {\n  type: typeof Types.TextInput\n  options: TextInputOptions\n}\n\nexport function TextInput(options: TextInputOptions = {}): TextInputDescriptor {\n  return { type: Types.TextInput, options }\n}\n\nexport type TextStyleValue = ResponsiveValue<TextStyle>\n\ntype TextStyleOptions = Options<{ preset?: TextStyleValue; label?: string; hidden?: boolean }>\n\ntype TextStyleDescriptor<_T = TextStyleValue> = {\n  type: typeof Types.TextStyle\n  options: TextStyleOptions\n}\n\nexport function TextStyle(options: TextStyleOptions = {}): TextStyleDescriptor {\n  return { type: Types.TextStyle, options }\n}\n\ntype Video = {\n  url?: string\n  muted?: boolean\n  playing?: boolean\n  loop?: boolean\n  controls?: boolean\n}\n\nexport type VideoValue = Video\n\ntype VideoOptions = Options<{ preset?: VideoValue }>\n\ntype VideoDescriptor<_T = VideoValue> = { type: typeof Types.Video; options: VideoOptions }\n\nexport function Video(options: VideoOptions = {}): VideoDescriptor {\n  return { type: Types.Video, options }\n}\n\nexport type WidthValue = ResponsiveValue<Length>\n\ntype WidthOptions = Options<{ preset?: WidthValue; defaultValue?: Length }>\n\ntype WidthDescriptor<_T = WidthValue> = { type: typeof Types.Width; options: WidthOptions }\n\nexport function Width(options: WidthOptions = {}): WidthDescriptor {\n  return { type: Types.Width, options }\n}\n\nexport type Descriptor<T extends Data = Data> =\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | GapXDescriptor<T>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | ListDescriptor<T extends ListValue ? T : ListValue>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveIconRadioGroupDescriptor<\n      T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>\n    >\n  | ResponsiveLengthDescriptor<T>\n  | ResponsiveNumberDescriptor<T>\n  | ResponsiveOpacityDescriptor<T>\n  | ResponsiveSelectDescriptor<\n      T extends ResponsiveSelectValue<string> ? T : ResponsiveSelectValue<string>\n    >\n  | RichTextDescriptor<T>\n  | ShadowsDescriptor<T>\n  | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n\ntype PanelDescriptorType =\n  | typeof Types.Backgrounds\n  | typeof Types.ResponsiveIconRadioGroup\n  | typeof Types.Margin\n  | typeof Types.Padding\n  | typeof Types.Border\n  | typeof Types.Shadows\n  | typeof Types.GapY\n  | typeof Types.GapX\n  | typeof Types.BorderRadius\n  | typeof Types.Checkbox\n  | typeof Types.TextInput\n  | typeof Types.Link\n  | typeof Types.List\n  | typeof Types.Shape\n  | typeof Types.ResponsiveSelect\n  | typeof Types.ResponsiveColor\n  | typeof Types.TextStyle\n  | typeof Types.Images\n  | typeof Types.ResponsiveNumber\n  | typeof Types.Number\n  | typeof Types.Date\n  | typeof Types.Font\n  | typeof Types.TextArea\n  | typeof Types.Table\n  | typeof Types.RichText\n  | typeof Types.Image\n  | typeof Types.ResponsiveOpacity\n  | typeof Types.SocialLinks\n  | typeof Types.Video\n  | typeof Types.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\nexport type DescriptorValueType<T extends Descriptor> = T extends Descriptor<infer U> ? U : never\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"descriptors.es.js","sources":["../src/prop-controllers/descriptors.ts"],"sourcesContent":["import type * as Slate from 'slate'\nimport type { Element, Data } from '../state/react-page'\n\n// See https://github.com/microsoft/TypeScript/issues/15300\nexport type IndexSignatureHack<T> = T extends Record<string, any>\n  ? { [K in keyof T]: IndexSignatureHack<T[K]> }\n  : T\n\nexport type Device = 'desktop' | 'tablet' | 'mobile'\n\nexport type DeviceOverride<T> = { deviceId: Device; value: T }\n\nexport type ResponsiveValue<T> = DeviceOverride<T>[]\n\nexport type ResponsiveValueType<T> = T extends ResponsiveValue<infer U> ? U : never\n\ntype Color = { swatchId: string; alpha: number }\n\ntype IconName =\n  | 'HeightAuto16'\n  | 'HeightMatch16'\n  | 'VerticalAlignStart16'\n  | 'VerticalAlignMiddle16'\n  | 'VerticalAlignEnd16'\n  | 'VerticalAlignSpaceBetween16'\n  | 'ButtonPill16'\n  | 'ButtonRounded16'\n  | 'ButtonSquare16'\n  | 'SizeSmall16'\n  | 'SizeMedium16'\n  | 'SizeLarge16'\n  | 'ArrowInside16'\n  | 'ArrowCenter16'\n  | 'ArrowOutside16'\n  | 'CountdownSolid16'\n  | 'CountdownSolidSplit16'\n  | 'CountdownOutline16'\n  | 'CountdownOutlineSplit16'\n  | 'CountdownNaked16'\n  | 'Sun16'\n  | 'Moon16'\n  | 'AlignLeft16'\n  | 'AlignCenter16'\n  | 'AlignRight16'\n  | 'Star16'\n  | 'StarCircle16'\n  | 'StarRoundedSquare16'\n  | 'StarSquare16'\n\ntype Gap = { value: number; unit: 'px' }\n\nexport type Length = { value: number; unit: 'px' | '%' }\n\ntype OpenPageLink = {\n  type: 'OPEN_PAGE'\n  payload: { pageId: string | null | undefined; openInNewTab: boolean }\n}\n\ntype OpenURLLink = { type: 'OPEN_URL'; payload: { url: string; openInNewTab: boolean } }\n\ntype SendEmailLink = {\n  type: 'SEND_EMAIL'\n  payload: { to: string; subject?: string; body?: string }\n}\n\ntype CallPhoneLink = { type: 'CALL_PHONE'; payload: { phoneNumber: string } }\n\ntype ScrollToElementLink = {\n  type: 'SCROLL_TO_ELEMENT'\n  payload: {\n    elementIdConfig: { elementKey: string; propName: string } | null | undefined\n    block: 'start' | 'center' | 'end'\n  }\n}\n\ntype Link = OpenPageLink | OpenURLLink | SendEmailLink | CallPhoneLink | ScrollToElementLink\n\ntype TextStyle = {\n  fontFamily?: string | null | undefined\n  letterSpacing: number | null | undefined\n  fontSize: { value: number; unit: 'px' } | null | undefined\n  fontWeight: number | null | undefined\n  textTransform: 'uppercase'[]\n  fontStyle: 'italic'[]\n}\n\nexport const Types = {\n  Backgrounds: 'Backgrounds',\n  Border: 'Border',\n  BorderRadius: 'BorderRadius',\n  Checkbox: 'Checkbox',\n  Date: 'Date',\n  ElementID: 'ElementID',\n  Font: 'Font',\n  GapX: 'GapX',\n  GapY: 'GapY',\n  Grid: 'Grid',\n  Image: 'Image',\n  Images: 'Images',\n  Link: 'Link',\n  List: 'List',\n  Margin: 'Margin',\n  NavigationLinks: 'NavigationLinks',\n  Number: 'Number',\n  Padding: 'Padding',\n  ResponsiveColor: 'ResponsiveColor',\n  ResponsiveIconRadioGroup: 'ResponsiveIconRadioGroup',\n  ResponsiveLength: 'ResponsiveLength',\n  ResponsiveNumber: 'ResponsiveNumber',\n  ResponsiveOpacity: 'ResponsiveOpacity',\n  ResponsiveSelect: 'ResponsiveSelect',\n  RichText: 'RichText',\n  Shadows: 'Shadows',\n  Shape: 'Shape',\n  SocialLinks: 'SocialLinks',\n  Table: 'Table',\n  TableFormFields: 'TableFormFields',\n  TextArea: 'TextArea',\n  TextInput: 'TextInput',\n  TextStyle: 'TextStyle',\n  Video: 'Video',\n  Width: 'Width',\n} as const\n\ntype Options<T> = T | ((props: Record<string, unknown>, decideMode: Device) => T)\n\ntype ColorBackground = { type: 'color'; id: string; payload: Color | null }\n\ntype GradientStop = { id: string; location: number; color: Color | null }\n\ntype Gradient = { angle?: number; isRadial?: boolean; stops: GradientStop[] }\n\ntype GradientBackground = { type: 'gradient'; id: string; payload: Gradient }\n\ntype BackgroundImagePosition = { x: number; y: number }\n\ntype BackgroundImageSize = 'cover' | 'contain' | 'auto'\n\ntype BackgroundImageRepeat = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n\ntype BackgroundImage = {\n  imageId: string\n  position: BackgroundImagePosition\n  size?: BackgroundImageSize\n  repeat?: BackgroundImageRepeat\n  opacity?: number\n  parallax?: number\n}\n\ntype ImageBackground = { type: 'image'; id: string; payload: BackgroundImage }\n\ntype BackgroundVideoAspectRatio = 'wide' | 'standard'\n\ntype BackgroundVideo = {\n  url?: string\n  maskColor?: Color | null\n  opacity?: number\n  zoom?: number\n  aspectRatio?: BackgroundVideoAspectRatio\n  parallax?: number\n}\n\ntype VideoBackground = { type: 'video'; id: string; payload: BackgroundVideo }\n\ntype Background = ColorBackground | GradientBackground | ImageBackground | VideoBackground\n\nexport type BackgroundsValue = ResponsiveValue<Background[]>\n\ntype BackgroundsOptions = Options<Record<string, never>>\n\ntype BackgroundsDescriptor<_T = BackgroundsValue> = {\n  type: typeof Types.Backgrounds\n  options: BackgroundsOptions\n}\n\nexport function Backgrounds(options: BackgroundsOptions = {}): BackgroundsDescriptor {\n  return { type: Types.Backgrounds, options }\n}\n\ntype BorderSideStyle = 'dashed' | 'dotted' | 'solid'\n\ntype BorderSide = { width: number | null | undefined; style: BorderSideStyle; color?: Color | null }\n\ntype Border = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `border${Capitalize<K>}`]:\n    | BorderSide\n    | null\n    | undefined\n}\n\nexport type BorderValue = ResponsiveValue<Border>\n\ntype BorderOptions = Options<Record<string, never>>\n\ntype BorderDescriptor<_T = BorderValue> = { type: typeof Types.Border; options: BorderOptions }\n\nexport function Border(options: BorderOptions = {}): BorderDescriptor {\n  return { type: Types.Border, options }\n}\n\ntype BorderRadius = {\n  [K in 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' as `border${Capitalize<K>}Radius`]:\n    | Length\n    | null\n    | undefined\n}\n\nexport type BorderRadiusValue = ResponsiveValue<BorderRadius>\n\ntype BorderRadiusOptions = Options<Record<string, never>>\n\ntype BorderRadiusDescriptor<_T = BorderRadiusValue> = {\n  type: typeof Types.BorderRadius\n  options: BorderRadiusOptions\n}\n\nexport function BorderRadius(options: BorderRadiusOptions = {}): BorderRadiusDescriptor {\n  return { type: Types.BorderRadius, options }\n}\n\nexport type CheckboxValue = boolean\n\ntype CheckboxOptions = Options<{\n  preset?: CheckboxValue\n  label: string\n  hidden?: boolean\n}>\n\ntype CheckboxDescriptor<_T = CheckboxValue> = {\n  type: typeof Types.Checkbox\n  options: CheckboxOptions\n}\n\nexport function Checkbox(options: CheckboxOptions): CheckboxDescriptor {\n  return { type: Types.Checkbox, options }\n}\n\nexport type DateValue = string\n\ntype DateOptions = Options<{ preset?: DateValue }>\n\ntype DateDescriptor<_T = DateValue> = { type: typeof Types.Date; options: DateOptions }\n\nexport function Date(options: DateOptions = {}): DateDescriptor {\n  return { type: Types.Date, options }\n}\n\nexport type ElementIDValue = string\n\ntype ElementIDOptions = Options<Record<string, never>>\n\ntype ElementIDDescriptor<_T = ElementIDValue> = {\n  type: typeof Types.ElementID\n  options: ElementIDOptions\n}\n\nexport function ElementID(options: ElementIDOptions = {}): ElementIDDescriptor {\n  return { type: Types.ElementID, options }\n}\n\nexport type FontValue = ResponsiveValue<string>\n\ntype FontOptions = Options<{ preset?: FontValue; label?: string }>\n\ntype FontDescriptor<_T = FontValue> = { type: typeof Types.Font; options: FontOptions }\n\nexport function Font(options: FontOptions = {}): FontDescriptor {\n  return { type: Types.Font, options }\n}\n\nexport type GapXValue = ResponsiveValue<Gap>\n\ntype GapXOptions = Options<{\n  preset?: GapXValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}>\n\ntype GapXDescriptor<_T = GapXValue> = { type: typeof Types.GapX; options: GapXOptions }\n\nexport function GapX(options: GapXOptions = {}): GapXDescriptor {\n  return { type: Types.GapX, options }\n}\n\nexport type GapYValue = ResponsiveValue<Gap>\n\ntype GapYOptions = Options<{\n  preset?: GapYValue\n  label?: string\n  defaultValue?: Gap\n  step?: number\n  min?: number\n  max?: number\n  hidden?: boolean\n}>\n\ntype GapYDescriptor<_T = GapYValue> = { type: typeof Types.GapY; options: GapYOptions }\n\nexport function GapY(options: GapYOptions = {}): GapYDescriptor {\n  return { type: Types.GapY, options }\n}\n\ntype GridColumn = { count: number; spans: number[][] }\n\nexport type GridValue = { elements: Element[]; columns: ResponsiveValue<GridColumn> }\n\ntype GridOptions = Options<Record<string, never>>\n\ntype GridDescriptor<_T = GridValue> = { type: typeof Types.Grid; options: GridOptions }\n\nexport function Grid(options: GridOptions = {}): GridDescriptor {\n  return { type: Types.Grid, options }\n}\n\nexport type ImageValue = string\n\ntype ImageOptions = Options<{ label?: string; hidden?: boolean }>\n\ntype ImageDescriptor<_T = ImageValue> = { type: typeof Types.Image; options: ImageOptions }\n\nexport function Image(options: ImageOptions = {}): ImageDescriptor {\n  return { type: Types.Image, options }\n}\n\nexport type ImagesValue = { key: string; props: { link?: Link; file?: string; altText?: string } }[]\n\ntype ImagesOptions = Options<{ preset?: ImagesValue }>\n\ntype ImagesDescriptor<_T = ImagesValue> = { type: typeof Types.Images; options: ImagesOptions }\n\nexport function Images(options: ImagesOptions = {}): ImagesDescriptor {\n  return { type: Types.Images, options }\n}\n\nexport type LinkValue = Link\n\ntype LinkOptions = Options<{\n  preset?: LinkValue\n  label?: string\n  defaultValue?: Link\n  options?: { value: Link['type']; label: string }[]\n  hidden?: boolean\n}>\n\ntype LinkDescriptor<_T = LinkValue> = { type: typeof Types.Link; options: LinkOptions }\n\nexport function Link(options: LinkOptions = {}): LinkDescriptor {\n  return { type: Types.Link, options }\n}\n\ntype ListValueItem<T extends Data> = { id: string; value?: T }\n\ntype ListValue<T extends Data = Data> = ListValueItem<T>[]\n\ntype ListOptions<T extends Data> = Options<{\n  type: PanelDescriptor<T>\n  label?: string\n  preset?: ListValue<T>\n  defaultValue?: ListValue<T>\n}>\n\ntype ListDescriptor<T extends ListValue> = {\n  type: typeof Types.List\n  options: ListOptions<T[number]['value']>\n}\n\nexport function List<T extends Data>(options: ListOptions<T>): ListDescriptor<ListValue<T>> {\n  return { type: Types.List, options }\n}\n\ntype MarginSide = { value: number; unit: 'px' } | 'auto'\n\ntype Margin = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `margin${Capitalize<K>}`]:\n    | MarginSide\n    | null\n    | undefined\n}\n\nexport type MarginValue = ResponsiveValue<Margin>\n\ntype MarginOptions = Options<{ preset?: MarginValue }>\n\ntype MarginDescriptor<_T = MarginValue> = { type: typeof Types.Margin; options: MarginOptions }\n\nexport function Margin(options: MarginOptions = {}): MarginDescriptor {\n  return { type: Types.Margin, options }\n}\n\ntype ButtonVariant = 'flat' | 'outline' | 'shadow' | 'clear' | 'blocky' | 'bubbly' | 'skewed'\n\ntype ButtonShape = 'pill' | 'rounded' | 'square'\n\ntype ButtonSize = 'small' | 'medium' | 'large'\n\ntype NavigationButton = {\n  id: string\n  type: 'button'\n  payload: {\n    label: string\n    link?: Link\n    variant?: ResponsiveValue<ButtonVariant>\n    shape?: ResponsiveValue<ButtonShape>\n    size?: ResponsiveValue<ButtonSize>\n    textColor?: ResponsiveValue<Color>\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\ntype NavigationDropdownCaretType = 'caret' | 'plus' | 'arrow-down' | 'chevron-down'\n\ntype NavigationDropdownLink = {\n  id: string\n  payload: {\n    label: string\n    link?: Link\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\ntype NavigationDropdown = {\n  id: string\n  type: 'dropdown'\n  payload: {\n    label: string\n    caret?: NavigationDropdownCaretType\n    links?: NavigationDropdownLink[]\n    variant?: ResponsiveValue<ButtonVariant>\n    shape?: ResponsiveValue<ButtonShape>\n    size?: ResponsiveValue<ButtonSize>\n    textColor?: ResponsiveValue<Color>\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\nexport type NavigationLinksValue = (NavigationButton | NavigationDropdown)[]\n\ntype NavigationLinksOptions = Options<Record<string, never>>\n\ntype NavigationLinksDescriptor<_T = NavigationLinksValue> = {\n  type: typeof Types.NavigationLinks\n  options: NavigationLinksOptions\n}\n\nexport function NavigationLinks(options: NavigationLinksOptions = {}): NavigationLinksDescriptor {\n  return { type: Types.NavigationLinks, options }\n}\n\nexport type NumberValue = number\n\ntype NumberOptions = Options<{\n  preset?: NumberValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}>\n\ntype NumberDescriptor<_T = NumberValue> = { type: typeof Types.Number; options: NumberOptions }\n\nexport function Number(options: NumberOptions = {}): NumberDescriptor {\n  return { type: Types.Number, options }\n}\n\ntype PaddingSide = { value: number; unit: 'px' }\n\ntype Padding = {\n  [K in 'top' | 'right' | 'bottom' | 'left' as `padding${Capitalize<K>}`]:\n    | PaddingSide\n    | null\n    | undefined\n}\n\nexport type PaddingValue = ResponsiveValue<Padding>\n\ntype PaddingOptions = Options<{ preset?: PaddingValue }>\n\ntype PaddingDescriptor<_T = PaddingValue> = { type: typeof Types.Padding; options: PaddingOptions }\n\nexport function Padding(options: PaddingOptions = {}): PaddingDescriptor {\n  return { type: Types.Padding, options }\n}\n\nexport type ResponsiveColorValue = ResponsiveValue<Color>\n\ntype ResponsiveColorOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\ntype ResponsiveColorDescriptor<_T = ResponsiveColorValue> = {\n  type: typeof Types.ResponsiveColor\n  options: ResponsiveColorOptions\n}\n\nexport function ResponsiveColor(options: ResponsiveColorOptions = {}): ResponsiveColorDescriptor {\n  return { type: Types.ResponsiveColor, options }\n}\n\ntype IconRadioGroupOption<T extends string> = { value: T; label: string; icon: IconName }\n\nexport type ResponsiveIconRadioGroupValue<T extends string> = ResponsiveValue<T>\n\ntype ResponsiveIconRadioGroupOptions<T extends string, U extends T = T> = Options<{\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\ntype ResponsiveIconRadioGroupDescriptor<T extends ResponsiveIconRadioGroupValue<string>> = {\n  type: typeof Types.ResponsiveIconRadioGroup\n  options: ResponsiveIconRadioGroupOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\nexport function ResponsiveIconRadioGroup<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveIconRadioGroupOptions<T, U>,\n): ResponsiveIconRadioGroupDescriptor<ResponsiveIconRadioGroupValue<T>> {\n  return { type: Types.ResponsiveIconRadioGroup, options }\n}\n\nexport type ResponsiveLengthValue = ResponsiveValue<Length>\n\ntype LengthOption =\n  | { value: 'px'; label: 'Pixels'; icon: 'Px16' }\n  | { value: '%'; label: 'Percentage'; icon: 'Percent16' }\n\ntype ResponsiveLengthOptions = Options<{\n  label?: string\n  options?: LengthOption[]\n  defaultValue?: Length\n  hidden?: boolean\n}>\n\ntype ResponsiveLengthDescriptor<_T = ResponsiveLengthValue> = {\n  type: typeof Types.ResponsiveLength\n  options: ResponsiveLengthOptions\n}\n\nexport function ResponsiveLength(\n  options: ResponsiveLengthOptions = {},\n): ResponsiveLengthDescriptor {\n  return { type: Types.ResponsiveLength, options }\n}\n\nexport type ResponsiveNumberValue = ResponsiveValue<number>\n\ntype ResponsiveNumberOptions = Options<{\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}>\n\ntype ResponsiveNumberDescriptor<_T = ResponsiveNumberValue> = {\n  type: typeof Types.ResponsiveNumber\n  options: ResponsiveNumberOptions\n}\n\nexport function ResponsiveNumber(\n  options: ResponsiveNumberOptions = {},\n): ResponsiveNumberDescriptor {\n  return { type: Types.ResponsiveNumber, options }\n}\n\nexport type ResponsiveOpacityValue = ResponsiveValue<number>\n\ntype ResponsiveOpacityOptions = Options<Record<string, never>>\n\ntype ResponsiveOpacityDescriptor<_T = ResponsiveOpacityValue> = {\n  type: typeof Types.ResponsiveOpacity\n  options: ResponsiveOpacityOptions\n}\n\nexport function ResponsiveOpacity(\n  options: ResponsiveOpacityOptions = {},\n): ResponsiveOpacityDescriptor {\n  return { type: Types.ResponsiveOpacity, options }\n}\n\nexport type ResponsiveSelectValue<T extends string> = ResponsiveValue<T>\n\ntype SelectLabelOrientation = 'vertical' | 'horizontal'\n\ntype SelectOption<T extends string> = { value: T; label: string }\n\ntype ResponsiveSelectOptions<T extends string, U extends T = T> = Options<{\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\ntype ResponsiveSelectDescriptor<T extends ResponsiveSelectValue<string>> = {\n  type: typeof Types.ResponsiveSelect\n  options: ResponsiveSelectOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\nexport function ResponsiveSelect<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveSelectOptions<T, U>,\n): ResponsiveSelectDescriptor<ResponsiveSelectValue<T>> {\n  return { type: Types.ResponsiveSelect, options }\n}\n\nexport type RichTextValue = IndexSignatureHack<Slate.ValueJSON>\n\ntype RichTextOptions = Options<{ preset?: RichTextValue }>\n\nexport type RichTextDescriptor<_T extends Data = RichTextValue> = {\n  type: typeof Types.RichText\n  options: RichTextOptions\n}\n\nexport function RichText(options: RichTextOptions = {}): RichTextDescriptor {\n  return { type: Types.RichText, options }\n}\n\ntype Shadow = {\n  color?: Color | null\n  blurRadius?: number\n  spreadRadius?: number\n  offsetX?: number\n  offsetY?: number\n  inset?: boolean\n}\n\ntype Shadows = { id: string; payload: Shadow }[]\n\nexport type ShadowsValue = ResponsiveValue<Shadows>\n\ntype ShadowsOptions = Options<Record<string, never>>\n\ntype ShadowsDescriptor<_T = ShadowsValue> = { type: typeof Types.Shadows; options: ShadowsOptions }\n\nexport function Shadows(options: ShadowsOptions = {}): ShadowsDescriptor {\n  return { type: Types.Shadows, options }\n}\n\nexport type ShapeValue<T extends Data = Data> = Record<string, T>\n\ntype ShapeOptions<T extends Record<string, Descriptor>> = {\n  type: T\n  preset?: { [K in keyof T]?: DescriptorValueType<T[K]> }\n}\n\ntype ShapeDescriptor<_T extends Record<string, Data>, U extends Record<string, Descriptor>> = {\n  type: typeof Types.Shape\n  options: ShapeOptions<U>\n}\n\nexport function Shape<T extends Record<string, Descriptor>>(\n  options: ShapeOptions<T>,\n): ShapeDescriptor<{ [K in keyof T]?: DescriptorValueType<T[K]> }, T> {\n  return { type: Types.Shape, options }\n}\n\ntype SocialLinkType =\n  | 'angellist'\n  | 'codepen'\n  | 'dribbble'\n  | 'facebook'\n  | 'github'\n  | 'instagram'\n  | 'linkedin'\n  | 'medium'\n  | 'pinterest'\n  | 'reddit'\n  | 'rss'\n  | 'snapchat'\n  | 'soundcloud'\n  | 'spotify'\n  | 'telegram'\n  | 'tumblr'\n  | 'twitch'\n  | 'twitter'\n  | 'vimeo'\n  | 'whatsapp'\n  | 'yelp'\n  | 'youtube'\n\ntype SocialLink = { type: SocialLinkType; url: string }\n\ntype SocialLinksLink = { id: string; payload: SocialLink }\n\nexport type SocialLinksValue = { links: SocialLinksLink[]; openInNewTab: boolean }\n\ntype SocialLinksOptions = Options<{ preset?: SocialLinksValue }>\n\ntype SocialLinksDescriptor<_T = SocialLinksValue> = {\n  type: typeof Types.SocialLinks\n  options: SocialLinksOptions\n}\n\nexport function SocialLinks(options: SocialLinksOptions = {}): SocialLinksDescriptor {\n  return { type: Types.SocialLinks, options }\n}\n\nexport type TableValue = string\n\ntype TableOptions = Options<{ preset?: TableValue }>\n\ntype TableDescriptor<_T = TableValue> = { type: typeof Types.Table; options: TableOptions }\n\nexport function Table(options: TableOptions = {}): TableDescriptor {\n  return { type: Types.Table, options }\n}\n\ntype TableFormField = {\n  id: string\n  tableColumnId: string\n  label?: string\n  placeholder?: string\n  defaultValue?: string | boolean | string[]\n  required?: boolean\n  hidden?: boolean\n  type?: 'select' | 'radio'\n  hideLabel?: boolean\n  autofill?: boolean\n}\n\ntype Grid = { count: number; spans: number[][] }\n\nexport type TableFormFieldsValue = { fields: TableFormField[]; grid: ResponsiveValue<Grid> }\n\ntype TableFormFieldsOptions = Options<{ preset?: TableFormFieldsValue }>\n\ntype TableFormFieldsDescriptor<_T = TableFormFieldsValue> = {\n  type: typeof Types.TableFormFields\n  options: TableFormFieldsOptions\n}\n\nexport function TableFormFields(options: TableFormFieldsOptions = {}): TableFormFieldsDescriptor {\n  return { type: Types.TableFormFields, options }\n}\n\nexport type TextAreaValue = string\n\ntype TextAreaOptions = Options<{ preset?: TextAreaValue; label?: string; rows?: number }>\n\ntype TextAreaDescriptor<_T = TextAreaValue> = {\n  type: typeof Types.TextArea\n  options: TextAreaOptions\n}\n\nexport function TextArea(options: TextAreaOptions = {}): TextAreaDescriptor {\n  return { type: Types.TextArea, options }\n}\n\nexport type TextInputValue = string\n\ntype TextInputOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\ntype TextInputDescriptor<_T = TextInputValue> = {\n  type: typeof Types.TextInput\n  options: TextInputOptions\n}\n\nexport function TextInput(options: TextInputOptions = {}): TextInputDescriptor {\n  return { type: Types.TextInput, options }\n}\n\nexport type TextStyleValue = ResponsiveValue<TextStyle>\n\ntype TextStyleOptions = Options<{ preset?: TextStyleValue; label?: string; hidden?: boolean }>\n\ntype TextStyleDescriptor<_T = TextStyleValue> = {\n  type: typeof Types.TextStyle\n  options: TextStyleOptions\n}\n\nexport function TextStyle(options: TextStyleOptions = {}): TextStyleDescriptor {\n  return { type: Types.TextStyle, options }\n}\n\ntype Video = {\n  url?: string\n  muted?: boolean\n  playing?: boolean\n  loop?: boolean\n  controls?: boolean\n}\n\nexport type VideoValue = Video\n\ntype VideoOptions = Options<{ preset?: VideoValue }>\n\ntype VideoDescriptor<_T = VideoValue> = { type: typeof Types.Video; options: VideoOptions }\n\nexport function Video(options: VideoOptions = {}): VideoDescriptor {\n  return { type: Types.Video, options }\n}\n\nexport type WidthValue = ResponsiveValue<Length>\n\ntype WidthOptions = Options<{ preset?: WidthValue; defaultValue?: Length }>\n\ntype WidthDescriptor<_T = WidthValue> = { type: typeof Types.Width; options: WidthOptions }\n\nexport function Width(options: WidthOptions = {}): WidthDescriptor {\n  return { type: Types.Width, options }\n}\n\nexport type Descriptor<T extends Data = Data> =\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | GapXDescriptor<T>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | ListDescriptor<T extends ListValue ? T : ListValue>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveIconRadioGroupDescriptor<\n      T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>\n    >\n  | ResponsiveLengthDescriptor<T>\n  | ResponsiveNumberDescriptor<T>\n  | ResponsiveOpacityDescriptor<T>\n  | ResponsiveSelectDescriptor<\n      T extends ResponsiveSelectValue<string> ? T : ResponsiveSelectValue<string>\n    >\n  | RichTextDescriptor<T>\n  | ShadowsDescriptor<T>\n  | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n\ntype PanelDescriptorType =\n  | typeof Types.Backgrounds\n  | typeof Types.ResponsiveIconRadioGroup\n  | typeof Types.Margin\n  | typeof Types.Padding\n  | typeof Types.Border\n  | typeof Types.Shadows\n  | typeof Types.GapY\n  | typeof Types.GapX\n  | typeof Types.BorderRadius\n  | typeof Types.Checkbox\n  | typeof Types.TextInput\n  | typeof Types.Link\n  | typeof Types.List\n  | typeof Types.Shape\n  | typeof Types.ResponsiveSelect\n  | typeof Types.ResponsiveColor\n  | typeof Types.TextStyle\n  | typeof Types.Images\n  | typeof Types.ResponsiveNumber\n  | typeof Types.Number\n  | typeof Types.Date\n  | typeof Types.Font\n  | typeof Types.TextArea\n  | typeof Types.Table\n  | typeof Types.RichText\n  | typeof Types.Image\n  | typeof Types.ResponsiveOpacity\n  | typeof Types.SocialLinks\n  | typeof Types.Video\n  | typeof Types.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\nexport type DescriptorValueType<T extends Descriptor> = T extends Descriptor<infer U> ? U : never\n"],"names":[],"mappings":"MAsFa,QAAQ;AAAA,EACnB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA;qBAsDmB,UAA8B,IAA2B;SAC5E,EAAE,MAAM,MAAM,aAAa;AAAA;gBAoBb,UAAyB,IAAsB;SAC7D,EAAE,MAAM,MAAM,QAAQ;AAAA;sBAmBF,UAA+B,IAA4B;SAC/E,EAAE,MAAM,MAAM,cAAc;AAAA;kBAgBZ,SAA8C;SAC9D,EAAE,MAAM,MAAM,UAAU;AAAA;cASZ,UAAuB,IAAoB;SACvD,EAAE,MAAM,MAAM,MAAM;AAAA;mBAYH,UAA4B,IAAyB;SACtE,EAAE,MAAM,MAAM,WAAW;AAAA;cASb,UAAuB,IAAoB;SACvD,EAAE,MAAM,MAAM,MAAM;AAAA;cAiBR,UAAuB,IAAoB;SACvD,EAAE,MAAM,MAAM,MAAM;AAAA;cAiBR,UAAuB,IAAoB;SACvD,EAAE,MAAM,MAAM,MAAM;AAAA;cAWR,UAAuB,IAAoB;SACvD,EAAE,MAAM,MAAM,MAAM;AAAA;eASP,UAAwB,IAAqB;SAC1D,EAAE,MAAM,MAAM,OAAO;AAAA;gBASP,UAAyB,IAAsB;SAC7D,EAAE,MAAM,MAAM,QAAQ;AAAA;cAeV,UAAuB,IAAoB;SACvD,EAAE,MAAM,MAAM,MAAM;AAAA;cAmBQ,SAAuD;SACnF,EAAE,MAAM,MAAM,MAAM;AAAA;gBAkBN,UAAyB,IAAsB;SAC7D,EAAE,MAAM,MAAM,QAAQ;AAAA;yBA6DC,UAAkC,IAA+B;SACxF,EAAE,MAAM,MAAM,iBAAiB;AAAA;gBAkBjB,UAAyB,IAAsB;SAC7D,EAAE,MAAM,MAAM,QAAQ;AAAA;iBAkBP,UAA0B,IAAuB;SAChE,EAAE,MAAM,MAAM,SAAS;AAAA;yBAYA,UAAkC,IAA+B;SACxF,EAAE,MAAM,MAAM,iBAAiB;AAAA;kCAwBtC,SACsE;SAC/D,EAAE,MAAM,MAAM,0BAA0B;AAAA;0BAsB/C,UAAmC,IACP;SACrB,EAAE,MAAM,MAAM,kBAAkB;AAAA;0BAqBvC,UAAmC,IACP;SACrB,EAAE,MAAM,MAAM,kBAAkB;AAAA;2BAavC,UAAoC,IACP;SACtB,EAAE,MAAM,MAAM,mBAAmB;AAAA;0BA2BxC,SACsD;SAC/C,EAAE,MAAM,MAAM,kBAAkB;AAAA;kBAYhB,UAA2B,IAAwB;SACnE,EAAE,MAAM,MAAM,UAAU;AAAA;iBAoBT,UAA0B,IAAuB;SAChE,EAAE,MAAM,MAAM,SAAS;AAAA;eAgB9B,SACoE;SAC7D,EAAE,MAAM,MAAM,OAAO;AAAA;qBAwCF,UAA8B,IAA2B;SAC5E,EAAE,MAAM,MAAM,aAAa;AAAA;eASd,UAAwB,IAAqB;SAC1D,EAAE,MAAM,MAAM,OAAO;AAAA;yBA2BE,UAAkC,IAA+B;SACxF,EAAE,MAAM,MAAM,iBAAiB;AAAA;kBAYf,UAA2B,IAAwB;SACnE,EAAE,MAAM,MAAM,UAAU;AAAA;mBAYP,UAA4B,IAAyB;SACtE,EAAE,MAAM,MAAM,WAAW;AAAA;mBAYR,UAA4B,IAAyB;SACtE,EAAE,MAAM,MAAM,WAAW;AAAA;eAiBZ,UAAwB,IAAqB;SAC1D,EAAE,MAAM,MAAM,OAAO;AAAA;eASR,UAAwB,IAAqB;SAC1D,EAAE,MAAM,MAAM,OAAO;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/instances.cjs.js

@@ -0,0 +1,89 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var descriptors = require("./descriptors.cjs.js");
+const BuilderEditMode = {
+  BUILD: "build",
+  CONTENT: "content"
+};
+const RichTextPropControllerMessageType = {
+  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
+  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
+  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
+  FOCUS: "FOCUS",
+  BLUR: "BLUR",
+  UNDO: "UNDO",
+  REDO: "REDO"
+};
+class PropController {
+  constructor(send) {
+    __publicField(this, "send");
+    this.send = send;
+  }
+}
+class DefaultPropController extends PropController {
+  recv(_message) {
+  }
+}
+class RichTextPropController extends PropController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "editor", null);
+  }
+  recv(message) {
+    var _a, _b;
+    switch (message.type) {
+      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {
+        switch (message.editMode) {
+          case BuilderEditMode.BUILD:
+            (_a = this.editor) == null ? void 0 : _a.deselect().blur();
+            break;
+          case BuilderEditMode.CONTENT:
+            (_b = this.editor) == null ? void 0 : _b.focus().moveToRangeOfDocument();
+            break;
+        }
+        break;
+      }
+    }
+  }
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,
+      value: editor.value.toJSON({ preserveSelection: false })
+    });
+  }
+  onChange(change) {
+    this.send({
+      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,
+      value: change.value.toJSON({ preserveSelection: true })
+    });
+  }
+  focus() {
+    this.send({ type: RichTextPropControllerMessageType.FOCUS });
+  }
+  blur() {
+    this.send({ type: RichTextPropControllerMessageType.BLUR });
+  }
+  undo() {
+    this.send({ type: RichTextPropControllerMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextPropControllerMessageType.REDO });
+  }
+}
+function createPropController(descriptor, send) {
+  switch (descriptor.type) {
+    case descriptors.Types.RichText:
+      return new RichTextPropController(send);
+    default:
+      return new DefaultPropController(send);
+  }
+}
+exports.RichTextPropControllerMessageType = RichTextPropControllerMessageType;
+exports.createPropController = createPropController;
+//# sourceMappingURL=instances.cjs.js.map

package/dist/instances.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instances.cjs.js","sources":["../src/utils/constants.ts","../src/prop-controllers/instances.ts"],"sourcesContent":["export const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n","import { Editor } from 'slate-react'\nimport { ValueJSON } from 'slate'\nimport { OnChangeParam } from 'slate-react'\nimport { Descriptor, RichTextDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../utils/constants'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: ValueJSON\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: ValueJSON\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n\nexport type PropControllerMessage = RichTextPropControllerMessage\n\ntype Send<T = PropControllerMessage> = (message: T) => void\n\nexport abstract class PropController<T = PropControllerMessage> {\n  protected send: Send<T>\n\n  constructor(send: Send<T>) {\n    this.send = send\n  }\n\n  abstract recv(message: T): void\n}\n\nclass DefaultPropController extends PropController {\n  recv(_message: PropControllerMessage): void {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv(message: RichTextPropControllerMessage): void {\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n            this.editor?.deselect().blur()\n            break\n\n          case BuilderEditMode.CONTENT:\n            this.editor?.focus().moveToRangeOfDocument()\n            break\n        }\n\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: editor.value.toJSON({ preserveSelection: false }),\n    })\n  }\n\n  onChange(change: OnChangeParam) {\n    this.send({\n      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n      value: change.value.toJSON({ preserveSelection: true }),\n    })\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send)\n\n    default:\n      return new DefaultPropController(send)\n  }\n}\n"],"names":["Types"],"mappings":";;;;;;;;MAAa,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA;MCIE,oCAAoC;AAAA,EAC/C,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA;qBAuCwD;AAAA,EAG9D,YAAY,MAAe;AAFjB;SAGH,OAAO;AAAA;AAAA;AAMhB,oCAAoC,eAAe;AAAA,EACjD,KAAK,UAAuC;AAAA;AAAA;AAK9C,qCAAqC,eAA8C;AAAA,EAAnF;AAAA;AACU,kCAAwB;AAAA;AAAA,EAEhC,KAAK,SAA8C;;YACzC,QAAQ;AAAA,WACT,kCAAkC,0BAA0B;gBACvD,QAAQ;AAAA,eACT,gBAAgB;uBACd,8BAAQ,WAAW;;eAGrB,gBAAgB;uBACd,8BAAQ,QAAQ;;;;;;;EAS/B,eAAe,QAAgB;SACxB,SAAS;SAET,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,SAAS,QAAuB;SACzB,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,QAAQ;SACD,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA;8BAmBnB,YAAwB,MAA4B;UAC/E,WAAW;AAAA,SACZA,kBAAM;aACF,IAAI,uBAAuB;AAAA;aAG3B,IAAI,sBAAsB;AAAA;AAAA;;;"}

package/dist/instances.es.js

@@ -0,0 +1,87 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { T as Types } from "./descriptors.es.js";
+const BuilderEditMode = {
+  BUILD: "build",
+  CONTENT: "content"
+};
+const RichTextPropControllerMessageType = {
+  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
+  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
+  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
+  FOCUS: "FOCUS",
+  BLUR: "BLUR",
+  UNDO: "UNDO",
+  REDO: "REDO"
+};
+class PropController {
+  constructor(send) {
+    __publicField(this, "send");
+    this.send = send;
+  }
+}
+class DefaultPropController extends PropController {
+  recv(_message) {
+  }
+}
+class RichTextPropController extends PropController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "editor", null);
+  }
+  recv(message) {
+    var _a, _b;
+    switch (message.type) {
+      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {
+        switch (message.editMode) {
+          case BuilderEditMode.BUILD:
+            (_a = this.editor) == null ? void 0 : _a.deselect().blur();
+            break;
+          case BuilderEditMode.CONTENT:
+            (_b = this.editor) == null ? void 0 : _b.focus().moveToRangeOfDocument();
+            break;
+        }
+        break;
+      }
+    }
+  }
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,
+      value: editor.value.toJSON({ preserveSelection: false })
+    });
+  }
+  onChange(change) {
+    this.send({
+      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,
+      value: change.value.toJSON({ preserveSelection: true })
+    });
+  }
+  focus() {
+    this.send({ type: RichTextPropControllerMessageType.FOCUS });
+  }
+  blur() {
+    this.send({ type: RichTextPropControllerMessageType.BLUR });
+  }
+  undo() {
+    this.send({ type: RichTextPropControllerMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextPropControllerMessageType.REDO });
+  }
+}
+function createPropController(descriptor, send) {
+  switch (descriptor.type) {
+    case Types.RichText:
+      return new RichTextPropController(send);
+    default:
+      return new DefaultPropController(send);
+  }
+}
+export { RichTextPropControllerMessageType as R, createPropController as c };
+//# sourceMappingURL=instances.es.js.map

package/dist/instances.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instances.es.js","sources":["../src/utils/constants.ts","../src/prop-controllers/instances.ts"],"sourcesContent":["export const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n","import { Editor } from 'slate-react'\nimport { ValueJSON } from 'slate'\nimport { OnChangeParam } from 'slate-react'\nimport { Descriptor, RichTextDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../utils/constants'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: ValueJSON\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: ValueJSON\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n\nexport type PropControllerMessage = RichTextPropControllerMessage\n\ntype Send<T = PropControllerMessage> = (message: T) => void\n\nexport abstract class PropController<T = PropControllerMessage> {\n  protected send: Send<T>\n\n  constructor(send: Send<T>) {\n    this.send = send\n  }\n\n  abstract recv(message: T): void\n}\n\nclass DefaultPropController extends PropController {\n  recv(_message: PropControllerMessage): void {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv(message: RichTextPropControllerMessage): void {\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n            this.editor?.deselect().blur()\n            break\n\n          case BuilderEditMode.CONTENT:\n            this.editor?.focus().moveToRangeOfDocument()\n            break\n        }\n\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: editor.value.toJSON({ preserveSelection: false }),\n    })\n  }\n\n  onChange(change: OnChangeParam) {\n    this.send({\n      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n      value: change.value.toJSON({ preserveSelection: true }),\n    })\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send)\n\n    default:\n      return new DefaultPropController(send)\n  }\n}\n"],"names":[],"mappings":";;;;;;;MAAa,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA;MCIE,oCAAoC;AAAA,EAC/C,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA;qBAuCwD;AAAA,EAG9D,YAAY,MAAe;AAFjB;SAGH,OAAO;AAAA;AAAA;AAMhB,oCAAoC,eAAe;AAAA,EACjD,KAAK,UAAuC;AAAA;AAAA;AAK9C,qCAAqC,eAA8C;AAAA,EAAnF;AAAA;AACU,kCAAwB;AAAA;AAAA,EAEhC,KAAK,SAA8C;;YACzC,QAAQ;AAAA,WACT,kCAAkC,0BAA0B;gBACvD,QAAQ;AAAA,eACT,gBAAgB;uBACd,8BAAQ,WAAW;;eAGrB,gBAAgB;uBACd,8BAAQ,QAAQ;;;;;;;EAS/B,eAAe,QAAgB;SACxB,SAAS;SAET,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,SAAS,QAAuB;SACzB,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,QAAQ;SACD,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA;8BAmBnB,YAAwB,MAA4B;UAC/E,WAAW;AAAA,SACZ,MAAM;aACF,IAAI,uBAAuB;AAAA;aAG3B,IAAI,sBAAsB;AAAA;AAAA;;"}

package/dist/main.cjs.js

@@ -3,6 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports[Symbol.toStringTag] = "Module";
 var actions = require("./actions.cjs.js");
 exports.ActionTypes = actions.ActionTypes;
+exports.changeApiResource = actions.changeApiResource;
 exports.changeDocument = actions.changeDocument;
 exports.changeDocumentElementScrollTop = actions.changeDocumentElementScrollTop;
+exports.cleanUp = actions.cleanUp;
+exports.init = actions.init;
+exports.messageHostPropController = actions.messageHostPropController;
 //# sourceMappingURL=main.cjs.js.map

package/dist/main.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"main.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/main.es.js

@@ -1,2 +1,2 @@
-export { A as ActionTypes, c as changeDocument, a as changeDocumentElementScrollTop } from "./actions.es.js";
+export { A as ActionTypes, d as changeApiResource, c as changeDocument, a as changeDocumentElementScrollTop, b as cleanUp, i as init, m as messageHostPropController } from "./actions.es.js";
 //# sourceMappingURL=main.es.js.map

package/dist/next.cjs.js

@@ -0,0 +1,168 @@
+"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));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports[Symbol.toStringTag] = "Module";
+var NextDocument = require("next/document");
+var styled = require("styled-components");
+var react = require("./react.cjs2.js");
+var jsxRuntime = require("react/jsx-runtime");
+require("react");
+require("use-sync-external-store/shim/with-selector");
+require("@apollo/client");
+require("redux");
+require("redux-thunk");
+require("./actions.cjs.js");
+require("./descriptors.cjs.js");
+require("framer-motion");
+require("./box-models.cjs.js");
+require("css-box-model");
+require("next/image");
+require("react-player");
+require("color");
+require("scroll-into-view-if-needed");
+require("next/link");
+require("react-use-gesture");
+require("@popmotion/popcorn");
+require("uuid/v4");
+require("polished");
+require("slate");
+require("slate-hotkeys");
+require("corporate-ipsum");
+require("slate-react");
+require("@convertkit/slate-lists");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var NextDocument__default = /* @__PURE__ */ _interopDefaultLegacy(NextDocument);
+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);
+      return __spreadProps(__spreadValues({}, initialProps), {
+        styles: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [initialProps.styles, sheet.getStyleElement()]
+        })
+      });
+    } finally {
+      sheet.seal();
+    }
+  }
+}
+const REVALIDATE_SECONDS = 1;
+async function getServerSideProps({
+  query: {
+    pageId
+  }
+}) {
+  const url = `${process["env"].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`;
+  const res = await fetch(url, {
+    headers: {
+      "x-api-key": process["env"].MAKESWIFT_SITE_API_KEY
+    }
+  });
+  if (res.status !== 200) {
+    console.error(await res.json());
+    return {
+      notFound: true
+    };
+  }
+  const page = await res.json();
+  if (page == null)
+    return {
+      notFound: true
+    };
+  return {
+    props: {
+      pageId: page.id,
+      rootElement: page.data,
+      makeswiftApiEndpoint: `${process["env"].MAKESWIFT_API_HOST}/graphql`
+    }
+  };
+}
+async function getStaticProps({
+  params
+}) {
+  if (params == null)
+    return {
+      notFound: true,
+      revalidate: REVALIDATE_SECONDS
+    };
+  const {
+    path = []
+  } = params;
+  const url = `${process["env"].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join("/")}`;
+  const res = await fetch(url, {
+    headers: {
+      "x-api-key": process["env"].MAKESWIFT_SITE_API_KEY
+    }
+  });
+  if (res.status !== 200) {
+    console.error(await res.json());
+    return {
+      notFound: true,
+      revalidate: REVALIDATE_SECONDS
+    };
+  }
+  const page = await res.json();
+  if (page == null)
+    return {
+      notFound: true,
+      revalidate: REVALIDATE_SECONDS
+    };
+  return {
+    props: {
+      pageId: page.id,
+      rootElement: page.data,
+      makeswiftApiEndpoint: `${process["env"].MAKESWIFT_API_HOST}/graphql`
+    },
+    revalidate: REVALIDATE_SECONDS
+  };
+}
+async function getStaticPaths() {
+  return {
+    paths: [],
+    fallback: "blocking"
+  };
+}
+function Page({
+  pageId,
+  rootElement,
+  makeswiftApiEndpoint
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.RuntimeProvider, {
+    defaultRootElements: /* @__PURE__ */ new Map([[pageId, rootElement]]),
+    makeswiftApiEndpoint,
+    children: /* @__PURE__ */ jsxRuntime.jsx(react.Document, {
+      documentKey: pageId
+    })
+  });
+}
+exports.Document = Document;
+exports.Page = Page;
+exports.getServerSideProps = getServerSideProps;
+exports.getStaticPaths = getStaticPaths;
+exports.getStaticProps = getStaticProps;
+//# sourceMappingURL=next.cjs.js.map

package/dist/next.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.cjs.js","sources":["../src/next.tsx"],"sourcesContent":["import {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { ServerStyleSheet } from 'styled-components'\n\nimport { RuntimeProvider, Document as DocumentComponent } from './runtimes/react'\nimport { Element } from './state/react-page'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),\n        })\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\ntype PageProps = {\n  pageId: string\n  rootElement: Element\n  makeswiftApiEndpoint: string\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ pageId, rootElement, makeswiftApiEndpoint }: PageProps) {\n  return (\n    <RuntimeProvider\n      defaultRootElements={new Map([[pageId, rootElement]])}\n      makeswiftApiEndpoint={makeswiftApiEndpoint}\n    >\n      <DocumentComponent documentKey={pageId} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","styles","getStyleElement","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","error","json","notFound","page","id","rootElement","data","makeswiftApiEndpoint","params","revalidate","path","join","paths","fallback","RuntimeProvider","Map","DocumentComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAa8BA,iCAAa;AAAA,eAC5BC,gBAAgBC,KAAqD;UAC1EC,QAAQ,IAAIC;UACZC,qBAAqBH,IAAII;QAE3B;UACEA,aAAa,MACfD,mBAAmB;AAAA,QACjBE,YAAYC,SAAOC,WAASN,MAAMO,6CAAe,wBAAQD;AAAAA;YAGvDE,eAAe,MAAMX,iCAAaC,gBAAgBC;aAEjD,iCACFS,eADE;AAAA,QAELC;qBAEKD,aAAaC,QACbT,MAAMU;AAAAA;AAAAA;AAAAA;YAKPC;AAAAA;AAAAA;AAAAA;AAKZ,MAAMC,qBAAqB;kCAQc;AAAA,EACvCC,OAAO;AAAA,IAAEC;AAAAA;AAAAA,GACiE;QACpEC,MAAO,GAAEC,QAAQ,OAAOC,8CAA8CH;QACtEI,MAAM,MAAMC,MAAMJ,KAAK;AAAA,IAC3BK,SAAS;AAAA,mBAAeJ,QAAQ,OAAOK;AAAAA;AAAAA;MAGrCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA;AAAA;QAGfC,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA;SAE9B;AAAA,IACLnB,OAAO;AAAA,MACLQ,QAAQY,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,GAAEd,QAAQ,OAAOC;AAAAA;AAAAA;AAAAA;8BAKT;AAAA,EACnCc;AAAAA,GACsF;MAClFA,UAAU;WAAa;AAAA,MAAEN,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;QACnD;AAAA,IAAEqB,OAAO;AAAA,MAAOF;QAChBhB,MAAO,GAAEC,QAAQ,OAAOC,6CAA6CgB,KAAKC,KAAK;QAE/EhB,MAAM,MAAMC,MAAMJ,KAAK;AAAA,IAC3BK,SAAS;AAAA,mBAAeJ,QAAQ,OAAOK;AAAAA;AAAAA;MAGrCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;AAAAA;QAGjCc,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;SAEhD;AAAA,IACLN,OAAO;AAAA,MACLQ,QAAQY,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,GAAEd,QAAQ,OAAOC;AAAAA;AAAAA,IAE1Ce,YAAYpB;AAAAA;AAAAA;gCAIsD;SAC7D;AAAA,IAAEuB,OAAO;AAAA,IAAIC,UAAU;AAAA;AAAA;cAGX;AAAA,EAAEtB;AAAAA,EAAQc;AAAAA,EAAaE;AAAAA,GAAmC;wCAE1EO;IACC,yCAAyBC,IAAI,CAAC,CAACxB,QAAQc;AAAAA,IACvC;AAAA,6CAECW;MAAkB,aAAazB;AAAAA;AAAAA;AAAAA;;;;;;"}