@aic-kits/react-native 0.0.3 → 0.0.5

package/lib/components/Video/index.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import RNVideo from 'react-native-video';
+const PlainVideo = ({ source, initialPosition, initialPlay, style, afterEnd, tracking, onInit, }, ref) => {
+    const localVideoRef = useRef(null);
+    const [currentTime, setCurrentTime] = useState(initialPosition ?? 0);
+    const [duration, setDuration] = useState(0);
+    const [play, setPlay] = useState(initialPlay ?? false);
+    useEffect(() => {
+        if (initialPosition) {
+            localVideoRef.current?.seek(initialPosition, 0);
+            setCurrentTime(initialPosition);
+        }
+        if (initialPlay) {
+            localVideoRef.current?.resume();
+            setPlay(initialPlay);
+        }
+    }, [initialPlay, initialPosition]);
+    useImperativeHandle(ref, () => ({
+        play: play,
+        currentTime: currentTime,
+        duration: duration,
+        seek: (time, tolerance) => {
+            localVideoRef.current?.seek(time, tolerance);
+        },
+        pause: () => {
+            localVideoRef.current?.pause();
+            setPlay(false);
+        },
+        resume: () => {
+            localVideoRef.current?.resume();
+            setPlay(true);
+        },
+    }));
+    const onLoadEnd = (data) => {
+        setDuration(data.duration);
+        onInit?.(data);
+    };
+    const onProgress = (data) => {
+        setCurrentTime(data.currentTime);
+        tracking?.(data.currentTime);
+    };
+    const onEnd = () => {
+        localVideoRef.current?.seek(0);
+        afterEnd?.();
+    };
+    return (_jsx(RNVideo, { ref: localVideoRef, source: source, style: style, controls: false, resizeMode: 'cover', onLoad: onLoadEnd, onProgress: onProgress, onEnd: onEnd, paused: !play, muted: false }));
+};
+export const Video = forwardRef(PlainVideo);

package/lib/components/Vimeo/Player.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { VimeoPlayerProps } from './types';
+export declare const VimeoPlayer: React.FC<VimeoPlayerProps>;
+//# sourceMappingURL=Player.d.ts.map

package/lib/components/Vimeo/Player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../../../src/components/Vimeo/Player.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAgB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG9D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoDlD,CAAC"}

package/lib/components/Vimeo/Player.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useRef } from 'react';
+import { WebView } from 'react-native-webview';
+import { VIMEO_PLAYER_EVENTS } from './constants';
+import { getInjectedJavaScript } from './utils';
+export const VimeoPlayer = ({ handlers: handlersArr, videoId, params, reference, ...otherProps }) => {
+    const webRef = useRef(null);
+    const url = params
+        ? `https://player.vimeo.com/video/${videoId}?${params}`
+        : `https://player.vimeo.com/video/${videoId}`;
+    const autoPlay = params?.includes('autoplay=1');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const handlers = {};
+    const registerHandlers = useCallback(() => {
+        VIMEO_PLAYER_EVENTS.forEach((name) => {
+            if (handlersArr) {
+                handlers[name] = handlersArr[name];
+            }
+        });
+    }, [handlers, handlersArr]);
+    registerHandlers();
+    const onBridgeMessage = useCallback((event) => {
+        const payload = JSON.parse(event.nativeEvent.data);
+        let bridgeMessageHandler = handlers[payload?.name];
+        if (bridgeMessageHandler) {
+            bridgeMessageHandler(payload?.data);
+        }
+    }, [handlers]);
+    return (_jsx(WebView, { allowsInlineMediaPlayback: true, allowsFullscreenVideo: true, javaScriptEnabled: true, startInLoadingState: true, scrollEnabled: false, source: { uri: url, headers: { Referer: reference } }, ref: webRef, onMessage: onBridgeMessage, injectedJavaScript: getInjectedJavaScript(url), mediaPlaybackRequiresUserAction: !autoPlay, ...otherProps }));
+};

