@kiosinc/commons-rn 0.1.7

package/lib/module/components/LineLoader.js

@@ -0,0 +1,52 @@
+import React, { useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from 'react-native-reanimated';
+export const LineLoader = ({
+  backgroundColor,
+  foregroundColor,
+  height = 4,
+  progress = 0
+}) => {
+  const theme = useTheme();
+  const animatedProgress = useSharedValue(0);
+  useEffect(() => {
+    animatedProgress.value = withTiming(progress, {
+      duration: 500,
+      easing: Easing.linear
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [progress]);
+  const lineStyle = useAnimatedStyle(() => {
+    return {
+      width: `${animatedProgress.value * 100}%`,
+      backgroundColor: foregroundColor ?? theme.colors.primary,
+      height
+    };
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      height
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.background, {
+      backgroundColor: backgroundColor ?? theme.colors.onSurfaceDisabled
+    }]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.line, lineStyle]
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  },
+  background: {
+    flex: 1
+  },
+  line: {
+    position: 'absolute',
+    top: 0,
+    left: 0
+  }
+});
+//# sourceMappingURL=LineLoader.js.map

package/lib/module/components/LineLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","View","StyleSheet","useTheme","Animated","useSharedValue","useAnimatedStyle","withTiming","Easing","LineLoader","backgroundColor","foregroundColor","height","progress","theme","animatedProgress","value","duration","easing","linear","lineStyle","width","colors","primary","createElement","style","styles","container","background","onSurfaceDisabled","line","create","overflow","flex","position","top","left"],"sourceRoot":"../../../src","sources":["components/LineLoader.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,QAAQ,IACbC,cAAc,EACdC,gBAAgB,EAChBC,UAAU,EACVC,MAAM,QACD,yBAAyB;AAShC,OAAO,MAAMC,UAAyC,GAAGA,CAAC;EACxDC,eAAe;EACfC,eAAe;EACfC,MAAM,GAAG,CAAC;EACVC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAMY,gBAAgB,GAAGV,cAAc,CAAC,CAAC,CAAC;EAE1CL,SAAS,CAAC,MAAM;IACde,gBAAgB,CAACC,KAAK,GAAGT,UAAU,CAACM,QAAQ,EAAE;MAC5CI,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEV,MAAM,CAACW;IACjB,CAAC,CAAC;IACF;EACF,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,MAAMO,SAAS,GAAGd,gBAAgB,CAAC,MAAM;IACvC,OAAO;MACLe,KAAK,EAAG,GAAEN,gBAAgB,CAACC,KAAK,GAAG,GAAI,GAAE;MACzCN,eAAe,EAAEC,eAAe,IAAIG,KAAK,CAACQ,MAAM,CAACC,OAAO;MACxDX;IACF,CAAC;EACH,CAAC,CAAC;EAEF,oBACEb,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEf;IAAO,CAAC;EAAE,gBAC1Cb,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IACHwB,KAAK,EAAE,CACLC,MAAM,CAACE,UAAU,EACjB;MACElB,eAAe,EAAEA,eAAe,IAAII,KAAK,CAACQ,MAAM,CAACO;IACnD,CAAC;EACD,CACH,CAAC,eACF9B,KAAA,CAAAyB,aAAA,CAACpB,QAAQ,CAACH,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAEV,SAAS;EAAE,CAAE,CAC7C,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGxB,UAAU,CAAC6B,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,QAAQ,EAAE;EACZ,CAAC;EACDJ,UAAU,EAAE;IACVK,IAAI,EAAE;EACR,CAAC;EACDH,IAAI,EAAE;IACJI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/LinkButton.js

@@ -0,0 +1,24 @@
+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); }
+import React from 'react';
+import { Button as B } from 'react-native-paper';
+import { useRestyle, spacing, border, composeRestyleFunctions, backgroundColor, backgroundColorShorthand, layout, position, spacingShorthand } from '@shopify/restyle';
+import { StyleSheet } from 'react-native';
+const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
+export const LinkButton = ({
+  children,
+  ...rest
+}) => {
+  const restyleProps = useRestyle(restyleFunctions, rest);
+  return /*#__PURE__*/React.createElement(B, _extends({
+    labelStyle: {
+      ...styles.underline,
+      ...(restyleProps.labelStyle ? restyleProps.labelStyle : {})
+    }
+  }, restyleProps), children);
+};
+const styles = StyleSheet.create({
+  underline: {
+    textDecorationLine: 'underline'
+  }
+});
+//# sourceMappingURL=LinkButton.js.map

package/lib/module/components/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","B","useRestyle","spacing","border","composeRestyleFunctions","backgroundColor","backgroundColorShorthand","layout","position","spacingShorthand","StyleSheet","restyleFunctions","LinkButton","children","rest","restyleProps","createElement","_extends","labelStyle","styles","underline","create","textDecorationLine"],"sourceRoot":"../../../src","sources":["components/LinkButton.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,CAAC,QAA0B,oBAAoB;AAClE,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,uBAAuB,EAIvBC,eAAe,EACfC,wBAAwB,EACxBC,MAAM,EACNC,QAAQ,EACRC,gBAAgB,QAKX,kBAAkB;AAEzB,SAASC,UAAU,QAAQ,cAAc;AAUzC,MAAMC,gBAAgB,GAAGP,uBAAuB,CAA0B,CACxEF,OAAO,EACPO,gBAAgB,EAChBF,MAAM,EACNC,QAAQ,EACRL,MAAM,EACNE,eAAe,EACfC,wBAAwB,CACzB,CAAC;AAIF,OAAO,MAAMM,UAA+B,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,KAAK;EACxE,MAAMC,YAAY,GAAGd,UAAU,CAACU,gBAAgB,EAAEG,IAAI,CAAC;EAEvD,oBACEhB,KAAA,CAAAkB,aAAA,CAAChB,CAAC,EAAAiB,QAAA;IACAC,UAAU,EAAE;MACV,GAAGC,MAAM,CAACC,SAAS;MACnB,IAAKL,YAAY,CAACG,UAAU,GACvBH,YAAY,CAACG,UAAU,GACxB,CAAC,CAAC;IACR;EAAE,GACEH,YAAY,GAEfF,QACA,CAAC;AAER,CAAC;AAED,MAAMM,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,SAAS,EAAE;IAAEE,kBAAkB,EAAE;EAAY;AAC/C,CAAC,CAAC"}

