related-ui-components 1.1.6

package/lib/commonjs/components/RedemptionOption/README.md

@@ -0,0 +1,148 @@
+# RedemptionOption Component
+
+A flexible, customizable touchable option component for React Native applications with support for icons, vertical/horizontal layouts, active states, and extensive styling options.
+
+## Basic Usage
+
+```jsx
+import React from 'react';
+import { View } from 'react-native';
+import { RedemptionOption } from '@your-org/component-library';
+import { GiftIcon } from '@your-org/icons';
+
+const RewardsScreen = () => {
+  return (
+    <View style={{ padding: 16 }}>
+      <RedemptionOption
+        icon={<GiftIcon size={24} color="#FFFFFF" />}
+        text="Redeem Points"
+        onPress={() => console.log('Option pressed')}
+      />
+    </View>
+  );
+};
+
+export default RewardsScreen;
+```
+
+## Props
+
+The `RedemptionOption` component provides extensive customization options through its props.
+
+### Core Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `icon` | `React.ReactNode` | ✅ | - | Icon component to display in the option |
+| `text` | `string` | ✅ | - | Text label to display with the icon |
+
+### Layout & Appearance Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `orientation` | `"vertical" \| "horizontal"` | ❌ | `"vertical"` | Determines the layout direction of icon and text |
+| `backgroundColor` | `string` | ❌ | theme.primary | Background color of the option |
+| `textColor` | `string` | ❌ | theme.secondary | Color of the text label |
+| `width` | `number \| string` | ❌ | - | Width of the option component |
+| `height` | `number \| string` | ❌ | - | Height of the option component |
+| `borderRadius` | `number` | ❌ | `8` | Corner radius of the option component |
+| `padding` | `number` | ❌ | `12` | Padding inside the option component |
+| `fontSize` | `number` | ❌ | `14` | Base font size for the text (actual size will be 90% of this value) |
+
+### State Properties
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `disabled` | `boolean` | ❌ | `false` | Whether the option is disabled (reduces opacity and prevents interaction) |
+| `isActive` | `boolean` | ❌ | `false` | Whether the option is in active state (adds a border) |
+| `activeOpacityValue` | `number` | ❌ | `0.7` | The opacity value when the button is pressed |
+
+### Style Customization
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `containerStyle` | `StyleProp<ViewStyle>` | ❌ | - | Style for the outer container |
+| `textStyle` | `StyleProp<TextStyle>` | ❌ | - | Style for the text label |
+| `iconContainerStyle` | `StyleProp<ViewStyle>` | ❌ | - | Style for the container around the icon |
+
+### Behavior Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `onPress` | `() => void` | ❌ | - | Function to call when the option is pressed |
+
+## Examples
+
+### Vertical Layout (Default)
+
+```jsx
+<RedemptionOption
+  icon={<CoinIcon size={24} color="#FFD700" />}
+  text="Redeem Coins"
+  onPress={() => handleRedemption('coins')}
+  backgroundColor="#2C3E50"
+  textColor="#FFFFFF"
+/>
+```
+
+### Horizontal Layout
+
+```jsx
+<RedemptionOption
+  icon={<TicketIcon size={20} color="#FF5722" />}
+  text="Movie Tickets"
+  orientation="horizontal"
+  onPress={() => handleRedemption('tickets')}
+  width="100%"
+  padding={16}
+/>
+```
+
+### Active State
+
+```jsx
+<RedemptionOption
+  icon={<StarIcon size={22} color="#FFD700" />}
+  text="Premium Rewards"
+  isActive={selectedReward === 'premium'}
+  onPress={() => setSelectedReward('premium')}
+  backgroundColor="#1E88E5"
+  textColor="#FFFFFF"
+/>
+```
+
+### Disabled State
+
+```jsx
+<RedemptionOption
+  icon={<LockIcon size={20} color="#9E9E9E" />}
+  text="Locked Reward"
+  disabled={!hasEnoughPoints}
+  onPress={() => handleRedemption('locked')}
+  backgroundColor="#ECEFF1"
+  textColor="#757575"
+/>
+```
+
+### Custom Styling
+
+```jsx
+<RedemptionOption
+  icon={<GiftIcon size={28} color="#E91E63" />}
+  text="Special Offer"
+  containerStyle={{
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 5,
+  }}
+  iconContainerStyle={{
+    backgroundColor: 'rgba(233, 30, 99, 0.1)', 
+    borderRadius: 20,
+    padding: 8
+  }}
+  textStyle={{ fontWeight: 'bold', letterSpacing: 0.5 }}
+  onPress={() => handleSpecialOffer()}
+/>
+```

