@builder.io/sdk-react-native 1.0.31-0 → 1.0.31

package/src/components/content/content.tsx

@@ -1,150 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-} from "react-native";
-import { useState, useContext } from "react";
-import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components";
-import { TARGET } from "../../constants/target";
-import ComponentsContext from "../../context/components.context";
-import type {
-  BuilderContextInterface,
-  BuilderRenderState,
-  RegisteredComponents,
-} from "../../context/types";
-import { serializeComponentInfo } from "../../functions/register-component";
-import type { ComponentInfo } from "../../types/components";
-import type { Dictionary } from "../../types/typescript";
-import Blocks from "../blocks/blocks";
-import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
-import DynamicDiv from "../dynamic-div";
-import InlinedScript from "../inlined-script";
-import EnableEditor from "./components/enable-editor";
-import ContentStyles from "./components/styles";
-import {
-  getContentInitialValue,
-  getRootStateInitialValue,
-} from "./content.helpers";
-import type { ContentProps } from "./content.types";
-import { wrapComponentRef } from "./wrap-component-ref";
-
-function ContentComponent(props: ContentProps) {
-  const [scriptStr, setScriptStr] = useState(() =>
-    getUpdateVariantVisibilityScript({
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      variationId: props.content?.testVariationId!,
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      contentId: props.content?.id!,
-    })
-  );
-
-  function contentSetState(newRootState: BuilderRenderState) {
-    setBuilderContextSignal((PREVIOUS_VALUE) => ({
-      ...PREVIOUS_VALUE,
-      rootState: newRootState,
-    }));
-  }
-
-  const [registeredComponents, setRegisteredComponents] = useState(() =>
-    [
-      ...getDefaultRegisteredComponents(),
-      ...(props.customComponents || []),
-    ].reduce<RegisteredComponents>(
-      (acc, { component, ...info }) => ({
-        ...acc,
-        [info.name]: {
-          component: component,
-          ...serializeComponentInfo(info),
-        },
-      }),
-      {}
-    )
-  );
-
-  const [builderContextSignal, setBuilderContextSignal] = useState(() => ({
-    content: getContentInitialValue({
-      content: props.content,
-      data: props.data,
-    }),
-    localState: undefined,
-    rootState: getRootStateInitialValue({
-      content: props.content,
-      data: props.data,
-      locale: props.locale,
-    }),
-    rootSetState: contentSetState,
-    context: props.context || {},
-    apiKey: props.apiKey,
-    apiVersion: props.apiVersion,
-    componentInfos: [
-      ...getDefaultRegisteredComponents(),
-      ...(props.customComponents || []),
-    ].reduce<Dictionary<ComponentInfo>>(
-      (acc, { component: _, ...info }) => ({
-        ...acc,
-        [info.name]: serializeComponentInfo(info),
-      }),
-      {}
-    ),
-    inheritedStyles: {},
-    BlocksWrapper: props.blocksWrapper || ScrollView,
-    BlocksWrapperProps: props.blocksWrapperProps || {},
-  }));
-
-  return (
-    <ComponentsContext.Provider
-      value={{
-        registeredComponents: registeredComponents,
-      }}
-    >
-      <EnableEditor
-        content={props.content}
-        data={props.data}
-        model={props.model}
-        context={props.context}
-        apiKey={props.apiKey}
-        canTrack={props.canTrack}
-        locale={props.locale}
-        enrich={props.enrich}
-        showContent={props.showContent}
-        builderContextSignal={builderContextSignal}
-        contentWrapper={props.contentWrapper}
-        contentWrapperProps={props.contentWrapperProps}
-        linkComponent={props.linkComponent}
-        trustedHosts={props.trustedHosts}
-        {...{
-          setBuilderContextSignal: setBuilderContextSignal,
-        }}
-      >
-        {props.isSsrAbTest ? (
-          <InlinedScript
-            id="builderio-variant-visibility"
-            scriptStr={scriptStr}
-          />
-        ) : null}
-        {TARGET !== "reactNative" ? (
-          <ContentStyles
-            isNestedRender={props.isNestedRender}
-            contentId={builderContextSignal.content?.id}
-            cssCode={builderContextSignal.content?.data?.cssCode}
-            customFonts={builderContextSignal.content?.data?.customFonts}
-          />
-        ) : null}
-        <Blocks
-          blocks={builderContextSignal.content?.data?.blocks}
-          context={builderContextSignal}
-          registeredComponents={registeredComponents}
-          linkComponent={props.linkComponent}
-        />
-      </EnableEditor>
-    </ComponentsContext.Provider>
-  );
-}
-
-export default ContentComponent;