package/lib/module/components/OtpInputs.js

@@ -0,0 +1,87 @@
+import { InteractionManager, Keyboard, StyleSheet } from 'react-native';
+import React, { useEffect } from 'react';
+import { TextInput as T, useTheme } from 'react-native-paper';
+import { View, Text } from '../index';
+import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
+const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
+export const TextInput = ({
+  ...rest
+}) => {
+  const props = useRestyle(restyleFunctions, rest);
+  return /*#__PURE__*/React.createElement(T, props);
+};
+export const OtpInputs = ({
+  handleChange = () => {},
+  numberOfInputs = 4,
+  error = false,
+  code = ''
+}) => {
+  const inputRef = React.useRef();
+  const theme = useTheme();
+  useEffect(() => {
+    // Must run after animations for keyboard to automatically open
+    InteractionManager.runAfterInteractions(() => {
+      if (inputRef?.current) {
+        inputRef.current.focus();
+      }
+    });
+  }, [inputRef]);
+  return /*#__PURE__*/React.createElement(View, {
+    overflow: "hidden"
+  }, /*#__PURE__*/React.createElement(View, {
+    alignItems: "center",
+    flexDirection: "row",
+    justifyContent: "center"
+  }, Array(numberOfInputs).fill('').map((_number, index) => /*#__PURE__*/React.createElement(View, {
+    key: index,
+    borderColor: code[index] ? 'primary' : 'outline',
+    borderWidth: 1,
+    margin: "2",
+    borderRadius: "8",
+    backgroundColor: "background",
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: 42,
+    minWidth: 42
+  }, /*#__PURE__*/React.createElement(Text, {
+    borderColor: "primary"
+    // @ts-ignore
+    ,
+    accessibilityLabel: "otp",
+    color: error ? 'error' : 'onBackground',
+    fontSize: 20,
+    style: theme.fonts.bodyLarge
+  }, code[index] || ''))), /*#__PURE__*/React.createElement(TextInput, {
+    textContentType: "oneTimeCode",
+    autoFocus: true,
+    keyboardType: "phone-pad",
+    ref: inputRef,
+    mode: "flat",
+    autoComplete: "one-time-code",
+    selectionColor: "transparent",
+    value: code || '',
+    onChangeText: value => {
+      if (!isNaN(Number(value))) {
+        if (value.length <= numberOfInputs) {
+          handleChange && handleChange(value);
+        }
+        if (value.length >= numberOfInputs) {
+          return Keyboard.dismiss();
+        }
+      }
+      return null;
+    },
+    style: styles.hiddenFont,
+    backgroundColor: "transparent",
+    bottom: -10,
+    width: "100%",
+    height: 60,
+    position: "absolute"
+  })));
+};
+const styles = StyleSheet.create({
+  hiddenFont: {
+    fontSize: 0.001
+  }
+});
+//# sourceMappingURL=OtpInputs.js.map

package/lib/module/components/OtpInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InteractionManager","Keyboard","StyleSheet","React","useEffect","TextInput","T","useTheme","View","Text","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","rest","props","createElement","OtpInputs","handleChange","numberOfInputs","error","code","inputRef","useRef","theme","runAfterInteractions","current","focus","overflow","alignItems","flexDirection","justifyContent","Array","fill","map","_number","index","key","borderColor","borderWidth","margin","borderRadius","minHeight","minWidth","accessibilityLabel","color","fontSize","style","fonts","bodyLarge","textContentType","autoFocus","keyboardType","ref","mode","autoComplete","selectionColor","value","onChangeText","isNaN","Number","length","dismiss","styles","hiddenFont","bottom","width","height","create"],"sourceRoot":"../../../src","sources":["components/OtpInputs.tsx"],"mappings":"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"}

package/lib/module/components/ParentView.js

