@reown/appkit-react-native 2.0.0-alpha.2 → 2.0.0-alpha.4

package/lib/module/config/animations.js

@@ -1,9 +0,0 @@
-"use strict";
-
-import { Platform, UIManager } from 'react-native';
-if (Platform.OS === 'android') {
-  if (UIManager.setLayoutAnimationEnabledExperimental) {
-    UIManager.setLayoutAnimationEnabledExperimental(true);
-  }
-}
-//# sourceMappingURL=animations.js.map

package/lib/module/config/animations.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Platform","UIManager","OS","setLayoutAnimationEnabledExperimental"],"sourceRoot":"../../../src","sources":["config/animations.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAElD,IAAID,QAAQ,CAACE,EAAE,KAAK,SAAS,EAAE;EAC7B,IAAID,SAAS,CAACE,qCAAqC,EAAE;IACnDF,SAAS,CAACE,qCAAqC,CAAC,IAAI,CAAC;EACvD;AACF","ignoreList":[]}

package/lib/module/hooks/useCustomDimensions.js

@@ -1,30 +0,0 @@
-"use strict";
-
-import { useState, useEffect } from 'react';
-import { useWindowDimensions } from 'react-native';
-
-/**
- * Hook used to get the width of the screen and the padding needed to accomplish portrait and landscape modes.
- * @returns { width: number, isPortrait: boolean, isLandscape: boolean, padding: number }
- */
-export function useCustomDimensions() {
-  const {
-    width,
-    height
-  } = useWindowDimensions();
-  const [maxWidth, setMaxWidth] = useState(Math.min(width, height));
-  const [isPortrait, setIsPortrait] = useState(height > width);
-  const [padding, setPadding] = useState(0);
-  useEffect(() => {
-    setMaxWidth(Math.min(width, height));
-    setIsPortrait(height > width);
-    setPadding(width < height ? 0 : (width - height) / 2);
-  }, [width, height]);
-  return {
-    maxWidth,
-    isPortrait,
-    isLandscape: !isPortrait,
-    padding
-  };
-}
-//# sourceMappingURL=useCustomDimensions.js.map

package/lib/module/hooks/useCustomDimensions.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","useEffect","useWindowDimensions","useCustomDimensions","width","height","maxWidth","setMaxWidth","Math","min","isPortrait","setIsPortrait","padding","setPadding","isLandscape"],"sourceRoot":"../../../src","sources":["hooks/useCustomDimensions.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAASC,mBAAmB,QAAQ,cAAc;;AAElD;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EACpC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGH,mBAAmB,CAAC,CAAC;EAC/C,MAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAGP,QAAQ,CAASQ,IAAI,CAACC,GAAG,CAACL,KAAK,EAAEC,MAAM,CAAC,CAAC;EACzE,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAAUK,MAAM,GAAGD,KAAK,CAAC;EACrE,MAAM,CAACQ,OAAO,EAAEC,UAAU,CAAC,GAAGb,QAAQ,CAAS,CAAC,CAAC;EAEjDC,SAAS,CAAC,MAAM;IACdM,WAAW,CAACC,IAAI,CAACC,GAAG,CAACL,KAAK,EAAEC,MAAM,CAAC,CAAC;IACpCM,aAAa,CAACN,MAAM,GAAGD,KAAK,CAAC;IAC7BS,UAAU,CAACT,KAAK,GAAGC,MAAM,GAAG,CAAC,GAAG,CAACD,KAAK,GAAGC,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEC,QAAQ;IAAEI,UAAU;IAAEI,WAAW,EAAE,CAACJ,UAAU;IAAEE;EAAQ,CAAC;AACpE","ignoreList":[]}

package/lib/module/partials/w3m-otp-code/index.js