package/lib/components/Vimeo/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const VIMEO_PLAYER_EVENTS: readonly ["controlschange", "fullscreenchange", "audioprocess", "canplay", "canplaythrough", "complete", "durationchange", "emptied", "ended", "loadeddata", "loadedmetadata", "pause", "play", "playing", "ratechange", "seeked", "seeking", "stalled", "suspend", "timeupdate", "volumechange"];
+//# sourceMappingURL=constants.d.ts.map

package/lib/components/Vimeo/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Vimeo/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,mSAsBtB,CAAC"}

package/lib/components/Vimeo/constants.js

@@ -0,0 +1,23 @@
+export const VIMEO_PLAYER_EVENTS = [
+    'controlschange',
+    'fullscreenchange',
+    'audioprocess',
+    'canplay',
+    'canplaythrough',
+    'complete',
+    'durationchange',
+    'emptied',
+    'ended',
+    'loadeddata',
+    'loadedmetadata',
+    'pause',
+    'play',
+    'playing',
+    'ratechange',
+    'seeked',
+    'seeking',
+    'stalled',
+    'suspend',
+    'timeupdate',
+    'volumechange',
+];

package/lib/components/Vimeo/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * NOTE: This component relies on react-native-webview for mobile platforms.
+ * There is a known issue with react-native-webview v13.12.3 where the Vimeo player fails to load on first render.
+ * Please keep the dependency at v13.10.5 until this is resolved.
+ * @see https://github.com/react-native-webview/react-native-webview/issues/3597
+ */
+import type { VimeoProps } from './types';
+export declare const Vimeo: (props: VimeoProps) => import("react/jsx-runtime").JSX.Element;
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Vimeo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Vimeo/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,KAAK,UAAW,UAAU,4CAoDtC,CAAC;AAEF,cAAc,SAAS,CAAC"}

package/lib/components/Vimeo/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * NOTE: This component relies on react-native-webview for mobile platforms.
+ * There is a known issue with react-native-webview v13.12.3 where the Vimeo player fails to load on first render.
+ * Please keep the dependency at v13.10.5 until this is resolved.
+ * @see https://github.com/react-native-webview/react-native-webview/issues/3597
+ */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Box } from '../Box';
+import { Loading } from '../Loading';
+import { VimeoPlayer } from './Player';
+import { getVimeoParams } from './utils';
+export const Vimeo = (props) => {
+    const { videoId, onPlay, onPause, onFullscreenChange, onEnded, onControlsChange, onLoad, onLoadedData, onLoadedmetaData, ...otherProps } = props;
+    const [isLoading, setIsLoading] = useState(true);
+    const videoCallbacks = {
+        play: onPlay,
+        pause: onPause,
+        fullscreenchange: onFullscreenChange,
+        ended: onEnded,
+        controlschange: onControlsChange,
+        loadeddata: onLoadedData,
+        loadedmetadata: onLoadedmetaData,
+    };
+    const handleLoad = useCallback((event) => {
+        setIsLoading(false);
+        onLoad?.(event);
+    }, [onLoad]);
+    const params = useMemo(() => getVimeoParams(props), [props]);
+    useEffect(() => {
+        setIsLoading(true);
+    }, [videoId]);
+    return (_jsx(Loading, { loading: isLoading, size: "large", children: _jsx(Box, { borderRadius: "xxxlarge", overflow: "hidden", ...otherProps, children: _jsx(VimeoPlayer, { videoId: videoId, params: params, handlers: videoCallbacks, onLoad: handleLoad, ...otherProps }) }) }));
+};
+export * from './types';

package/lib/components/Vimeo/types.d.ts

