@draftbit/core 48.5.6 → 48.5.7-cd0364.2

package/src/components/TextInput.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { TextInput as NativeTextInput, } from "react-native";
+import { useDebounce } from "../hooks";
+const TextInput = React.forwardRef(({ onChangeTextDelayed, changeTextDelay = 500, value, ...rest }, ref) => {
+    const delayedValue = useDebounce(value, changeTextDelay);
+    React.useEffect(() => {
+        if (delayedValue !== undefined) {
+            onChangeTextDelayed === null || onChangeTextDelayed === void 0 ? void 0 : onChangeTextDelayed(delayedValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [delayedValue]);
+    return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, value: value, ...rest }));
+});
+export default TextInput;
+//# sourceMappingURL=TextInput.js.map

package/src/components/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,IAAI,eAAe,GAE7B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOvC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,mBAAmB,EAAE,eAAe,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,YAAY,CAAC,CAAC;SACrC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAC,mBAAmB,EAC1B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/src/components/TextInput.tsx

@@ -1,35 +1,35 @@
-import React from "react";
-import {
-  TextInput as NativeTextInput,
-  TextInputProps as NativeTextInputProps,
-} from "react-native";
-import { useDebounce } from "../hooks";
-
-export interface TextInputProps extends NativeTextInputProps {
-  onChangeTextDelayed?: (text: string) => void;
-  changeTextDelay?: number;
-}
-
-const TextInput = React.forwardRef<NativeTextInput, TextInputProps>(
-  ({ onChangeTextDelayed, changeTextDelay = 500, value, ...rest }, ref) => {
-    const delayedValue = useDebounce(value, changeTextDelay);
-
-    React.useEffect(() => {
-      if (delayedValue !== undefined) {
-        onChangeTextDelayed?.(delayedValue);
-      }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [delayedValue]);
-
-    return (
-      <NativeTextInput
-        testID="native-text-input"
-        ref={ref}
-        value={value}
-        {...rest}
-      />
-    );
-  }
-);
-
-export default TextInput;
+import React from "react";
+import {
+  TextInput as NativeTextInput,
+  TextInputProps as NativeTextInputProps,
+} from "react-native";
+import { useDebounce } from "../hooks";
+
+export interface TextInputProps extends NativeTextInputProps {
+  onChangeTextDelayed?: (text: string) => void;
+  changeTextDelay?: number;
+}
+
+const TextInput = React.forwardRef<NativeTextInput, TextInputProps>(
+  ({ onChangeTextDelayed, changeTextDelay = 500, value, ...rest }, ref) => {
+    const delayedValue = useDebounce(value, changeTextDelay);
+
+    React.useEffect(() => {
+      if (delayedValue !== undefined) {
+        onChangeTextDelayed?.(delayedValue);
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [delayedValue]);
+
+    return (
+      <NativeTextInput
+        testID="native-text-input"
+        ref={ref}
+        value={value}
+        {...rest}
+      />
+    );
+  }
+);
+
+export default TextInput;

package/src/components/Touchable.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { Pressable } from "react-native";
+export default function Touchable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
+    return (React.createElement(Pressable, { disabled: disabled, onPress: onPress, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
+            return [
+                {
+                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+                },
+                style,
+            ];
+        }, ...props }, children));
+}
+//# sourceMappingURL=Touchable.js.map

package/src/components/Touchable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["Touchable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAA6B,MAAM,cAAc,CAAC;AAQpE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,GAAG,EACnB,eAAe,GAAG,GAAG,EACrB,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACF;IACN,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,EACrD,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAC9B,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;YACrB,OAAO;gBACL;oBACE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;iBAClE;gBACD,KAAK;aACN,CAAC;QACJ,CAAC,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAC;AACJ,CAAC"}

package/src/components/Touchable.tsx

@@ -1,40 +1,40 @@
-import React from "react";
-import { Pressable, PressableProps, ViewStyle } from "react-native";
-
-type Props = {
-  style?: ViewStyle;
-  activeOpacity?: number;
-  disabledOpacity?: number;
-} & PressableProps;
-
-export default function Touchable({
-  children,
-  disabled,
-  onPress,
-  activeOpacity = 0.8,
-  disabledOpacity = 0.8,
-  delayLongPress,
-  hitSlop,
-  style,
-  ...props
-}: Props) {
-  return (
-    <Pressable
-      disabled={disabled}
-      onPress={onPress}
-      delayLongPress={delayLongPress ? delayLongPress : 500}
-      hitSlop={hitSlop ? hitSlop : 8}
-      style={({ pressed }) => {
-        return [
-          {
-            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
-          },
-          style,
-        ];
-      }}
-      {...props}
-    >
-      {children}
-    </Pressable>
-  );
-}
+import React from "react";
+import { Pressable, PressableProps, ViewStyle } from "react-native";
+
+type Props = {
+  style?: ViewStyle;
+  activeOpacity?: number;
+  disabledOpacity?: number;
+} & PressableProps;
+
+export default function Touchable({
+  children,
+  disabled,
+  onPress,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
+  delayLongPress,
+  hitSlop,
+  style,
+  ...props
+}: Props) {
+  return (
+    <Pressable
+      disabled={disabled}
+      onPress={onPress}
+      delayLongPress={delayLongPress ? delayLongPress : 500}
+      hitSlop={hitSlop ? hitSlop : 8}
+      style={({ pressed }) => {
+        return [
+          {
+            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+          },
+          style,
+        ];
+      }}
+      {...props}
+    >
+      {children}
+    </Pressable>
+  );
+}

package/src/components/Touchable.web.js

@@ -0,0 +1,3 @@
+import { TouchableOpacity } from "react-native";
+export default TouchableOpacity;
+//# sourceMappingURL=Touchable.web.js.map

package/src/components/Touchable.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Touchable.web.js","sourceRoot":"","sources":["Touchable.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,eAAe,gBAAgB,CAAC"}

package/src/components/Touchable.web.tsx

@@ -1,3 +1,3 @@
-import { TouchableOpacity } from "react-native";
-
-export default TouchableOpacity;
+import { TouchableOpacity } from "react-native";
+
+export default TouchableOpacity;

package/src/components/Typography.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { Text } from "react-native";
+import { withTheme } from "../theming";
+export const Title = withTheme(({ text, theme, style }) => {
+    return (React.createElement(Text, { style: [
+            {
+                fontSize: 20,
+                letterSpacing: 0,
+                lineHeight: 26,
+                color: theme.colors.text,
+            },
+            style,
+        ] }, text));
+});
+export const Subtitle = withTheme(({ text, theme, style }) => {
+    return (React.createElement(Text, { style: [
+            {
+                fontSize: 14,
+                letterSpacing: 0,
+                lineHeight: 16,
+                color: theme.colors.medium,
+            },
+            style,
+        ] }, text));
+});
+export const Caption = withTheme(({ text, theme, style }) => {
+    return (React.createElement(Text, { style: [
+            {
+                fontSize: 12,
+                letterSpacing: 0,
+                lineHeight: 14,
+                color: theme.colors.light,
+            },
+            style,
+        ] }, text));
+});
+//# sourceMappingURL=Typography.js.map

package/src/components/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IAC/D,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;aAC3B;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IACjE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAC1B;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/components/Typography.tsx

@@ -1,67 +1,67 @@
-import React from "react";
-import { Text, TextStyle, StyleProp } from "react-native";
-import { withTheme } from "../theming";
-import Theme from "../styles/DefaultTheme";
-
-type Props = {
-  text: string;
-  style?: StyleProp<TextStyle>;
-  /**
-   * @optional
-   */
-  theme: typeof Theme;
-};
-
-export const Title = withTheme(({ text, theme, style }: Props) => {
-  return (
-    <Text
-      style={[
-        {
-          fontSize: 20,
-          letterSpacing: 0,
-          lineHeight: 26,
-          color: theme.colors.text,
-        },
-        style,
-      ]}
-    >
-      {text}
-    </Text>
-  );
-});
-
-export const Subtitle = withTheme(({ text, theme, style }: Props) => {
-  return (
-    <Text
-      style={[
-        {
-          fontSize: 14,
-          letterSpacing: 0,
-          lineHeight: 16,
-          color: theme.colors.medium,
-        },
-        style,
-      ]}
-    >
-      {text}
-    </Text>
-  );
-});
-
-export const Caption = withTheme(({ text, theme, style }: Props) => {
-  return (
-    <Text
-      style={[
-        {
-          fontSize: 12,
-          letterSpacing: 0,
-          lineHeight: 14,
-          color: theme.colors.light,
-        },
-        style,
-      ]}
-    >
-      {text}
-    </Text>
-  );
-});
+import React from "react";
+import { Text, TextStyle, StyleProp } from "react-native";
+import { withTheme } from "../theming";
+import Theme from "../styles/DefaultTheme";
+
+type Props = {
+  text: string;
+  style?: StyleProp<TextStyle>;
+  /**
+   * @optional
+   */
+  theme: typeof Theme;
+};
+
+export const Title = withTheme(({ text, theme, style }: Props) => {
+  return (
+    <Text
+      style={[
+        {
+          fontSize: 20,
+          letterSpacing: 0,
+          lineHeight: 26,
+          color: theme.colors.text,
+        },
+        style,
+      ]}
+    >
+      {text}
+    </Text>
+  );
+});
+
+export const Subtitle = withTheme(({ text, theme, style }: Props) => {
+  return (
+    <Text
+      style={[
+        {
+          fontSize: 14,
+          letterSpacing: 0,
+          lineHeight: 16,
+          color: theme.colors.medium,
+        },
+        style,
+      ]}
+    >
+      {text}
+    </Text>
+  );
+});
+
+export const Caption = withTheme(({ text, theme, style }: Props) => {
+  return (
+    <Text
+      style={[
+        {
+          fontSize: 12,
+          letterSpacing: 0,
+          lineHeight: 14,
+          color: theme.colors.light,
+        },
+        style,
+      ]}
+    >
+      {text}
+    </Text>
+  );
+});

package/src/components/YoutubePlayer/YoutubePlayer.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { View } from "react-native";
+import { extractStyles } from "../../utilities";
+import YouTube from "react-youtube";
+const YoutubePlayer = ({ videoId, playlist, autoplay = false, style, }) => {
+    const { viewStyles } = extractStyles(style);
+    const defaultVideoId = "nwMUpDESXrI";
+    const options = {
+        width: viewStyles.width,
+        height: viewStyles.height,
+        playerVars: {
+            autoplay: autoplay ? 1 : 0,
+            list: playlist,
+            listType: "playlist",
+        },
+    };
+    return (React.createElement(View, { style: viewStyles },
+        React.createElement(YouTube, { videoId: !videoId && !playlist ? defaultVideoId : videoId, opts: options })));
+};
+export default YoutubePlayer;
+//# sourceMappingURL=YoutubePlayer.js.map

package/src/components/YoutubePlayer/YoutubePlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubePlayer.js","sourceRoot":"","sources":["YoutubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,OAAyB,MAAM,eAAe,CAAC;AAEtD,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,aAAa,CAAC;IAErC,MAAM,OAAO,GAAyB;QACpC,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,UAAU,EAAE;YACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,UAAU;SACrB;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,OAAO,IACN,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,OAAO,GACb,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/YoutubePlayer/YoutubePlayer.native.js

@@ -0,0 +1,10 @@
+import React from "react";
+import YoutubePlayerIFrame from "react-native-youtube-iframe";
+import { extractStyles } from "../../utilities";
+const YoutubePlayer = ({ videoId, playlist, autoplay = false, style, }) => {
+    const { viewStyles } = extractStyles(style);
+    const defaultVideoId = "nwMUpDESXrI";
+    return (React.createElement(YoutubePlayerIFrame, { width: viewStyles.width, height: viewStyles.height, play: autoplay, videoId: !videoId && !playlist ? defaultVideoId : videoId, playList: playlist, webViewStyle: viewStyles, webViewProps: { androidLayerType: "software" } }));
+};
+export default YoutubePlayer;
+//# sourceMappingURL=YoutubePlayer.native.js.map

package/src/components/YoutubePlayer/YoutubePlayer.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubePlayer.native.js","sourceRoot":"","sources":["YoutubePlayer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,aAAa,CAAC;IAErC,OAAO,CACL,oBAAC,mBAAmB,IAClB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,EACzD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAC9C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/YoutubePlayer/YoutubePlayer.native.tsx

@@ -1,28 +1,28 @@
-import React from "react";
-import YoutubePlayerIFrame from "react-native-youtube-iframe";
-import { extractStyles } from "../../utilities";
-import { YoutubePlayerProps } from "./YoutubePlayerProps";
-
-const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
-  videoId,
-  playlist,
-  autoplay = false,
-  style,
-}) => {
-  const { viewStyles } = extractStyles(style);
-  const defaultVideoId = "nwMUpDESXrI";
-
-  return (
-    <YoutubePlayerIFrame
-      width={viewStyles.width}
-      height={viewStyles.height}
-      play={autoplay}
-      videoId={!videoId && !playlist ? defaultVideoId : videoId}
-      playList={playlist}
-      webViewStyle={viewStyles}
-      webViewProps={{ androidLayerType: "software" }} //Addresses a webview bug causing crashes on android: https://stackoverflow.com/a/71642894/8805150
-    />
-  );
-};
-
-export default YoutubePlayer;
+import React from "react";
+import YoutubePlayerIFrame from "react-native-youtube-iframe";
+import { extractStyles } from "../../utilities";
+import { YoutubePlayerProps } from "./YoutubePlayerProps";
+
+const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
+  videoId,
+  playlist,
+  autoplay = false,
+  style,
+}) => {
+  const { viewStyles } = extractStyles(style);
+  const defaultVideoId = "nwMUpDESXrI";
+
+  return (
+    <YoutubePlayerIFrame
+      width={viewStyles.width}
+      height={viewStyles.height}
+      play={autoplay}
+      videoId={!videoId && !playlist ? defaultVideoId : videoId}
+      playList={playlist}
+      webViewStyle={viewStyles}
+      webViewProps={{ androidLayerType: "software" }} //Addresses a webview bug causing crashes on android: https://stackoverflow.com/a/71642894/8805150
+    />
+  );
+};
+
+export default YoutubePlayer;

