@bifold/core 1.0.0

package/lib/commonjs/components/misc/NoNewUpdates.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactNative = require("react-native");
+var _theme = require("../../contexts/theme");
+var _testable = require("../../utils/testable");
+var _InfoTextBox = _interopRequireDefault(require("../texts/InfoTextBox"));
+var _ThemedText = require("../texts/ThemedText");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const NoNewUpdates = () => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const {
+    HomeTheme,
+    ColorPallet
+  } = (0, _theme.useTheme)();
+  const styles = _reactNative.StyleSheet.create({
+    noNewUpdatesContainer: {
+      paddingHorizontal: 20,
+      paddingVertical: 20,
+      backgroundColor: ColorPallet.brand.secondaryBackground
+    },
+    noNewUpdatesText: {
+      ...HomeTheme.noNewUpdatesText,
+      alignSelf: 'center',
+      flex: 1,
+      flexWrap: 'wrap'
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.noNewUpdatesContainer
+  }, /*#__PURE__*/_react.default.createElement(_InfoTextBox.default, null, /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
+    style: styles.noNewUpdatesText,
+    testID: (0, _testable.testIdWithKey)('NoNewUpdates')
+  }, t('Home.NoNewUpdates'))));
+};
+var _default = exports.default = NoNewUpdates;
+//# sourceMappingURL=NoNewUpdates.js.map

package/lib/commonjs/components/misc/NoNewUpdates.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactI18next","_reactNative","_theme","_testable","_InfoTextBox","_ThemedText","e","__esModule","default","NoNewUpdates","t","useTranslation","HomeTheme","ColorPallet","useTheme","styles","StyleSheet","create","noNewUpdatesContainer","paddingHorizontal","paddingVertical","backgroundColor","brand","secondaryBackground","noNewUpdatesText","alignSelf","flex","flexWrap","createElement","View","style","ThemedText","testID","testIdWithKey","_default","exports"],"sourceRoot":"../../../../src","sources":["components/misc/NoNewUpdates.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAAgD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAMG,YAAsB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAC9B,MAAM;IAAEC,SAAS;IAAEC;EAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC7C,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,qBAAqB,EAAE;MACrBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,EAAE;MACnBC,eAAe,EAAER,WAAW,CAACS,KAAK,CAACC;IACrC,CAAC;IACDC,gBAAgB,EAAE;MAChB,GAAGZ,SAAS,CAACY,gBAAgB;MAC7BC,SAAS,EAAE,QAAQ;MACnBC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,oBACE9B,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAEf,MAAM,CAACG;EAAsB,gBACxCrB,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACxB,YAAA,CAAAI,OAAW,qBACVX,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACvB,WAAA,CAAA0B,UAAU;IAACD,KAAK,EAAEf,MAAM,CAACS,gBAAiB;IAACQ,MAAM,EAAE,IAAAC,uBAAa,EAAC,cAAc;EAAE,GAC/EvB,CAAC,CAAC,mBAAmB,CACZ,CACD,CACT,CAAC;AAEX,CAAC;AAAA,IAAAwB,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEcC,YAAY","ignoreList":[]}

package/lib/commonjs/components/misc/PINCreateHeader.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactI18next = require("react-i18next");
+var _theme = require("../../contexts/theme");
+var _reactNative = require("react-native");
+var _ThemedText = require("../texts/ThemedText");
+const PINCreateHeader = ({
+  updatePin
+}) => {
+  const {
+    TextTheme
+  } = (0, _theme.useTheme)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_ThemedText.ThemedText, {
+    style: {
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/React.createElement(_ThemedText.ThemedText, {
+    style: {
+      fontWeight: TextTheme.bold.fontWeight
+    }
+  }, updatePin ? t('PINCreate.RememberChangePIN') : t('PINCreate.RememberPIN')), ' ', t('PINCreate.PINDisclaimer')));
+};
+var _default = exports.default = PINCreateHeader;
+//# sourceMappingURL=PINCreateHeader.js.map