@@ -0,0 +1,72 @@
+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); }
+import React from 'react';
+import { useEffect, useState } from 'react';
+import { StatusBar, Keyboard, StyleSheet } from 'react-native';
+import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { View } from '../components';
+import { useTheme } from 'react-native-paper';
+import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
+const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
+export function useKeyboard() {
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+  function onKeyboardDidShow(e) {
+    setKeyboardHeight(e.endCoordinates.height);
+  }
+  function onKeyboardDidHide() {
+    setKeyboardHeight(0);
+  }
+  useEffect(() => {
+    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', onKeyboardDidShow);
+    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', onKeyboardDidHide);
+    return () => {
+      keyboardDidHideListener.remove();
+      keyboardDidShowListener.remove();
+    };
+  }, []);
+  return keyboardHeight;
+}
+export const ParentView = ({
+  children,
+  bg,
+  topInset = true,
+  rightInset = true,
+  leftInset = true,
+  bottomInset = true,
+  shouldDismissKeyboardOnTap = true,
+  ...rest
+}) => {
+  const props = useRestyle(restyleFunctions, rest);
+  const keyboardHeight = useKeyboard();
+  const safeAreaViewProps = {
+    edges: [...(topInset ? ['top'] : []), ...(rightInset ? ['right'] : []), ...(leftInset ? ['left'] : [])]
+  };
+  const insets = useSafeAreaInsets();
+  const handleOnTouchStart = e => {
+    if (keyboardHeight && e?.target?._internalFiberInstanceHandleDEV?.elementType?.indexOf('TextInput') === -1) {
+      Keyboard.dismiss();
+    }
+  };
+  const theme = useTheme();
+  return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
+    style: [style.safeAreaView, {
+      backgroundColor: theme.colors.background
+    }]
+  }, safeAreaViewProps), /*#__PURE__*/React.createElement(StatusBar, {
+    barStyle: theme.dark ? 'light-content' : 'dark-content',
+    translucent: true,
+    backgroundColor: "transparent"
+  }), /*#__PURE__*/React.createElement(View, _extends({
+    flex: 1,
+    bg: bg ?? 'background'
+  }, props, bottomInset && {
+    pb: insets.bottom
+  }, shouldDismissKeyboardOnTap ? {
+    onTouchStart: handleOnTouchStart
+  } : {}), children));
+};
+const style = StyleSheet.create({
+  safeAreaView: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=ParentView.js.map

package/lib/module/components/ParentView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","StatusBar","Keyboard","StyleSheet","SafeAreaView","useSafeAreaInsets","View","useTheme","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","useKeyboard","keyboardHeight","setKeyboardHeight","onKeyboardDidShow","e","endCoordinates","height","onKeyboardDidHide","keyboardDidShowListener","addListener","keyboardDidHideListener","remove","ParentView","children","bg","topInset","rightInset","leftInset","bottomInset","shouldDismissKeyboardOnTap","rest","props","safeAreaViewProps","edges","insets","handleOnTouchStart","target","_internalFiberInstanceHandleDEV","elementType","indexOf","dismiss","theme","createElement","_extends","style","safeAreaView","colors","background","barStyle","dark","translucent","flex","pb","bottom","onTouchStart","create"],"sourceRoot":"../../../src","sources":["components/ParentView.tsx"],"mappings":"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"}

package/lib/module/components/Searchbar.js

@@ -0,0 +1,14 @@
+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); }
+import React from 'react';
+import { Searchbar as S } from 'react-native-paper';
+import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
+const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
+export const Searchbar = ({
+  ...rest
+}) => {
+  const props = useRestyle(restyleFunctions, rest);
+  return /*#__PURE__*/React.createElement(S, _extends({}, props, {
+    right: null
+  }));
+};
+//# sourceMappingURL=Searchbar.js.map

package/lib/module/components/Searchbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Searchbar","S","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","rest","props","createElement","_extends","right"],"sourceRoot":"../../../src","sources":["components/Searchbar.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,IAAIC,CAAC,QAA6B,oBAAoB;AACxE,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EAIxBC,uBAAuB,EAIvBC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,QAEH,kBAAkB;AAWzB,MAAMC,gBAAgB,GAAGJ,uBAAuB,CAA0B,CACxEJ,OAAO,EACPK,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRN,MAAM,EACNC,eAAe,EACfC,wBAAwB,CACzB,CAAC;AAIF,OAAO,MAAMN,SAAS,GAAGA,CAAC;EAAE,GAAGY;AAAY,CAAC,KAAK;EAC/C,MAAMC,KAAK,GAAGX,UAAU,CAACS,gBAAgB,EAASC,IAAI,CAAC;EAEvD,oBAAOb,KAAA,CAAAe,aAAA,CAACb,CAAC,EAAAc,QAAA,KAAKF,KAAK;IAAEG,KAAK,EAAE;EAAY,EAAE,CAAC;AAC7C,CAAC"}

package/lib/module/components/SelectionDialog.js