package/src/components/YoutubePlayer/YoutubePlayer.tsx

@@ -1,36 +1,36 @@
-import React from "react";
-import { View } from "react-native";
-import { extractStyles } from "../../utilities";
-import { YoutubePlayerProps } from "./YoutubePlayerProps";
-import YouTube, { YouTubeProps } from "react-youtube";
-
-const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
-  videoId,
-  playlist,
-  autoplay = false,
-  style,
-}) => {
-  const { viewStyles } = extractStyles(style);
-  const defaultVideoId = "nwMUpDESXrI";
-
-  const options: YouTubeProps["opts"] = {
-    width: viewStyles.width,
-    height: viewStyles.height,
-    playerVars: {
-      autoplay: autoplay ? 1 : 0,
-      list: playlist,
-      listType: "playlist",
-    },
-  };
-
-  return (
-    <View style={viewStyles}>
-      <YouTube
-        videoId={!videoId && !playlist ? defaultVideoId : videoId}
-        opts={options}
-      />
-    </View>
-  );
-};
-
-export default YoutubePlayer;
+import React from "react";
+import { View } from "react-native";
+import { extractStyles } from "../../utilities";
+import { YoutubePlayerProps } from "./YoutubePlayerProps";
+import YouTube, { YouTubeProps } from "react-youtube";
+
+const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
+  videoId,
+  playlist,
+  autoplay = false,
+  style,
+}) => {
+  const { viewStyles } = extractStyles(style);
+  const defaultVideoId = "nwMUpDESXrI";
+
+  const options: YouTubeProps["opts"] = {
+    width: viewStyles.width,
+    height: viewStyles.height,
+    playerVars: {
+      autoplay: autoplay ? 1 : 0,
+      list: playlist,
+      listType: "playlist",
+    },
+  };
+
+  return (
+    <View style={viewStyles}>
+      <YouTube
+        videoId={!videoId && !playlist ? defaultVideoId : videoId}
+        opts={options}
+      />
+    </View>
+  );
+};
+
+export default YoutubePlayer;