@@ -0,0 +1,74 @@
+import type { WebViewProps } from 'react-native-webview';
+import type { BoxProps } from '../Box';
+import { VIMEO_PLAYER_EVENTS } from './constants';
+export type VimeoHandler = (data: {
+    isTrusted: boolean;
+}) => void;
+export interface VimeoPlayerProps extends WebViewProps {
+    handlers?: Record<string, VimeoHandler | undefined>;
+    videoId: string;
+    params?: string;
+    reference?: string;
+}
+export type PlayerEvent = typeof VIMEO_PLAYER_EVENTS[number];
+export interface VimeoProps extends BoxProps, VimeoPlayerProps {
+    /** The ID of the Vimeo video to play */
+    videoId: string;
+    /** Automatically pause this video when another Vimeo video on the same page starts playing */
+    autoPause?: boolean;
+    /** Automatically start playback of the video */
+    autoPlay?: boolean;
+    /** Enable background mode which hides player controls, mutes audio, and loops the video */
+    background?: boolean;
+    /** Show the author of the video */
+    byline?: boolean;
+    /** Specify the color of the video controls (hex code) */
+    color?: string;
+    /** Specify the colors of the player (1-4 hex codes, comma separated) */
+    colors?: string;
+    /** Hide all elements in the player (play bar, sharing buttons, etc) for a chromeless experience */
+    controls?: boolean;
+    /** Block the player from tracking session data and analytics */
+    dnt?: boolean;
+    /** Allow keyboard input to trigger player events */
+    keyboard?: boolean;
+    /** Play the video again when it reaches the end */
+    loop?: boolean;
+    /** Mute the video on load */
+    muted?: boolean;
+    /** Show the picture-in-picture button and enable the picture-in-picture API */
+    pip?: boolean;
+    /** Play video inline on mobile devices instead of fullscreen mode */
+    playsInline?: boolean;
+    /** Show the author's profile image */
+    portrait?: boolean;
+    /** Set the default playback quality */
+    quality?: '240p' | '360p' | '540p' | '720p' | '1080p' | '2k' | '4k';
+    /** Show speed controls in the preferences menu */
+    speed?: boolean;
+    /** Start playback at a specific time (format: 1m2s) */
+    startTime?: string;
+    /** Display a specific CC/subtitle track by default */
+    textTrack?: string;
+    /** Show the video's title */
+    title?: boolean;
+    /** Make the player's background transparent */
+    transparent?: boolean;
+    /** Show the transcript button in the control bar */
+    transcript?: boolean;
+    /** Play handler for the Vimeo player */
+    onPlay?: VimeoHandler;
+    /** Pause handler for the Vimeo player */
+    onPause?: VimeoHandler;
+    /** Fullscreen change handler for the Vimeo player */
+    onFullscreenChange?: VimeoHandler;
+    /** Ended handler for the Vimeo player */
+    onEnded?: VimeoHandler;
+    /** Controls change handler for the Vimeo player */
+    onControlsChange?: VimeoHandler;
+    /** Loaded data handler for the Vimeo player */
+    onLoadedData?: VimeoHandler;
+    /** Loaded metadata handler for the Vimeo player */
+    onLoadedmetaData?: VimeoHandler;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Vimeo/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Vimeo/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,KAAK,IAAI,CAAA;AAEjE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC,CAAA;IACnD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAA;AAE5D,MAAM,WAAW,UAAW,SAAQ,QAAQ,EAAE,gBAAgB;IAC5D,wCAAwC;IACxC,OAAO,EAAE,MAAM,CAAC;IAEhB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gEAAgE;IAChE,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+EAA+E;IAC/E,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IAEpE,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,oDAAoD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,wCAAwC;IACxC,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB,yCAAyC;IACxC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAEnC,yCAAyC;IACzC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAEhC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,YAAY,CAAC;CAChC"}

package/lib/components/Vimeo/types.js

@@ -0,0 +1 @@
+import { VIMEO_PLAYER_EVENTS } from './constants';

package/lib/components/Vimeo/utils.d.ts

@@ -0,0 +1,4 @@
+import type { VimeoProps } from './types';
+export declare const getVimeoParams: (props: VimeoProps) => string;
+export declare const getInjectedJavaScript: (url: string) => string;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/Vimeo/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Vimeo/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,cAAc,UAAW,UAAU,KAAG,MAwBlD,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAS,MAAM,WA0DhD,CAAC"}

package/lib/components/Vimeo/utils.js

@@ -0,0 +1,126 @@
+export const getVimeoParams = (props) => {
+    const params = new URLSearchParams();
+    if (props.autoPause !== undefined) {
+        params.append('autopause', props.autoPause ? '1' : '0');
+    }
+    if (props.autoPlay !== undefined) {
+        params.append('autoplay', props.autoPlay ? '1' : '0');
+    }
+    if (props.background !== undefined) {
+        params.append('background', props.background ? '1' : '0');
+    }
+    if (props.byline !== undefined) {
+        params.append('byline', props.byline ? '1' : '0');
+    }
+    if (props.color) {
+        params.append('color', props.color);
+    }
+    if (props.colors) {
+        params.append('colors', props.colors);
+    }
+    if (props.controls !== undefined) {
+        params.append('controls', props.controls ? '1' : '0');
+    }
+    if (props.dnt !== undefined) {
+        params.append('dnt', props.dnt ? '1' : '0');
+    }
+    if (props.keyboard !== undefined) {
+        params.append('keyboard', props.keyboard ? '1' : '0');
+    }
+    if (props.loop !== undefined) {
+        params.append('loop', props.loop ? '1' : '0');
+    }
+    if (props.muted !== undefined) {
+        params.append('muted', props.muted ? '1' : '0');
+    }
+    if (props.pip !== undefined) {
+        params.append('pip', props.pip ? '1' : '0');
+    }
+    if (props.playsInline !== undefined) {
+        params.append('playsinline', props.playsInline ? 'true' : 'false');
+    }
+    if (props.portrait !== undefined) {
+        params.append('portrait', props.portrait ? '1' : '0');
+    }
+    if (props.quality) {
+        params.append('quality', props.quality);
+    }
+    if (props.speed !== undefined) {
+        params.append('speed', props.speed ? '1' : '0');
+    }
+    if (props.startTime) {
+        params.append('t', props.startTime);
+    }
+    if (props.textTrack) {
+        params.append('texttrack', props.textTrack);
+    }
+    if (props.title !== undefined) {
+        params.append('title', props.title ? '1' : '0');
+    }
+    if (props.transparent !== undefined) {
+        params.append('transparent', props.transparent ? '1' : '0');
+    }
+    if (props.transcript !== undefined) {
+        params.append('transcript', props.transcript ? '1' : '0');
+    }
+    return params.toString();
+};
+export const getInjectedJavaScript = (url) => `
+const getOrientation = () => {
+  const orientation = document.fullscreenElement  ? 'landscape' : 'portrait';
+  return orientation;
+};
+
+const sendEvent = (name, data) => {
+  window.ReactNativeWebView.postMessage(JSON.stringify({ name, data }));
+};
+
+const addListeners = () => {
+  const video = document.querySelector('video');
+  const controls = document.querySelector('.vp-controls');
+  let isVisibleControls = ${!url.includes('controls=0')};
+  window.addEventListener("fullscreenchange", (e) => {
+    const orientation = getOrientation();
+    sendEvent('fullscreenchange', { e, orientation });
+  }, false);
+  
+  if(video) {
+    video.addEventListener("timeupdate", (e) => {
+      const percent = Math.round((e.target.currentTime / e.target.duration)*100).toFixed();
+      sendEvent('timeupdate', { currentTime: e.target.currentTime, duration: e.target.duration, percent });
+    });
+    video.addEventListener('audioprocess', (e) => sendEvent('audioprocess', e));
+    video.addEventListener('canplay', (e) => sendEvent('canplay', e));
+    video.addEventListener('canplaythrough', (e) => sendEvent('canplaythrough', e));
+    video.addEventListener('complete', (e) => sendEvent('complete', e));
+    video.addEventListener('durationchange', (e) => sendEvent('durationchange', e));
+    video.addEventListener('emptied', (e) => sendEvent('emptied', e));
+    video.addEventListener('ended', (e) => sendEvent('ended', e));
+    video.addEventListener('loadeddata', (e) => sendEvent('loadeddata', e));
+    video.addEventListener('loadedmetadata', (e) => sendEvent('loadedmetadata', e));
+    video.addEventListener('pause', (e) => sendEvent('pause', e));
+    video.addEventListener('play', (e) => sendEvent('play', e));
+    video.addEventListener('playing', (e) => sendEvent('playing', e));
+    video.addEventListener('ratechange', (e) => sendEvent('ratechange', e));
+    video.addEventListener('seeked', (e) => sendEvent('seeked', e));
+    video.addEventListener('seeking', (e) => sendEvent('seeking', e));
+    video.addEventListener('stalled', (e) => sendEvent('stalled', e));
+    video.addEventListener('suspend', (e) => sendEvent('suspend', e));
+//     video.addEventListener('timeupdate', (e) => sendEvent('timeupdate', e));
+    video.addEventListener('volumechange', (e) => sendEvent('volumechange', e));
+    video.addEventListener('waiting', (e) => sendEvent('waiting', e));
+  }
+  
+  setInterval(()=>{
+    if(controls) {
+      const visible = !controls.classList.contains("invisible");
+      if(visible !== isVisibleControls){
+        isVisibleControls = visible;
+        sendEvent('controlschange', { visible });
+      }
+    }
+  },300);
+};
+
+setTimeout(function(){addListeners()}, 1000);
+`;

package/lib/components/index.d.ts

@@ -0,0 +1,33 @@
+export * from './Text';
+export * from './Box';
+export * from './Button';
+export * from './Squircle';
+export * from './Loading';
+export * from './Divider';
+export * from './Selection';
+export * from './Card';
+export * from './Progress';
+export * from './Art';
+export * from './Scrollable';
+export * from './List';
+export * from './Slides';
+export * from './Skeleton';
+export * from './InfoCard';
+export * from './Base';
+export * from './Touchable';
+export * from './Sectional';
+export * from './PlaySwitch';
+export * from './LevelStep';
+export * from './Header';
+export * from './Input';
+export * from './Chip';
+export * from './Filter';
+export * from './Video';
+export * from './Chat';
+export * from './ChatCluster';
+export * from './Notification';
+export * from './Vimeo';
+export * from './Avatar';
+export * from './Chart';
+export * from './FastList';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,32 @@
+export * from './Text';
+export * from './Box';
+export * from './Button';
+export * from './Squircle';
+export * from './Loading';
+export * from './Divider';
+export * from './Selection';
+export * from './Card';
+export * from './Progress';
+export * from './Art';
+export * from './Scrollable';
+export * from './List';
+export * from './Slides';
+export * from './Skeleton';
+export * from './InfoCard';
+export * from './Base';
+export * from './Touchable';
+export * from './Sectional';
+export * from './PlaySwitch';
+export * from './LevelStep';
+export * from './Header';
+export * from './Input';
+export * from './Chip';
+export * from './Filter';
+export * from './Video';
+export * from './Chat';
+export * from './ChatCluster';
+export * from './Notification';
+export * from './Vimeo';
+export * from './Avatar';
+export * from './Chart';
+export * from './FastList';

package/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './usePrevious';
+export * from './useKeyboard';
+//# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/lib/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './usePrevious';
+export * from './useKeyboard';

package/lib/hooks/useKeyboard.d.ts

@@ -0,0 +1,10 @@
+import type { KeyboardMetrics } from 'react-native';
+export declare function useKeyboard(): {
+    keyboardShown: boolean;
+    coordinates: {
+        start: undefined | KeyboardMetrics;
+        end: KeyboardMetrics;
+    };
+    keyboardHeight: number;
+};
+//# sourceMappingURL=useKeyboard.d.ts.map

package/lib/hooks/useKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboard.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,eAAe,EAAE,MAAM,cAAc,CAAC;AAc3E,wBAAgB,WAAW;;;eAGhB,SAAS,GAAG,eAAe;aAC7B,eAAe;;;EA2CvB"}

package/lib/hooks/useKeyboard.js

@@ -0,0 +1,54 @@
+import { useEffect, useState } from 'react';
+import { Keyboard } from 'react-native';
+const emptyCoordinates = Object.freeze({
+    screenX: 0,
+    screenY: 0,
+    width: 0,
+    height: 0,
+});
+const initialValue = {
+    start: emptyCoordinates,
+    end: emptyCoordinates,
+};
+export function useKeyboard() {
+    const [shown, setShown] = useState(false);
+    const [coordinates, setCoordinates] = useState(initialValue);
+    const [keyboardHeight, setKeyboardHeight] = useState(0);
+    const handleKeyboardWillShow = (e) => {
+        setCoordinates({ start: e.startCoordinates, end: e.endCoordinates });
+        setShown(true);
+    };
+    const handleKeyboardDidShow = (e) => {
+        setCoordinates({ start: e.startCoordinates, end: e.endCoordinates });
+        setKeyboardHeight(e.endCoordinates.height);
+    };
+    const handleKeyboardWillHide = (e) => {
+        setCoordinates({ start: e.startCoordinates, end: e.endCoordinates });
+        setShown(false);
+    };
+    const handleKeyboardDidHide = (e) => {
+        if (e) {
+            setCoordinates({ start: e.startCoordinates, end: e.endCoordinates });
+        }
+        else {
+            setCoordinates(initialValue);
+            setKeyboardHeight(0);
+        }
+    };
+    useEffect(() => {
+        const subscriptions = [
+            Keyboard.addListener('keyboardWillShow', handleKeyboardWillShow),
+            Keyboard.addListener('keyboardDidShow', handleKeyboardDidShow),
+            Keyboard.addListener('keyboardWillHide', handleKeyboardWillHide),
+            Keyboard.addListener('keyboardDidHide', handleKeyboardDidHide),
+        ];
+        return () => {
+            subscriptions.forEach((subscription) => subscription.remove());
+        };
+    }, []);
+    return {
+        keyboardShown: shown,
+        coordinates,
+        keyboardHeight,
+    };
+}

package/lib/hooks/usePrevious.d.ts

@@ -0,0 +1,3 @@
+declare function usePrevious<T>(value: T): T | undefined;
+export default usePrevious;
+//# sourceMappingURL=usePrevious.d.ts.map

package/lib/hooks/usePrevious.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAEA,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAM/C;AAED,eAAe,WAAW,CAAC"}

package/lib/hooks/usePrevious.js

@@ -0,0 +1,9 @@
+import { useEffect, useRef } from 'react';
+function usePrevious(value) {
+    const ref = useRef();
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
+export default usePrevious;

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+export * from './auth';
+export * from './components';
+export * from './hooks';
+export * from './services';
+export * from './theme';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/lib/index.js

@@ -0,0 +1,6 @@
+export * from './auth';
+export * from './components';
+export * from './hooks';
+export * from './services';
+export * from './theme';
+export * from './utils';

package/lib/services/base/BaseResponse.d.ts

@@ -0,0 +1,12 @@
+export interface ApiResponse<T> {
+    status: number | undefined;
+    message: string;
+    data?: T;
+    error?: string;
+}
+export declare class ServerResponse<T> {
+    response: ApiResponse<T>;
+    constructor(response: ApiResponse<T>);
+    update(response: ApiResponse<T>): void;
+}
+//# sourceMappingURL=BaseResponse.d.ts.map

package/lib/services/base/BaseResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseResponse.d.ts","sourceRoot":"","sources":["../../../src/services/base/BaseResponse.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,cAAc,CAAC,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;gBAEpB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAIpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;CAGhC"}

package/lib/services/base/BaseResponse.js

@@ -0,0 +1,9 @@
+export class ServerResponse {
+    response;
+    constructor(response) {
+        this.response = response;
+    }
+    update(response) {
+        this.response = { ...response };
+    }
+}

package/lib/services/base/BaseService.d.ts

@@ -0,0 +1,8 @@
+import type { AxiosInstance } from 'axios';
+import { ServerResponse } from './BaseResponse';
+export declare abstract class BaseService {
+    protected http: AxiosInstance;
+    constructor();
+    protected request<T>(method: 'get' | 'post' | 'put' | 'delete', url: string, requestData?: any): Promise<ServerResponse<T>>;
+}
+//# sourceMappingURL=BaseService.d.ts.map

package/lib/services/base/BaseService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseService.d.ts","sourceRoot":"","sources":["../../../src/services/base/BaseService.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIhD,8BAAsB,WAAW;IAC/B,SAAS,CAAC,IAAI,EAAE,aAAa,CAAC;;cAsBd,OAAO,CAAC,CAAC,EACvB,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,EACzC,GAAG,EAAE,MAAM,EACX,WAAW,CAAC,EAAE,GAAG,GAChB,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;CA4C9B"}