@@ -0,0 +1,121 @@
+import React, { useState, useCallback, useEffect } from 'react';
+import { Dialog, RadioButton, Text, useTheme } from 'react-native-paper';
+import { t } from 'i18next';
+import { Button } from './Button';
+import { View } from './View';
+const useSelectionDialogHook = () => {
+  const [isVisible, setIsVisible] = useState(false);
+  const [params, setParams] = useState({});
+  const {
+    title = '',
+    description = '',
+    isDismissable = true,
+    buttons = [],
+    selectionOptions = []
+  } = params;
+  const show = useCallback(parameters => {
+    setParams(parameters);
+    setIsVisible(true);
+  }, []);
+  const hide = useCallback(() => {
+    setIsVisible(false);
+  }, []);
+  return {
+    isVisible,
+    show,
+    hide,
+    title,
+    description,
+    isDismissable,
+    buttons,
+    selectionOptions
+  };
+};
+let rootLevelRef = null;
+export const SelectionDialog = () => {
+  const {
+    isVisible,
+    show,
+    hide,
+    buttons,
+    isDismissable,
+    selectionOptions,
+    title,
+    description
+  } = useSelectionDialogHook();
+  const theme = useTheme();
+  const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);
+  useEffect(() => {
+    if (isVisible) {
+      setSelectedOptionIndex(0);
+    }
+  }, [isVisible]);
+  const [button1 = {
+    label: t('ok'),
+    onPress: () => {},
+    mode: 'text'
+  }, button2, button3] = buttons;
+  const ref = React.useRef(null);
+  React.useImperativeHandle(ref, React.useCallback(() => ({
+    show
+  }), [show]));
+  React.useEffect(() => {
+    rootLevelRef = ref.current;
+  }, [ref]);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    style: {
+      backgroundColor: theme.colors.background
+    },
+    dismissable: isDismissable,
+    dismissableBackButton: isDismissable,
+    onDismiss: () => {
+      if (isVisible) {
+        hide();
+      }
+    },
+    visible: isVisible
+  }, Boolean(title) && /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(Text, {
+    variant: "titleMedium"
+  }, title)), Boolean(description) && /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(Text, {
+    variant: "bodyMedium"
+  }, description)), /*#__PURE__*/React.createElement(Dialog.Content, null, selectionOptions.map((option, index) => {
+    return /*#__PURE__*/React.createElement(View, {
+      flexDirection: "row",
+      alignItems: "center"
+    }, /*#__PURE__*/React.createElement(RadioButton.Android, {
+      value: "",
+      status: selectedOptionIndex === index ? 'checked' : 'unchecked',
+      onPress: () => setSelectedOptionIndex(index)
+    }), /*#__PURE__*/React.createElement(Text, {
+      variant: "bodyMedium"
+    }, option));
+  })), /*#__PURE__*/React.createElement(Dialog.Actions, null, button3 && /*#__PURE__*/React.createElement(Button, {
+    mx: "8",
+    mode: button3?.mode || 'text',
+    onPress: () => {
+      hide();
+      button3?.onPress?.(selectedOptionIndex);
+    }
+  }, button3.label), button2 && /*#__PURE__*/React.createElement(Button, {
+    ml: "2",
+    mode: button2?.mode || 'text',
+    onPress: () => {
+      hide();
+      button2?.onPress?.(selectedOptionIndex);
+    }
+  }, button2?.label), button1 && /*#__PURE__*/React.createElement(Button, {
+    ml: "2",
+    mode: button1?.mode || 'text',
+    onPress: () => {
+      hide();
+      button1?.onPress?.(selectedOptionIndex);
+    }
+  }, button1.label)));
+};
+SelectionDialog.displayName = 'SelectionDialog';
+
+//@ts-ignore
+SelectionDialog.show = params => {
+  rootLevelRef?.show(params);
+};
+//# sourceMappingURL=SelectionDialog.js.map

