@momo-kits/qrcode 0.150.2-beta.5 → 0.150.2-beta.8

package/android/src/main/java/com/momokits/qrcode/MomoBarCodeViewManager.kt

@@ -2,8 +2,6 @@ package com.momokits.qrcode
 
 // MomoBarCodeViewManager.kt
 
-//package com.qrcode
-
 import android.graphics.Bitmap
 import android.os.Build
 import android.widget.ImageView
@@ -69,22 +67,24 @@ class MomoBarCodeViewManager :
 
   @ReactProp(name = "ratio")
   override fun setRatio(view: ImageView, value: Float) {
-    this.ratio = ratio ?: 1.0
+    this.ratio = value.toDouble() // Fix: use value instead of ratio
     parseToBarCode(view)
   }
 
   @ReactProp(name = "width")
   override fun setWidth(view: ImageView, width: Int) {
-    this.width = width ?: 0
+    this.width = if (width > 0) width else 0 // Fix: check for positive value
     parseToBarCode(view)
   }
 
   @ReactProp(name = "height")
   override fun setHeight(view: ImageView, height: Int) {
-    this.height = height ?: 0
+    this.height = if (height > 0) height else 0 // Fix: check for positive value
     parseToBarCode(view)
   }
 
+  override fun getDelegate(): ViewManagerDelegate<ImageView>? = delegate
+
   private fun parseToBarCode(imageView: ImageView) {
     val text = code
     if (!text.isNullOrEmpty() && width > 0 && height > 0) {
@@ -99,13 +99,5 @@ class MomoBarCodeViewManager :
         e.printStackTrace()
       }
     }
-    scaleToFitImage(imageView)
   }
-
-  // Fabric requires you to expose the delegate:
-  override fun getDelegate(): ViewManagerDelegate<ImageView>? =
-    delegate
-
 }
-
-

package/android/src/main/java/com/momokits/qrcode/MomoQrCodeViewManager.kt

@@ -2,7 +2,6 @@
 
 package com.momokits.qrcode
 
-import android.R.attr.bitmap
 import android.graphics.Bitmap
 import android.widget.ImageView
 import androidx.annotation.Nullable
@@ -16,9 +15,7 @@ import com.google.zxing.BarcodeFormat
 import com.google.zxing.EncodeHintType
 import com.google.zxing.WriterException
 import com.google.zxing.common.BitMatrix
-import com.google.zxing.oned.Code128Writer
 import com.google.zxing.qrcode.QRCodeWriter
-import kotlin.math.floor
 
 
 class MomoQrCodeViewManager :
@@ -29,10 +26,6 @@ class MomoQrCodeViewManager :
   private var size: Int = 200
   private var ratio: Double = 1.0
 
-
-  private val hintMap = HashMap<EncodeHintType, Any>()
-  private val code128Writer = Code128Writer()
-
   companion object {
     const val REACT_CLASS = "RCTQRCode"
   }
@@ -42,8 +35,12 @@ class MomoQrCodeViewManager :
 
   override fun getName() = REACT_CLASS
 
