@procivis/one-react-native-components 0.1.63 → 0.3.22

package/lib/module/ui-components/buttons/hold-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","cancelAnimation","Easing","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","TouchableWithoutFeedback","Typography","useAppColorScheme","Content","title","subtitlePrefix","subtitleSuffix","width","height","textColor","progress","holdTimeoutSecs","disabled","nums","Array","from","length","map","_","index","subtitleHeight","setSubtitleHeight","onSubtitleLayout","nativeEvent","layout","translateY","value","movingUpStyle","transform","createElement","style","styles","contentWrapper","contentDisabled","pointerEvents","color","numberOfLines","subtitle","subtitleDisabled","onLayout","preset","subtitleSecsWrapper","subtitleSecs","val","key","HoldButtonLayouted","onFinished","ref","props","colorScheme","isFinished","setFinished","onLongPress","onPressIn","holdTimeout","duration","easing","linear","finished","onPressOut","translateX","movingRightStyle","movingLeftStyle","contentProps","Fragment","_extends","accent","movingLayer","backgroundColor","accentText","pressableLayer","accessibilityRole","undefined","HoldButton","forwardRef","setLayout","onContainerLayout","container","white","background","borderColor","displayName","create","borderRadius","overflow","opacity","alignItems","justifyContent","paddingBottom","paddingHorizontal","paddingTop","borderWidth","position","flexDirection"],"sources":["hold-button.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ColorValue, LayoutChangeEvent, StyleSheet, TouchableWithoutFeedbackProps, View } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  runOnJS,\n  SharedValue,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { TouchableWithoutFeedback, TouchableWithoutFeedbackRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HoldButtonProps\n  extends Omit<\n    TouchableWithoutFeedbackProps,\n    'children' | 'onLayout' | 'onPress' | 'onLongPress' | 'onPressIn' | 'onPressOut'\n  > {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  holdTimeoutSecs?: number;\n  onFinished: () => void;\n}\n\ninterface ContentProps {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  width: number;\n  height: number;\n  textColor: ColorValue;\n  progress: SharedValue<number>;\n  holdTimeoutSecs: number;\n  disabled?: boolean;\n}\n\nconst Content = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  width,\n  height,\n  textColor,\n  progress,\n  holdTimeoutSecs,\n  disabled,\n}: ContentProps) => {\n  const nums = useMemo(\n    () => Array.from({ length: holdTimeoutSecs + 1 }).map((_, index) => holdTimeoutSecs - index),\n    [holdTimeoutSecs],\n  );\n\n  const [subtitleHeight, setSubtitleHeight] = useState<number>(0);\n  const onSubtitleLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n    setSubtitleHeight(nativeEvent.layout.height);\n  }, []);\n\n  const translateY = useDerivedValue(\n    () => progress.value * subtitleHeight * holdTimeoutSecs,\n    [subtitleHeight, holdTimeoutSecs],\n  );\n  const movingUpStyle = useAnimatedStyle(() => ({\n    transform: [{ translateY: -translateY.value }],\n  }), [translateY]);\n\n  return (\n    <View style={[styles.contentWrapper, disabled && styles.contentDisabled, { width, height }]} pointerEvents=\"none\">\n      <Typography color={textColor} numberOfLines={1}>\n        {title}\n      </Typography>\n\n      <View style={[styles.subtitle, disabled && styles.subtitleDisabled]}>\n        <Typography onLayout={onSubtitleLayout} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitlePrefix}\n        </Typography>\n        <View style={[styles.subtitleSecsWrapper, { height: subtitleHeight }]}>\n          <Animated.View style={[styles.subtitleSecs, movingUpStyle]}>\n            {nums.map((val) => (\n              <Typography key={val} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n                {val}\n              </Typography>\n            ))}\n          </Animated.View>\n        </View>\n        <Typography preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitleSuffix}\n        </Typography>\n      </View>\n    </View>\n  );\n};\n\ninterface HoldButtonLayoutedProps extends Omit<HoldButtonProps, 'style'> {\n  ref: React.ForwardedRef<TouchableWithoutFeedbackRef>;\n  width: number;\n  height: number;\n}\n\nconst HoldButtonLayouted = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  onFinished,\n  holdTimeoutSecs = 3,\n  width,\n  height,\n  disabled,\n  ref,\n  ...props\n}: HoldButtonLayoutedProps) => {\n  const colorScheme = useAppColorScheme();\n\n  const [isFinished, setFinished] = useState(false);\n  useEffect(() => {\n    if (isFinished) {\n      onFinished();\n    }\n  }, [isFinished, onFinished]);\n\n  const progress = useSharedValue(0);\n\n  const onLongPress = useCallback(() => {\n    // Fix for detox bug https://github.com/wix/Detox/issues/4754\n    if (isFinished || progress.value !== 0) {\n      return;\n    }\n    setFinished(true);\n  }, [progress, isFinished]);\n\n  const onPressIn = useCallback(() => {\n    const holdTimeout = holdTimeoutSecs * 1000;\n\n    // start moving forward\n    progress.value = withTiming(\n      1,\n      {\n        duration: (1 - progress.value) * holdTimeout,\n        easing: Easing.linear,\n      },\n      (finished) => {\n        if (finished) {\n          runOnJS(setFinished)(true);\n        } else {\n          // start moving back\n          progress.value = withTiming(0, {\n            duration: progress.value * holdTimeout,\n            easing: Easing.linear,\n          });\n        }\n      },\n    );\n  }, [holdTimeoutSecs, progress]);\n\n  const onPressOut = useCallback(() => cancelAnimation(progress), [progress]);\n\n  const translateX = useDerivedValue(() => progress.value * width, [width]);\n  const movingRightStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: translateX.value }],\n  }), [translateX]);\n  const movingLeftStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: -translateX.value }],\n  }), [translateX]);\n\n  const contentProps = useMemo(\n    () => ({ title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height }),\n    [title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height],\n  );\n\n  return (\n    <>\n      <Content textColor={colorScheme.accent} disabled={disabled} {...contentProps} />\n      {!disabled && (\n        <Animated.View style={[styles.movingLayer, { backgroundColor: colorScheme.accent }, movingRightStyle]}>\n          <Animated.View style={movingLeftStyle}>\n            <Content textColor={colorScheme.accentText} {...contentProps} />\n          </Animated.View>\n        </Animated.View>\n      )}\n      <View style={styles.pressableLayer}>\n        <TouchableWithoutFeedback\n          accessibilityRole=\"button\"\n          ref={ref}\n          disabled={isFinished || disabled}\n          onLongPress={onLongPress}\n          onPressIn={isFinished ? undefined : onPressIn}\n          onPressOut={isFinished ? undefined : onPressOut}\n          {...props}>\n          <View style={{ width, height }} />\n        </TouchableWithoutFeedback>\n      </View>\n    </>\n  );\n};\n\n/**\n * Press and hold button component\n *\n * follows design: https://www.figma.com/design/cCmAyBQrQWCQZuDi85pJfe/Procivis-One-Wallet-Developments-2025?node-id=1-871\n */\nconst HoldButton = React.forwardRef<TouchableWithoutFeedbackRef, HoldButtonProps>(\n  ({ style, disabled, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const [layout, setLayout] = useState<{ width: number; height: number }>();\n    const onContainerLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n      setLayout({ width: nativeEvent.layout.width, height: nativeEvent.layout.height });\n    }, []);\n\n    return (\n      <View\n        onLayout={onContainerLayout}\n        style={[\n          styles.container,\n          disabled && styles.disabled,\n          {\n            backgroundColor: disabled ? colorScheme.white : colorScheme.background,\n            borderColor: colorScheme.background,\n          },\n          style,\n        ]}>\n        {layout && <HoldButtonLayouted ref={ref} disabled={disabled} {...props} {...layout} />}\n      </View>\n    );\n  },\n);\n\nHoldButton.displayName = 'HoldButton';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 12,\n    height: 68,\n    overflow: 'hidden',\n  },\n  contentDisabled: {\n    opacity: 0.4,\n  },\n  contentWrapper: {\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 16,\n    paddingHorizontal: 24,\n    paddingTop: 12,\n  },\n  disabled: {\n    borderWidth: 1,\n  },\n  movingLayer: {\n    overflow: 'hidden',\n    position: 'absolute',\n  },\n  pressableLayer: {\n    position: 'absolute',\n  },\n  subtitle: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    opacity: 0.8,\n  },\n  subtitleDisabled: {\n    opacity: 1,\n  },\n  subtitleSecs: {\n    alignItems: 'center',\n  },\n  subtitleSecsWrapper: {\n    overflow: 'hidden',\n  },\n});\n\nexport default HoldButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/buttons/index.js

@@ -0,0 +1,9 @@
+import BackButton, { BackButtonIcon } from './back-button';
+import { Button, ButtonType } from './button';
+import ConnectivityButton, { ConnectivityTransport } from './connectivity-button';
+import FilterButton from './filter-button';
+import GhostButton from './ghost-button';
+import HoldButton from './hold-button';
+import ScanButton from './scan-button';
+export { BackButton, BackButtonIcon, Button, ButtonType, ConnectivityButton, ConnectivityTransport, FilterButton, GhostButton, HoldButton, ScanButton };
+//# sourceMappingURL=index.js.map

package/lib/module/ui-components/buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BackButton","BackButtonIcon","Button","ButtonType","ConnectivityButton","ConnectivityTransport","FilterButton","GhostButton","HoldButton","ScanButton"],"sources":["index.ts"],"sourcesContent":["import type { BackButtonProps } from './back-button';\nimport BackButton, { BackButtonIcon } from './back-button';\nimport type { ButtonProps } from './button';\nimport { Button, ButtonType } from './button';\nimport type { ConnectivityButtonProps } from './connectivity-button';\nimport ConnectivityButton, { ConnectivityTransport } from './connectivity-button';\nimport type { FilterButtonProps } from './filter-button';\nimport FilterButton from './filter-button';\nimport type { GhostButtonProps } from './ghost-button';\nimport GhostButton from './ghost-button';\nimport type { HoldButtonProps } from './hold-button';\nimport HoldButton from './hold-button';\nimport type { ScanButtonProps } from './scan-button';\nimport ScanButton from './scan-button';\n\nexport {\n  BackButton,\n  BackButtonIcon,\n  BackButtonProps,\n  Button,\n  ButtonProps,\n  ButtonType,\n  ConnectivityButton,\n  ConnectivityButtonProps,\n  ConnectivityTransport,\n  FilterButton,\n  FilterButtonProps,\n  GhostButton,\n  GhostButtonProps,\n  HoldButton,\n  HoldButtonProps,\n  ScanButton,\n  ScanButtonProps,\n};\n"],"mappings":"AACA,OAAOA,UAAU,IAAIC,cAAc,QAAQ,eAAe;AAE1D,SAASC,MAAM,EAAEC,UAAU,QAAQ,UAAU;AAE7C,OAAOC,kBAAkB,IAAIC,qBAAqB,QAAQ,uBAAuB;AAEjF,OAAOC,YAAY,MAAM,iBAAiB;AAE1C,OAAOC,WAAW,MAAM,gBAAgB;AAExC,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAOC,UAAU,MAAM,eAAe;AAEtC,SACET,UAAU,EACVC,cAAc,EAEdC,MAAM,EAENC,UAAU,EACVC,kBAAkB,EAElBC,qBAAqB,EACrBC,YAAY,EAEZC,WAAW,EAEXC,UAAU,EAEVC,UAAU","ignoreList":[]}

package/lib/module/ui-components/buttons/scan-button.js

@@ -0,0 +1,74 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
+import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
+import BlurView from '../blur/blur-view';
+import { ScanIcon } from '../icons';
+import { useAppColorScheme } from '../theme';
+const hitSlop = {
+  top: 10,
+  left: 10,
+  bottom: 10,
+  right: 10
+};
+const ScanButton = /*#__PURE__*/React.forwardRef(({
+  style,
+  ...props
+}, ref) => {
+  const t = useAccessibilityTranslation();
+  const colorScheme = useAppColorScheme();
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    accessibilityLabel: t('accessibility.icon.scan'),
+    accessibilityRole: "button",
+    hitSlop: hitSlop,
+    ref: ref,
+    style: [styles.button, {
+      bottom: Math.max(24, insets.bottom)
+    }, style]
+  }, props), /*#__PURE__*/React.createElement(BlurView, {
+    blurStyle: "soft",
+    style: styles.blurWrapper
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.iconWrapper, {
+      backgroundColor: colorScheme.accent
+    }]
+  }, /*#__PURE__*/React.createElement(ScanIcon, {
+    color: colorScheme.white
+  }))));
+});
+ScanButton.displayName = 'ScanButton';
+export default ScanButton;
+const styles = StyleSheet.create({
+  blurWrapper: {
+    borderRadius: 28,
+    height: 80,
+    padding: 8,
+    width: 104
+  },
+  button: {
+    borderRadius: 28,
+    height: 80,
+    left: '50%',
+    marginLeft: -52,
+    position: 'absolute',
+    shadowColor: '#000000',
+    shadowOffset: {
+      height: 4,
+      width: 0
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 24,
+    width: 104
+  },
+  iconWrapper: {
+    alignItems: 'center',
+    borderRadius: 20,
+    height: '100%',
+    justifyContent: 'center',
+    width: '100%'
+  }
+});
+//# sourceMappingURL=scan-button.js.map

package/lib/module/ui-components/buttons/scan-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","TouchableOpacity","useAccessibilityTranslation","BlurView","ScanIcon","useAppColorScheme","hitSlop","top","left","bottom","right","ScanButton","forwardRef","style","props","ref","t","colorScheme","insets","createElement","_extends","accessibilityLabel","accessibilityRole","styles","button","Math","max","blurStyle","blurWrapper","iconWrapper","backgroundColor","accent","color","white","displayName","create","borderRadius","height","padding","width","marginLeft","position","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","justifyContent"],"sources":["scan-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Insets, StyleSheet, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { ScanIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\n\nexport type ScanButtonProps = TouchableOpacityProps;\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst ScanButton = React.forwardRef<TouchableOpacityRef, ScanButtonProps>(({ style, ...props }, ref) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n\n  return (\n    <TouchableOpacity\n      accessibilityLabel={t('accessibility.icon.scan')}\n      accessibilityRole=\"button\"\n      hitSlop={hitSlop}\n      ref={ref}\n      style={[styles.button, { bottom: Math.max(24, insets.bottom) }, style]}\n      {...props}>\n      <BlurView blurStyle=\"soft\" style={styles.blurWrapper}>\n        <View style={[styles.iconWrapper, { backgroundColor: colorScheme.accent }]}>\n          <ScanIcon color={colorScheme.white} />\n        </View>\n      </BlurView>\n    </TouchableOpacity>\n  );\n});\n\nScanButton.displayName = 'ScanButton';\nexport default ScanButton;\n\nconst styles = StyleSheet.create({\n  blurWrapper: {\n    borderRadius: 28,\n    height: 80,\n    padding: 8,\n    width: 104,\n  },\n  button: {\n    borderRadius: 28,\n    height: 80,\n    left: '50%',\n    marginLeft: -52,\n    position: 'absolute',\n    shadowColor: '#000000',\n    shadowOffset: { height: 4, width: 0 },\n    shadowOpacity: 0.2,\n    shadowRadius: 24,\n    width: 104,\n  },\n  iconWrapper: {\n    alignItems: 'center',\n    borderRadius: 20,\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAiBC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAC9E,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,QAA6B,+CAA+C;AACrG,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAI5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAEpE,MAAMC,UAAU,gBAAGd,KAAK,CAACe,UAAU,CAAuC,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtG,MAAMC,CAAC,GAAGd,2BAA2B,CAAC,CAAC;EACvC,MAAMe,WAAW,GAAGZ,iBAAiB,CAAC,CAAC;EACvC,MAAMa,MAAM,GAAGlB,iBAAiB,CAAC,CAAC;EAElC,oBACEH,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB,EAAAmB,QAAA;IACfC,kBAAkB,EAAEL,CAAC,CAAC,yBAAyB,CAAE;IACjDM,iBAAiB,EAAC,QAAQ;IAC1BhB,OAAO,EAAEA,OAAQ;IACjBS,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAE,CAACU,MAAM,CAACC,MAAM,EAAE;MAAEf,MAAM,EAAEgB,IAAI,CAACC,GAAG,CAAC,EAAE,EAAER,MAAM,CAACT,MAAM;IAAE,CAAC,EAAEI,KAAK;EAAE,GACnEC,KAAK,gBACTjB,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;IAACwB,SAAS,EAAC,MAAM;IAACd,KAAK,EAAEU,MAAM,CAACK;EAAY,gBACnD/B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACc,KAAK,EAAE,CAACU,MAAM,CAACM,WAAW,EAAE;MAAEC,eAAe,EAAEb,WAAW,CAACc;IAAO,CAAC;EAAE,gBACzElC,KAAA,CAAAsB,aAAA,CAACf,QAAQ;IAAC4B,KAAK,EAAEf,WAAW,CAACgB;EAAM,CAAE,CACjC,CACE,CACM,CAAC;AAEvB,CAAC,CAAC;AAEFtB,UAAU,CAACuB,WAAW,GAAG,YAAY;AACrC,eAAevB,UAAU;AAEzB,MAAMY,MAAM,GAAGzB,UAAU,CAACqC,MAAM,CAAC;EAC/BP,WAAW,EAAE;IACXQ,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACT,CAAC;EACDf,MAAM,EAAE;IACNY,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACV7B,IAAI,EAAE,KAAK;IACXgC,UAAU,EAAE,CAAC,EAAE;IACfC,QAAQ,EAAE,UAAU;IACpBC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEN,MAAM,EAAE,CAAC;MAAEE,KAAK,EAAE;IAAE,CAAC;IACrCK,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBN,KAAK,EAAE;EACT,CAAC;EACDV,WAAW,EAAE;IACXiB,UAAU,EAAE,QAAQ;IACpBV,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,MAAM;IACdU,cAAc,EAAE,QAAQ;IACxBR,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui-components/camera/camera-overlay.js

@@ -0,0 +1,49 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+const CameraOverlay = ({
+  scannerSize,
+  style,
+  ...viewProps
+}) => {
+  const windowWidth = Dimensions.get('window').width;
+  scannerSize = scannerSize !== null && scannerSize !== void 0 ? scannerSize : windowWidth * 0.6;
+  const transformSize = scannerSize / 2;
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [StyleSheet.absoluteFill, style]
+  }, viewProps), /*#__PURE__*/React.createElement(Svg, {
+    style: [styles.scannerOutline, {
+      width: scannerSize,
+      height: scannerSize,
+      transform: [{
+        translateX: -transformSize
+      }, {
+        translateY: -transformSize
+      }]
+    }],
+    viewBox: "0 0 245 245",
+    fill: "none",
+    strokeWidth: 4,
+    strokeLinecap: "round",
+    stroke: '#FFFFFF'
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M44.9348 2.5H40.9C27.4587 2.5 20.7381 2.5 15.6042 5.11584C11.0883 7.4168 7.4168 11.0883 5.11584 15.6042C2.5 20.7381 2.5 27.4587 2.5 40.9V44.9348"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M242.5 44.9348L242.5 26.5C242.5 13.2452 231.755 2.5 218.5 2.5L200.065 2.5"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M242.5 44.9348L242.5 40.9C242.5 27.4587 242.5 20.7381 239.884 15.6042C237.583 11.0883 233.912 7.4168 229.396 5.11584C224.262 2.5 217.541 2.5 204.1 2.5L200.065 2.5"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M200.065 242.5L204.1 242.5C217.541 242.5 224.262 242.5 229.396 239.884C233.912 237.583 237.583 233.912 239.884 229.396C242.5 224.262 242.5 217.541 242.5 204.1L242.5 200.065"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M2.5 200.065L2.5 204.1C2.5 217.541 2.5 224.262 5.11584 229.396C7.4168 233.912 11.0883 237.583 15.6042 239.884C20.7381 242.5 27.4587 242.5 40.9 242.5L44.9348 242.5"
+  })));
+};
+export default CameraOverlay;
+const styles = StyleSheet.create({
+  scannerOutline: {
+    left: '50%',
+    top: '50%'
+  }
+});
+//# sourceMappingURL=camera-overlay.js.map