package/lib/module/components/SelectionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useEffect","Dialog","RadioButton","Text","useTheme","t","Button","View","useSelectionDialogHook","isVisible","setIsVisible","params","setParams","title","description","isDismissable","buttons","selectionOptions","show","parameters","hide","rootLevelRef","SelectionDialog","theme","selectedOptionIndex","setSelectedOptionIndex","button1","label","onPress","mode","button2","button3","ref","useRef","useImperativeHandle","current","createElement","style","backgroundColor","colors","background","dismissable","dismissableBackButton","onDismiss","visible","Boolean","Content","variant","map","option","index","flexDirection","alignItems","Android","value","status","Actions","mx","ml","displayName"],"sourceRoot":"../../../src","sources":["components/SelectionDialog.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC/D,SAASC,MAAM,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,oBAAoB;AACxE,SAASC,CAAC,QAAQ,SAAS;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAoB7B,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACnC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACa,MAAM,EAAEC,SAAS,CAAC,GAAGd,QAAQ,CAAwB,CAAC,CAAC,CAAC;EAC/D,MAAM;IACJe,KAAK,GAAG,EAAE;IACVC,WAAW,GAAG,EAAE;IAChBC,aAAa,GAAG,IAAI;IACpBC,OAAO,GAAG,EAAE;IACZC,gBAAgB,GAAG;EACrB,CAAC,GAAGN,MAAM;EAEV,MAAMO,IAAI,GAAGnB,WAAW,CAAEoB,UAAiC,IAAK;IAC9DP,SAAS,CAACO,UAAU,CAAC;IACrBT,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,IAAI,GAAGrB,WAAW,CAAC,MAAM;IAC7BW,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLD,SAAS;IACTS,IAAI;IACJE,IAAI;IACJP,KAAK;IACLC,WAAW;IACXC,aAAa;IACbC,OAAO;IACPC;EACF,CAAC;AACH,CAAC;AAED,IAAII,YAA0C,GAAG,IAAI;AAErD,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAM;IACJb,SAAS;IACTS,IAAI;IACJE,IAAI;IACJJ,OAAO;IACPD,aAAa;IACbE,gBAAgB;IAChBJ,KAAK;IACLC;EACF,CAAC,GAAGN,sBAAsB,CAAC,CAAC;EAC5B,MAAMe,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EAExB,MAAM,CAACoB,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG3B,QAAQ,CAAC,CAAC,CAAC;EAEjEE,SAAS,CAAC,MAAM;IACd,IAAIS,SAAS,EAAE;MACbgB,sBAAsB,CAAC,CAAC,CAAC;IAC3B;EACF,CAAC,EAAE,CAAChB,SAAS,CAAC,CAAC;EAEf,MAAM,CACJiB,OAAO,GAAG;IACRC,KAAK,EAAEtB,CAAC,CAAC,IAAI,CAAC;IACduB,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBC,IAAI,EAAE;EACR,CAAC,EACDC,OAAO,EACPC,OAAO,CACR,GAAGf,OAAO;EAEX,MAAMgB,GAAQ,GAAGnC,KAAK,CAACoC,MAAM,CAAC,IAAI,CAAC;EAEnCpC,KAAK,CAACqC,mBAAmB,CACvBF,GAAG,EACHnC,KAAK,CAACE,WAAW,CACf,OAAO;IACLmB;EACF,CAAC,CAAC,EACF,CAACA,IAAI,CACP,CACF,CAAC;EAEDrB,KAAK,CAACG,SAAS,CAAC,MAAM;IACpBqB,YAAY,GAAGW,GAAG,CAACG,OAAO;EAC5B,CAAC,EAAE,CAACH,GAAG,CAAC,CAAC;EAET,oBACEnC,KAAA,CAAAuC,aAAA,CAACnC,MAAM;IACLoC,KAAK,EAAE;MACLC,eAAe,EAAEf,KAAK,CAACgB,MAAM,CAACC;IAChC,CAAE;IACFC,WAAW,EAAE1B,aAAc;IAC3B2B,qBAAqB,EAAE3B,aAAc;IACrC4B,SAAS,EAAEA,CAAA,KAAM;MACf,IAAIlC,SAAS,EAAE;QACbW,IAAI,CAAC,CAAC;MACR;IACF,CAAE;IACFwB,OAAO,EAAEnC;EAAU,GAElBoC,OAAO,CAAChC,KAAK,CAAC,iBACbhB,KAAA,CAAAuC,aAAA,CAACnC,MAAM,CAAC6C,OAAO,qBACbjD,KAAA,CAAAuC,aAAA,CAACjC,IAAI;IAAC4C,OAAO,EAAC;EAAa,GAAElC,KAAY,CAC3B,CACjB,EACAgC,OAAO,CAAC/B,WAAW,CAAC,iBACnBjB,KAAA,CAAAuC,aAAA,CAACnC,MAAM,CAAC6C,OAAO,qBACbjD,KAAA,CAAAuC,aAAA,CAACjC,IAAI;IAAC4C,OAAO,EAAC;EAAY,GAAEjC,WAAkB,CAChC,CACjB,eACDjB,KAAA,CAAAuC,aAAA,CAACnC,MAAM,CAAC6C,OAAO,QACZ7B,gBAAgB,CAAC+B,GAAG,CAAC,CAACC,MAAc,EAAEC,KAAK,KAAK;IAC/C,oBACErD,KAAA,CAAAuC,aAAA,CAAC7B,IAAI;MAAC4C,aAAa,EAAC,KAAK;MAACC,UAAU,EAAC;IAAQ,gBAC3CvD,KAAA,CAAAuC,aAAA,CAAClC,WAAW,CAACmD,OAAO;MAClBC,KAAK,EAAC,EAAE;MACRC,MAAM,EAAE/B,mBAAmB,KAAK0B,KAAK,GAAG,SAAS,GAAG,WAAY;MAChEtB,OAAO,EAAEA,CAAA,KAAMH,sBAAsB,CAACyB,KAAK;IAAE,CAC9C,CAAC,eACFrD,KAAA,CAAAuC,aAAA,CAACjC,IAAI;MAAC4C,OAAO,EAAC;IAAY,GAAEE,MAAa,CACrC,CAAC;EAEX,CAAC,CACa,CAAC,eACjBpD,KAAA,CAAAuC,aAAA,CAACnC,MAAM,CAACuD,OAAO,QACZzB,OAAO,iBACNlC,KAAA,CAAAuC,aAAA,CAAC9B,MAAM;IACLmD,EAAE,EAAC,GAAG;IACN5B,IAAI,EAAEE,OAAO,EAAEF,IAAI,IAAI,MAAO;IAC9BD,OAAO,EAAEA,CAAA,KAAM;MACbR,IAAI,CAAC,CAAC;MACNW,OAAO,EAAEH,OAAO,GAAGJ,mBAAmB,CAAC;IACzC;EAAE,GAEDO,OAAO,CAACJ,KACH,CACT,EACAG,OAAO,iBACNjC,KAAA,CAAAuC,aAAA,CAAC9B,MAAM;IACLoD,EAAE,EAAC,GAAG;IACN7B,IAAI,EAAEC,OAAO,EAAED,IAAI,IAAI,MAAO;IAC9BD,OAAO,EAAEA,CAAA,KAAM;MACbR,IAAI,CAAC,CAAC;MACNU,OAAO,EAAEF,OAAO,GAAGJ,mBAAmB,CAAC;IACzC;EAAE,GAEDM,OAAO,EAAEH,KACJ,CACT,EACAD,OAAO,iBACN7B,KAAA,CAAAuC,aAAA,CAAC9B,MAAM;IACLoD,EAAE,EAAC,GAAG;IACN7B,IAAI,EAAEH,OAAO,EAAEG,IAAI,IAAI,MAAO;IAC9BD,OAAO,EAAEA,CAAA,KAAM;MACbR,IAAI,CAAC,CAAC;MACNM,OAAO,EAAEE,OAAO,GAAGJ,mBAAmB,CAAC;IACzC;EAAE,GAEDE,OAAO,CAACC,KACH,CAEI,CACV,CAAC;AAEb,CAAC;AAEDL,eAAe,CAACqC,WAAW,GAAG,iBAAiB;;AAE/C;AACArC,eAAe,CAACJ,IAAI,GAAIP,MAA6B,IAAK;EACxDU,YAAY,EAAEH,IAAI,CAACP,MAAM,CAAC;AAC5B,CAAC"}

package/lib/module/components/Snackbar.js