package/lib/commonjs/components/RedemptionOption/RedemptionOption.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _index = require("../../theme/index.js");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const RedemptionOption = ({
+  icon,
+  text,
+  orientation = "vertical",
+  backgroundColor,
+  textColor,
+  width,
+  height,
+  borderRadius = 8,
+  padding = 12,
+  fontSize = 14,
+  disabled = false,
+  isActive = false,
+  onPress,
+  containerStyle,
+  textStyle,
+  iconContainerStyle,
+  activeOpacityValue = 0.7
+}) => {
+  const theme = (0, _index.useTheme)();
+  textColor = textColor || theme.onSurface;
+  // Dynamic styles based on props
+  let dynamicContainerStyle = {
+    backgroundColor: backgroundColor || theme.surface,
+    borderRadius,
+    padding,
+    borderWidth: isActive ? 2 : 0,
+    borderColor: isActive ? textColor : undefined
+  };
+  if (width) dynamicContainerStyle.width = width;
+  if (height) dynamicContainerStyle.height = height;
+  const dynamicTextStyle = {
+    color: textColor,
+    fontSize: fontSize * 0.9,
+    lineHeight: fontSize * 1.1
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    style: [styles.container, orientation === "vertical" ? styles.vertical : styles.horizontal, dynamicContainerStyle, disabled && styles.disabled, containerStyle],
+    onPress: onPress,
+    disabled: disabled,
+    activeOpacity: activeOpacityValue,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled,
+      selected: isActive
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconContainer, orientation === "horizontal" && styles.iconHorizontal, iconContainerStyle],
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        minHeight: 40,
+        justifyContent: "center"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.text, orientation === "horizontal" ? {} : styles.textVertical, dynamicTextStyle, textStyle],
+        numberOfLines: 2,
+        ellipsizeMode: "tail",
+        adjustsFontSizeToFit: orientation === "vertical",
+        minimumFontScale: 0.8,
+        children: text
+      })
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  vertical: {
+    flexDirection: "column",
+    justifyContent: "center"
+  },
+  horizontal: {
+    flexDirection: "row",
+    justifyContent: "flex-start",
+    alignItems: "center"
+  },
+  iconContainer: {
+    marginBottom: 8,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  iconHorizontal: {
+    marginBottom: 0,
+    marginRight: 12
+  },
+  text: {
+    fontWeight: "500"
+  },
+  textVertical: {
+    textAlign: "center"
+  },
+  disabled: {
+    opacity: 0.6
+  }
+});
+var _default = exports.default = RedemptionOption;
+//# sourceMappingURL=RedemptionOption.js.map