package/lib/module/ui-components/camera/camera-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","StyleSheet","View","Svg","Path","CameraOverlay","scannerSize","style","viewProps","windowWidth","get","width","transformSize","createElement","_extends","absoluteFill","styles","scannerOutline","height","transform","translateX","translateY","viewBox","fill","strokeWidth","strokeLinecap","stroke","d","create","left","top"],"sources":["camera-overlay.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { Dimensions, StyleSheet, View, ViewProps } from 'react-native';\nimport Svg, { Path } from 'react-native-svg';\n\nexport type CameraMaskProps = ViewProps & {\n  scannerSize?: number;\n};\n\nconst CameraOverlay: FunctionComponent<CameraMaskProps> = ({ scannerSize, style, ...viewProps }) => {\n  const windowWidth = Dimensions.get('window').width;\n\n  scannerSize = scannerSize ?? windowWidth * 0.6;\n  const transformSize = scannerSize / 2;\n\n  return (\n    <View style={[StyleSheet.absoluteFill, style]} {...viewProps}>\n      <Svg\n        style={[\n          styles.scannerOutline,\n          {\n            width: scannerSize,\n            height: scannerSize,\n            transform: [{ translateX: -transformSize }, { translateY: -transformSize }],\n          },\n        ]}\n        viewBox=\"0 0 245 245\"\n        fill=\"none\"\n        strokeWidth={4}\n        strokeLinecap=\"round\"\n        stroke={'#FFFFFF'}>\n        <Path d=\"M44.9348 2.5H40.9C27.4587 2.5 20.7381 2.5 15.6042 5.11584C11.0883 7.4168 7.4168 11.0883 5.11584 15.6042C2.5 20.7381 2.5 27.4587 2.5 40.9V44.9348\" />\n        <Path d=\"M242.5 44.9348L242.5 26.5C242.5 13.2452 231.755 2.5 218.5 2.5L200.065 2.5\" />\n        <Path d=\"M242.5 44.9348L242.5 40.9C242.5 27.4587 242.5 20.7381 239.884 15.6042C237.583 11.0883 233.912 7.4168 229.396 5.11584C224.262 2.5 217.541 2.5 204.1 2.5L200.065 2.5\" />\n        <Path d=\"M200.065 242.5L204.1 242.5C217.541 242.5 224.262 242.5 229.396 239.884C233.912 237.583 237.583 233.912 239.884 229.396C242.5 224.262 242.5 217.541 242.5 204.1L242.5 200.065\" />\n        <Path d=\"M2.5 200.065L2.5 204.1C2.5 217.541 2.5 224.262 5.11584 229.396C7.4168 233.912 11.0883 237.583 15.6042 239.884C20.7381 242.5 27.4587 242.5 40.9 242.5L44.9348 242.5\" />\n      </Svg>\n    </View>\n  );\n};\n\nexport default CameraOverlay;\n\nconst styles = StyleSheet.create({\n  scannerOutline: {\n    left: '50%',\n    top: '50%',\n  },\n});\n"],"mappings":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACtE,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAM5C,MAAMC,aAAiD,GAAGA,CAAC;EAAEC,WAAW;EAAEC,KAAK;EAAE,GAAGC;AAAU,CAAC,KAAK;EAClG,MAAMC,WAAW,GAAGT,UAAU,CAACU,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElDL,WAAW,GAAGA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAIG,WAAW,GAAG,GAAG;EAC9C,MAAMG,aAAa,GAAGN,WAAW,GAAG,CAAC;EAErC,oBACEP,KAAA,CAAAc,aAAA,CAACX,IAAI,EAAAY,QAAA;IAACP,KAAK,EAAE,CAACN,UAAU,CAACc,YAAY,EAAER,KAAK;EAAE,GAAKC,SAAS,gBAC1DT,KAAA,CAAAc,aAAA,CAACV,GAAG;IACFI,KAAK,EAAE,CACLS,MAAM,CAACC,cAAc,EACrB;MACEN,KAAK,EAAEL,WAAW;MAClBY,MAAM,EAAEZ,WAAW;MACnBa,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAACR;MAAc,CAAC,EAAE;QAAES,UAAU,EAAE,CAACT;MAAc,CAAC;IAC5E,CAAC,CACD;IACFU,OAAO,EAAC,aAAa;IACrBC,IAAI,EAAC,MAAM;IACXC,WAAW,EAAE,CAAE;IACfC,aAAa,EAAC,OAAO;IACrBC,MAAM,EAAE;EAAU,gBAClB3B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAAkJ,CAAE,CAAC,eAC7J5B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAA2E,CAAE,CAAC,eACtF5B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAAoK,CAAE,CAAC,eAC/K5B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAA8K,CAAE,CAAC,eACzL5B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAAoK,CAAE,CAC3K,CACD,CAAC;AAEX,CAAC;AAED,eAAetB,aAAa;AAE5B,MAAMW,MAAM,GAAGf,UAAU,CAAC2B,MAAM,CAAC;EAC/BX,cAAc,EAAE;IACdY,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui-components/camera/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QRCodeScanner","QRCodeScannerProps"],"sources":["index.tsx"],"sourcesContent":["import QRCodeScanner, { QRCodeScannerProps } from './qr-code-scanner';\n\nexport { QRCodeScanner, QRCodeScannerProps };\n"],"mappings":"AAAA,OAAOA,aAAa,IAAIC,kBAAkB,QAAQ,mBAAmB;AAErE,SAASD,aAAa,EAAEC,kBAAkB","ignoreList":[]}

package/lib/module/ui-components/camera/qr-code-scanner.js

@@ -0,0 +1,39 @@
+import React, { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Camera, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';
+import CameraOverlay from './camera-overlay';
+const QRCodeScanner = ({
+  cameraOverlay,
+  codeTypes = ['qr'],
+  onQRCodeRead,
+  noCameraView = null,
+  ...viewProps
+}) => {
+  const qrCodeScanner = useCodeScanner({
+    codeTypes,
+    onCodeScanned: onQRCodeRead
+  });
+  const device = useCameraDevice('back');
+  const cameraOverlayView = useMemo(() => {
+    if (!cameraOverlay) {
+      return /*#__PURE__*/React.createElement(CameraOverlay, null);
+    }
+    if (/*#__PURE__*/React.isValidElement(cameraOverlay)) {
+      return cameraOverlay;
+    } else {
+      const CameraOverlayComponent = cameraOverlay;
+      return /*#__PURE__*/React.createElement(CameraOverlayComponent, null);
+    }
+  }, [cameraOverlay]);
+  if (!device) {
+    return noCameraView;
+  }
+  return /*#__PURE__*/React.createElement(View, viewProps, /*#__PURE__*/React.createElement(Camera, {
+    codeScanner: qrCodeScanner,
+    device: device,
+    isActive: true,
+    style: StyleSheet.absoluteFill
+  }), cameraOverlayView);
+};
+export default QRCodeScanner;
+//# sourceMappingURL=qr-code-scanner.js.map

package/lib/module/ui-components/camera/qr-code-scanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","View","Camera","useCameraDevice","useCodeScanner","CameraOverlay","QRCodeScanner","cameraOverlay","codeTypes","onQRCodeRead","noCameraView","viewProps","qrCodeScanner","onCodeScanned","device","cameraOverlayView","createElement","isValidElement","CameraOverlayComponent","codeScanner","isActive","style","absoluteFill"],"sources":["qr-code-scanner.tsx"],"sourcesContent":["import React, { FunctionComponent, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\nimport { Camera, Code, CodeType, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';\n\nimport CameraOverlay from './camera-overlay';\n\nexport type QRCodeScannerProps = ViewProps & {\n  cameraOverlay?: React.ComponentType<any> | React.ReactElement;\n  codeTypes?: CodeType[];\n  noCameraView?: JSX.Element;\n  onQRCodeRead: (code: Code[]) => void;\n};\n\nconst QRCodeScanner: FunctionComponent<QRCodeScannerProps> = ({\n  cameraOverlay,\n  codeTypes = ['qr'],\n  onQRCodeRead,\n  noCameraView = null,\n  ...viewProps\n}) => {\n  const qrCodeScanner = useCodeScanner({\n    codeTypes,\n    onCodeScanned: onQRCodeRead,\n  });\n\n  const device = useCameraDevice('back');\n\n  const cameraOverlayView: React.ReactElement | undefined = useMemo(() => {\n    if (!cameraOverlay) {\n      return <CameraOverlay />;\n    }\n    if (React.isValidElement(cameraOverlay)) {\n      return cameraOverlay;\n    } else {\n      const CameraOverlayComponent = cameraOverlay as React.ComponentType<any>;\n      return <CameraOverlayComponent />;\n    }\n  }, [cameraOverlay]);\n\n  if (!device) {\n    return noCameraView;\n  }\n\n  return (\n    <View {...viewProps}>\n      <Camera codeScanner={qrCodeScanner} device={device} isActive={true} style={StyleSheet.absoluteFill} />\n      {cameraOverlayView}\n    </View>\n  );\n};\n\nexport default QRCodeScanner;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,MAAM,EAAkBC,eAAe,EAAEC,cAAc,QAAQ,4BAA4B;AAEpG,OAAOC,aAAa,MAAM,kBAAkB;AAS5C,MAAMC,aAAoD,GAAGA,CAAC;EAC5DC,aAAa;EACbC,SAAS,GAAG,CAAC,IAAI,CAAC;EAClBC,YAAY;EACZC,YAAY,GAAG,IAAI;EACnB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGR,cAAc,CAAC;IACnCI,SAAS;IACTK,aAAa,EAAEJ;EACjB,CAAC,CAAC;EAEF,MAAMK,MAAM,GAAGX,eAAe,CAAC,MAAM,CAAC;EAEtC,MAAMY,iBAAiD,GAAGhB,OAAO,CAAC,MAAM;IACtE,IAAI,CAACQ,aAAa,EAAE;MAClB,oBAAOT,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CAAC;IAC1B;IACA,iBAAIP,KAAK,CAACmB,cAAc,CAACV,aAAa,CAAC,EAAE;MACvC,OAAOA,aAAa;IACtB,CAAC,MAAM;MACL,MAAMW,sBAAsB,GAAGX,aAAyC;MACxE,oBAAOT,KAAA,CAAAkB,aAAA,CAACE,sBAAsB,MAAE,CAAC;IACnC;EACF,CAAC,EAAE,CAACX,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACO,MAAM,EAAE;IACX,OAAOJ,YAAY;EACrB;EAEA,oBACEZ,KAAA,CAAAkB,aAAA,CAACf,IAAI,EAAKU,SAAS,eACjBb,KAAA,CAAAkB,aAAA,CAACd,MAAM;IAACiB,WAAW,EAAEP,aAAc;IAACE,MAAM,EAAEA,MAAO;IAACM,QAAQ,EAAE,IAAK;IAACC,KAAK,EAAErB,UAAU,CAACsB;EAAa,CAAE,CAAC,EACrGP,iBACG,CAAC;AAEX,CAAC;AAED,eAAeT,aAAa","ignoreList":[]}

package/lib/module/ui-components/control/checkbox.js

@@ -0,0 +1,69 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useCallback } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
+import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
+import { CheckedIcon } from '../icons/selector';
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+export const Checkbox = ({
+  style,
+  text,
+  value,
+  disabled,
+  onValueChanged,
+  ...props
+}) => {
+  const t = useAccessibilityTranslation();
+  const colorScheme = useAppColorScheme();
+  const onPress = useCallback(() => onValueChanged(!value), [onValueChanged, value]);
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    activeOpacity: 0.8,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      disabled
+    },
+    accessibilityValue: disabled ? undefined : {
+      text: t(value ? 'accessibility.control.checked' : 'accessibility.control.unchecked')
+    },
+    disabled: disabled,
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }, style],
+    onPress: onPress
+  }, props), value ? /*#__PURE__*/React.createElement(CheckedIcon, {
+    style: disabled && styles.disabled
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: [styles.unchecked, {
+      borderColor: colorScheme.grayDark,
+      backgroundColor: disabled ? colorScheme.background : colorScheme.white
+    }]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.text, disabled && styles.disabled]
+  }, typeof text === 'string' ? /*#__PURE__*/React.createElement(Typography, {
+    preset: "xs/line-height-small",
+    color: colorScheme.text
+  }, text) : text));
+};
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    borderRadius: 12,
+    flexDirection: 'row',
+    padding: 12
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  text: {
+    flex: 1,
+    marginLeft: 12
+  },
+  unchecked: {
+    borderRadius: 12,
+    borderWidth: 1,
+    height: 24,
+    width: 24
+  }
+});
+//# sourceMappingURL=checkbox.js.map

