Merge branch 'fix/ONE-3063-qr-code-padding' into 'main'

[ONE-3063] Added customizable qr code padding

Closes ONE-3063

See merge request procivis/one/one-react-native-components!135

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procivis/one-react-native-components",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "description": "Common Procivis ONE UI components for react-native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

src/credential/credential-carousel-images.tsx

@@ -62,18 +62,19 @@ export const Barcode: FC<BarcodeProps> = ({ content, width = 220, height = 80, t
 
 type QrCodeProps = {
   content: string;
+  padding?: number;
   testID?: string;
 };
 
-export const QrCode: FC<QrCodeProps> = ({ content, testID }) => {
+export const QrCode: FC<QrCodeProps> = ({ content, padding, testID }) => {
   const qrCodeXml = useMemo(() => {
     return new QRCode({
       container: 'svg-viewbox',
       content,
       join: true,
-      padding: 1,
+      padding: padding ?? 1,
     }).svg();
-  }, [content]);
+  }, [content, padding]);
   return <SvgXml height={'100%'} testID={testID} width={'100%'} xml={qrCodeXml} />;
 };