package/lib/commonjs/components/RedemptionOption/RedemptionOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","theme","useTheme","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","jsxs","TouchableOpacity","style","styles","container","vertical","horizontal","activeOpacity","accessibilityRole","accessibilityState","selected","children","jsx","View","iconContainer","iconHorizontal","minHeight","justifyContent","Text","textVertical","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","StyleSheet","create","alignItems","flexDirection","marginBottom","marginRight","fontWeight","textAlign","opacity","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/RedemptionOption.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/RedemptionOption/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  RedemptionOption: true
+};
+Object.defineProperty(exports, "RedemptionOption", {
+  enumerable: true,
+  get: function () {
+    return _RedemptionOption.default;
+  }
+});
+var _RedemptionOption = _interopRequireWildcard(require("./RedemptionOption.js"));
+Object.keys(_RedemptionOption).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RedemptionOption[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RedemptionOption[key];
+    }
+  });
+});
+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; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/RedemptionOption/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RedemptionOption","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,iBAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,iBAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,iBAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAmC,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAf,wBAAAe,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAL,GAAA,CAAAE,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAtB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAuB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAAnB,cAAA,CAAAC,IAAA,CAAAO,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAtB,MAAA,CAAAuB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAd,GAAA,IAAAc,CAAA,CAAAC,GAAA,IAAA1B,MAAA,CAAAS,cAAA,CAAAW,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/lib/commonjs/components/ScratchCard/README.md

@@ -0,0 +1,119 @@
+## ScratchCard Documentation
+
+The `ScratchCard` is an interactive component that creates a scratch-to-reveal experience commonly used for promotions, rewards, and gamification features. It leverages the Shopify React Native Skia library to provide a smooth scratching animation with customizable appearance. The component tracks scratching progress and can trigger an action when a sufficient area has been revealed.
+
+### Usage
+
+```tsx
+import ScratchCard from "@/components/ScratchCard/ScratchCard";
+import ScratchCardContent from "@/components/ScratchCard/ScratchCardContent";
+import { Image, Text, View } from "react-native";
+
+const MyComponent = () => {
+  const handleRevealed = () => {
+    // Handle card fully revealed action
+    console.log("Scratch card revealed!");
+  };
+
+  return (
+    <View style={{ width: 300, height: 200 }}>
+      <ScratchCard 
+        image={require("@/assets/images/scratch_foreground.png")}
+        onScratched={handleRevealed}
+        brushStrokeWidth={40}
+        revealThreshold={0.7}
+      >
+        <ScratchCardContent>
+          <Image 
+            source={require("@/assets/images/reward-banner.png")} 
+            style={{ width: 250, height: 150 }}
+          />
+        </ScratchCardContent>
+      </ScratchCard>
+    </View>
+  );
+};
+
+export default MyComponent;
+```
+
+### Text-Based Example
+
+```tsx
+<ScratchCard 
+  backgroundColor="#8A2BE2"
+  text="Scratch to reveal your prize!"
+  textFontColor="#FFFFFF"
+  textFontSize={18}
+  width={300}
+  height={150}
+  onScratched={() => alert("Congratulations! You won a prize!")}
+>
+  <ScratchCardContent style={{ backgroundColor: "#FFD700" }}>
+    <Text style={{ fontSize: 24, fontWeight: "bold", color: "#000" }}>
+      50% OFF COUPON
+    </Text>
+    <Text style={{ marginTop: 8, color: "#333" }}>
+      Use code: SCRATCH50
+    </Text>
+  </ScratchCardContent>
+</ScratchCard>
+```
+
+### Props
+
+#### Core Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `style` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the container |
+| `children` | `React.ReactNode` | Required | Content to reveal underneath the scratch layer |
+| `image` | `ImageRequireSource` | `null` | Image to use as the scratch layer |
+| `width` | `number` | `300` | Width of the scratch card |
+| `height` | `number` | `300` | Height of the scratch card |
+| `onScratched` | `() => void` | `undefined` | Function to call when scratch threshold is reached |
+
+#### Scratch Behavior Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `brushStrokeWidth` | `number` | `50` | Width of the scratching stroke |
+| `revealThreshold` | `number` | `0.8` | Percentage (0.0-1.0) that needs to be scratched to trigger the reveal |
+
+#### Appearance Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `backgroundColor` | `string` | `"#CCCCCC"` | Background color of the scratch layer (used if no image is provided) |
+| `text` | `string` | `""` | Optional text to display on the scratch layer |
+| `textFont` | `ImageRequireSource` | `undefined` (required if text is present) | Font for the scratch layer text |
+| `textFontColor` | `string` | `"#CCCCCC"` | Color for the scratch layer text |
+| `textFontSize` | `number` | `16` | Font size for the scratch layer text |
+
+### ScratchCardContent
+
+The `ScratchCardContent` is a companion component that provides styling for the content underneath the scratch layer.
+
+#### Usage
+
+```tsx
+import ScratchCardContent from "@/components/ScratchCard/ScratchCardContent";
+
+<ScratchCardContent style={{ backgroundColor: "#f5f5f5" }}>
+  <Text>Your revealed content here</Text>
+</ScratchCardContent>
+```
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `children` | `React.ReactNode` | Required | Content to display underneath the scratch layer |
+| `style` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the content container |
+
+### Related Components
+
+- `ScratchCardContent`: Used for styling the revealed content
+- `Image`: Used to display images in the scratch content or as the scratch layer
+- `Text`: Used to display text in both the scratch layer and revealed content
+- `View`: The foundation component for layout structure