package/lib/module/ui-components/control/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","StyleSheet","View","TouchableOpacity","useAccessibilityTranslation","CheckedIcon","Typography","useAppColorScheme","Checkbox","style","text","value","disabled","onValueChanged","props","t","colorScheme","onPress","createElement","_extends","activeOpacity","accessibilityRole","accessibilityState","accessibilityValue","undefined","styles","container","backgroundColor","background","unchecked","borderColor","grayDark","white","preset","color","create","alignItems","borderRadius","flexDirection","padding","opacity","flex","marginLeft","borderWidth","height","width"],"sources":["checkbox.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacityProps, View } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { CheckedIcon } from '../icons/selector';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface CheckboxProps extends TouchableOpacityProps {\n  value: boolean;\n  text: ReactNode;\n  onValueChanged: (value: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ style, text, value, disabled, onValueChanged, ...props }) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n\n  const onPress = useCallback(() => onValueChanged(!value), [onValueChanged, value]);\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ disabled }}\n      accessibilityValue={\n        disabled ? undefined : { text: t(value ? 'accessibility.control.checked' : 'accessibility.control.unchecked') }\n      }\n      disabled={disabled}\n      style={[styles.container, { backgroundColor: colorScheme.background }, style]}\n      onPress={onPress}\n      {...props}>\n      {value ? (\n        <CheckedIcon style={disabled && styles.disabled} />\n      ) : (\n        <View\n          style={[\n            styles.unchecked,\n            {\n              borderColor: colorScheme.grayDark,\n              backgroundColor: disabled ? colorScheme.background : colorScheme.white,\n            },\n          ]}\n        />\n      )}\n      <View style={[styles.text, disabled && styles.disabled]}>\n        {typeof text === 'string' ? (\n          <Typography preset=\"xs/line-height-small\" color={colorScheme.text}>\n            {text}\n          </Typography>\n        ) : (\n          text\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: 12,\n    flexDirection: 'row',\n    padding: 12,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  text: {\n    flex: 1,\n    marginLeft: 12,\n  },\n  unchecked: {\n    borderRadius: 12,\n    borderWidth: 1,\n    height: 24,\n    width: 24,\n  },\n});\n"],"mappings":";AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAEtE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,cAAc;EAAE,GAAGC;AAAM,CAAC,KAAK;EACzG,MAAMC,CAAC,GAAGX,2BAA2B,CAAC,CAAC;EACvC,MAAMY,WAAW,GAAGT,iBAAiB,CAAC,CAAC;EAEvC,MAAMU,OAAO,GAAGjB,WAAW,CAAC,MAAMa,cAAc,CAAC,CAACF,KAAK,CAAC,EAAE,CAACE,cAAc,EAAEF,KAAK,CAAC,CAAC;EAElF,oBACEZ,KAAA,CAAAmB,aAAA,CAACf,gBAAgB,EAAAgB,QAAA;IACfC,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEV;IAAS,CAAE;IACjCW,kBAAkB,EAChBX,QAAQ,GAAGY,SAAS,GAAG;MAAEd,IAAI,EAAEK,CAAC,CAACJ,KAAK,GAAG,+BAA+B,GAAG,iCAAiC;IAAE,CAC/G;IACDC,QAAQ,EAAEA,QAAS;IACnBH,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEX,WAAW,CAACY;IAAW,CAAC,EAAEnB,KAAK,CAAE;IAC9EQ,OAAO,EAAEA;EAAQ,GACbH,KAAK,GACRH,KAAK,gBACJZ,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACI,KAAK,EAAEG,QAAQ,IAAIa,MAAM,CAACb;EAAS,CAAE,CAAC,gBAEnDb,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IACHO,KAAK,EAAE,CACLgB,MAAM,CAACI,SAAS,EAChB;MACEC,WAAW,EAAEd,WAAW,CAACe,QAAQ;MACjCJ,eAAe,EAAEf,QAAQ,GAAGI,WAAW,CAACY,UAAU,GAAGZ,WAAW,CAACgB;IACnE,CAAC;EACD,CACH,CACF,eACDjC,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACO,KAAK,EAAE,CAACgB,MAAM,CAACf,IAAI,EAAEE,QAAQ,IAAIa,MAAM,CAACb,QAAQ;EAAE,GACrD,OAAOF,IAAI,KAAK,QAAQ,gBACvBX,KAAA,CAAAmB,aAAA,CAACZ,UAAU;IAAC2B,MAAM,EAAC,sBAAsB;IAACC,KAAK,EAAElB,WAAW,CAACN;EAAK,GAC/DA,IACS,CAAC,GAEbA,IAEE,CACU,CAAC;AAEvB,CAAC;AAED,MAAMe,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE;EACX,CAAC;EACD3B,QAAQ,EAAE;IACR4B,OAAO,EAAE;EACX,CAAC;EACD9B,IAAI,EAAE;IACJ+B,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd,CAAC;EACDb,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBM,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui-components/control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox","CheckboxProps","Switch","SwitchProps"],"sources":["index.ts"],"sourcesContent":["import { Checkbox, CheckboxProps } from './checkbox';\nimport { Switch, SwitchProps } from './switch';\n\nexport { Checkbox, CheckboxProps, Switch, SwitchProps };\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,YAAY;AACpD,SAASC,MAAM,EAAEC,WAAW,QAAQ,UAAU;AAE9C,SAASH,QAAQ,EAAEC,aAAa,EAAEC,MAAM,EAAEC,WAAW","ignoreList":[]}

