@plasmicpkgs/plasmic-basic-components 0.0.233 → 0.0.235

package/dist/plasmic-basic-components.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-basic-components.cjs.production.min.js","sources":["../src/ConditionGuard.tsx","../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/LoadingBoundary.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/SideEffect.tsx","../src/Timer.tsx","../src/Video.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport interface ConditionGuardProps {\n  condition: boolean;\n  onNotSatisfied?: () => Promise<void>;\n  children: React.ReactNode;\n  skipPaths?: Array<{ path: string }>;\n}\n\nfunction ConditionGuardOnNotSatisfied({\n  onNotSatisfied,\n}: Pick<ConditionGuardProps, \"onNotSatisfied\">) {\n  const ref = React.useRef(false);\n  React.useEffect(() => {\n    if (!ref.current) {\n      ref.current = true;\n      onNotSatisfied?.();\n    }\n  }, [onNotSatisfied]);\n  return null;\n}\n\nfunction isCurrentLocationInSkipPaths(skipPaths?: Array<{ path: string }>) {\n  const pathname = window.location.pathname;\n  // Ignore search params\n  const currentPath = window.location.origin + pathname;\n  const plasmicPathname = (globalThis as any)?.[\"__PLASMIC_STUDIO_PATH\"]?.();\n  return skipPaths?.some(\n    ({ path }) =>\n      path === pathname || path === currentPath || path === plasmicPathname\n  );\n}\n\nexport default function ConditionGuard({\n  condition,\n  onNotSatisfied,\n  children,\n  skipPaths,\n}: ConditionGuardProps) {\n  if (!condition && !isCurrentLocationInSkipPaths(skipPaths)) {\n    return <ConditionGuardOnNotSatisfied onNotSatisfied={onNotSatisfied} />;\n  }\n\n  return <>{children}</>;\n}\n\nexport const conditionGuardMeta: ComponentMeta<ConditionGuardProps> = {\n  name: \"hostless-condition-guard\",\n  displayName: \"Condition Guard\",\n  description: \"Ensure some condition, or else run an interaction. Examples: ensure all users have a database row, or require new users to setup a profile.\",\n  importName: \"ConditionGuard\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    condition: {\n      type: \"boolean\",\n      displayName: \"Condition\",\n      description: \"The condition to guard against\",\n      helpText: \"Condition to check. Render contents only if true. Run interaction if false.\",\n      defaultValue: true,\n    },\n    onNotSatisfied: {\n      type: \"eventHandler\",\n      displayName: \"On condition false\",\n      description: \"The action to run when the condition is not satisfied\",\n      argTypes: [],\n    },\n    skipPaths: {\n      type: \"array\",\n      displayName: \"Skip Paths\",\n      description: \"Paths that the action should not run\",\n      itemType: {\n        type: \"object\",\n        fields: {\n          path: \"href\",\n        },\n        nameFunc: (item: any) => item?.path,\n      },\n    },\n  },\n};\n\nexport function registerConditionGuard(\n  loader?: { registerComponent: typeof registerComponent },\n  customConditionGuardMeta?: ComponentMeta<ConditionGuardProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ConditionGuard,\n      customConditionGuardMeta ?? conditionGuardMeta\n    );\n  } else {\n    registerComponent(\n      ConditionGuard,\n      customConditionGuardMeta ?? conditionGuardMeta\n    );\n  }\n}\n","import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  providesData: true,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","import React from \"react\";\n\nexport const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nexport const isBrowser = typeof window !== \"undefined\";\n\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n\nexport function useFirstRender() {\n  const ref = React.useRef(true);\n  const firstRender = ref.current;\n  ref.current = false;\n  return firstRender;\n}\n\n// Fix for React.useId type since it's only available for React 18+\nexport const useId: (() => string) | undefined = React.useId;\n","import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure, useFirstRender, useId } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\n/**\n * A common use case for embedding HTML snippets is loading/running script tags, so most of the logic here is for\n * handling that.\n *\n * You can't just write innerHTML with some <script> tags in there. You need to explicitly add each one via the DOM API.\n *\n * You also can't just add the script tags and expect them to run sequentially, and sometimes there are multiple scripts\n * with dependencies on each other. You have to explicitly wait for earlier ones to finish loading.\n *\n * One last complication is that Next.js can run the effect multiple times in development mode. There's nothing actually\n * that we can/should do about that, but just something to be aware of if you are here debugging issues.\n */\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  const inEditor = usePlasmicCanvasContext();\n  const htmlId = useId?.();\n  const firstRender = useFirstRender();\n  useEffect(() => {\n    if (hideInEditor && inEditor) {\n      return;\n    }\n    // If it's the first render and we already set the global id for this component, it means that\n    // the HTML is already present in the DOM from the server-rendered HTML. We don't want to re-run.\n    // If it's not the first render, then it can mean that some dependency changed.\n    if (\n      htmlId &&\n      !inEditor &&\n      firstRender &&\n      (window as any)[makePlasmicVarName(htmlId)]\n    ) {\n      return;\n    }\n    // Load scripts sequentially one at a time, since later scripts can depend on earlier ones.\n    (async () => {\n      for (const oldScript of Array.from(\n        ensure(rootElt.current).querySelectorAll(\"script\")\n      )) {\n        const newScript = document.createElement(\"script\");\n        // This doesn't actually have the effect we want, we need to explicitly wait on the load event, since all\n        // dynamically injected scripts are always async.\n        newScript.async = false;\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n        // Only scripts with src will ever fire a load event.\n        if (newScript.src) {\n          await new Promise((resolve) =>\n            newScript.addEventListener(\"load\", resolve)\n          );\n        }\n      }\n    })();\n  }, [htmlId, firstRender, code, hideInEditor, inEditor]);\n  const effectiveCode =\n    hideInEditor && inEditor\n      ? \"\"\n      : inEditor || !htmlId\n      ? code\n      : addIdentifierScript(htmlId, code);\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n      style={{ whiteSpace: \"normal\" }}\n    />\n  );\n}\n\nfunction makePlasmicVarName(id: string) {\n  return `__plasmic_${id.replace(/[^a-z0-9]/gi, \"\")}`;\n}\n\nfunction addIdentifierScript(id: string, code: string) {\n  return `<script>\n    var ${makePlasmicVarName(id)} = 1;\n  </script>\n  ${code}`;\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValue: \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n  onLoad?: React.ComponentProps<\"iframe\">[\"onLoad\"];\n}\n\nexport default function Iframe({\n  preview,\n  src,\n  className,\n  onLoad,\n}: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} onLoad={onLoad} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n    onLoad: {\n      type: \"eventHandler\",\n      argTypes: [{ name: \"event\", type: \"object\" }],\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import { DataProvider, useDataEnv } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport * as plasmicQuery from \"@plasmicapp/query\";\nimport React, { Suspense, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./common\";\n\ninterface LoadingBoundaryProps {\n  loadingState?: React.ReactNode;\n  children?: React.ReactNode;\n  forceLoading?: boolean;\n}\n\nconst reactMajorVersion = +React.version.split(\".\")[0];\n\nif (reactMajorVersion < 18) {\n  console.warn(\"The LoadingBoundary component only works with React 18+\");\n}\n\nconst enableLoadingBoundaryKey = \"plasmicInternalEnableLoadingBoundary\";\nconst hasLoadingBoundaryKey = \"plasmicInternalHasLoadingBoundary\";\n\nfunction useIsClient() {\n  const [loaded, setLoaded] = useState(false);\n  useIsomorphicLayoutEffect(() => {\n    setLoaded(true);\n  }, []);\n  return loaded;\n}\n\nlet hasWarnedDisabledLoadingBoundary = false;\n\nfunction warnDisabledLoadingBoundary() {\n  if (!hasWarnedDisabledLoadingBoundary) {\n    hasWarnedDisabledLoadingBoundary = true;\n    console.warn(\n      `LoadingBoundary feature is not enabled. To use the LoadingBoundary component make sure to upgrade your @plasmicapp/* dependencies to the latest version and to wrap you App inside <PlasmicRootProvider />`\n    );\n  }\n}\n\nexport default function LoadingBoundary({\n  children,\n  forceLoading,\n  loadingState,\n}: LoadingBoundaryProps) {\n  const isClient = useIsClient();\n  const enableLoadingBoundary = !!useDataEnv()?.[enableLoadingBoundaryKey];\n\n  if (!isClient && !plasmicQuery.isPlasmicPrepass?.()) {\n    return null;\n  }\n\n  if (forceLoading) {\n    return <>{loadingState ?? null}</>;\n  }\n\n  if (reactMajorVersion < 18) {\n    return <>{children ?? null}</>;\n  }\n\n  if (!enableLoadingBoundary) {\n    warnDisabledLoadingBoundary();\n    return <>{children ?? null}</>;\n  }\n\n  return (\n    <Suspense fallback={<>{loadingState ?? null}</>}>\n      <DataProvider hidden name={hasLoadingBoundaryKey} data={true}>\n        {children ?? null}\n      </DataProvider>\n    </Suspense>\n  );\n}\n\nexport const loadingBoundaryMeta: ComponentMeta<LoadingBoundaryProps> = {\n  name: \"hostless-loading-boundary\",\n  displayName: \"Loading Boundary\",\n  importName: \"LoadingBoundary\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    loadingState: {\n      type: \"slot\",\n      displayName: \"Loading state\",\n      defaultValue: {\n        type: \"text\",\n        value: \"Loading...\",\n      },\n    },\n    forceLoading: {\n      type: \"boolean\",\n      editOnly: true,\n      displayName: \"Preview loading\",\n      description:\n        \"Force preview the 'Loading' state - impacts only editor, and not published page behavior\",\n    },\n  },\n  providesData: true,\n  styleSections: false,\n  description: \"Handle the loading state of queries and integrations\",\n};\n\nexport function registerLoadingBoundary(\n  loader?: { registerComponent: typeof registerComponent },\n  customLoadingBoundaryMeta?: ComponentMeta<LoadingBoundaryProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      LoadingBoundary,\n      customLoadingBoundaryMeta ?? loadingBoundaryMeta\n    );\n  } else {\n    registerComponent(\n      LoadingBoundary,\n      customLoadingBoundaryMeta ?? loadingBoundaryMeta\n    );\n  }\n}\n","import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  providesData: true,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport interface SideEffectProps {\n  onMount?: () => Promise<void>;\n  onUnmount?: () => Promise<void>;\n  deps?: unknown[];\n}\n\nexport default function SideEffect({\n  deps,\n  onMount,\n  onUnmount,\n}: SideEffectProps) {\n  React.useEffect(() => {\n    onMount?.();\n    return () => {\n      onUnmount?.();\n    };\n  }, deps ?? []);\n  return null;\n}\n\nexport const sideEffectMeta: CodeComponentMeta<SideEffectProps> = {\n  name: \"hostless-side-effect\",\n  displayName: \"Side Effect\",\n  description: \"Run actions on load, unload, and when data changes.\",\n  importName: \"SideEffect\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    onMount: {\n      type: \"eventHandler\",\n      displayName: \"On load\",\n      description: \"Actions to run when this Side Effect component is mounted.\",\n      argTypes: [],\n    },\n    onUnmount: {\n      type: \"eventHandler\",\n      displayName: \"On unload\",\n      description:\n        \"Actions to run when this Side Effect component is unmounted.\",\n      argTypes: [],\n    },\n    deps: {\n      type: \"array\",\n      displayName: \"When data changes\",\n      description:\n        \"List of values which should trigger a re-run of the actions if changed.\",\n    },\n  },\n};\n\nexport function registerSideEffect(\n  loader?: { registerComponent: typeof registerComponent },\n  customMeta?: CodeComponentMeta<SideEffectProps>\n) {\n  if (loader) {\n    loader.registerComponent(SideEffect, customMeta ?? sideEffectMeta);\n  } else {\n    registerComponent(SideEffect, customMeta ?? sideEffectMeta);\n  }\n}\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./common\";\n\nexport interface TimerProps {\n  onTick: () => void;\n  isRunning?: boolean;\n  intervalSeconds?: number;\n  runWhileEditing: boolean;\n  \"data-plasmic-canvas-envs\"?: number;\n}\n\nexport function useInterval(callback: () => void, delay: number | null) {\n  const savedCallback = useRef(callback);\n\n  // Remember the latest callback if it changes.\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  useEffect(() => {\n    // Don't schedule if no delay is specified.\n    // Note: 0 is a valid value for delay.\n    if (!delay && delay !== 0) {\n      return;\n    }\n\n    const id = setInterval(() => savedCallback.current(), delay);\n\n    return () => clearInterval(id);\n  }, [delay]);\n}\n\nexport default function Timer({\n  intervalSeconds = 1,\n  isRunning = false,\n  onTick = () => {},\n  runWhileEditing,\n  \"data-plasmic-canvas-envs\": canvasId,\n}: TimerProps) {\n  const isEditMode = useMemo(() => canvasId !== undefined, [canvasId]);\n  useInterval(\n    onTick,\n    // Delay in milliseconds or null to stop it\n    isRunning && (isEditMode ? runWhileEditing : true)\n      ? intervalSeconds * 1000\n      : null\n  );\n  return null;\n}\n\nexport const timerMeta: CodeComponentMeta<TimerProps> = {\n  name: \"hostless-timer\",\n  displayName: \"Timer\",\n  description: \"Run something periodically\",\n  importName: \"Timer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    onTick: {\n      type: \"eventHandler\",\n      displayName: \"Run this every interval\",\n      description: \"Actions to run periodically\",\n      argTypes: [],\n    },\n    isRunning: {\n      type: \"boolean\",\n      displayName: \"Is Running?\",\n      defaultValue: true,\n    },\n    runWhileEditing: {\n      type: \"boolean\",\n      displayName: \"Run while editing\",\n      description:\n        \"Normally this only runs in the live site or in preview mode, but you can force it to run even while you are editing in the canvas (Please enable interactive mode to observe state changes)\",\n      defaultValue: false,\n    },\n    intervalSeconds: {\n      type: \"number\",\n      displayName: \"Interval (seconds)\",\n      description: \"Interval in seconds\",\n    },\n  },\n};\n\nexport function registerTimer(\n  loader?: { registerComponent: typeof registerComponent },\n  customMeta?: CodeComponentMeta<TimerProps>\n) {\n  if (loader) {\n    loader.registerComponent(Timer, customMeta ?? timerMeta);\n  } else {\n    registerComponent(Timer, customMeta ?? timerMeta);\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work.\",\n      helpText: \"Requires 'Muted' to also be set for 'Auto Play' to work.\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n      defaultValue: true,\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["ConditionGuardOnNotSatisfied","_ref","onNotSatisfied","ref","React","useRef","useEffect","current","ConditionGuard","_ref3","skipPaths","pathname","currentPath","plasmicPathname","children","condition","window","location","origin","globalThis","_globalThis$__PLASMIC","call","some","_ref2","path","conditionGuardMeta","name","displayName","description","importName","importPath","props","type","helpText","defaultValue","argTypes","itemType","fields","nameFunc","item","thisModule","DynamicElement","tag","_ref$tag","className","propSelectors","_objectWithoutPropertiesLoose","_excluded","computed","_useSelectors","createElement","_extends","DynamicText","selector","_excluded2","DynamicImage","_excluded3","loading","style","objectFit","src","DynamicRepeater","_ref4","loopItemName","keySelector","data","finalData","_ref5","_useSelector","map","index","_applySelector2","_DataProvider","key","_applySelector","repeatedElement","dynamicRepeaterProps","isRepeated","dynamicRepeaterMeta","dataProviderMeta","providesData","birthYear","profilePicture","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","dynamicTextMeta","dynamicImageMeta","ensure","x","Error","useIsomorphicLayoutEffect","useLayoutEffect","useId","Embed","code","_ref$hideInEditor","hideInEditor","rootElt","inEditor","usePlasmicCanvasContext","htmlId","firstRender","useFirstRender","makePlasmicVarName","_regeneratorRuntime","mark","_callee","_loop","_i","_Array$from","wrap","_context2","prev","next","oldScript","newScript","_context","document","async","Array","from","attributes","forEach","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","Promise","resolve","addEventListener","stop","querySelectorAll","length","delegateYield","effectiveCode","id","addIdentifierScript","dangerouslySetInnerHTML","__html","whiteSpace","replace","embedMeta","lang","editOnly","defaultStyles","maxWidth","Iframe","preview","onLoad","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","reactMajorVersion","version","split","console","warn","hasWarnedDisabledLoadingBoundary","LoadingBoundary","_useState","loaded","setLoaded","forceLoading","loadingState","isClient","useState","enableLoadingBoundary","_useDataEnv","useDataEnv","plasmicQuery","Suspense","fallback","DataProvider","hidden","loadingBoundaryMeta","styleSections","Repeater","items","itemName","indexName","isArray","toString","repeaterMeta","useDirectionalIntersection","_ref$scrollDownThresh","scrollDownThreshold","_ref$scrollUpThreshol","scrollUpThreshold","revealed","setRevealed","IntersectionObserver","observer","entries","intersectionRatio","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","_ref2$scrollDownThres","_ref2$scrollUpThresho","intersectionRef","scrollRevealerMeta","SideEffect","deps","onMount","onUnmount","sideEffectMeta","useInterval","callback","delay","savedCallback","setInterval","clearInterval","Timer","intervalSeconds","_ref$intervalSeconds","_ref$isRunning","isRunning","_ref$onTick","onTick","runWhileEditing","canvasId","isEditMode","useMemo","undefined","timerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","apply","arguments","loader","customConditionGuardMeta","registerComponent","customDataProviderMeta","customDynamicElementMeta","customDynamicImageMeta","customDynamicRepeaterMeta","customDynamicTextMeta","customEmbedMeta","customIframeMeta","customLoadingBoundaryMeta","customRepeaterMeta","customScrollRevealerMeta","customMeta","customVideoMeta"],"mappings":"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"}
+{"version":3,"file":"plasmic-basic-components.cjs.production.min.js","sources":["../src/ConditionGuard.tsx","../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/LoadingBoundary.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/SideEffect.tsx","../src/Timer.tsx","../src/Video.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport interface ConditionGuardProps {\n  condition: boolean;\n  onNotSatisfied?: () => Promise<void>;\n  children: React.ReactNode;\n  skipPaths?: Array<{ path: string }>;\n}\n\nfunction ConditionGuardOnNotSatisfied({\n  onNotSatisfied,\n}: Pick<ConditionGuardProps, \"onNotSatisfied\">) {\n  const ref = React.useRef(false);\n  React.useEffect(() => {\n    if (!ref.current) {\n      ref.current = true;\n      onNotSatisfied?.();\n    }\n  }, [onNotSatisfied]);\n  return null;\n}\n\nfunction isCurrentLocationInSkipPaths(skipPaths?: Array<{ path: string }>) {\n  const pathname = window.location.pathname;\n  // Ignore search params\n  const currentPath = window.location.origin + pathname;\n  const plasmicPathname = (globalThis as any)?.[\"__PLASMIC_STUDIO_PATH\"]?.();\n  return skipPaths?.some(\n    ({ path }) =>\n      path === pathname || path === currentPath || path === plasmicPathname\n  );\n}\n\nexport function ConditionGuard({\n  condition,\n  onNotSatisfied,\n  children,\n  skipPaths,\n}: ConditionGuardProps) {\n  if (!condition && !isCurrentLocationInSkipPaths(skipPaths)) {\n    return <ConditionGuardOnNotSatisfied onNotSatisfied={onNotSatisfied} />;\n  }\n\n  return <>{children}</>;\n}\n\nexport const conditionGuardMeta: ComponentMeta<ConditionGuardProps> = {\n  name: \"hostless-condition-guard\",\n  displayName: \"Condition Guard\",\n  description:\n    \"Ensure some condition, or else run an interaction. Examples: ensure all users have a database row, or require new users to setup a profile.\",\n  importName: \"ConditionGuard\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    condition: {\n      type: \"boolean\",\n      displayName: \"Condition\",\n      description: \"The condition to guard against\",\n      helpText:\n        \"Condition to check. Render contents only if true. Run interaction if false.\",\n      defaultValue: true,\n    },\n    onNotSatisfied: {\n      type: \"eventHandler\",\n      displayName: \"On condition false\",\n      description: \"The action to run when the condition is not satisfied\",\n      argTypes: [],\n    },\n    skipPaths: {\n      type: \"array\",\n      displayName: \"Skip Paths\",\n      description: \"Paths that the action should not run\",\n      itemType: {\n        type: \"object\",\n        fields: {\n          path: \"href\",\n        },\n        nameFunc: (item: any) => item?.path,\n      },\n    },\n  },\n};\n\nexport function registerConditionGuard(\n  loader?: { registerComponent: typeof registerComponent },\n  customConditionGuardMeta?: ComponentMeta<ConditionGuardProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ConditionGuard,\n      customConditionGuardMeta ?? conditionGuardMeta\n    );\n  } else {\n    registerComponent(\n      ConditionGuard,\n      customConditionGuardMeta ?? conditionGuardMeta\n    );\n  }\n}\n","import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  providesData: true,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","import React from \"react\";\n\nexport const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nexport const isBrowser = typeof window !== \"undefined\";\n\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n\nexport function useFirstRender() {\n  const ref = React.useRef(true);\n  const firstRender = ref.current;\n  ref.current = false;\n  return firstRender;\n}\n\n// Fix for React.useId type since it's only available for React 18+\nexport const useId: (() => string) | undefined = React.useId;\n","import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure, useFirstRender, useId } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\n/**\n * A common use case for embedding HTML snippets is loading/running script tags, so most of the logic here is for\n * handling that.\n *\n * You can't just write innerHTML with some <script> tags in there. You need to explicitly add each one via the DOM API.\n *\n * You also can't just add the script tags and expect them to run sequentially, and sometimes there are multiple scripts\n * with dependencies on each other. You have to explicitly wait for earlier ones to finish loading.\n *\n * One last complication is that Next.js can run the effect multiple times in development mode. There's nothing actually\n * that we can/should do about that, but just something to be aware of if you are here debugging issues.\n */\nexport function Embed({ className, code, hideInEditor = false }: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  const inEditor = usePlasmicCanvasContext();\n  const htmlId = useId?.();\n  const firstRender = useFirstRender();\n  useEffect(() => {\n    if (hideInEditor && inEditor) {\n      return;\n    }\n    // If it's the first render and we already set the global id for this component, it means that\n    // the HTML is already present in the DOM from the server-rendered HTML. We don't want to re-run.\n    // If it's not the first render, then it can mean that some dependency changed.\n    if (\n      htmlId &&\n      !inEditor &&\n      firstRender &&\n      (window as any)[makePlasmicVarName(htmlId)]\n    ) {\n      return;\n    }\n\n    // Load scripts sequentially one at a time, since later scripts can depend on earlier ones.\n    let cleanup = false;\n    (async () => {\n      for (const oldScript of Array.from(\n        ensure(rootElt.current).querySelectorAll(\"script\")\n      )) {\n        const newScript = document.createElement(\"script\");\n        // This doesn't actually have the effect we want, we need to explicitly wait on the load event, since all\n        // dynamically injected scripts are always async.\n        newScript.async = false;\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n        // Only scripts with src will ever fire a load event.\n        if (newScript.src) {\n          await new Promise((resolve) =>\n            newScript.addEventListener(\"load\", resolve)\n          );\n          if (cleanup) {\n            return;\n          }\n        }\n      }\n      return () => {\n        cleanup = true;\n      };\n    })();\n  }, [htmlId, code, hideInEditor, inEditor]);\n  const effectiveCode =\n    hideInEditor && inEditor\n      ? \"\"\n      : inEditor || !htmlId\n      ? code\n      : addIdentifierScript(htmlId, code);\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n      style={{ whiteSpace: \"normal\" }}\n    />\n  );\n}\n\nfunction makePlasmicVarName(id: string) {\n  return `__plasmic_${id.replace(/[^a-z0-9]/gi, \"\")}`;\n}\n\nfunction addIdentifierScript(id: string, code: string) {\n  return `<script>\n    var ${makePlasmicVarName(id)} = 1;\n  </script>\n  ${code}`;\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValue: \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n  onLoad?: React.ComponentProps<\"iframe\">[\"onLoad\"];\n}\n\nexport function Iframe({ preview, src, className, onLoad }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} onLoad={onLoad} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n    onLoad: {\n      type: \"eventHandler\",\n      argTypes: [{ name: \"event\", type: \"object\" }],\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import { DataProvider, useDataEnv } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport * as plasmicQuery from \"@plasmicapp/query\";\nimport React, { Suspense, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./common\";\n\ninterface LoadingBoundaryProps {\n  loadingState?: React.ReactNode;\n  children?: React.ReactNode;\n  forceLoading?: boolean;\n}\n\nconst reactMajorVersion = +React.version.split(\".\")[0];\n\nif (reactMajorVersion < 18) {\n  console.warn(\"The LoadingBoundary component only works with React 18+\");\n}\n\nconst enableLoadingBoundaryKey = \"plasmicInternalEnableLoadingBoundary\";\nconst hasLoadingBoundaryKey = \"plasmicInternalHasLoadingBoundary\";\n\nfunction useIsClient() {\n  const [loaded, setLoaded] = useState(false);\n  useIsomorphicLayoutEffect(() => {\n    setLoaded(true);\n  }, []);\n  return loaded;\n}\n\nlet hasWarnedDisabledLoadingBoundary = false;\n\nfunction warnDisabledLoadingBoundary() {\n  if (!hasWarnedDisabledLoadingBoundary) {\n    hasWarnedDisabledLoadingBoundary = true;\n    console.warn(\n      `LoadingBoundary feature is not enabled. To use the LoadingBoundary component make sure to upgrade your @plasmicapp/* dependencies to the latest version and to wrap you App inside <PlasmicRootProvider />`\n    );\n  }\n}\n\nexport function LoadingBoundary({\n  children,\n  forceLoading,\n  loadingState,\n}: LoadingBoundaryProps) {\n  const isClient = useIsClient();\n  const enableLoadingBoundary = !!useDataEnv()?.[enableLoadingBoundaryKey];\n\n  if (!isClient && !plasmicQuery.isPlasmicPrepass?.()) {\n    return null;\n  }\n\n  if (forceLoading) {\n    return <>{loadingState ?? null}</>;\n  }\n\n  if (reactMajorVersion < 18) {\n    return <>{children ?? null}</>;\n  }\n\n  if (!enableLoadingBoundary) {\n    warnDisabledLoadingBoundary();\n    return <>{children ?? null}</>;\n  }\n\n  return (\n    <Suspense fallback={<>{loadingState ?? null}</>}>\n      <DataProvider hidden name={hasLoadingBoundaryKey} data={true}>\n        {children ?? null}\n      </DataProvider>\n    </Suspense>\n  );\n}\n\nexport const loadingBoundaryMeta: ComponentMeta<LoadingBoundaryProps> = {\n  name: \"hostless-loading-boundary\",\n  displayName: \"Loading Boundary\",\n  importName: \"LoadingBoundary\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    loadingState: {\n      type: \"slot\",\n      displayName: \"Loading state\",\n      defaultValue: {\n        type: \"text\",\n        value: \"Loading...\",\n      },\n    },\n    forceLoading: {\n      type: \"boolean\",\n      editOnly: true,\n      displayName: \"Preview loading\",\n      description:\n        \"Force preview the 'Loading' state - impacts only editor, and not published page behavior\",\n    },\n  },\n  providesData: true,\n  styleSections: false,\n  description: \"Handle the loading state of queries and integrations\",\n};\n\nexport function registerLoadingBoundary(\n  loader?: { registerComponent: typeof registerComponent },\n  customLoadingBoundaryMeta?: ComponentMeta<LoadingBoundaryProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      LoadingBoundary,\n      customLoadingBoundaryMeta ?? loadingBoundaryMeta\n    );\n  } else {\n    registerComponent(\n      LoadingBoundary,\n      customLoadingBoundaryMeta ?? loadingBoundaryMeta\n    );\n  }\n}\n","import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nexport function Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  providesData: true,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport interface SideEffectProps {\n  onMount?: () => Promise<void>;\n  onUnmount?: () => Promise<void>;\n  deps?: unknown[];\n}\n\nexport function SideEffect({ deps, onMount, onUnmount }: SideEffectProps) {\n  React.useEffect(() => {\n    onMount?.();\n    return () => {\n      onUnmount?.();\n    };\n  }, deps ?? []);\n  return null;\n}\n\nexport const sideEffectMeta: CodeComponentMeta<SideEffectProps> = {\n  name: \"hostless-side-effect\",\n  displayName: \"Side Effect\",\n  description: \"Run actions on load, unload, and when data changes.\",\n  importName: \"SideEffect\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    onMount: {\n      type: \"eventHandler\",\n      displayName: \"On load\",\n      description: \"Actions to run when this Side Effect component is mounted.\",\n      argTypes: [],\n    },\n    onUnmount: {\n      type: \"eventHandler\",\n      displayName: \"On unload\",\n      description:\n        \"Actions to run when this Side Effect component is unmounted.\",\n      argTypes: [],\n    },\n    deps: {\n      type: \"array\",\n      displayName: \"When data changes\",\n      description:\n        \"List of values which should trigger a re-run of the actions if changed.\",\n    },\n  },\n};\n\nexport function registerSideEffect(\n  loader?: { registerComponent: typeof registerComponent },\n  customMeta?: CodeComponentMeta<SideEffectProps>\n) {\n  if (loader) {\n    loader.registerComponent(SideEffect, customMeta ?? sideEffectMeta);\n  } else {\n    registerComponent(SideEffect, customMeta ?? sideEffectMeta);\n  }\n}\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./common\";\n\nexport interface TimerProps {\n  onTick: () => void;\n  isRunning?: boolean;\n  intervalSeconds?: number;\n  runWhileEditing: boolean;\n  \"data-plasmic-canvas-envs\"?: number;\n}\n\nexport function useInterval(callback: () => void, delay: number | null) {\n  const savedCallback = useRef(callback);\n\n  // Remember the latest callback if it changes.\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  useEffect(() => {\n    // Don't schedule if no delay is specified.\n    // Note: 0 is a valid value for delay.\n    if (!delay && delay !== 0) {\n      return;\n    }\n\n    const id = setInterval(() => savedCallback.current(), delay);\n\n    return () => clearInterval(id);\n  }, [delay]);\n}\n\nexport function Timer({\n  intervalSeconds = 1,\n  isRunning = false,\n  onTick = () => {},\n  runWhileEditing,\n  \"data-plasmic-canvas-envs\": canvasId,\n}: TimerProps) {\n  const isEditMode = useMemo(() => canvasId !== undefined, [canvasId]);\n  useInterval(\n    onTick,\n    // Delay in milliseconds or null to stop it\n    isRunning && (isEditMode ? runWhileEditing : true)\n      ? intervalSeconds * 1000\n      : null\n  );\n  return null;\n}\n\nexport const timerMeta: CodeComponentMeta<TimerProps> = {\n  name: \"hostless-timer\",\n  displayName: \"Timer\",\n  description: \"Run something periodically\",\n  importName: \"Timer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    onTick: {\n      type: \"eventHandler\",\n      displayName: \"Run this every interval\",\n      description: \"Actions to run periodically\",\n      argTypes: [],\n    },\n    isRunning: {\n      type: \"boolean\",\n      displayName: \"Is Running?\",\n      defaultValue: true,\n    },\n    runWhileEditing: {\n      type: \"boolean\",\n      displayName: \"Run while editing\",\n      description:\n        \"Normally this only runs in the live site or in preview mode, but you can force it to run even while you are editing in the canvas (Please enable interactive mode to observe state changes)\",\n      defaultValue: false,\n    },\n    intervalSeconds: {\n      type: \"number\",\n      displayName: \"Interval (seconds)\",\n      description: \"Interval in seconds\",\n    },\n  },\n};\n\nexport function registerTimer(\n  loader?: { registerComponent: typeof registerComponent },\n  customMeta?: CodeComponentMeta<TimerProps>\n) {\n  if (loader) {\n    loader.registerComponent(Timer, customMeta ?? timerMeta);\n  } else {\n    registerComponent(Timer, customMeta ?? timerMeta);\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nexport const Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work.\",\n      helpText: \"Requires 'Muted' to also be set for 'Auto Play' to work.\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n      defaultValue: true,\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["ConditionGuardOnNotSatisfied","_ref","onNotSatisfied","ref","React","useRef","useEffect","current","ConditionGuard","_ref3","skipPaths","pathname","currentPath","plasmicPathname","children","condition","window","location","origin","globalThis","_globalThis$__PLASMIC","call","some","_ref2","path","conditionGuardMeta","name","displayName","description","importName","importPath","props","type","helpText","defaultValue","argTypes","itemType","fields","nameFunc","item","thisModule","DynamicElement","tag","_ref$tag","className","propSelectors","_objectWithoutPropertiesLoose","_excluded","computed","_useSelectors","createElement","_extends","DynamicText","selector","_excluded2","DynamicImage","_excluded3","loading","style","objectFit","src","DynamicRepeater","_ref4","loopItemName","keySelector","data","finalData","_ref5","_useSelector","map","index","_applySelector2","_DataProvider","key","_applySelector","repeatedElement","dynamicRepeaterProps","isRepeated","dynamicRepeaterMeta","dataProviderMeta","providesData","birthYear","profilePicture","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","dynamicTextMeta","dynamicImageMeta","ensure","x","Error","useIsomorphicLayoutEffect","useLayoutEffect","useId","Embed","code","_ref$hideInEditor","hideInEditor","rootElt","inEditor","usePlasmicCanvasContext","htmlId","firstRender","useFirstRender","makePlasmicVarName","cleanup","_regeneratorRuntime","mark","_callee","_loop","_ret","_i","_Array$from","wrap","_context2","prev","next","oldScript","newScript","_context","document","async","Array","from","attributes","forEach","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","Promise","resolve","addEventListener","abrupt","v","stop","querySelectorAll","length","delegateYield","t0","effectiveCode","id","addIdentifierScript","dangerouslySetInnerHTML","__html","whiteSpace","replace","embedMeta","lang","editOnly","defaultStyles","maxWidth","Iframe","preview","onLoad","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","reactMajorVersion","version","split","console","warn","hasWarnedDisabledLoadingBoundary","LoadingBoundary","_useState","loaded","setLoaded","forceLoading","loadingState","isClient","useState","enableLoadingBoundary","_useDataEnv","useDataEnv","plasmicQuery","Suspense","fallback","DataProvider","hidden","loadingBoundaryMeta","styleSections","Repeater","items","itemName","indexName","isArray","toString","repeaterMeta","useDirectionalIntersection","_ref$scrollDownThresh","scrollDownThreshold","_ref$scrollUpThreshol","scrollUpThreshold","revealed","setRevealed","IntersectionObserver","observer","entries","intersectionRatio","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","_ref2$scrollDownThres","_ref2$scrollUpThresho","intersectionRef","scrollRevealerMeta","SideEffect","deps","onMount","onUnmount","sideEffectMeta","useInterval","callback","delay","savedCallback","setInterval","clearInterval","Timer","intervalSeconds","_ref$intervalSeconds","_ref$isRunning","isRunning","_ref$onTick","onTick","runWhileEditing","canvasId","isEditMode","useMemo","undefined","timerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","apply","arguments","loader","customConditionGuardMeta","registerComponent","customDataProviderMeta","customDynamicElementMeta","customDynamicImageMeta","customDynamicRepeaterMeta","customDynamicTextMeta","customEmbedMeta","customIframeMeta","customLoadingBoundaryMeta","customRepeaterMeta","customScrollRevealerMeta","customMeta","customVideoMeta"],"mappings":"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"}

package/dist/plasmic-basic-components.esm.js

@@ -82,6 +82,49 @@ function registerConditionGuard(loader, customConditionGuardMeta) {
   }
 }
 
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
     return e;
@@ -190,7 +233,7 @@ function _regeneratorRuntime() {
   function makeInvokeMethod(e, r, n) {
     var o = h;
     return function (i, a) {
-      if (o === f) throw new Error("Generator is already running");
+      if (o === f) throw Error("Generator is already running");
       if (o === s) {
         if ("throw" === i) throw a;
         return {
@@ -332,7 +375,7 @@ function _regeneratorRuntime() {
           } else if (c) {
             if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
           } else {
-            if (!u) throw new Error("try statement without catch or finally");
+            if (!u) throw Error("try statement without catch or finally");
             if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
           }
         }
@@ -372,7 +415,7 @@ function _regeneratorRuntime() {
           return o;
         }
       }
-      throw new Error("illegal catch attempt");
+      throw Error("illegal catch attempt");
     },
     delegateYield: function (e, r, n) {
       return this.delegate = {
@@ -383,62 +426,6 @@ function _regeneratorRuntime() {
     }
   }, e;
 }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
 
 var _excluded = ["tag", "className", "children", "propSelectors"],
   _excluded2 = ["selector", "propSelectors"],
@@ -722,8 +709,9 @@ function Embed(_ref) {
       return;
     }
     // Load scripts sequentially one at a time, since later scripts can depend on earlier ones.
+    var cleanup = false;
     _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _loop, _i, _Array$from;
+      var _loop, _ret, _i, _Array$from;
       return _regeneratorRuntime().wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -743,7 +731,7 @@ function Embed(_ref) {
                     ensure(oldScript.parentNode).replaceChild(newScript, oldScript);
                     // Only scripts with src will ever fire a load event.
                     if (!newScript.src) {
-                      _context.next = 9;
+                      _context.next = 11;
                       break;
                     }
                     _context.next = 9;
@@ -751,6 +739,14 @@ function Embed(_ref) {
                       return newScript.addEventListener("load", resolve);
                     });
                   case 9:
+                    if (!cleanup) {
+                      _context.next = 11;
+                      break;
+                    }
+                    return _context.abrupt("return", {
+                      v: void 0
+                    });
+                  case 11:
                   case "end":
                     return _context.stop();
                 }
@@ -759,21 +755,32 @@ function Embed(_ref) {
             _i = 0, _Array$from = Array.from(ensure(rootElt.current).querySelectorAll("script"));
           case 2:
             if (!(_i < _Array$from.length)) {
-              _context2.next = 7;
+              _context2.next = 10;
               break;
             }
             return _context2.delegateYield(_loop(), "t0", 4);
           case 4:
+            _ret = _context2.t0;
+            if (!_ret) {
+              _context2.next = 7;
+              break;
+            }
+            return _context2.abrupt("return", _ret.v);
+          case 7:
             _i++;
             _context2.next = 2;
             break;
-          case 7:
+          case 10:
+            return _context2.abrupt("return", function () {
+              cleanup = true;
+            });
+          case 11:
           case "end":
             return _context2.stop();
         }
       }, _callee);
     }))();
-  }, [htmlId, firstRender, code, hideInEditor, inEditor]);
+  }, [htmlId, code, hideInEditor, inEditor]);
   var effectiveCode = hideInEditor && inEditor ? "" : inEditor || !htmlId ? code : addIdentifierScript(htmlId, code);
   return React.createElement("div", {
     ref: rootElt,