package/lib/commonjs/components/misc/PINCreateHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactI18next","require","_theme","_reactNative","_ThemedText","PINCreateHeader","updatePin","TextTheme","useTheme","t","useTranslation","React","createElement","View","ThemedText","style","marginBottom","fontWeight","bold","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/misc/PINCreateHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAMA,MAAMI,eAAe,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EAC/D,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAC9B,oBACEC,KAAA,CAAAC,aAAA,CAACT,YAAA,CAAAU,IAAI,qBACHF,KAAA,CAAAC,aAAA,CAACR,WAAA,CAAAU,UAAU;IAACC,KAAK,EAAE;MAAEC,YAAY,EAAE;IAAG;EAAE,gBACtCL,KAAA,CAAAC,aAAA,CAACR,WAAA,CAAAU,UAAU;IAACC,KAAK,EAAE;MAAEE,UAAU,EAAEV,SAAS,CAACW,IAAI,CAACD;IAAW;EAAE,GAC1DX,SAAS,GAAGG,CAAC,CAAC,6BAA6B,CAAC,GAAGA,CAAC,CAAC,uBAAuB,CAC/D,CAAC,EAAC,GAAG,EAChBA,CAAC,CAAC,yBAAyB,CAClB,CACR,CAAC;AAEX,CAAC;AAAA,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEchB,eAAe","ignoreList":[]}

package/lib/commonjs/components/misc/Pagination.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactNative = require("react-native");
+var _reactNativeAnimatedPaginationDots = require("react-native-animated-pagination-dots");
+var _constants = require("../../constants");
+var _testable = require("../../utils/testable");
+var _ThemedText = require("../texts/ThemedText");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Pagination = ({
+  pages,
+  activeIndex,
+  scrollX,
+  style,
+  next,
+  nextButtonText,
+  previous,
+  previousButtonText
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const shouldHideBack = () => {
+    if (activeIndex === 0) {
+      return true;
+    }
+    return false;
+  };
+  const shouldHideNext = () => {
+    if (activeIndex === pages.length - 1) {
+      return true;
+    }
+    return false;
+  };
+
+  // FIXME: Issue #204. Better to `disable` the `TouchableOpacity`
+  // controls rather than changing the color to transparent.
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style.pagerContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    accessible: true,
+    accessibilityLabel: t('Global.Back'),
+    accessibilityRole: 'button',
+    testID: (0, _testable.testIdWithKey)('Back'),
+    onPress: previous,
+    accessibilityElementsHidden: shouldHideBack(),
+    importantForAccessibility: shouldHideBack() ? 'no-hide-descendants' : 'auto',
+    hitSlop: _constants.hitSlop
+  }, /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
+    style: [style.pagerNavigationButton, {
+      paddingRight: 20,
+      color: shouldHideBack() ? 'transparent' : style.pagerNavigationButton.color
+    }]
+  }, previousButtonText)), /*#__PURE__*/_react.default.createElement(_reactNativeAnimatedPaginationDots.ScalingDot, {
+    data: pages,
+    scrollX: scrollX,
+    inActiveDotColor: style.pagerDotInactive.color,
+    inActiveDotOpacity: 1,
+    activeDotColor: style.pagerDotActive.color,
+    activeDotScale: 1,
+    dotStyle: style.pagerDot,
+    containerStyle: style.pagerPosition
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    accessible: true,
+    accessibilityLabel: t('Global.Next'),
+    accessibilityRole: 'button',
+    testID: (0, _testable.testIdWithKey)('Next'),
+    onPress: next,
+    accessibilityElementsHidden: shouldHideNext(),
+    importantForAccessibility: shouldHideNext() ? 'no-hide-descendants' : 'auto',
+    hitSlop: _constants.hitSlop
+  }, /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
+    style: [style.pagerNavigationButton, {
+      paddingLeft: 20,
+      color: shouldHideNext() ? 'transparent' : style.pagerNavigationButton.color
+    }]
+  }, nextButtonText)));
+};
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/lib/commonjs/components/misc/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactI18next","_reactNative","_reactNativeAnimatedPaginationDots","_constants","_testable","_ThemedText","e","__esModule","default","Pagination","pages","activeIndex","scrollX","style","next","nextButtonText","previous","previousButtonText","t","useTranslation","shouldHideBack","shouldHideNext","length","createElement","View","pagerContainer","TouchableOpacity","accessible","accessibilityLabel","accessibilityRole","testID","testIdWithKey","onPress","accessibilityElementsHidden","importantForAccessibility","hitSlop","ThemedText","pagerNavigationButton","paddingRight","color","ScalingDot","data","inActiveDotColor","pagerDotInactive","inActiveDotOpacity","activeDotColor","pagerDotActive","activeDotScale","dotStyle","pagerDot","containerStyle","pagerPosition","paddingLeft","exports"],"sourceRoot":"../../../../src","sources":["components/misc/Pagination.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/misc/QRRenderer.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactNative = require("react-native");
+var _reactNativeQrcodeSvg = _interopRequireDefault(require("react-native-qrcode-svg"));
+var _theme = require("../../contexts/theme");
+var _testable = require("../../utils/testable");
+var _ThemedText = require("../texts/ThemedText");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const QRRenderer = ({
+  value,
+  onError,
+  size
+}) => {
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const {
+    ColorPallet
+  } = (0, _theme.useTheme)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      flexGrow: 1,
+      marginVertical: 20,
+      backgroundColor: 'white'
+    },
+    errorMessage: {
+      color: ColorPallet.semantic.error,
+      textAlign: 'center'
+    }
+  });
+  const [isInvalidQR, setIsInvalidQR] = (0, _react.useState)(false);
+  const handleQRCodeGenerationError = (0, _react.useCallback)(() => {
+    setIsInvalidQR(true);
+    if (onError) {
+      onError();
+    }
+  }, [onError]);
+  const qrSize = size ?? width - 80;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container,
+    testID: (0, _testable.testIdWithKey)('QRRenderer')
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeQrcodeSvg.default, {
+    ecl: "L",
+    value: value,
+    size: qrSize,
+    onError: handleQRCodeGenerationError
+  }), isInvalidQR && /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
+    style: styles.errorMessage
+  }, t('QRRender.GenerationError')));
+};
+var _default = exports.default = QRRenderer;
+//# sourceMappingURL=QRRenderer.js.map