package/lib/module/ui-components/control/switch.js

@@ -0,0 +1,55 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef } from 'react';
+import { Platform, StyleSheet, Switch as RNSwitch } from 'react-native';
+import { useAppColorScheme } from '../theme';
+const hitSlop = {
+  top: 10,
+  bottom: 10,
+  left: 10,
+  right: 10
+};
+
+// https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=8%3A744&t=xeivYJN0RLNSObzn-4
+// https://www.figma.com/file/tNPSTYXGCjaVCK9z8Yvy0e/Procivis-SSI%2B-%E2%80%93-App-(Base-File)-(Copy)?node-id=156%3A13826&t=sDAfSW7cmQKmaWNG-4
+export const Switch = /*#__PURE__*/forwardRef(({
+  value,
+  disabled,
+  style,
+  onChange,
+  ...props
+}, ref) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(RNSwitch, _extends({
+    ref: ref,
+    value: value,
+    disabled: disabled,
+    hitSlop: hitSlop,
+    style: [disabled && styles.disabled, style],
+    onValueChange: onChange,
+    trackColor: Platform.select({
+      default: {
+        true: colorScheme.grayDark,
+        false: colorScheme.grayDark
+      },
+      ios: {
+        true: colorScheme.accent,
+        false: colorScheme.grayDark
+      }
+    }),
+    thumbColor: Platform.select({
+      default: value ? colorScheme.accent : disabled ? colorScheme.background : colorScheme.white,
+      ios: colorScheme.white
+    }),
+    ios_backgroundColor: colorScheme.grayDark
+    // @ts-ignore: web only prop
+    ,
+    activeThumbColor: colorScheme.accent
+  }, props));
+});
+const styles = StyleSheet.create({
+  disabled: {
+    opacity: 0.38
+  }
+});
+Switch.displayName = 'Switch';
+//# sourceMappingURL=switch.js.map