-  override fun createViewInstance(ctx: ThemedReactContext) =
-    ImageView(ctx)
+  override fun createViewInstance(ctx: ThemedReactContext): ImageView {
+    val imageView = ImageView(ctx)
+    imageView.adjustViewBounds = true
+    imageView.scaleType = ImageView.ScaleType.FIT_CENTER
+    return imageView
+  }
 
   @ReactProp(name = "code")
   override fun setCode(view: ImageView, @Nullable code: String?) {
@@ -53,19 +50,17 @@ class MomoQrCodeViewManager :
 
   @ReactProp(name = "ratio")
   override fun setRatio(view: ImageView, value: Float) {
-    this.ratio = ratio ?: 1.0
+    this.ratio = value.toDouble() // Fix: use value instead of ratio
     parseToQRCode(view)
   }
 
   @ReactProp(name = "size")
   override fun setSize(view: ImageView, size: Int) {
-    this.size = size ?: 0
+    this.size = if (size > 0) size else 200 // Fix: check for positive value
     parseToQRCode(view)
   }
 
-  override fun getDelegate(): ViewManagerDelegate<ImageView>? =
-    delegate
-
+  override fun getDelegate(): ViewManagerDelegate<ImageView>? = delegate
 
   private fun parseToQRCode(imageView: ImageView) {
     val text = code
@@ -85,8 +80,6 @@ class MomoQrCodeViewManager :
           hintMap
         )
         val bitmap: Bitmap = MomoQrCodeUtils.createBitmap(bitMatrix, adjustedSize, adjustedSize)
-        imageView.adjustViewBounds = true
-        imageView.scaleType = ImageView.ScaleType.FIT_CENTER
         imageView.setImageBitmap(bitmap)
       } catch (e: WriterException) {
         e.printStackTrace()

package/ios/RCTBarCode.mm

@@ -1,9 +1,13 @@
 // RCTBarCode.mm
 
 #import "RCTBarCode.h"
+
+#import <React/RCTConversions.h>
+#import <React/RCTConvert.h>
 #import <react/renderer/components/QrcodeViewSpec/ComponentDescriptors.h>
 #import <react/renderer/components/QrcodeViewSpec/Props.h>
 #import <react/renderer/components/QrcodeViewSpec/RCTComponentViewHelpers.h>
+#import <react/renderer/components/QrcodeViewSpec/EventEmitters.h>
 #import "BarCodeView.h"
 
 #import "RCTFabricComponentsPlugins.h"
@@ -17,9 +21,12 @@ using namespace facebook::react;
   BarCodeView *_barcodeView;
 }
 