package/src/components/YoutubePlayer/YoutubePlayerProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=YoutubePlayerProps.js.map

package/src/components/YoutubePlayer/YoutubePlayerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubePlayerProps.js","sourceRoot":"","sources":["YoutubePlayerProps.ts"],"names":[],"mappings":""}

package/src/components/YoutubePlayer/YoutubePlayerProps.ts

@@ -1,8 +1,8 @@
-import { StyleProp, ViewStyle } from "react-native";
-
-export interface YoutubePlayerProps {
-  videoId?: string;
-  playlist?: string;
-  autoplay?: boolean;
-  style?: StyleProp<ViewStyle>;
-}
+import { StyleProp, ViewStyle } from "react-native";
+
+export interface YoutubePlayerProps {
+  videoId?: string;
+  playlist?: string;
+  autoplay?: boolean;
+  style?: StyleProp<ViewStyle>;
+}

package/src/components/YoutubePlayer/index.js

@@ -0,0 +1,2 @@
+export { default as YoutubePlayer } from "./YoutubePlayer";
+//# sourceMappingURL=index.js.map

package/src/components/YoutubePlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/src/components/YoutubePlayer/index.ts

@@ -1 +1 @@
-export { default as YoutubePlayer } from "./YoutubePlayer";
+export { default as YoutubePlayer } from "./YoutubePlayer";