package/lib/module/ui-components/control/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Platform","StyleSheet","Switch","RNSwitch","useAppColorScheme","hitSlop","top","bottom","left","right","value","disabled","style","onChange","props","ref","colorScheme","createElement","_extends","styles","onValueChange","trackColor","select","default","true","grayDark","false","ios","accent","thumbColor","background","white","ios_backgroundColor","activeThumbColor","create","opacity","displayName"],"sources":["switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Insets, Platform, StyleSheet, Switch as RNSwitch, SwitchProps as RNSwitchProps } from 'react-native';\n\nimport { useAppColorScheme } from '../theme';\n\nexport interface SwitchProps extends Omit<RNSwitchProps, 'value' | 'onChange' | 'onValueChange'> {\n  value: boolean;\n  onChange: (newValue: boolean) => void;\n}\n\nconst hitSlop: Insets = { top: 10, bottom: 10, left: 10, right: 10 };\n\n// https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=8%3A744&t=xeivYJN0RLNSObzn-4\n// https://www.figma.com/file/tNPSTYXGCjaVCK9z8Yvy0e/Procivis-SSI%2B-%E2%80%93-App-(Base-File)-(Copy)?node-id=156%3A13826&t=sDAfSW7cmQKmaWNG-4\nexport const Switch = forwardRef<RNSwitch, SwitchProps>(({ value, disabled, style, onChange, ...props }, ref) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <RNSwitch\n      ref={ref}\n      value={value}\n      disabled={disabled}\n      hitSlop={hitSlop}\n      style={[disabled && styles.disabled, style]}\n      onValueChange={onChange}\n      trackColor={Platform.select({\n        default: { true: colorScheme.grayDark, false: colorScheme.grayDark },\n        ios: { true: colorScheme.accent, false: colorScheme.grayDark },\n      })}\n      thumbColor={Platform.select({\n        default: value ? colorScheme.accent : disabled ? colorScheme.background : colorScheme.white,\n        ios: colorScheme.white,\n      })}\n      ios_backgroundColor={colorScheme.grayDark}\n      // @ts-ignore: web only prop\n      activeThumbColor={colorScheme.accent}\n      {...props}\n    />\n  );\n});\n\nconst styles = StyleSheet.create({\n  disabled: {\n    opacity: 0.38,\n  },\n});\n\nSwitch.displayName = 'Switch';\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAAiBC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,IAAIC,QAAQ,QAAsC,cAAc;AAE7G,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAEpE;AACA;AACA,OAAO,MAAMP,MAAM,gBAAGH,UAAU,CAAwB,CAAC;EAAEW,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/G,MAAMC,WAAW,GAAGZ,iBAAiB,CAAC,CAAC;EACvC,oBACEN,KAAA,CAAAmB,aAAA,CAACd,QAAQ,EAAAe,QAAA;IACPH,GAAG,EAAEA,GAAI;IACTL,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBN,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAE,CAACD,QAAQ,IAAIQ,MAAM,CAACR,QAAQ,EAAEC,KAAK,CAAE;IAC5CQ,aAAa,EAAEP,QAAS;IACxBQ,UAAU,EAAErB,QAAQ,CAACsB,MAAM,CAAC;MAC1BC,OAAO,EAAE;QAAEC,IAAI,EAAER,WAAW,CAACS,QAAQ;QAAEC,KAAK,EAAEV,WAAW,CAACS;MAAS,CAAC;MACpEE,GAAG,EAAE;QAAEH,IAAI,EAAER,WAAW,CAACY,MAAM;QAAEF,KAAK,EAAEV,WAAW,CAACS;MAAS;IAC/D,CAAC,CAAE;IACHI,UAAU,EAAE7B,QAAQ,CAACsB,MAAM,CAAC;MAC1BC,OAAO,EAAEb,KAAK,GAAGM,WAAW,CAACY,MAAM,GAAGjB,QAAQ,GAAGK,WAAW,CAACc,UAAU,GAAGd,WAAW,CAACe,KAAK;MAC3FJ,GAAG,EAAEX,WAAW,CAACe;IACnB,CAAC,CAAE;IACHC,mBAAmB,EAAEhB,WAAW,CAACS;IACjC;IAAA;IACAQ,gBAAgB,EAAEjB,WAAW,CAACY;EAAO,GACjCd,KAAK,CACV,CAAC;AAEN,CAAC,CAAC;AAEF,MAAMK,MAAM,GAAGlB,UAAU,CAACiC,MAAM,CAAC;EAC/BvB,QAAQ,EAAE;IACRwB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEFjC,MAAM,CAACkC,WAAW,GAAG,QAAQ","ignoreList":[]}