@@ -0,0 +1,60 @@
+import React, { useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Snackbar as PSnackbar } from 'react-native-paper';
+const useAlertHook = () => {
+  const [isVisible, setIsVisible] = useState(false);
+  const [params, setParams] = useState({});
+  const {
+    title = '',
+    action
+  } = params;
+  const show = useCallback(parameters => {
+    setParams(parameters);
+    setIsVisible(true);
+  }, []);
+  const hide = useCallback(() => {
+    setIsVisible(false);
+  }, []);
+  return {
+    isVisible,
+    show,
+    hide,
+    title,
+    action
+  };
+};
+let rootLevelRef = null;
+export const Snackbar = () => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    isVisible,
+    show,
+    hide,
+    title,
+    action
+  } = useAlertHook();
+  const ref = React.useRef(null);
+  React.useImperativeHandle(ref, React.useCallback(() => ({
+    show
+  }), [show]));
+  React.useEffect(() => {
+    rootLevelRef = ref.current;
+  }, [ref]);
+  return /*#__PURE__*/React.createElement(PSnackbar, {
+    visible: isVisible,
+    onDismiss: hide,
+    action: action ?? {
+      label: t('close'),
+      onPress: hide
+    }
+  }, title);
+};
+Snackbar.displayName = 'Snackbar';
+
+//@ts-ignore
+Snackbar.show = params => {
+  rootLevelRef?.show(params);
+};
+//# sourceMappingURL=Snackbar.js.map

package/lib/module/components/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useTranslation","Snackbar","PSnackbar","useAlertHook","isVisible","setIsVisible","params","setParams","title","action","show","parameters","hide","rootLevelRef","t","ref","useRef","useImperativeHandle","useEffect","current","createElement","visible","onDismiss","label","onPress","displayName"],"sourceRoot":"../../../src","sources":["components/Snackbar.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,QAAQ,IAAIC,SAAS,QAAQ,oBAAoB;AAc1D,MAAMC,YAAY,GAAGA,CAAA,KAAM;EACzB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACQ,MAAM,EAAEC,SAAS,CAAC,GAAGT,QAAQ,CAAiB,CAAC,CAAC,CAAC;EACxD,MAAM;IAAEU,KAAK,GAAG,EAAE;IAAEC;EAAO,CAAC,GAAGH,MAAM;EAErC,MAAMI,IAAI,GAAGX,WAAW,CAAEY,UAA0B,IAAK;IACvDJ,SAAS,CAACI,UAAU,CAAC;IACrBN,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,IAAI,GAAGb,WAAW,CAAC,MAAM;IAC7BM,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLD,SAAS;IACTM,IAAI;IACJE,IAAI;IACJJ,KAAK;IACLC;EACF,CAAC;AACH,CAAC;AAED,IAAII,YAAgC,GAAG,IAAI;AAE3C,OAAO,MAAMZ,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEa;EAAE,CAAC,GAAGd,cAAc,CAAC,CAAC;EAC9B,MAAM;IAAEI,SAAS;IAAEM,IAAI;IAAEE,IAAI;IAAEJ,KAAK;IAAEC;EAAO,CAAC,GAAGN,YAAY,CAAC,CAAC;EAE/D,MAAMY,GAAQ,GAAGlB,KAAK,CAACmB,MAAM,CAAC,IAAI,CAAC;EAEnCnB,KAAK,CAACoB,mBAAmB,CACvBF,GAAG,EACHlB,KAAK,CAACE,WAAW,CACf,OAAO;IACLW;EACF,CAAC,CAAC,EACF,CAACA,IAAI,CACP,CACF,CAAC;EAEDb,KAAK,CAACqB,SAAS,CAAC,MAAM;IACpBL,YAAY,GAAGE,GAAG,CAACI,OAAO;EAC5B,CAAC,EAAE,CAACJ,GAAG,CAAC,CAAC;EAET,oBACElB,KAAA,CAAAuB,aAAA,CAAClB,SAAS;IACRmB,OAAO,EAAEjB,SAAU;IACnBkB,SAAS,EAAEV,IAAK;IAChBH,MAAM,EACJA,MAAM,IAAI;MACRc,KAAK,EAAET,CAAC,CAAC,OAAO,CAAC;MACjBU,OAAO,EAAEZ;IACX;EACD,GAEAJ,KACQ,CAAC;AAEhB,CAAC;AAEDP,QAAQ,CAACwB,WAAW,GAAG,UAAU;;AAEjC;AACAxB,QAAQ,CAACS,IAAI,GAAIJ,MAAsB,IAAK;EAC1CO,YAAY,EAAEH,IAAI,CAACJ,MAAM,CAAC;AAC5B,CAAC"}

package/lib/module/components/Surface.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Surface as S } from 'react-native-paper';
+import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
+const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
+export const Surface = ({
+  ...rest
+}) => {
+  const props = useRestyle(restyleFunctions, rest);
+  return /*#__PURE__*/React.createElement(S, props);
+};
+//# sourceMappingURL=Surface.js.map

package/lib/module/components/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Surface","S","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","rest","props","createElement"],"sourceRoot":"../../../src","sources":["components/Surface.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,CAAC,QAA2B,oBAAoB;AACpE,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EAIxBC,uBAAuB,EAIvBC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,QAEH,kBAAkB;AAWzB,MAAMC,gBAAgB,GAAGJ,uBAAuB,CAA0B,CACxEJ,OAAO,EACPK,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRN,MAAM,EACNC,eAAe,EACfC,wBAAwB,CACzB,CAAC;AAIF,OAAO,MAAMN,OAAO,GAAGA,CAAC;EAAE,GAAGY;AAAY,CAAC,KAAK;EAC7C,MAAMC,KAAK,GAAGX,UAAU,CAACS,gBAAgB,EAASC,IAAI,CAAC;EAEvD,oBAAOb,KAAA,CAAAe,aAAA,CAACb,CAAC,EAAKY,KAAQ,CAAC;AACzB,CAAC"}