package/src/components/content/content.types.ts

@@ -1,13 +0,0 @@
-import type { BuilderRenderState } from '../../context/types';
-export type { ContentProps } from './contentProps.types';
-export interface BuilderComponentStateChange {
-  state: BuilderRenderState;
-  ref: {
-    name?: string;
-    props?: {
-      builderBlock?: {
-        id?: string;
-      };
-    };
-  };
-}

package/src/components/content/contentProps.types.ts

@@ -1,17 +0,0 @@
-import type { EnforcePartials } from '../../types/enforced-partials';
-import type { ContentVariantsPrps } from '../content-variants/content-variants.types';
-interface InternalRenderProps {
-  showContent: boolean;
-  isSsrAbTest: boolean;
-}
-
-/**
- * This is in a separate file so that we can override it (most notably in Vue,
- * where prop types cannot be wrapped by generics like `EnforcePartials`).
- */
-export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps> & {
-  /**
-   * For internal use only. Do not provide this prop.
-   */
-  isNestedRender?: boolean;
-}

package/src/components/content/index.ts

@@ -1 +0,0 @@
-export { default } from './content'

package/src/components/content/wrap-component-ref.ts

@@ -1,6 +0,0 @@
-/**
- * Apply target-specific transformations to the component reference.
- *
- * See overrides/* for examples.
- */
-export const wrapComponentRef = (component: any) => component

package/src/components/content-variants/content-variants.tsx