-- (instancetype)init
+- (instancetype)initWithFrame:(CGRect)frame
 {
-  if (self = [super init]) {
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RCTBarCodeProps>();
+    _props = defaultProps;
+
     _barcodeView = [BarCodeView new];
     [self addSubview:_barcodeView];
   }
@@ -29,18 +36,30 @@ using namespace facebook::react;
 - (void)updateProps:(Props::Shared const &)props
            oldProps:(Props::Shared const &)oldProps
 {
-  const auto &barProps =
-    *std::static_pointer_cast<RCTBarCodeProps const>(props);
+  const auto &oldViewProps = *std::static_pointer_cast<RCTBarCodeProps const>(_props);
+  const auto &newViewProps = *std::static_pointer_cast<RCTBarCodeProps const>(props);
+
+  // Apply to your view only if props changed
+  if (oldViewProps.code != newViewProps.code) {
+    if (!newViewProps.code.empty()) {
+      NSString *nsCode = [NSString stringWithUTF8String:newViewProps.code.c_str()];
+      _barcodeView.code = nsCode;
+    }
+  }
+
+  if (oldViewProps.ratio != newViewProps.ratio) {
+    _barcodeView.ratio = newViewProps.ratio;
+  }
+
+  if (oldViewProps.width != newViewProps.width) {
+    _barcodeView.width = newViewProps.width;
+  }
 
-  // string → NSString*
-  if (!barProps.code.empty()) {
-    NSString *nsCode = [NSString stringWithUTF8String:barProps.code.c_str()];
-    _barcodeView.code = nsCode;
+  if (oldViewProps.height != newViewProps.height) {
+    _barcodeView.height = newViewProps.height;
   }
-  _barcodeView.ratio  = barProps.ratio;
-  _barcodeView.width  = barProps.width;
-  _barcodeView.height = barProps.height;
 
+  _props = std::static_pointer_cast<RCTBarCodeProps const>(props);
   [super updateProps:props oldProps:oldProps];
 }
 
@@ -57,7 +76,7 @@ using namespace facebook::react;
 
 @end
 
-Class<RCTRCTBarCodeViewProtocol> RCTBarCodeCls(void)
+Class<RCTComponentViewProtocol> RCTBarCodeCls(void)
 {
   return RCTBarCode.class;
 }

package/ios/RCTQRCode.mm

@@ -1,4 +1,7 @@
 #import "RCTQRCode.h"
+
+#import <React/RCTConversions.h>
+#import <React/RCTConvert.h>
 #import <react/renderer/components/QrcodeViewSpec/ComponentDescriptors.h>
 #import <react/renderer/components/QrcodeViewSpec/Props.h>
 #import <react/renderer/components/QrcodeViewSpec/RCTComponentViewHelpers.h>
@@ -17,9 +20,12 @@ using namespace facebook::react;
   QRCodeView *_qrView;
 }
 
-- (instancetype)init
+- (instancetype)initWithFrame:(CGRect)frame
 {
-  if (self = [super init]) {
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RCTQRCodeProps>();
+    _props = defaultProps;
+
     // Create and embed your existing UIImageView-based QRCodeView
     _qrView = [QRCodeView new];
     [self addSubview:_qrView];
@@ -30,18 +36,26 @@ using namespace facebook::react;
 - (void)updateProps:(Props::Shared const &)props
            oldProps:(Props::Shared const &)oldProps
 {
-  // Pull in the generated Props struct
-  const auto &qrProps = *std::static_pointer_cast<RCTQRCodeProps const>(props);
+  const auto &oldViewProps = *std::static_pointer_cast<RCTQRCodeProps const>(_props);
+  const auto &newViewProps = *std::static_pointer_cast<RCTQRCodeProps const>(props);
 
-  // Apply to your view
-  if (!qrProps.code.empty()) {
-      NSString *nsCode = [NSString stringWithUTF8String:qrProps.code.c_str()];
+  // Apply to your view only if props changed
+  if (oldViewProps.code != newViewProps.code) {
+    if (!newViewProps.code.empty()) {
+      NSString *nsCode = [NSString stringWithUTF8String:newViewProps.code.c_str()];
       _qrView.code = nsCode;
     }
-  _qrView.ratio = qrProps.ratio;
-  _qrView.size  = qrProps.size;
-  NSLog(@"[QRCodeView] setCode: %@", _qrView.code);
+  }
+
+  if (oldViewProps.ratio != newViewProps.ratio) {
+    _qrView.ratio = newViewProps.ratio;
+  }
+
+  if (oldViewProps.size != newViewProps.size) {
+    _qrView.size = newViewProps.size;
+  }
 
+  _props = std::static_pointer_cast<RCTQRCodeProps const>(props);
   [super updateProps:props oldProps:oldProps];
 }
 
@@ -60,7 +74,7 @@ using namespace facebook::react;
 
 @end
 
-Class<RCTRCTQRCodeViewProtocol> RCTQRCodeCls(void)
+Class<RCTComponentViewProtocol> RCTQRCodeCls(void)
 {
   return RCTQRCode.class;
 }

package/lib/module/BarCodeView.js

@@ -1,15 +1,27 @@
 "use strict";
 
-import RCTBarCode from './RCTBarCodeNativeComponent';
+import React from 'react';
 import { PixelRatio } from 'react-native';
+import RCTBarCode from './RCTBarCodeNativeComponent';
 import { jsx as _jsx } from "react/jsx-runtime";
 const BarCodeView = ({
+  code,
+  width,
+  height,
   ratio,
-  ...props
+  style,
+  ...rest
 }) => {
   return /*#__PURE__*/_jsx(RCTBarCode, {
+    code: code,
+    width: width,
+    height: height,
     ratio: ratio ?? PixelRatio.get(),
-    ...props
+    style: [{
+      width,
+      height
+    }, style],
+    ...rest
   });
 };
 export default BarCodeView;

package/lib/module/BarCodeView.js.map

@@ -1 +1 @@
-{"version":3,"names":["RCTBarCode","PixelRatio","jsx","_jsx","BarCodeView","ratio","props","get"],"sourceRoot":"../../src","sources":["BarCodeView.tsx"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,6BAA6B;AAEpD,SAASC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS1C,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAC7D,oBAAOH,IAAA,CAACH,UAAU;IAACK,KAAK,EAAEA,KAAK,IAAIJ,UAAU,CAACM,GAAG,CAAC,CAAE;IAAA,GAAKD;EAAK,CAAG,CAAC;AACpE,CAAC;AAED,eAAeF,WAAW","ignoreList":[]}
+{"version":3,"names":["React","PixelRatio","RCTBarCode","jsx","_jsx","BarCodeView","code","width","height","ratio","style","rest","get"],"sourceRoot":"../../src","sources":["BarCodeView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,UAAU,MAAM,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBrD,MAAMC,WAAuC,GAAGA,CAAC;EAC/CC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEP,IAAA,CAACF,UAAU;IACTI,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAK,IAAIR,UAAU,CAACW,GAAG,CAAC,CAAE;IACjCF,KAAK,EAAE,CACL;MACEH,KAAK;MACLC;IACF,CAAC,EACDE,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN,CAAC;AAED,eAAeN,WAAW","ignoreList":[]}

package/lib/module/QRCodeView.js

@@ -1,6 +1,7 @@
 "use strict";
 
-import { Image, PixelRatio } from 'react-native';
+import React from 'react';
+import { Image, PixelRatio, StyleSheet } from 'react-native';
 import RCTQRCode from './RCTQRCodeNativeComponent';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const ratio = PixelRatio.get();
@@ -26,17 +27,21 @@ const QRCodeView = ({
         width: size,
         height: size
       }, style]
-    }), showLogo ? /*#__PURE__*/_jsx(Image, {
+    }), showLogo && icon ? /*#__PURE__*/_jsx(Image, {
       source: {
         uri: icon
       },
-      style: [{
+      style: [styles.logoOverlay, {
         width: iconSize,
-        height: iconSize,
-        position: 'absolute'
+        height: iconSize
       }, iconStyle]
     }) : null]
   });
 };
+const styles = StyleSheet.create({
+  logoOverlay: {
+    position: 'absolute'
+  }
+});
 export default QRCodeView;
 //# sourceMappingURL=QRCodeView.js.map

package/lib/module/QRCodeView.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image","PixelRatio","RCTQRCode","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ratio","get","ic_logo","QRCodeView","code","showLogo","customRatio","icon","iconSize","size","iconStyle","style","rest","children","width","height","source","uri","position"],"sourceRoot":"../../src","sources":["QRCodeView.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,OAAOC,SAAS,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnD,MAAMC,KAAK,GAAGR,UAAU,CAACS,GAAG,CAAC,CAAC;AAC9B,MAAMC,OAAO,GACX,4EAA4E;AAa9E,MAAMC,UAAU,GAAGA,CAAC;EAClBC,IAAI;EACJC,QAAQ,GAAG,KAAK;EAChBL,KAAK,EAAEM,WAAW;EAClBC,IAAI,GAAGL,OAAO;EACdM,QAAQ,GAAG,EAAE;EACbC,IAAI;EACJC,SAAS;EACTC,KAAK;EACL,GAAGC;AACY,CAAC,KAAK;EACrB,oBACEb,KAAA,CAAAF,SAAA;IAAAgB,QAAA,gBACElB,IAAA,CAACF,SAAS;MACRW,IAAI,EAAEA,IAAK;MACXJ,KAAK,EAAEM,WAAW,IAAIN,KAAM;MAC5BS,IAAI,EAAEA,IAAK;MAAA,GACPG,IAAI;MACRD,KAAK,EAAE,CACL;QACEG,KAAK,EAAEL,IAAI;QACXM,MAAM,EAAEN;MACV,CAAC,EACDE,KAAK;IACL,CACH,CAAC,EACDN,QAAQ,gBACPV,IAAA,CAACJ,KAAK;MACJyB,MAAM,EAAE;QAAEC,GAAG,EAAEV;MAAK,CAAE;MACtBI,KAAK,EAAE,CACL;QACEG,KAAK,EAAEN,QAAQ;QACfO,MAAM,EAAEP,QAAQ;QAChBU,QAAQ,EAAE;MACZ,CAAC,EACDR,SAAS;IACT,CACH,CAAC,GACA,IAAI;EAAA,CACR,CAAC;AAEP,CAAC;AAED,eAAeP,UAAU","ignoreList":[]}
+{"version":3,"names":["React","Image","PixelRatio","StyleSheet","RCTQRCode","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ratio","get","ic_logo","QRCodeView","code","showLogo","customRatio","icon","iconSize","size","iconStyle","style","rest","children","width","height","source","uri","styles","logoOverlay","create","position"],"sourceRoot":"../../src","sources":["QRCodeView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAC5D,OAAOC,SAAS,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAInD,MAAMC,KAAK,GAAGT,UAAU,CAACU,GAAG,CAAC,CAAC;AAC9B,MAAMC,OAAO,GACX,4EAA4E;AAqB9E,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,IAAI;EACJC,QAAQ,GAAG,KAAK;EAChBL,KAAK,EAAEM,WAAW;EAClBC,IAAI,GAAGL,OAAO;EACdM,QAAQ,GAAG,EAAE;EACbC,IAAI;EACJC,SAAS;EACTC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEb,KAAA,CAAAF,SAAA;IAAAgB,QAAA,gBACElB,IAAA,CAACF,SAAS;MACRW,IAAI,EAAEA,IAAK;MACXJ,KAAK,EAAEM,WAAW,IAAIN,KAAM;MAC5BS,IAAI,EAAEA,IAAK;MAAA,GACPG,IAAI;MACRD,KAAK,EAAE,CACL;QACEG,KAAK,EAAEL,IAAI;QACXM,MAAM,EAAEN;MACV,CAAC,EACDE,KAAK;IACL,CACH,CAAC,EACDN,QAAQ,IAAIE,IAAI,gBACfZ,IAAA,CAACL,KAAK;MACJ0B,MAAM,EAAE;QAAEC,GAAG,EAAEV;MAAK,CAAE;MACtBI,KAAK,EAAE,CACLO,MAAM,CAACC,WAAW,EAClB;QACEL,KAAK,EAAEN,QAAQ;QACfO,MAAM,EAAEP;MACV,CAAC,EACDE,SAAS;IACT,CACH,CAAC,GACA,IAAI;EAAA,CACR,CAAC;AAEP,CAAC;AAED,MAAMQ,MAAM,GAAG1B,UAAU,CAAC4B,MAAM,CAAC;EAC/BD,WAAW,EAAE;IACXE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAelB,UAAU","ignoreList":[]}

package/lib/module/RCTBarCodeNativeComponent.ts

@@ -1,15 +1,15 @@
-// @ts-nocheck
-import type { HostComponent, ViewProps, Float, Int32 } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 import { codegenNativeComponent } from 'react-native';
 
 export interface BarCodeNativeComponentProps extends ViewProps {
-  /** the data string to encode */
+  /** The data string to encode as barcode */
   code?: string;
-  /** scale-factor for the raw CIImage */
+  /** Scale factor for the raw CIImage */
   ratio?: Float;
-  /** pixel width of the final barcode */
+  /** Pixel width of the final barcode */
   width?: Int32;
-  /** pixel height of the final barcode */
+  /** Pixel height of the final barcode */
   height?: Int32;
 }
 

package/lib/module/RCTQRCodeNativeComponent.ts

@@ -1,11 +1,13 @@
-// @ts-nocheck
-
-import type { HostComponent, ViewProps, Float, Int32 } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 import { codegenNativeComponent } from 'react-native';
 
 export interface QRCodeNativeComponentProps extends ViewProps {
+  /** The data string to encode as QR code */
   code?: string;
+  /** Scale factor for the QR code */
   ratio?: Float;
+  /** Size of the QR code in pixels */
   size?: Int32;
 }
 

package/lib/typescript/src/BarCodeView.d.ts

@@ -1,10 +1,18 @@
+import React from 'react';
 import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ViewStyle } from 'react-native';
 type BarCodeViewProps = {
+    /** The data string to encode as barcode */
     code: string;
+    /** Width of the barcode in pixels */
     width: Int32;
+    /** Height of the barcode in pixels */
     height: Int32;
+    /** Scale factor for the barcode (optional, defaults to device pixel ratio) */
     ratio?: Float;
+    /** Style for the barcode container (optional) */
+    style?: ViewStyle;
 };
-declare const BarCodeView: ({ ratio, ...props }: BarCodeViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const BarCodeView: React.FC<BarCodeViewProps>;
 export default BarCodeView;
 //# sourceMappingURL=BarCodeView.d.ts.map

package/lib/typescript/src/BarCodeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarCodeView.d.ts","sourceRoot":"","sources":["../../../src/BarCodeView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAG9E,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,4CAEzD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"BarCodeView.d.ts","sourceRoot":"","sources":["../../../src/BarCodeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,gBAAgB,GAAG;IACtB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,sCAAsC;IACtC,MAAM,EAAE,KAAK,CAAC;IACd,8EAA8E;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/QRCodeView.d.ts

@@ -1,14 +1,24 @@
+import React from 'react';
 import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ViewStyle, ImageStyle } from 'react-native';
 type QRCodeViewProps = {
+    /** The data string to encode as QR code */
     code: string;
+    /** Size of the QR code in pixels */
     size: Int32;
+    /** Scale factor for the QR code (optional, defaults to device pixel ratio) */
     ratio?: Float;
+    /** Icon URL to display over QR code (optional) */
     icon?: string;
+    /** Whether to show logo overlay (optional, defaults to false) */
     showLogo?: boolean;
+    /** Size of the icon overlay (optional, defaults to 32) */
     iconSize?: Int32;
-    iconStyle?: any;
-    style?: any;
+    /** Style for the icon overlay (optional) */
+    iconStyle?: ImageStyle;
+    /** Style for the QR code container (optional) */
+    style?: ViewStyle;
 };
-declare const QRCodeView: ({ code, showLogo, ratio: customRatio, icon, iconSize, size, iconStyle, style, ...rest }: QRCodeViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const QRCodeView: React.FC<QRCodeViewProps>;
 export default QRCodeView;
 //# sourceMappingURL=QRCodeView.d.ts.map

package/lib/typescript/src/QRCodeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QRCodeView.d.ts","sourceRoot":"","sources":["../../../src/QRCodeView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAM9E,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,yFAUjB,eAAe,4CA+BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"QRCodeView.d.ts","sourceRoot":"","sources":["../../../src/QRCodeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1D,KAAK,eAAe,GAAG;IACrB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,8EAA8E;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyCzC,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/RCTBarCodeNativeComponent.d.ts

@@ -1,12 +1,13 @@
-import type { HostComponent, ViewProps, Float, Int32 } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 export interface BarCodeNativeComponentProps extends ViewProps {
-    /** the data string to encode */
+    /** The data string to encode as barcode */
     code?: string;
-    /** scale-factor for the raw CIImage */
+    /** Scale factor for the raw CIImage */
     ratio?: Float;
-    /** pixel width of the final barcode */
+    /** Pixel width of the final barcode */
     width?: Int32;
-    /** pixel height of the final barcode */
+    /** Pixel height of the final barcode */
     height?: Int32;
 }
 declare const _default: HostComponent<BarCodeNativeComponentProps>;

package/lib/typescript/src/RCTBarCodeNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RCTBarCodeNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/RCTBarCodeNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG3E,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;wBAII,aAAa,CAAC,2BAA2B,CAAC;AAF/C,wBAEgD"}
+{"version":3,"file":"RCTBarCodeNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/RCTBarCodeNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAG9E,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;wBAII,aAAa,CAAC,2BAA2B,CAAC;AAF/C,wBAEgD"}

package/lib/typescript/src/RCTQRCodeNativeComponent.d.ts

@@ -1,7 +1,11 @@
-import type { HostComponent, ViewProps, Float, Int32 } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 export interface QRCodeNativeComponentProps extends ViewProps {
+    /** The data string to encode as QR code */
     code?: string;
+    /** Scale factor for the QR code */
     ratio?: Float;
+    /** Size of the QR code in pixels */
     size?: Int32;
 }
 declare const _default: HostComponent<QRCodeNativeComponentProps>;

package/lib/typescript/src/RCTQRCodeNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RCTQRCodeNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/RCTQRCodeNativeComponent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG3E,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;wBAII,aAAa,CAAC,0BAA0B,CAAC;AAF9C,wBAE+C"}
+{"version":3,"file":"RCTQRCodeNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/RCTQRCodeNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAG9E,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;wBAII,aAAa,CAAC,0BAA0B,CAAC;AAF9C,wBAE+C"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/qrcode",
-    "version": "0.150.2-beta.5",
+    "version": "0.150.2-beta.8",
     "description": "A simple and customizable QR code generator component for React Native apps.",
     "main": "./lib/module/index.js",
     "types": "./lib/typescript/src/index.d.ts",

package/src/BarCodeView.tsx

@@ -1,16 +1,46 @@
+import React from 'react';
+import { PixelRatio } from 'react-native';
 import RCTBarCode from './RCTBarCodeNativeComponent';
 import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
-import { PixelRatio } from 'react-native';
+import type { ViewStyle } from 'react-native';
 
 type BarCodeViewProps = {
+  /** The data string to encode as barcode */
   code: string;
+  /** Width of the barcode in pixels */
   width: Int32;
+  /** Height of the barcode in pixels */
   height: Int32;
+  /** Scale factor for the barcode (optional, defaults to device pixel ratio) */
   ratio?: Float;
+  /** Style for the barcode container (optional) */
+  style?: ViewStyle;
 };
 
-const BarCodeView = ({ ratio, ...props }: BarCodeViewProps) => {
-  return <RCTBarCode ratio={ratio ?? PixelRatio.get()} {...props} />;
+const BarCodeView: React.FC<BarCodeViewProps> = ({
+  code,
+  width,
+  height,
+  ratio,
+  style,
+  ...rest
+}) => {
+  return (
+    <RCTBarCode
+      code={code}
+      width={width}
+      height={height}
+      ratio={ratio ?? PixelRatio.get()}
+      style={[
+        {
+          width,
+          height,
+        },
+        style,
+      ]}
+      {...rest}
+    />
+  );
 };
 
 export default BarCodeView;

package/src/QRCodeView.tsx

@@ -1,23 +1,33 @@
-import { Image, PixelRatio } from 'react-native';
+import React from 'react';
+import { Image, PixelRatio, StyleSheet } from 'react-native';
 import RCTQRCode from './RCTQRCodeNativeComponent';
 import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ViewStyle, ImageStyle } from 'react-native';
 
 const ratio = PixelRatio.get();
 const ic_logo =
   'https://img.mservice.io/momo_app_v2/new_version/img/appx_image/ic_momo.png';
 
 type QRCodeViewProps = {
+  /** The data string to encode as QR code */
   code: string;
+  /** Size of the QR code in pixels */
   size: Int32;
+  /** Scale factor for the QR code (optional, defaults to device pixel ratio) */
   ratio?: Float;
+  /** Icon URL to display over QR code (optional) */
   icon?: string;
+  /** Whether to show logo overlay (optional, defaults to false) */
   showLogo?: boolean;
+  /** Size of the icon overlay (optional, defaults to 32) */
   iconSize?: Int32;
-  iconStyle?: any;
-  style?: any;
+  /** Style for the icon overlay (optional) */
+  iconStyle?: ImageStyle;
+  /** Style for the QR code container (optional) */
+  style?: ViewStyle;
 };
 
-const QRCodeView = ({
+const QRCodeView: React.FC<QRCodeViewProps> = ({
   code,
   showLogo = false,
   ratio: customRatio,
@@ -27,7 +37,7 @@ const QRCodeView = ({
   iconStyle,
   style,
   ...rest
-}: QRCodeViewProps) => {
+}) => {
   return (
     <>
       <RCTQRCode
@@ -43,14 +53,14 @@ const QRCodeView = ({
           style,
         ]}
       />
-      {showLogo ? (
+      {showLogo && icon ? (
         <Image
           source={{ uri: icon }}
           style={[
+            styles.logoOverlay,
             {
               width: iconSize,
               height: iconSize,
-              position: 'absolute',
             },
             iconStyle,
           ]}
@@ -60,4 +70,10 @@ const QRCodeView = ({
   );
 };
 
+const styles = StyleSheet.create({
+  logoOverlay: {
+    position: 'absolute',
+  },
+});
+
 export default QRCodeView;

package/src/RCTBarCodeNativeComponent.ts

@@ -1,15 +1,15 @@
-// @ts-nocheck
-import type { HostComponent, ViewProps, Float, Int32 } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 import { codegenNativeComponent } from 'react-native';
 
 export interface BarCodeNativeComponentProps extends ViewProps {
-  /** the data string to encode */
+  /** The data string to encode as barcode */
   code?: string;
-  /** scale-factor for the raw CIImage */
+  /** Scale factor for the raw CIImage */
   ratio?: Float;
-  /** pixel width of the final barcode */
+  /** Pixel width of the final barcode */
   width?: Int32;
-  /** pixel height of the final barcode */
+  /** Pixel height of the final barcode */
   height?: Int32;
 }
 

package/src/RCTQRCodeNativeComponent.ts

@@ -1,11 +1,13 @@
-// @ts-nocheck
-
-import type { HostComponent, ViewProps, Float, Int32 } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 import { codegenNativeComponent } from 'react-native';
 
 export interface QRCodeNativeComponentProps extends ViewProps {
+  /** The data string to encode as QR code */
   code?: string;
+  /** Scale factor for the QR code */
   ratio?: Float;
+  /** Size of the QR code in pixels */
   size?: Int32;
 }
 

package/ios/RCTBarCodeManager.mm

@@ -1,15 +0,0 @@
-#import <UIKit/UIKit.h>
-#import <React/RCTViewManager.h>
-#import "BarCodeView.h"
-
-@implementation RCTBarCodeManager: RCTViewManager
-RCT_EXPORT_VIEW_PROPERTY(code, NSString);
-RCT_EXPORT_VIEW_PROPERTY(ratio, CGFloat);
-RCT_EXPORT_VIEW_PROPERTY(width, NSInteger);
-RCT_EXPORT_VIEW_PROPERTY(height, NSInteger);
-RCT_EXPORT_MODULE(RCTBarCode)
-- (UIView*)view {
-  BarCodeView* view = [[BarCodeView alloc] init];
-  return view;
-}
-@end

package/ios/RCTQRCodeManager.mm

@@ -1,15 +0,0 @@
-#import <React/RCTViewManager.h>
-#import <UIKit/UIKit.h>
-#import "QRCodeView.h"
-
-@implementation RCTQRCodeManager: RCTViewManager
-RCT_EXPORT_VIEW_PROPERTY(code, NSString);
-RCT_EXPORT_VIEW_PROPERTY(ratio, CGFloat);
-RCT_EXPORT_VIEW_PROPERTY(size, NSInteger);
-
-RCT_EXPORT_MODULE(RCTQRCode)
-- (UIView*)view {
-  QRCodeView* view = [[QRCodeView alloc] init];
-  return view;
-}
-@end