@@ -1,84 +0,0 @@
-"use strict";
-
-import { Platform } from 'react-native';
-import { FlexView, Link, LoadingSpinner, Otp, Spacing, Text } from '@reown/appkit-ui-react-native';
-import { useKeyboard } from '../../hooks/useKeyboard';
-import styles from './styles';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-export function OtpCodeView({
-  onCodeChange,
-  onSubmit,
-  onRetry,
-  error,
-  loading,
-  email,
-  timeLeft = 0,
-  codeExpiry = 20,
-  retryLabel = "Didn't receive it?",
-  retryDisabledButtonLabel = 'Resend',
-  retryButtonLabel = 'Resend code'
-}) {
-  const {
-    keyboardShown,
-    keyboardHeight
-  } = useKeyboard();
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing.l : Spacing.l,
-    default: Spacing.l
-  });
-  const handleCodeChange = code => {
-    onCodeChange?.(code);
-    if (code.length === 6) {
-      onSubmit?.(code);
-    }
-  };
-  return /*#__PURE__*/_jsxs(FlexView, {
-    padding: ['l', 'l', '3xl', 'l'],
-    alignItems: "center",
-    style: {
-      paddingBottom
-    },
-    children: [/*#__PURE__*/_jsxs(Text, {
-      center: true,
-      variant: "paragraph-400",
-      children: ["Enter the code we sent to", ' ']
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "paragraph-500",
-      children: email ?? 'your email'
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.expiryText,
-      variant: "small-400",
-      color: "fg-200",
-      children: `The code expires in ${codeExpiry} minutes`
-    }), /*#__PURE__*/_jsx(FlexView, {
-      justifyContent: "center",
-      style: styles.otpContainer,
-      children: loading ? /*#__PURE__*/_jsx(LoadingSpinner, {
-        size: "xl"
-      }) : /*#__PURE__*/_jsx(Otp, {
-        length: 6,
-        onChangeText: handleCodeChange,
-        autoFocus: true
-      })
-    }), error && /*#__PURE__*/_jsx(Text, {
-      variant: "small-400",
-      color: "error-100",
-      style: styles.errorText,
-      children: error
-    }), !loading && /*#__PURE__*/_jsxs(FlexView, {
-      alignItems: "center",
-      flexDirection: "row",
-      margin: ['s', '0', '0', '0'],
-      children: [/*#__PURE__*/_jsx(Text, {
-        variant: "small-400",
-        color: "fg-200",
-        children: retryLabel
-      }), /*#__PURE__*/_jsx(Link, {
-        onPress: onRetry,
-        disabled: timeLeft > 0 || loading,
-        children: timeLeft > 0 ? `${retryDisabledButtonLabel} in ${timeLeft}s` : retryButtonLabel
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-otp-code/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Platform","FlexView","Link","LoadingSpinner","Otp","Spacing","Text","useKeyboard","styles","jsxs","_jsxs","jsx","_jsx","OtpCodeView","onCodeChange","onSubmit","onRetry","error","loading","email","timeLeft","codeExpiry","retryLabel","retryDisabledButtonLabel","retryButtonLabel","keyboardShown","keyboardHeight","paddingBottom","select","android","l","default","handleCodeChange","code","length","padding","alignItems","style","children","center","variant","expiryText","color","justifyContent","otpContainer","size","onChangeText","autoFocus","errorText","flexDirection","margin","onPress","disabled"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/partials/w3m-otp-code/styles.js

@@ -1,17 +0,0 @@
-"use strict";
-
-import { StyleSheet } from 'react-native';
-import { Spacing } from '@reown/appkit-ui-react-native';
-export default StyleSheet.create({
-  expiryText: {
-    marginTop: Spacing.s,
-    marginBottom: Spacing.l
-  },
-  otpContainer: {
-    height: 60
-  },
-  errorText: {
-    marginTop: Spacing['2xs']
-  }
-});
-//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-otp-code/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","Spacing","create","expiryText","marginTop","s","marginBottom","l","otpContainer","height","errorText"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,SAAS,EAAEH,OAAO,CAACI,CAAC;IACpBC,YAAY,EAAEL,OAAO,CAACM;EACxB,CAAC;EACDC,YAAY,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTN,SAAS,EAAEH,OAAO,CAAC,KAAK;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/config/animations.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=animations.d.ts.map

package/lib/typescript/config/animations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../src/config/animations.ts"],"names":[],"mappings":""}

package/lib/typescript/hooks/useCustomDimensions.d.ts

@@ -1,11 +0,0 @@
-/**
- * Hook used to get the width of the screen and the padding needed to accomplish portrait and landscape modes.
- * @returns { width: number, isPortrait: boolean, isLandscape: boolean, padding: number }
- */
-export declare function useCustomDimensions(): {
-    maxWidth: number;
-    isPortrait: boolean;
-    isLandscape: boolean;
-    padding: number;
-};
-//# sourceMappingURL=useCustomDimensions.d.ts.map

package/lib/typescript/hooks/useCustomDimensions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCustomDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCustomDimensions.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,mBAAmB;;;;;EAalC"}

package/lib/typescript/partials/w3m-otp-code/index.d.ts

@@ -1,16 +0,0 @@
-interface Props {
-    onCodeChange?: (code: string) => void;
-    onSubmit: (code: string) => void;
-    onRetry: () => void;
-    loading?: boolean;
-    error?: string;
-    email?: string;
-    timeLeft?: number;
-    codeExpiry?: number;
-    retryLabel?: string;
-    retryDisabledButtonLabel?: string;
-    retryButtonLabel?: string;
-}
-export declare function OtpCodeView({ onCodeChange, onSubmit, onRetry, error, loading, email, timeLeft, codeExpiry, retryLabel, retryDisabledButtonLabel, retryButtonLabel }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/partials/w3m-otp-code/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/partials/w3m-otp-code/index.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAY,EACZ,UAAe,EACf,UAAiC,EACjC,wBAAmC,EACnC,gBAAgC,EACjC,EAAE,KAAK,2CAgDP"}

package/lib/typescript/partials/w3m-otp-code/styles.d.ts

@@ -1,14 +0,0 @@
-declare const _default: {
-    expiryText: {
-        marginTop: number;
-        marginBottom: number;
-    };
-    otpContainer: {
-        height: number;
-    };
-    errorText: {
-        marginTop: number;
-    };
-};
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/partials/w3m-otp-code/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/partials/w3m-otp-code/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,wBAWG"}

package/src/config/animations.ts

@@ -1,7 +0,0 @@
-import { Platform, UIManager } from 'react-native';
-
-if (Platform.OS === 'android') {
-  if (UIManager.setLayoutAnimationEnabledExperimental) {
-    UIManager.setLayoutAnimationEnabledExperimental(true);
-  }
-}

package/src/hooks/useCustomDimensions.ts

@@ -1,21 +0,0 @@
-import { useState, useEffect } from 'react';
-import { useWindowDimensions } from 'react-native';
-
-/**
- * Hook used to get the width of the screen and the padding needed to accomplish portrait and landscape modes.
- * @returns { width: number, isPortrait: boolean, isLandscape: boolean, padding: number }
- */
-export function useCustomDimensions() {
-  const { width, height } = useWindowDimensions();
-  const [maxWidth, setMaxWidth] = useState<number>(Math.min(width, height));
-  const [isPortrait, setIsPortrait] = useState<boolean>(height > width);
-  const [padding, setPadding] = useState<number>(0);
-
-  useEffect(() => {
-    setMaxWidth(Math.min(width, height));
-    setIsPortrait(height > width);
-    setPadding(width < height ? 0 : (width - height) / 2);
-  }, [width, height]);
-
-  return { maxWidth, isPortrait, isLandscape: !isPortrait, padding };
-}

package/src/partials/w3m-otp-code/index.tsx

@@ -1,81 +0,0 @@
-import { Platform } from 'react-native';
-import { FlexView, Link, LoadingSpinner, Otp, Spacing, Text } from '@reown/appkit-ui-react-native';
-
-import { useKeyboard } from '../../hooks/useKeyboard';
-import styles from './styles';
-
-interface Props {
-  onCodeChange?: (code: string) => void;
-  onSubmit: (code: string) => void;
-  onRetry: () => void;
-  loading?: boolean;
-  error?: string;
-  email?: string;
-  timeLeft?: number;
-  codeExpiry?: number;
-  retryLabel?: string;
-  retryDisabledButtonLabel?: string;
-  retryButtonLabel?: string;
-}
-
-export function OtpCodeView({
-  onCodeChange,
-  onSubmit,
-  onRetry,
-  error,
-  loading,
-  email,
-  timeLeft = 0,
-  codeExpiry = 20,
-  retryLabel = "Didn't receive it?",
-  retryDisabledButtonLabel = 'Resend',
-  retryButtonLabel = 'Resend code'
-}: Props) {
-  const { keyboardShown, keyboardHeight } = useKeyboard();
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing.l : Spacing.l,
-    default: Spacing.l
-  });
-
-  const handleCodeChange = (code: string) => {
-    onCodeChange?.(code);
-
-    if (code.length === 6) {
-      onSubmit?.(code);
-    }
-  };
-
-  return (
-    <FlexView padding={['l', 'l', '3xl', 'l']} alignItems="center" style={{ paddingBottom }}>
-      <Text center variant="paragraph-400">
-        Enter the code we sent to{' '}
-      </Text>
-      <Text variant="paragraph-500">{email ?? 'your email'}</Text>
-      <Text style={styles.expiryText} variant="small-400" color="fg-200">
-        {`The code expires in ${codeExpiry} minutes`}
-      </Text>
-      <FlexView justifyContent="center" style={styles.otpContainer}>
-        {loading ? (
-          <LoadingSpinner size="xl" />
-        ) : (
-          <Otp length={6} onChangeText={handleCodeChange} autoFocus />
-        )}
-      </FlexView>
-      {error && (
-        <Text variant="small-400" color="error-100" style={styles.errorText}>
-          {error}
-        </Text>
-      )}
-      {!loading && (
-        <FlexView alignItems="center" flexDirection="row" margin={['s', '0', '0', '0']}>
-          <Text variant="small-400" color="fg-200">
-            {retryLabel}
-          </Text>
-          <Link onPress={onRetry} disabled={timeLeft > 0 || loading}>
-            {timeLeft > 0 ? `${retryDisabledButtonLabel} in ${timeLeft}s` : retryButtonLabel}
-          </Link>
-        </FlexView>
-      )}
-    </FlexView>
-  );
-}

package/src/partials/w3m-otp-code/styles.ts

@@ -1,15 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Spacing } from '@reown/appkit-ui-react-native';
-
-export default StyleSheet.create({
-  expiryText: {
-    marginTop: Spacing.s,
-    marginBottom: Spacing.l
-  },
-  otpContainer: {
-    height: 60
-  },
-  errorText: {
-    marginTop: Spacing['2xs']
-  }
-});