package/lib/commonjs/components/ScratchCard/ScratchCard.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+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 ScratchCard = ({
+  style,
+  children,
+  image = null,
+  brushStrokeWidth = 50,
+  revealThreshold = 0.8,
+  width = 300,
+  height = 300,
+  backgroundColor = "#CCCCCC",
+  text = "",
+  textFont,
+  textFontColor = "#CCCCCC",
+  textFontSize = 16,
+  onScratched
+}) => {
+  const img = (0, _reactNativeSkia.useImage)(image);
+  const font = (0, _reactNativeSkia.useFont)(textFont, textFontSize);
+  const [[areaWidth, areaHeight], setSize] = (0, _react.useState)([0, 0]);
+  const [isScratched, setScratched] = (0, _react.useState)(false);
+  const [_, setRefresh] = (0, _react.useState)(0);
+  const path = (0, _react.useRef)(_reactNativeSkia.Skia.Path.Make());
+  const lastKnownY = (0, _react.useRef)(null);
+
+  //Check scratch progress
+  const checkScratchProgress = () => {
+    const bounds = path.current.getBounds();
+    const scratchedArea = bounds.height * bounds.width;
+    const totalArea = areaWidth * areaHeight;
+    if (scratchedArea / totalArea > revealThreshold && !isScratched) {
+      setScratched(true);
+      if (onScratched) {
+        onScratched();
+      }
+    }
+  };
+
+  //Handle path movement on canvas
+  const handleMove = nativeEvent => {
+    let {
+      locationX,
+      locationY
+    } = nativeEvent;
+    if (lastKnownY.current != null && nativeEvent.locationY - lastKnownY.current > 50) {
+      return;
+    }
+    path.current.lineTo(locationX, locationY);
+    lastKnownY.current = locationY;
+    setRefresh(prev => prev + 1);
+    checkScratchProgress();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    onLayout: e => {
+      setSize([e.nativeEvent.layout.width, e.nativeEvent.layout.height]);
+    },
+    style: [styles.container, style, {
+      width,
+      height
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.content,
+      children: children
+    }), !isScratched && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Canvas, {
+      style: styles.canvas,
+      onTouchStart: ({
+        nativeEvent
+      }) => {
+        path.current.moveTo(nativeEvent.locationX, nativeEvent.locationY);
+        setRefresh(prev => prev + 1);
+      },
+      onTouchMove: ({
+        nativeEvent
+      }) => handleMove(nativeEvent),
+      onTouchEnd: () => lastKnownY.current = null,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Mask, {
+        mode: "luminance",
+        mask: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Group, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+            x: 0,
+            y: 0,
+            width: 1000,
+            height: 1000,
+            color: "white"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Path, {
+            path: path.current,
+            color: "black",
+            style: "stroke",
+            strokeJoin: "round",
+            strokeCap: "round",
+            strokeWidth: brushStrokeWidth
+          })]
+        }),
+        children: img ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Image, {
+          image: img,
+          fit: "cover",
+          x: 0,
+          y: 0,
+          width: areaWidth,
+          height: areaHeight
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Group, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+            x: 0,
+            y: 0,
+            width: areaWidth,
+            height: areaHeight,
+            color: backgroundColor
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Text, {
+            x: areaWidth / 2 - (font?.measureText(text).width || 0) / 2,
+            y: areaHeight / 2 + (font?.measureText(text).height || 0) / 2,
+            text: text,
+            color: textFontColor,
+            font: font
+          })]
+        })
+      })
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: "relative",
+    overflow: "hidden",
+    width: "100%",
+    height: "100%"
+  },
+  content: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100%"
+  },
+  canvas: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100%"
+  }
+});
+var _default = exports.default = ScratchCard;
+//# sourceMappingURL=ScratchCard.js.map