package/lib/commonjs/components/misc/QRRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactI18next","_reactNative","_reactNativeQrcodeSvg","_interopRequireDefault","_theme","_testable","_ThemedText","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QRRenderer","value","onError","size","width","useWindowDimensions","useTranslation","ColorPallet","useTheme","styles","StyleSheet","create","container","flexGrow","marginVertical","backgroundColor","errorMessage","color","semantic","error","textAlign","isInvalidQR","setIsInvalidQR","useState","handleQRCodeGenerationError","useCallback","qrSize","createElement","View","style","testID","testIdWithKey","ecl","ThemedText","_default","exports"],"sourceRoot":"../../../../src","sources":["components/misc/QRRenderer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAAgD,SAAAI,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAShD,MAAMW,UAAqC,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAK,CAAC,KAAK;EAC1E,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,MAAM;IAAEnB;EAAE,CAAC,GAAG,IAAAoB,4BAAc,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAElC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,QAAQ,EAAE,CAAC;MACXC,cAAc,EAAE,EAAE;MAClBC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,KAAK,EAAEV,WAAW,CAACW,QAAQ,CAACC,KAAK;MACjCC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EAEF,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAErD,MAAMC,2BAA2B,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpDH,cAAc,CAAC,IAAI,CAAC;IACpB,IAAIpB,OAAO,EAAE;MACXA,OAAO,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMwB,MAAM,GAAGvB,IAAI,IAAIC,KAAK,GAAG,EAAE;EAEjC,oBACElC,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IAACC,KAAK,EAAEpB,MAAM,CAACG,SAAU;IAACkB,MAAM,EAAE,IAAAC,uBAAa,EAAC,YAAY;EAAE,gBAChE7D,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACpD,qBAAA,CAAAO,OAAM;IAACkD,GAAG,EAAC,GAAG;IAAC/B,KAAK,EAAEA,KAAM;IAACE,IAAI,EAAEuB,MAAO;IAACxB,OAAO,EAAEsB;EAA4B,CAAE,CAAC,EACpFH,WAAW,iBAAInD,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAAChD,WAAA,CAAAsD,UAAU;IAACJ,KAAK,EAAEpB,MAAM,CAACO;EAAa,GAAE9B,CAAC,CAAC,0BAA0B,CAAc,CAC/F,CAAC;AAEX,CAAC;AAAA,IAAAgD,QAAA,GAAAC,OAAA,CAAArD,OAAA,GAEckB,UAAU","ignoreList":[]}