package/lib/module/components/Text.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Text as T } from 'react-native-paper';
+import { useRestyle, spacing, border, composeRestyleFunctions, backgroundColor, backgroundColorShorthand, color, layout, position, typography, spacingShorthand, opacity } from '@shopify/restyle';
+const restyleFunctions = composeRestyleFunctions([color, spacing, spacingShorthand, layout, position, opacity, typography, border, backgroundColor, backgroundColorShorthand]);
+export const Text = ({
+  children,
+  ...rest
+}) => {
+  const restyleProps = useRestyle(restyleFunctions, rest);
+  return /*#__PURE__*/React.createElement(T, restyleProps, children);
+};
+//# sourceMappingURL=Text.js.map

package/lib/module/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","T","useRestyle","spacing","border","composeRestyleFunctions","backgroundColor","backgroundColorShorthand","color","layout","position","typography","spacingShorthand","opacity","restyleFunctions","children","rest","restyleProps","createElement"],"sourceRoot":"../../../src","sources":["components/Text.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,CAAC,QAAwB,oBAAoB;AAC9D,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,uBAAuB,EAIvBC,eAAe,EACfC,wBAAwB,EACxBC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,gBAAgB,EAOhBC,OAAO,QAEF,kBAAkB;AAezB,MAAMC,gBAAgB,GAAGT,uBAAuB,CAA0B,CACxEG,KAAK,EACLL,OAAO,EACPS,gBAAgB,EAChBH,MAAM,EACNC,QAAQ,EACRG,OAAO,EACPF,UAAU,EACVP,MAAM,EACNE,eAAe,EACfC,wBAAwB,CACzB,CAAC;AAOF,OAAO,MAAMP,IAAsC,GAAGA,CAAC;EACrDe,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGf,UAAU,CAACY,gBAAgB,EAAEE,IAAI,CAAC;EAEvD,oBACEjB,KAAA,CAAAmB,aAAA,CAACjB,CAAC,EAAMgB,YAAY,EACjBF,QACA,CAAC;AAER,CAAC"}

package/lib/module/components/TextInput.js

@@ -0,0 +1,56 @@
+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); }
+import React from 'react';
+import { TextInput as T, ToggleButton, useTheme } from 'react-native-paper';
+import { View } from './View';
+import { IconButton } from './IconButton';
+import { Text } from './Text';
+import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
+const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
+export const TextInputStyled = ({
+  ...rest
+}) => {
+  const props = useRestyle(restyleFunctions, rest);
+  return /*#__PURE__*/React.createElement(T, props);
+};
+export const TextInput = ({
+  errorMessage,
+  secureTextEntry,
+  ...rest
+}) => {
+  const [status, setStatus] = React.useState('checked');
+  const onButtonToggle = () => {
+    setStatus(status === 'checked' ? 'unchecked' : 'checked');
+  };
+  const shouldShowPassword = status === 'checked';
+  const theme = useTheme();
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    justifyContent: "center"
+  }, /*#__PURE__*/React.createElement(TextInputStyled, _extends({
+    width: "100%",
+    secureTextEntry: shouldShowPassword && secureTextEntry
+  }, rest)), secureTextEntry && /*#__PURE__*/React.createElement(View, {
+    pt: "4",
+    justifyContent: "center",
+    alignSelf: "flex-end",
+    position: "absolute",
+    width: 48
+  }, /*#__PURE__*/React.createElement(ToggleButton, {
+    icon: shouldShowPassword ? 'eye' : 'eye-off',
+    size: 20,
+    onPress: onButtonToggle
+  }))), !!errorMessage && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    flexDirection: "row",
+    alignItems: "center",
+    pb: "2"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    icon: "alert-circle-outline",
+    size: 14,
+    width: 20,
+    margin: "0",
+    iconColor: theme.colors.error
+  }), /*#__PURE__*/React.createElement(Text, {
+    variant: "bodySmall",
+    color: "error"
+  }, errorMessage))));
+};
+//# sourceMappingURL=TextInput.js.map