package/lib/module/ui-components/credential/card/credential-card.js

@@ -0,0 +1,170 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useCallback, useMemo, useState } from 'react';
+import { Image, StyleSheet, View } from 'react-native';
+import { concatTestID } from '../../../utils/testID';
+import { TouchableOpacity } from '../../accessibility/accessibilityHistoryWrappers';
+import BlurView from '../../blur/blur-view';
+import ImageOrComponent from '../../image/image-or-component';
+import Typography from '../../text/typography';
+import { useAppColorScheme } from '../../theme/color-scheme-context';
+import CredentialHeader from './credential-header';
+import CarouselComponent from './credential-image-carousel';
+export const CredentialCardShadow = {
+  shadowColor: '#10274226',
+  shadowOffset: {
+    height: 5,
+    width: 0
+  },
+  shadowOpacity: 1,
+  shadowRadius: 7
+};
+export const CredentialCardRatio = 18 / 11;
+const CredentialCard = ({
+  cardCarouselImages = [],
+  cardImage,
+  color = '#5A69F3',
+  credentialId,
+  header,
+  notice,
+  onCardPress,
+  onHeaderPress,
+  style,
+  testID
+}) => {
+  var _header$color;
+  const colorScheme = useAppColorScheme();
+  const [tappableHeaderHeight, setTappableHeaderHeight] = useState();
+  const [cardSize, setCardSize] = useState();
+  const onCardLayoutChange = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setCardSize({
+      width,
+      height
+    });
+  }, []);
+  const onHeaderLayoutChange = useCallback(event => {
+    setTappableHeaderHeight(event.nativeEvent.layout.height);
+  }, []);
+  const headerPressHandler = useCallback(() => {
+    onHeaderPress === null || onHeaderPress === void 0 || onHeaderPress(credentialId);
+  }, [credentialId, onHeaderPress]);
+  const cardPressHandler = useCallback(() => {
+    onCardPress === null || onCardPress === void 0 || onCardPress(credentialId);
+  }, [credentialId, onCardPress]);
+  const noticeIconView = useMemo(() => {
+    if (!(notice !== null && notice !== void 0 && notice.noticeIcon)) {
+      return undefined;
+    }
+    if (/*#__PURE__*/React.isValidElement(notice.noticeIcon)) {
+      return notice.noticeIcon;
+    } else {
+      const NoticeIconComponent = notice.noticeIcon;
+      return /*#__PURE__*/React.createElement(NoticeIconComponent, null);
+    }
+  }, [notice === null || notice === void 0 ? void 0 : notice.noticeIcon]);
+  const shouldShowCarousel = (cardSize === null || cardSize === void 0 ? void 0 : cardSize.width) && cardSize.height;
+  return /*#__PURE__*/React.createElement(View, {
+    onLayout: onCardLayoutChange,
+    style: [styles.card, style],
+    testID: testID
+  }, cardImage ? 'imageSource' in cardImage ? /*#__PURE__*/React.createElement(View, {
+    style: styles.cardImage
+  }, /*#__PURE__*/React.createElement(Image, {
+    testID: concatTestID(testID, 'imageSource'),
+    source: cardImage.imageSource,
+    style: styles.image
+  })) : /*#__PURE__*/React.createElement(ImageOrComponent, {
+    testID: concatTestID(testID, 'cardImage'),
+    source: cardImage,
+    style: styles.cardImage
+  }) : /*#__PURE__*/React.createElement(View, {
+    testID: concatTestID(testID, 'cardBackgroundColor', String(color)),
+    style: [styles.cardImage, {
+      backgroundColor: color
+    }]
+  }), onCardPress && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.cardButton,
+    onPress: cardPressHandler
+  }), shouldShowCarousel ? /*#__PURE__*/React.createElement(CarouselComponent, {
+    style: {
+      marginTop: tappableHeaderHeight !== null && tappableHeaderHeight !== void 0 ? tappableHeaderHeight : 0
+    },
+    imagesToRender: cardCarouselImages !== null && cardCarouselImages !== void 0 ? cardCarouselImages : [],
+    carouselSize: {
+      width: cardSize.width,
+      height: cardSize.height - (tappableHeaderHeight !== null && tappableHeaderHeight !== void 0 ? tappableHeaderHeight : 0)
+    },
+    testID: concatTestID(testID, 'carousel')
+  }) : null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onLayout: onHeaderLayoutChange,
+    activeOpacity: 0.9,
+    disabled: !onHeaderPress,
+    onPress: headerPressHandler,
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(CredentialHeader, _extends({}, header, {
+    color: (_header$color = header.color) !== null && _header$color !== void 0 ? _header$color : color,
+    testID: concatTestID(testID, 'header')
+  }))), notice && /*#__PURE__*/React.createElement(BlurView, {
+    blurStyle: "soft",
+    style: [styles.notice],
+    testID: concatTestID(testID, 'notice')
+  }, noticeIconView && /*#__PURE__*/React.createElement(View, {
+    style: styles.noticeIcon
+  }, noticeIconView), /*#__PURE__*/React.createElement(View, {
+    style: styles.noticeTextWrapper
+  }, /*#__PURE__*/React.createElement(Typography, {
+    color: colorScheme.text,
+    preset: "xs/line-height-small",
+    style: styles.noticeText,
+    testID: concatTestID(testID, 'notice.text')
+  }, notice.text))));
+};
+const styles = StyleSheet.create({
+  card: {
+    borderRadius: 10,
+    overflow: 'hidden'
+  },
+  cardButton: {
+    height: '100%',
+    position: 'absolute',
+    width: '100%'
+  },
+  cardImage: {
+    aspectRatio: CredentialCardRatio,
+    width: '100%'
+  },
+  header: {
+    position: 'absolute',
+    top: 0,
+    width: '100%'
+  },
+  image: {
+    height: '100%',
+    width: '100%'
+  },
+  notice: {
+    bottom: 0,
+    columnGap: 6,
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    paddingBottom: 6,
+    paddingHorizontal: 12,
+    paddingTop: 2,
+    position: 'absolute',
+    width: '100%'
+  },
+  noticeIcon: {
+    marginTop: 4
+  },
+  noticeText: {
+    marginVertical: 5
+  },
+  noticeTextWrapper: {
+    flex: 1
+  }
+});
+export default CredentialCard;
+//# sourceMappingURL=credential-card.js.map