@@ -1,146 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-} from "react-native";
-import { useState, useEffect } from "react";
-
-type VariantsProviderProps = ContentVariantsPrps & {
-  /**
-   * For internal use only. Do not provide this prop.
-   */
-  isNestedRender?: boolean;
-};
-import { TARGET } from "../../constants/target";
-import { handleABTestingSync } from "../../helpers/ab-tests";
-import { getDefaultCanTrack } from "../../helpers/canTrack";
-import ContentComponent from "../content/content";
-import InlinedScript from "../inlined-script";
-import InlinedStyles from "../inlined-styles";
-import type { ContentVariantsPrps } from "./content-variants.types";
-import {
-  checkShouldRenderVariants,
-  getInitVariantsFnsScriptString,
-  getUpdateCookieAndStylesScript,
-  getVariants,
-} from "./helpers";
-
-function ContentVariants(props: VariantsProviderProps) {
-  const [shouldRenderVariants, setShouldRenderVariants] = useState(() =>
-    checkShouldRenderVariants({
-      canTrack: getDefaultCanTrack(props.canTrack),
-      content: props.content,
-    })
-  );
-
-  function updateCookieAndStylesScriptStr() {
-    return getUpdateCookieAndStylesScript(
-      getVariants(props.content).map((value) => ({
-        id: value.testVariationId!,
-        testRatio: value.testRatio,
-      })),
-      props.content?.id || ""
-    );
-  }
-
-  function hideVariantsStyleString() {
-    return getVariants(props.content)
-      .map((value) => `.variant-${value.testVariationId} { display: none; } `)
-      .join("");
-  }
-
-  function defaultContent() {
-    return shouldRenderVariants
-      ? {
-          ...props.content,
-          testVariationId: props.content?.id,
-        }
-      : handleABTestingSync({
-          item: props.content,
-          canTrack: getDefaultCanTrack(props.canTrack),
-        });
-  }
-
-  useEffect(() => {
-    /**
-     * For Solid/Svelte: we unmount the non-winning variants post-hydration.
-     */
-  }, []);
-
-  return (
-    <>
-      {!props.isNestedRender && TARGET !== "reactNative" ? (
-        <InlinedScript
-          id="builderio-init-variants-fns"
-          scriptStr={getInitVariantsFnsScriptString()}
-        />
-      ) : null}
-      {shouldRenderVariants ? (
-        <>
-          <InlinedStyles
-            id="builderio-variants"
-            styles={hideVariantsStyleString()}
-          />
-          <InlinedScript
-            id="builderio-variants-visibility"
-            scriptStr={updateCookieAndStylesScriptStr()}
-          />
-          {getVariants(props.content)?.map((variant) => (
-            <ContentComponent
-              isNestedRender={props.isNestedRender}
-              key={variant.testVariationId}
-              content={variant}
-              showContent={false}
-              model={props.model}
-              data={props.data}
-              context={props.context}
-              apiKey={props.apiKey}
-              apiVersion={props.apiVersion}
-              customComponents={props.customComponents}
-              linkComponent={props.linkComponent}
-              canTrack={props.canTrack}
-              locale={props.locale}
-              enrich={props.enrich}
-              isSsrAbTest={shouldRenderVariants}
-              blocksWrapper={props.blocksWrapper}
-              blocksWrapperProps={props.blocksWrapperProps}
-              contentWrapper={props.contentWrapper}
-              contentWrapperProps={props.contentWrapperProps}
-              trustedHosts={props.trustedHosts}
-            />
-          ))}
-        </>
-      ) : null}
-      <ContentComponent
-        isNestedRender={props.isNestedRender}
-        {...{}}
-        content={defaultContent()}
-        showContent
-        model={props.model}
-        data={props.data}
-        context={props.context}
-        apiKey={props.apiKey}
-        apiVersion={props.apiVersion}
-        customComponents={props.customComponents}
-        linkComponent={props.linkComponent}
-        canTrack={props.canTrack}
-        locale={props.locale}
-        enrich={props.enrich}
-        isSsrAbTest={shouldRenderVariants}
-        blocksWrapper={props.blocksWrapper}
-        blocksWrapperProps={props.blocksWrapperProps}
-        contentWrapper={props.contentWrapper}
-        contentWrapperProps={props.contentWrapperProps}
-        trustedHosts={props.trustedHosts}
-      />
-    </>
-  );
-}
-
-export default ContentVariants;

package/src/components/content-variants/content-variants.types.ts

@@ -1,84 +0,0 @@
-import type { BuilderRenderContext, RegisteredComponent } from '../../context/types';
-import type { ApiVersion } from '../../types/api-version';
-import type { BuilderContent } from '../../types/builder-content';
-import type { Nullable } from '../../types/typescript';
-export interface ContentVariantsPrps {
-  /**
-   * The Builder content JSON to render (required).
-   */
-  content?: Nullable<BuilderContent>;
-
-  /**
-   * The Builder content `model` to render (required).
-   */
-  model?: string;
-
-  /**
-   * Additional data to inject into your Builder content (optional).
-   */
-  data?: {
-    [key: string]: any;
-  };
-
-  /**
-   *
-   */
-  context?: BuilderRenderContext;
-
-  /**
-   * Your API Key: needed to enable visual editing, and to dynamically fetch symbols (required).
-   */
-  apiKey: string;
-  apiVersion?: ApiVersion;
-
-  /**
-   * An array of custom components to register (optional).
-   */
-  customComponents?: RegisteredComponent[];
-  /**
-   * The component to use for rendering links. Defaults to anchor element `<a>`.
-   */
-  linkComponent?: any;
-
-  /**
-   * A boolean to enable or disable tracking (optional). Defaults to `true`.
-   */
-  canTrack?: boolean;
-
-  /**
-   * If provided, the API will auto-resolve localized objects to the value of this `locale` key (optional).
-   */
-  locale?: string;
-
-  /**
-   * A boolean to enable or disable enriching API content (optional).
-   *
-   * Enriching will Include multilevel references in the response. Defaults to `false`.
-   */
-  enrich?: boolean;
-
-  /**
-   * The element that wraps your content. Defaults to `<div>` ('ScrollView' in React Native).
-   */
-  contentWrapper?: any;
-
-  /**
-   * Additonal props to pass to `contentWrapper`. Defaults to `{}`.
-   */
-  contentWrapperProps?: any;
-
-  /**
-   * The element that wraps your blocks. Defaults to `<div>` ('ScrollView' in React Native).
-   */
-  blocksWrapper?: any;
-
-  /**
-   * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
-   */
-  blocksWrapperProps?: any;
-
-  /**
-   * List of hosts to allow editing content from.
-   */
-  trustedHosts?: string[];
-}