package/lib/module/components/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TextInput","T","ToggleButton","useTheme","View","IconButton","Text","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","TextInputStyled","rest","props","createElement","errorMessage","secureTextEntry","status","setStatus","useState","onButtonToggle","shouldShowPassword","theme","justifyContent","_extends","width","pt","alignSelf","icon","size","onPress","Fragment","flexDirection","alignItems","pb","margin","iconColor","colors","error","variant","color"],"sourceRoot":"../../../src","sources":["components/TextInput.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,IAAIC,CAAC,EAEdC,YAAY,EACZC,QAAQ,QACH,oBAAoB;AAC3B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EAIxBC,uBAAuB,EAIvBC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,QAEH,kBAAkB;AAWzB,MAAMC,gBAAgB,GAAGJ,uBAAuB,CAA0B,CACxEJ,OAAO,EACPK,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRN,MAAM,EACNC,eAAe,EACfC,wBAAwB,CACzB,CAAC;AAOF,OAAO,MAAMM,eAAe,GAAGA,CAAC;EAAE,GAAGC;AAAY,CAAC,KAAK;EACrD,MAAMC,KAAK,GAAGZ,UAAU,CAACS,gBAAgB,EAASE,IAAI,CAAC;EAEvD,oBAAOnB,KAAA,CAAAqB,aAAA,CAACnB,CAAC,EAAKkB,KAAQ,CAAC;AACzB,CAAC;AAED,OAAO,MAAMnB,SAA0B,GAAGA,CAAC;EACzCqB,YAAY;EACZC,eAAe;EACf,GAAGJ;AACL,CAAC,KAAK;EACJ,MAAM,CAACK,MAAM,EAAEC,SAAS,CAAC,GAAGzB,KAAK,CAAC0B,QAAQ,CAAC,SAAS,CAAC;EAErD,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3BF,SAAS,CAACD,MAAM,KAAK,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;EAC3D,CAAC;EAED,MAAMI,kBAAkB,GAAGJ,MAAM,KAAK,SAAS;EAC/C,MAAMK,KAAK,GAAGzB,QAAQ,CAAC,CAAC;EACxB,oBACEJ,KAAA,CAAAqB,aAAA,CAAChB,IAAI,qBACHL,KAAA,CAAAqB,aAAA,CAAChB,IAAI;IAACyB,cAAc,EAAC;EAAQ,gBAC3B9B,KAAA,CAAAqB,aAAA,CAACH,eAAe,EAAAa,QAAA;IACdC,KAAK,EAAC,MAAM;IACZT,eAAe,EAAEK,kBAAkB,IAAIL;EAAgB,GACnDJ,IAAI,CACT,CAAC,EACDI,eAAe,iBACdvB,KAAA,CAAAqB,aAAA,CAAChB,IAAI;IACH4B,EAAE,EAAC,GAAG;IACNH,cAAc,EAAC,QAAQ;IACvBI,SAAS,EAAC,UAAU;IACpBlB,QAAQ,EAAC,UAAU;IACnBgB,KAAK,EAAE;EAAG,gBAEVhC,KAAA,CAAAqB,aAAA,CAAClB,YAAY;IACXgC,IAAI,EAAEP,kBAAkB,GAAG,KAAK,GAAG,SAAU;IAC7CQ,IAAI,EAAE,EAAG;IACTC,OAAO,EAAEV;EAAe,CACzB,CACG,CAEJ,CAAC,EAEN,CAAC,CAACL,YAAY,iBACbtB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsC,QAAA,qBACEtC,KAAA,CAAAqB,aAAA,CAAChB,IAAI;IAACkC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,EAAE,EAAC;EAAG,gBAClDzC,KAAA,CAAAqB,aAAA,CAACf,UAAU;IACT6B,IAAI,EAAC,sBAAsB;IAC3BC,IAAI,EAAE,EAAG;IACTJ,KAAK,EAAE,EAAG;IACVU,MAAM,EAAC,GAAG;IACVC,SAAS,EAAEd,KAAK,CAACe,MAAM,CAACC;EAAM,CAC/B,CAAC,eACF7C,KAAA,CAAAqB,aAAA,CAACd,IAAI;IAACuC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAO,GACpCzB,YACG,CACF,CACN,CAEA,CAAC;AAEX,CAAC"}

package/lib/module/components/ToggleButton.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ToggleButton as TB } from 'react-native-paper';
+import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
+const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
+export const ToggleButton = ({
+  ...rest
+}) => {
+  const props = useRestyle(restyleFunctions, rest);
+  return /*#__PURE__*/React.createElement(TB, props);
+};
+//# sourceMappingURL=ToggleButton.js.map

package/lib/module/components/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ToggleButton","TB","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","rest","props","createElement"],"sourceRoot":"../../../src","sources":["components/ToggleButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,IAAIC,EAAE,QAAgC,oBAAoB;AAC/E,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EAIxBC,uBAAuB,EAIvBC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,QAEH,kBAAkB;AAWzB,MAAMC,gBAAgB,GAAGJ,uBAAuB,CAA0B,CACxEJ,OAAO,EACPK,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRN,MAAM,EACNC,eAAe,EACfC,wBAAwB,CACzB,CAAC;AAIF,OAAO,MAAMN,YAAY,GAAGA,CAAC;EAAE,GAAGY;AAAY,CAAC,KAAK;EAClD,MAAMC,KAAK,GAAGX,UAAU,CAACS,gBAAgB,EAASC,IAAW,CAAC;EAE9D,oBAAOb,KAAA,CAAAe,aAAA,CAACb,EAAE,EAAMY,KAAkB,CAAC;AACrC,CAAC"}

package/lib/module/components/Video.js

@@ -0,0 +1,32 @@
+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); }
+import { View } from './View';
+import React, { useState } from 'react';
+import { ActivityIndicator } from 'react-native-paper';
+import { IconButton } from './IconButton';
+import VideoOriginal from 'react-native-video';
+export const Video = ({
+  ...rest
+}) => {
+  const [status, setStatus] = useState('loading');
+  return /*#__PURE__*/React.createElement(View, {
+    flex: 1
+  }, /*#__PURE__*/React.createElement(VideoOriginal, _extends({}, rest, {
+    onLoad: () => {
+      setStatus('success');
+    },
+    onError: () => {
+      setStatus('failed');
+    }
+  })), /*#__PURE__*/React.createElement(View, {
+    top: 0,
+    bottom: 0,
+    right: 0,
+    left: 0,
+    position: "absolute",
+    alignItems: "center",
+    justifyContent: "center"
+  }, status === 'loading' && /*#__PURE__*/React.createElement(ActivityIndicator, null), status === 'failed' && /*#__PURE__*/React.createElement(IconButton, {
+    icon: "image-broken-variant"
+  })));
+};
+//# sourceMappingURL=Video.js.map