package/src/components/useAuthState.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+/**
+ * @deprecated DEPRECATED
+ */
+export const useAuthState = (auth) => {
+    const [error, setError] = React.useState();
+    const [value, setValue] = React.useState(auth.currentUser);
+    React.useEffect(() => {
+        const list = auth.onAuthStateChanged(setValue, setError);
+        return () => {
+            list();
+        };
+    }, [auth]);
+    const signInWithEmailAndPassword = (user, password) => {
+        auth
+            .signInWithEmailAndPassword(user, password)
+            .then(setValue)
+            .catch(setError);
+    };
+    const createUserWithEmailAndPassword = (user, password) => {
+        auth
+            .signInWithEmailAndPassword(user, password)
+            .then(setValue)
+            .catch(setError);
+    };
+    const signOut = () => auth.signOut();
+    return [
+        value,
+        error,
+        signInWithEmailAndPassword,
+        signOut,
+        createUserWithEmailAndPassword,
+    ];
+};
+//# sourceMappingURL=useAuthState.js.map

package/src/components/useAuthState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthState.js","sourceRoot":"","sources":["useAuthState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAS,EAAE,EAAE;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAE3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACV,IAAI,EAAE,CAAC;QACT,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAE,EAAE;QACpE,IAAI;aACD,0BAA0B,CAAC,IAAI,EAAE,QAAQ,CAAC;aAC1C,IAAI,CAAC,QAAQ,CAAC;aACd,KAAK,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,8BAA8B,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAE,EAAE;QACxE,IAAI;aACD,0BAA0B,CAAC,IAAI,EAAE,QAAQ,CAAC;aAC1C,IAAI,CAAC,QAAQ,CAAC;aACd,KAAK,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IAErC,OAAO;QACL,KAAK;QACL,KAAK;QACL,0BAA0B;QAC1B,OAAO;QACP,8BAA8B;KAC/B,CAAC;AACJ,CAAC,CAAC"}