package/lib/commonjs/components/ScratchCard/ScratchCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeSkia","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ScratchCard","style","children","image","brushStrokeWidth","revealThreshold","width","height","backgroundColor","text","textFont","textFontColor","textFontSize","onScratched","img","useImage","font","useFont","areaWidth","areaHeight","setSize","useState","isScratched","setScratched","_","setRefresh","path","useRef","Skia","Path","Make","lastKnownY","checkScratchProgress","bounds","current","getBounds","scratchedArea","totalArea","handleMove","nativeEvent","locationX","locationY","lineTo","prev","jsxs","View","onLayout","layout","styles","container","jsx","content","Canvas","canvas","onTouchStart","moveTo","onTouchMove","onTouchEnd","Mask","mode","mask","Group","Rect","x","y","color","strokeJoin","strokeCap","strokeWidth","Image","fit","Text","measureText","StyleSheet","create","position","overflow","top","left","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ScratchCard/ScratchCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ScratchCard/ScratchCardContent.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const ScratchCardContent = ({
+  children,
+  style
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.card, style],
+    children: children
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    backgroundColor: "#ffffff",
+    width: "100%",
+    height: "100%",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+var _default = exports.default = ScratchCardContent;
+//# sourceMappingURL=ScratchCardContent.js.map

package/lib/commonjs/components/ScratchCard/ScratchCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_jsxRuntime","ScratchCardContent","children","style","jsx","View","styles","card","StyleSheet","create","backgroundColor","width","height","alignItems","justifyContent","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ScratchCard/ScratchCardContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAsE,IAAAC,WAAA,GAAAD,OAAA;AAOtE,MAAME,kBAAqD,GAAGA,CAAC;EAC7DC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,oBAAO,IAAAH,WAAA,CAAAI,GAAA,EAACN,YAAA,CAAAO,IAAI;IAACF,KAAK,EAAE,CAACG,MAAM,CAACC,IAAI,EAAEJ,KAAK,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAC7D,CAAC;AAED,MAAMI,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,eAAe,EAAE,SAAS;IAC1BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEYhB,kBAAkB","ignoreList":[]}

package/lib/commonjs/components/ScratchCard/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ScratchCard: true,
+  ScratchCardContent: true
+};
+Object.defineProperty(exports, "ScratchCard", {
+  enumerable: true,
+  get: function () {
+    return _ScratchCard.default;
+  }
+});
+Object.defineProperty(exports, "ScratchCardContent", {
+  enumerable: true,
+  get: function () {
+    return _ScratchCardContent.default;
+  }
+});
+var _ScratchCard = _interopRequireWildcard(require("./ScratchCard.js"));
+Object.keys(_ScratchCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ScratchCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScratchCard[key];
+    }
+  });
+});
+var _ScratchCardContent = _interopRequireWildcard(require("./ScratchCardContent.js"));
+Object.keys(_ScratchCardContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ScratchCardContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScratchCardContent[key];
+    }
+  });
+});
+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; }
+//# sourceMappingURL=index.js.map