package/src/components/content-variants/helpers.ts

@@ -1,72 +0,0 @@
-import { TARGET } from '../../constants/target';
-import { isBrowser } from '../../functions/is-browser';
-import type { Nullable } from '../../helpers/nullable';
-import type { BuilderContent } from '../../types/builder-content';
-import type { Target } from '../../types/targets';
-import { UPDATE_COOKIES_AND_STYLES_SCRIPT, UPDATE_VARIANT_VISIBILITY_SCRIPT } from './inlined-fns';
-
-/**
- * We hardcode explicit function names here, because the `.toString()` of a function can change depending on the bundler.
- * Some bundlers will minify the fn name, etc.
- *
- * So we hardcode the function names here, and then use those names in the script string to make sure the function names are consistent.
- */
-const UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME = 'builderIoAbTest';
-const UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = 'builderIoRenderContent';
-export const getVariants = (content: Nullable<BuilderContent>) => Object.values(content?.variations || {}).map(variant => ({
-  ...variant,
-  testVariationId: variant.id,
-  id: content?.id
-}));
-export const checkShouldRenderVariants = ({
-  canTrack,
-  content
-}: {
-  canTrack: Nullable<boolean>;
-  content: Nullable<BuilderContent>;
-}) => {
-  const hasVariants = getVariants(content).length > 0;
-
-  /**
-   * We cannot SSR in React-Native.
-   */
-  if (TARGET === 'reactNative') return false;
-  if (!hasVariants) return false;
-  if (!canTrack) return false;
-
-  /**
-   * For Vue and Svelte, we need to (initially) render the variants. This is to avoid hydration mismatch errors.
-   *
-   * Unlike React, Vue's hydration checks are shallow and do not check the attributes/contents of each element, so we
-   * are able to modify the `hidden` HTML attributes and `display` CSS properties without causing a hydration mismatch error.
-   *
-   * NOTE: For Solid/Svelte: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
-   * This isn't necessary, just a nice to have.
-   */
-  if (TARGET === 'vue' || TARGET === 'svelte') return true;
-  if (isBrowser()) return false;
-  return true;
-};
-type VariantData = {
-  id: string;
-  testRatio?: number;
-};
-const getIsHydrationTarget = (target: Target) => target === 'react' || target === 'reactNative';
-const isHydrationTarget = getIsHydrationTarget(TARGET);
-export const getInitVariantsFnsScriptString = () => `
-  window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
-  window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
-  `;
-export const getUpdateCookieAndStylesScript = (variants: VariantData[], contentId: string) => `
-  window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME}(
-    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}
-  )`;
-export const getUpdateVariantVisibilityScript = ({
-  contentId,
-  variationId
-}: {
-  variationId: string;
-  contentId: string;
-}) => `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
-    "${variationId}", "${contentId}", ${isHydrationTarget}
-  )`