package/lib/commonjs/components/misc/QRScanner.js

@@ -0,0 +1,405 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@credo-ts/core");
+var _reactHooks = require("@credo-ts/react-hooks");
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
+var _constants = require("../../constants");
+var _store = require("../../contexts/store");
+var _theme = require("../../contexts/theme");
+var _connections = require("../../hooks/connections");
+var _navigators = require("../../types/navigators");
+var _helpers = require("../../utils/helpers");
+var _testable = require("../../utils/testable");
+var _LoadingIndicator = _interopRequireDefault(require("../animated/LoadingIndicator"));
+var _IconButton = _interopRequireWildcard(require("../buttons/IconButton"));
+var _InfoBox = _interopRequireWildcard(require("./InfoBox"));
+var _DismissiblePopupModal = _interopRequireDefault(require("../modals/DismissiblePopupModal"));
+var _SafeAreaModal = _interopRequireDefault(require("../modals/SafeAreaModal"));
+var _QRRenderer = _interopRequireDefault(require("./QRRenderer"));
+var _QRScannerTorch = _interopRequireDefault(require("./QRScannerTorch"));
+var _ScanCamera = _interopRequireDefault(require("./ScanCamera"));
+var _containerApi = require("../../container-api");
+var _ThemedText = require("../texts/ThemedText");
+var _ScanTab = _interopRequireDefault(require("./ScanTab"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const overlayTint = 'rgba(0, 0, 0, 0.4)';
+const QRScanner = ({
+  showTabs = false,
+  defaultToConnect,
+  handleCodeScan,
+  error,
+  enableCameraOnError,
+  navigation
+}) => {
+  const {
+    agent
+  } = (0, _reactHooks.useAgent)();
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const {
+    ColorPallet,
+    TextTheme,
+    TabTheme
+  } = (0, _theme.useTheme)();
+  const [store] = (0, _store.useStore)();
+  const [{
+    showScanHelp,
+    showScanButton,
+    showScanErrorButton = true
+  }] = (0, _containerApi.useServices)([_containerApi.TOKENS.CONFIG]);
+  const [firstTabActive, setFirstTabActive] = (0, _react.useState)(!defaultToConnect);
+  const [invitation, setInvitation] = (0, _react.useState)(undefined);
+  const [recordId, setRecordId] = (0, _react.useState)(undefined);
+  const record = (0, _connections.useConnectionByOutOfBandId)(recordId || '');
+  const [torchActive, setTorchActive] = (0, _react.useState)(false);
+  const [showInfoBox, setShowInfoBox] = (0, _react.useState)(false);
+  const [showErrorDetailsModal, setShowErrorDetailsModal] = (0, _react.useState)(false);
+  const qrSize = width - 40;
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      flex: 1
+    },
+    mainSafeArea: {
+      flex: 1,
+      backgroundColor: ColorPallet.brand.secondaryBackground
+    },
+    bottomSafeArea: {
+      flex: 0,
+      backgroundColor: ColorPallet.brand.primaryBackground
+    },
+    cameraViewContainer: {
+      flex: 1,
+      justifyContent: 'space-between'
+    },
+    overlayContainer: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0
+    },
+    overlayTop: {
+      flex: 2,
+      backgroundColor: overlayTint
+    },
+    overlayCenterRow: {
+      flexDirection: 'row',
+      height: qrSize
+    },
+    overlayLeft: {
+      flex: 1,
+      backgroundColor: overlayTint
+    },
+    overlayOpening: {
+      width: qrSize,
+      borderColor: 'rgba(255, 255, 255, 0.6)',
+      borderWidth: 1
+    },
+    overlayRight: {
+      flex: 1,
+      backgroundColor: overlayTint
+    },
+    overlayBottom: {
+      flex: 3,
+      backgroundColor: overlayTint
+    },
+    messageContainer: {
+      marginHorizontal: 40,
+      flexDirection: 'row',
+      alignItems: 'center',
+      alignSelf: 'center',
+      paddingTop: 30
+    },
+    // no properties needed, this is just a helpful label
+    bottomButtonsContainer: {},
+    icon: {
+      color: ColorPallet.grayscale.white,
+      padding: 4
+    },
+    textStyle: {
+      color: 'white',
+      marginHorizontal: 10,
+      textAlign: 'center'
+    },
+    // all styles below are only used when tabs are enabled
+    tabContainer: {
+      flexDirection: 'row',
+      ...TabTheme.tabBarStyle
+    },
+    qrContainer: {
+      marginTop: 10,
+      flex: 1
+    },
+    walletName: {
+      textAlign: 'center'
+    },
+    secondaryText: {
+      marginTop: 20,
+      textAlign: 'center'
+    }
+  });
+  const createInvitation = (0, _react.useCallback)(async () => {
+    setInvitation(undefined);
+    const result = await (0, _helpers.createConnectionInvitation)(agent);
+    if (result) {
+      setRecordId(result.record.id);
+      setInvitation(result.invitationUrl);
+    }
+  }, [agent]);
+  const handleEdit = (0, _react.useCallback)(() => {
+    navigation.navigate(_navigators.Screens.NameWallet);
+  }, [navigation]);
+  (0, _react.useEffect)(() => {
+    // Effect not required if tabs are not enabled
+    if (!showTabs) return;
+    let headerRight = invitation ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      buttonLocation: _IconButton.ButtonLocation.Right,
+      accessibilityLabel: t('Global.Share'),
+      testID: (0, _testable.testIdWithKey)('ShareButton'),
+      onPress: () => {
+        _reactNative.Share.share({
+          message: invitation ?? ''
+        });
+      },
+      icon: "share-variant"
+    }) : undefined;
+    let title = t('Scan.MyQRCode');
+    if (firstTabActive) {
+      headerRight = /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        buttonLocation: _IconButton.ButtonLocation.Right,
+        accessibilityLabel: t('Global.Share'),
+        testID: (0, _testable.testIdWithKey)('ShareButton'),
+        onPress: () => {
+          navigation.navigate(_navigators.Screens.PasteUrl);
+        },
+        icon: "link"
+      });
+      title = t('Scan.ScanQRCode');
+    }
+    if (!store.preferences.enableShareableLink) {
+      headerRight = undefined;
+    }
+    navigation.setOptions({
+      title,
+      headerRight: () => headerRight
+    });
+  }, [showTabs, invitation, t, firstTabActive, navigation, store.preferences.enableShareableLink]);
+  (0, _react.useEffect)(() => {
+    // Effect not required if tabs are not enabled
+    if (showTabs && !firstTabActive) {
+      createInvitation();
+    }
+  }, [showTabs, firstTabActive, createInvitation, store.preferences.walletName]);
+  (0, _react.useEffect)(() => {
+    // Effect not required if tabs are not enabled
+    if (showTabs && (record === null || record === void 0 ? void 0 : record.state) === _core.DidExchangeState.Completed) {
+      var _navigation$getParent;
+      (_navigation$getParent = navigation.getParent()) === null || _navigation$getParent === void 0 || _navigation$getParent.navigate(_navigators.Stacks.ConnectionStack, {
+        screen: _navigators.Screens.Connection,
+        params: {
+          oobRecordId: recordId
+        }
+      });
+    }
+  }, [showTabs, record, navigation, recordId]);
+  const styleForState = ({
+    pressed
+  }) => [{
+    opacity: pressed ? 0.2 : 1
+  }];
+  const toggleShowInfoBox = () => setShowInfoBox(!showInfoBox);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ['left', 'right'],
+    style: styles.mainSafeArea
+  }, !showTabs || firstTabActive ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ScanCamera.default, {
+    handleCodeScan: handleCodeScan,
+    error: error,
+    enableCameraOnError: enableCameraOnError,
+    torchActive: torchActive
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.cameraViewContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlayContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlayTop
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlayCenterRow
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlayLeft
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlayOpening
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlayRight
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlayBottom
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.messageContainer
+  }, error ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    style: styles.icon,
+    name: "cancel",
+    size: 40
+  }), /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
+    testID: (0, _testable.testIdWithKey)('ErrorMessage'),
+    style: styles.textStyle
+  }, error.message), showScanErrorButton && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: () => setShowErrorDetailsModal(true),
+    accessibilityLabel: t('Scan.ShowDetails'),
+    accessibilityRole: 'button',
+    testID: (0, _testable.testIdWithKey)('ShowDetails'),
+    hitSlop: _constants.hitSlop
+  }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    name: "information-outline",
+    size: 40,
+    style: styles.icon
+  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    name: "qrcode-scan",
+    size: 40,
+    style: styles.icon
+  }), /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
+    variant: "title",
+    style: styles.textStyle
+  }, t('Scan.WillScanAutomatically')))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.bottomButtonsContainer
+  }, showScanButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    accessibilityLabel: t('Scan.ScanNow'),
+    accessibilityRole: 'button',
+    testID: (0, _testable.testIdWithKey)('ScanNow'),
+    onPress: toggleShowInfoBox,
+    style: styleForState,
+    hitSlop: _constants.hitSlop
+  }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    name: "circle-outline",
+    size: 60,
+    style: {
+      color: 'white',
+      marginBottom: -15
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginHorizontal: 24,
+      height: 24,
+      marginBottom: 60,
+      flexDirection: 'row'
+    }
+  }, showScanHelp && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    accessibilityLabel: t('Scan.ScanHelp'),
+    accessibilityRole: 'button',
+    testID: (0, _testable.testIdWithKey)('ScanHelp'),
+    onPress: () => navigation.navigate(_navigators.Screens.ScanHelp),
+    style: styleForState,
+    hitSlop: _constants.hitSlop
+  }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    name: "help-circle",
+    size: 24,
+    style: {
+      color: 'white'
+    }
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      width: 10,
+      marginLeft: 'auto'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_QRScannerTorch.default, {
+    active: torchActive,
+    onPress: () => setTorchActive(!torchActive)
+  })))), /*#__PURE__*/_react.default.createElement(_SafeAreaModal.default, {
+    visible: showInfoBox,
+    animationType: "fade",
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1,
+      paddingHorizontal: 10,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: 'rgba(0,0,0,0.6)'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_InfoBox.default, {
+    notificationType: _InfoBox.InfoBoxType.Info,
+    title: t('Scan.BadQRCode'),
+    description: t('Scan.BadQRCodeDescription'),
+    onCallToActionPressed: toggleShowInfoBox
+  }))), showErrorDetailsModal && /*#__PURE__*/_react.default.createElement(_DismissiblePopupModal.default, {
+    title: t('Scan.ErrorDetails'),
+    description: (error === null || error === void 0 ? void 0 : error.details) || t('Scan.NoDetails'),
+    onCallToActionLabel: t('Global.Dismiss'),
+    onCallToActionPressed: () => setShowErrorDetailsModal(false),
+    onDismissPressed: () => setShowErrorDetailsModal(false)
+  })) : /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.qrContainer
+  }, !invitation && /*#__PURE__*/_react.default.createElement(_LoadingIndicator.default, null), invitation && /*#__PURE__*/_react.default.createElement(_QRRenderer.default, {
+    value: invitation,
+    size: qrSize
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      paddingHorizontal: 20,
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
+    variant: "headingTwo",
+    testID: (0, _testable.testIdWithKey)('WalletName'),
+    style: [styles.walletName, {
+      paddingHorizontal: 20
+    }]
+  }, store.preferences.walletName), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    buttonLocation: _IconButton.ButtonLocation.Right,
+    accessibilityLabel: t('NameWallet.EditWalletName'),
+    testID: (0, _testable.testIdWithKey)('EditWalletName'),
+    onPress: handleEdit,
+    icon: 'pencil',
+    iconTintColor: TextTheme.headingTwo.color
+  })), /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
+    style: styles.secondaryText
+  }, t('Connection.ShareQR'))))), showTabs ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    accessible: true,
+    style: styles.tabContainer,
+    accessibilityRole: "tablist"
+  }, /*#__PURE__*/_react.default.createElement(_ScanTab.default, {
+    title: t('Scan.ScanQRCode'),
+    iconName: 'crop-free',
+    onPress: () => setFirstTabActive(true),
+    active: firstTabActive
+  }), /*#__PURE__*/_react.default.createElement(_ScanTab.default, {
+    title: t('Scan.MyQRCode'),
+    iconName: 'qr-code',
+    onPress: () => setFirstTabActive(false),
+    active: !firstTabActive
+  })) : null), showTabs ? /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ['bottom'],
+    style: styles.bottomSafeArea
+  }) : null);
+};
+var _default = exports.default = QRScanner;
+//# sourceMappingURL=QRScanner.js.map