package/lib/module/ui-components/credential/card/credential-card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","Image","StyleSheet","View","concatTestID","TouchableOpacity","BlurView","ImageOrComponent","Typography","useAppColorScheme","CredentialHeader","CarouselComponent","CredentialCardShadow","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","CredentialCardRatio","CredentialCard","cardCarouselImages","cardImage","color","credentialId","header","notice","onCardPress","onHeaderPress","style","testID","_header$color","colorScheme","tappableHeaderHeight","setTappableHeaderHeight","cardSize","setCardSize","onCardLayoutChange","event","nativeEvent","layout","onHeaderLayoutChange","headerPressHandler","cardPressHandler","noticeIconView","noticeIcon","undefined","isValidElement","NoticeIconComponent","createElement","shouldShowCarousel","onLayout","styles","card","source","imageSource","image","String","backgroundColor","cardButton","onPress","marginTop","imagesToRender","carouselSize","activeOpacity","disabled","_extends","blurStyle","noticeTextWrapper","text","preset","noticeText","create","borderRadius","overflow","position","aspectRatio","top","bottom","columnGap","flexDirection","justifyContent","paddingBottom","paddingHorizontal","paddingTop","marginVertical","flex"],"sources":["credential-card.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from 'react';\nimport { ColorValue, Image, LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { TouchableOpacity } from '../../accessibility/accessibilityHistoryWrappers';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialHeader, { CredentialHeaderProps } from './credential-header';\nimport CarouselComponent, { CarouselImage } from './credential-image-carousel';\n\nexport const CredentialCardShadow: Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius'> =\n  {\n    shadowColor: '#10274226',\n    shadowOffset: {\n      height: 5,\n      width: 0,\n    },\n    shadowOpacity: 1,\n    shadowRadius: 7,\n  };\n\nexport const CredentialCardRatio = 18 / 11;\n\nexport type CredentialCardNotice = {\n  text: string;\n  noticeIcon?: React.ComponentType<any> | React.ReactElement;\n};\n\nexport type CredentialCardProps = {\n  cardCarouselImages?: CarouselImage[];\n  cardImage?: ImageOrComponentSource;\n  color?: ColorValue;\n  credentialId?: string;\n  header: CredentialHeaderProps;\n  notice?: CredentialCardNotice;\n  onCardPress?: (credentialId?: string) => void;\n  onHeaderPress?: (credentialId?: string) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\nconst CredentialCard: FC<CredentialCardProps> = ({\n  cardCarouselImages = [],\n  cardImage,\n  color = '#5A69F3',\n  credentialId,\n  header,\n  notice,\n  onCardPress,\n  onHeaderPress,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [tappableHeaderHeight, setTappableHeaderHeight] = useState<number>();\n  const [cardSize, setCardSize] = useState<{ height: number; width: number }>();\n\n  const onCardLayoutChange = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setCardSize({ width, height });\n  }, []);\n\n  const onHeaderLayoutChange = useCallback((event: LayoutChangeEvent) => {\n    setTappableHeaderHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const headerPressHandler = useCallback(() => {\n    onHeaderPress?.(credentialId);\n  }, [credentialId, onHeaderPress]);\n\n  const cardPressHandler = useCallback(() => {\n    onCardPress?.(credentialId);\n  }, [credentialId, onCardPress]);\n\n  const noticeIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!notice?.noticeIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(notice.noticeIcon)) {\n      return notice.noticeIcon;\n    } else {\n      const NoticeIconComponent = notice.noticeIcon as React.ComponentType<any>;\n      return <NoticeIconComponent />;\n    }\n  }, [notice?.noticeIcon]);\n\n  const shouldShowCarousel = cardSize?.width && cardSize.height;\n  return (\n    <View onLayout={onCardLayoutChange} style={[styles.card, style]} testID={testID}>\n      {cardImage ? (\n        'imageSource' in cardImage ? (\n          <View style={styles.cardImage}>\n            <Image testID={concatTestID(testID, 'imageSource')} source={cardImage.imageSource} style={styles.image} />\n          </View>\n        ) : (\n          <ImageOrComponent testID={concatTestID(testID, 'cardImage')} source={cardImage} style={styles.cardImage} />\n        )\n      ) : (\n        <View\n          testID={concatTestID(testID, 'cardBackgroundColor', String(color))}\n          style={[styles.cardImage, { backgroundColor: color }]}\n        />\n      )}\n      {onCardPress && <TouchableOpacity style={styles.cardButton} onPress={cardPressHandler} />}\n      {shouldShowCarousel ? (\n        <CarouselComponent\n          style={{ marginTop: tappableHeaderHeight ?? 0 }}\n          imagesToRender={cardCarouselImages ?? []}\n          carouselSize={{\n            width: cardSize.width,\n            height: cardSize.height - (tappableHeaderHeight ?? 0),\n          }}\n          testID={concatTestID(testID, 'carousel')}\n        />\n      ) : null}\n      <TouchableOpacity\n        onLayout={onHeaderLayoutChange}\n        activeOpacity={0.9}\n        disabled={!onHeaderPress}\n        onPress={headerPressHandler}\n        style={styles.header}>\n        <CredentialHeader {...header} color={header.color ?? color} testID={concatTestID(testID, 'header')} />\n      </TouchableOpacity>\n      {notice && (\n        <BlurView blurStyle=\"soft\" style={[styles.notice]} testID={concatTestID(testID, 'notice')}>\n          {noticeIconView && <View style={styles.noticeIcon}>{noticeIconView}</View>}\n          <View style={styles.noticeTextWrapper}>\n            <Typography\n              color={colorScheme.text}\n              preset=\"xs/line-height-small\"\n              style={styles.noticeText}\n              testID={concatTestID(testID, 'notice.text')}>\n              {notice.text}\n            </Typography>\n          </View>\n        </BlurView>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  card: {\n    borderRadius: 10,\n    overflow: 'hidden',\n  },\n  cardButton: {\n    height: '100%',\n    position: 'absolute',\n    width: '100%',\n  },\n  cardImage: {\n    aspectRatio: CredentialCardRatio,\n    width: '100%',\n  },\n  header: {\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n  image: {\n    height: '100%',\n    width: '100%',\n  },\n  notice: {\n    bottom: 0,\n    columnGap: 6,\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    paddingBottom: 6,\n    paddingHorizontal: 12,\n    paddingTop: 2,\n    position: 'absolute',\n    width: '100%',\n  },\n  noticeIcon: {\n    marginTop: 4,\n  },\n  noticeText: {\n    marginVertical: 5,\n  },\n  noticeTextWrapper: {\n    flex: 1,\n  },\n});\n\nexport default CredentialCard;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACjE,SAAqBC,KAAK,EAAgCC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAE3G,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,gBAAgB,QAAQ,kDAAkD;AACnF,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,OAAOC,gBAAgB,MAAkC,gCAAgC;AACzF,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,OAAOC,gBAAgB,MAAiC,qBAAqB;AAC7E,OAAOC,iBAAiB,MAAyB,6BAA6B;AAE9E,OAAO,MAAMC,oBAAwG,GACnH;EACEC,WAAW,EAAE,WAAW;EACxBC,YAAY,EAAE;IACZC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT,CAAC;EACDC,aAAa,EAAE,CAAC;EAChBC,YAAY,EAAE;AAChB,CAAC;AAEH,OAAO,MAAMC,mBAAmB,GAAG,EAAE,GAAG,EAAE;AAoB1C,MAAMC,cAAuC,GAAGA,CAAC;EAC/CC,kBAAkB,GAAG,EAAE;EACvBC,SAAS;EACTC,KAAK,GAAG,SAAS;EACjBC,YAAY;EACZC,MAAM;EACNC,MAAM;EACNC,WAAW;EACXC,aAAa;EACbC,KAAK;EACLC;AACF,CAAC,KAAK;EAAA,IAAAC,aAAA;EACJ,MAAMC,WAAW,GAAGvB,iBAAiB,CAAC,CAAC;EACvC,MAAM,CAACwB,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGlC,QAAQ,CAAS,CAAC;EAC1E,MAAM,CAACmC,QAAQ,EAAEC,WAAW,CAAC,GAAGpC,QAAQ,CAAoC,CAAC;EAE7E,MAAMqC,kBAAkB,GAAGvC,WAAW,CAAEwC,KAAwB,IAAK;IACnE,MAAM;MAAEtB,KAAK;MAAED;IAAO,CAAC,GAAGuB,KAAK,CAACC,WAAW,CAACC,MAAM;IAClDJ,WAAW,CAAC;MAAEpB,KAAK;MAAED;IAAO,CAAC,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM0B,oBAAoB,GAAG3C,WAAW,CAAEwC,KAAwB,IAAK;IACrEJ,uBAAuB,CAACI,KAAK,CAACC,WAAW,CAACC,MAAM,CAACzB,MAAM,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM2B,kBAAkB,GAAG5C,WAAW,CAAC,MAAM;IAC3C8B,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAGJ,YAAY,CAAC;EAC/B,CAAC,EAAE,CAACA,YAAY,EAAEI,aAAa,CAAC,CAAC;EAEjC,MAAMe,gBAAgB,GAAG7C,WAAW,CAAC,MAAM;IACzC6B,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGH,YAAY,CAAC;EAC7B,CAAC,EAAE,CAACA,YAAY,EAAEG,WAAW,CAAC,CAAC;EAE/B,MAAMiB,cAA8C,GAAG7C,OAAO,CAAC,MAAM;IACnE,IAAI,EAAC2B,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEmB,UAAU,GAAE;MACvB,OAAOC,SAAS;IAClB;IACA,iBAAIjD,KAAK,CAACkD,cAAc,CAACrB,MAAM,CAACmB,UAAU,CAAC,EAAE;MAC3C,OAAOnB,MAAM,CAACmB,UAAU;IAC1B,CAAC,MAAM;MACL,MAAMG,mBAAmB,GAAGtB,MAAM,CAACmB,UAAsC;MACzE,oBAAOhD,KAAA,CAAAoD,aAAA,CAACD,mBAAmB,MAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAACtB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEmB,UAAU,CAAC,CAAC;EAExB,MAAMK,kBAAkB,GAAG,CAAAf,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEnB,KAAK,KAAImB,QAAQ,CAACpB,MAAM;EAC7D,oBACElB,KAAA,CAAAoD,aAAA,CAAC9C,IAAI;IAACgD,QAAQ,EAAEd,kBAAmB;IAACR,KAAK,EAAE,CAACuB,MAAM,CAACC,IAAI,EAAExB,KAAK,CAAE;IAACC,MAAM,EAAEA;EAAO,GAC7ER,SAAS,GACR,aAAa,IAAIA,SAAS,gBACxBzB,KAAA,CAAAoD,aAAA,CAAC9C,IAAI;IAAC0B,KAAK,EAAEuB,MAAM,CAAC9B;EAAU,gBAC5BzB,KAAA,CAAAoD,aAAA,CAAChD,KAAK;IAAC6B,MAAM,EAAE1B,YAAY,CAAC0B,MAAM,EAAE,aAAa,CAAE;IAACwB,MAAM,EAAEhC,SAAS,CAACiC,WAAY;IAAC1B,KAAK,EAAEuB,MAAM,CAACI;EAAM,CAAE,CACrG,CAAC,gBAEP3D,KAAA,CAAAoD,aAAA,CAAC1C,gBAAgB;IAACuB,MAAM,EAAE1B,YAAY,CAAC0B,MAAM,EAAE,WAAW,CAAE;IAACwB,MAAM,EAAEhC,SAAU;IAACO,KAAK,EAAEuB,MAAM,CAAC9B;EAAU,CAAE,CAC3G,gBAEDzB,KAAA,CAAAoD,aAAA,CAAC9C,IAAI;IACH2B,MAAM,EAAE1B,YAAY,CAAC0B,MAAM,EAAE,qBAAqB,EAAE2B,MAAM,CAAClC,KAAK,CAAC,CAAE;IACnEM,KAAK,EAAE,CAACuB,MAAM,CAAC9B,SAAS,EAAE;MAAEoC,eAAe,EAAEnC;IAAM,CAAC;EAAE,CACvD,CACF,EACAI,WAAW,iBAAI9B,KAAA,CAAAoD,aAAA,CAAC5C,gBAAgB;IAACwB,KAAK,EAAEuB,MAAM,CAACO,UAAW;IAACC,OAAO,EAAEjB;EAAiB,CAAE,CAAC,EACxFO,kBAAkB,gBACjBrD,KAAA,CAAAoD,aAAA,CAACtC,iBAAiB;IAChBkB,KAAK,EAAE;MAAEgC,SAAS,EAAE5B,oBAAoB,aAApBA,oBAAoB,cAApBA,oBAAoB,GAAI;IAAE,CAAE;IAChD6B,cAAc,EAAEzC,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,EAAG;IACzC0C,YAAY,EAAE;MACZ/C,KAAK,EAAEmB,QAAQ,CAACnB,KAAK;MACrBD,MAAM,EAAEoB,QAAQ,CAACpB,MAAM,IAAIkB,oBAAoB,aAApBA,oBAAoB,cAApBA,oBAAoB,GAAI,CAAC;IACtD,CAAE;IACFH,MAAM,EAAE1B,YAAY,CAAC0B,MAAM,EAAE,UAAU;EAAE,CAC1C,CAAC,GACA,IAAI,eACRjC,KAAA,CAAAoD,aAAA,CAAC5C,gBAAgB;IACf8C,QAAQ,EAAEV,oBAAqB;IAC/BuB,aAAa,EAAE,GAAI;IACnBC,QAAQ,EAAE,CAACrC,aAAc;IACzBgC,OAAO,EAAElB,kBAAmB;IAC5Bb,KAAK,EAAEuB,MAAM,CAAC3B;EAAO,gBACrB5B,KAAA,CAAAoD,aAAA,CAACvC,gBAAgB,EAAAwD,QAAA,KAAKzC,MAAM;IAAEF,KAAK,GAAAQ,aAAA,GAAEN,MAAM,CAACF,KAAK,cAAAQ,aAAA,cAAAA,aAAA,GAAIR,KAAM;IAACO,MAAM,EAAE1B,YAAY,CAAC0B,MAAM,EAAE,QAAQ;EAAE,EAAE,CACrF,CAAC,EAClBJ,MAAM,iBACL7B,KAAA,CAAAoD,aAAA,CAAC3C,QAAQ;IAAC6D,SAAS,EAAC,MAAM;IAACtC,KAAK,EAAE,CAACuB,MAAM,CAAC1B,MAAM,CAAE;IAACI,MAAM,EAAE1B,YAAY,CAAC0B,MAAM,EAAE,QAAQ;EAAE,GACvFc,cAAc,iBAAI/C,KAAA,CAAAoD,aAAA,CAAC9C,IAAI;IAAC0B,KAAK,EAAEuB,MAAM,CAACP;EAAW,GAAED,cAAqB,CAAC,eAC1E/C,KAAA,CAAAoD,aAAA,CAAC9C,IAAI;IAAC0B,KAAK,EAAEuB,MAAM,CAACgB;EAAkB,gBACpCvE,KAAA,CAAAoD,aAAA,CAACzC,UAAU;IACTe,KAAK,EAAES,WAAW,CAACqC,IAAK;IACxBC,MAAM,EAAC,sBAAsB;IAC7BzC,KAAK,EAAEuB,MAAM,CAACmB,UAAW;IACzBzC,MAAM,EAAE1B,YAAY,CAAC0B,MAAM,EAAE,aAAa;EAAE,GAC3CJ,MAAM,CAAC2C,IACE,CACR,CACE,CAER,CAAC;AAEX,CAAC;AAED,MAAMjB,MAAM,GAAGlD,UAAU,CAACsE,MAAM,CAAC;EAC/BnB,IAAI,EAAE;IACJoB,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDf,UAAU,EAAE;IACV5C,MAAM,EAAE,MAAM;IACd4D,QAAQ,EAAE,UAAU;IACpB3D,KAAK,EAAE;EACT,CAAC;EACDM,SAAS,EAAE;IACTsD,WAAW,EAAEzD,mBAAmB;IAChCH,KAAK,EAAE;EACT,CAAC;EACDS,MAAM,EAAE;IACNkD,QAAQ,EAAE,UAAU;IACpBE,GAAG,EAAE,CAAC;IACN7D,KAAK,EAAE;EACT,CAAC;EACDwC,KAAK,EAAE;IACLzC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDU,MAAM,EAAE;IACNoD,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,CAAC;IACZC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,aAAa,EAAE,CAAC;IAChBC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,CAAC;IACbT,QAAQ,EAAE,UAAU;IACpB3D,KAAK,EAAE;EACT,CAAC;EACD6B,UAAU,EAAE;IACVgB,SAAS,EAAE;EACb,CAAC;EACDU,UAAU,EAAE;IACVc,cAAc,EAAE;EAClB,CAAC;EACDjB,iBAAiB,EAAE;IACjBkB,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAelE,cAAc","ignoreList":[]}