package/src/components/content-variants/index.ts

@@ -1 +0,0 @@
-export { default } from './content-variants'

package/src/components/content-variants/inlined-fns.ts

@@ -1,22 +0,0 @@
-/**
- * WARNING: This file contains functions that get stringified and inlined into the HTML at build-time.
- * They cannot import anything.
- */
-
-type VariantData = {
-  id: string;
-  testRatio?: number;
-};
-
-/**
- * For more information on how this works,
- * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
- */
-
-/**
- * For more information on how this works,
- * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
- */
-
-export const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
-export const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";

package/src/components/dynamic-div.tsx

@@ -1,30 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-} from "react-native";
-
-export interface DynamicDivProps {
-  children?: any;
-  attributes: any;
-  actionAttributes: any;
-  BlockWrapperProps: any;
-  builderPath: any;
-  builderParentId: any;
-  BlocksWrapperProps: any;
-  contentWrapperProps: any;
-  builderModel: any;
-  ref: any;
-}
-
-function DynamicDiv(props: DynamicDivProps) {
-  return <View>{props.children}</View>;
-}
-
-export default DynamicDiv;

package/src/components/dynamic-renderer/dynamic-renderer.helpers.ts

@@ -1,7 +0,0 @@
-/**
- * https://developer.mozilla.org/en-US/docs/Glossary/Empty_element
- */
-const EMPTY_HTML_ELEMENTS = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr']);
-export const isEmptyElement = (tagName: any): boolean => {
-  return typeof tagName === 'string' && EMPTY_HTML_ELEMENTS.has(tagName.toLowerCase());
-}

package/src/components/dynamic-renderer/dynamic-renderer.tsx

@@ -1,47 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-} from "react-native";
-
-export interface DynamicRendererProps {
-  children?: any;
-  TagName: any;
-  attributes: any;
-  actionAttributes: any;
-}
-
-import { isEmptyElement } from "./dynamic-renderer.helpers";
-import { setAttrs } from "../../blocks/helpers";
-
-function DynamicRenderer(props: DynamicRendererProps) {
-  return (
-    <>
-      {!isEmptyElement(props.TagName) ? (
-        <>
-          {typeof props.TagName === "string" ? (
-            <props.TagName {...props.attributes} {...props.actionAttributes}>
-              {props.children}
-            </props.TagName>
-          ) : (
-            <props.TagName {...props.attributes} {...props.actionAttributes}>
-              {props.children}
-            </props.TagName>
-          )}
-        </>
-      ) : (
-        <>
-          <props.TagName {...props.attributes} {...props.actionAttributes} />
-        </>
-      )}
-    </>
-  );
-}
-
-export default DynamicRenderer;

package/src/components/error-boundary.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import { logger } from '../helpers/logger';
-
-export default class ErrorBoundary extends React.Component<
-  React.PropsWithChildren,
-  { hasError: boolean }
-> {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-
-  static getDerivedStateFromError(_error) {
-    // Update state so the next render will show the fallback UI.
-    return { hasError: true };
-  }
-
-  componentDidCatch(error, info) {
-    logger.error(
-      'ErrorBoundary caught error:',
-      info.error,
-      info.componentStack
-    );
-  }
-
-  render() {
-    if (this.state.hasError) {
-      return (
-        <p>
-          Builder.io SDK: error while rendering block. See console for full
-          logs.
-        </p>
-      );
-    }
-
-    return this.props.children;
-  }
-}

package/src/components/inlined-script.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-interface Props {
-  scriptStr: string;
-  id: string;
-}
-
-export default function InlinedScript(_props: Props) {
-  return <React.Fragment></React.Fragment>;
-}

package/src/components/inlined-styles.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-interface Props {
-  styles: string;
-  id: string;
-}
-
-export default function InlinedStyles(_props: Props) {
-  return <React.Fragment></React.Fragment>;
-}