@reown/appkit-ui-react-native 2.0.0 → 2.0.2

package/src/utils/QRCodeUtil.tsx

@@ -1,15 +1,32 @@
-import type { ReactNode } from 'react';
-import { Line, Rect, Circle } from 'react-native-svg';
 import QRCode from 'qrcode';
-import { DarkTheme, LightTheme } from '../utils/ThemeUtil';
-
-type CoordinateMapping = [number, number[]];
 
 const CONNECTING_ERROR_MARGIN = 0.1;
 const CIRCLE_SIZE_MODIFIER = 2.5;
 const QRCODE_MATRIX_MARGIN = 7;
+const LOGO_PADDING = 25;
+
+export interface QRData {
+  rects: {
+    x: number;
+    y: number;
+    size: number;
+    fillType: 'dot' | 'edge';
+  }[];
+  circles: {
+    cx: number;
+    cy: number;
+    r: number;
+  }[];
+  lines: {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+    strokeWidth: number;
+  }[];
+}
 
-function isAdjecentDots(cy: number, otherCy: number, cellSize: number) {
+function isAdjacentDots(cy: number, otherCy: number, cellSize: number) {
   if (cy === otherCy) {
     return false;
   }
@@ -18,7 +35,10 @@ function isAdjecentDots(cy: number, otherCy: number, cellSize: number) {
   return diff <= cellSize + CONNECTING_ERROR_MARGIN;
 }
 
-function getMatrix(value: string, errorCorrectionLevel: QRCode.QRCodeErrorCorrectionLevel) {
+function getMatrix(
+  value: string,
+  errorCorrectionLevel: QRCode.QRCodeErrorCorrectionLevel
+): boolean[][] {
   const arr = Array.prototype.slice.call(
     QRCode.create(value, { errorCorrectionLevel }).modules.data,
     0
@@ -32,154 +52,257 @@ function getMatrix(value: string, errorCorrectionLevel: QRCode.QRCodeErrorCorrec
   );
 }
 
-export const QRCodeUtil = {
-  generate(uri: string, size: number, logoSize: number) {
-    const dotColor = DarkTheme['bg-100'];
-    const edgeColor = LightTheme['bg-100'];
-    const dots: ReactNode[] = [];
-    const matrix = getMatrix(uri, 'Q');
-    const cellSize = size / matrix.length;
-    const qrList = [
-      { x: 0, y: 0 },
-      { x: 1, y: 0 },
-      { x: 0, y: 1 }
-    ];
-
-    qrList.forEach(({ x, y }) => {
-      const x1 = (matrix.length - QRCODE_MATRIX_MARGIN) * cellSize * x;
-      const y1 = (matrix.length - QRCODE_MATRIX_MARGIN) * cellSize * y;
-      const borderRadius = 0.32;
-      for (let i = 0; i < qrList.length; i += 1) {
-        const dotSize = cellSize * (QRCODE_MATRIX_MARGIN - i * 2);
-        dots.push(
-          <Rect
-            key={`rect_${x1 + cellSize * i}_${y1 + cellSize * i}`}
-            fill={i % 2 === 0 ? dotColor : edgeColor}
-            height={dotSize}
-            rx={dotSize * borderRadius}
-            ry={dotSize * borderRadius}
-            width={dotSize}
-            x={x1 + cellSize * i}
-            y={y1 + cellSize * i}
-          />
-        );
+function processQRMatrix(
+  matrix: boolean[][],
+  size: number,
+  logoSize: number,
+  logoBorderRadius?: number
+): QRData {
+  const matrixLength = matrix.length;
+  const cellSize = size / matrixLength;
+  const halfCellSize = cellSize / 2;
+  const strokeWidth = cellSize / (CIRCLE_SIZE_MODIFIER / 2);
+  const circleRadius = cellSize / CIRCLE_SIZE_MODIFIER;
+
+  const rects: QRData['rects'] = [];
+  const circles: QRData['circles'] = [];
+  const lines: QRData['lines'] = [];
+
+  // Generate corner rectangles - optimized with direct indexing
+  const qrList = [
+    { x: 0, y: 0 },
+    { x: 1, y: 0 },
+    { x: 0, y: 1 }
+  ];
+  const baseOffset = (matrixLength - QRCODE_MATRIX_MARGIN) * cellSize;
+
+  for (let qrIdx = 0; qrIdx < 3; qrIdx++) {
+    const qr = qrList[qrIdx]!;
+    const x1 = baseOffset * qr.x;
+    const y1 = baseOffset * qr.y;
+
+    for (let i = 0; i < 3; i++) {
+      const dotSize = cellSize * (QRCODE_MATRIX_MARGIN - i * 2);
+      rects.push({
+        x: x1 + cellSize * i,
+        y: y1 + cellSize * i,
+        size: dotSize,
+        fillType: i % 2 === 0 ? 'dot' : 'edge'
+      });
+    }
+  }
+
+  const circleCoords: [number, number][] = [];
+
+  // Determine if using circular or rounded rectangle hole
+  const isCircular = logoBorderRadius === undefined;
+  const effectiveBorderRadius = logoBorderRadius ?? (logoSize + LOGO_PADDING) / 2;
+
+  // Calculate circle coordinates - optimized with configurable hole shape
+  for (let i = 0; i < matrixLength; i++) {
+    const row = matrix[i]!;
+    const rowLength = row.length;
+
+    for (let j = 0; j < rowLength; j++) {
+      if (!row[j]) continue;
+
+      // Skip corners check
+      if (
+        (i < QRCODE_MATRIX_MARGIN && j < QRCODE_MATRIX_MARGIN) ||
+        (i > matrixLength - (QRCODE_MATRIX_MARGIN + 1) && j < QRCODE_MATRIX_MARGIN) ||
+        (i < QRCODE_MATRIX_MARGIN && j > matrixLength - (QRCODE_MATRIX_MARGIN + 1))
+      ) {
+        continue;
       }
-    });
-
-    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
-    const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
-    const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
-    const circles: [number, number][] = [];
-
-    // Getting coordinates for each of the QR code dots
-    matrix.forEach((row: QRCode.QRCode[], i: number) => {
-      row.forEach((_, j: number) => {
-        if (matrix[i][j]) {
-          if (
-            !(
-              (i < QRCODE_MATRIX_MARGIN && j < QRCODE_MATRIX_MARGIN) ||
-              (i > matrix.length - (QRCODE_MATRIX_MARGIN + 1) && j < QRCODE_MATRIX_MARGIN) ||
-              (i < QRCODE_MATRIX_MARGIN && j > matrix.length - (QRCODE_MATRIX_MARGIN + 1))
-            )
-          ) {
-            if (
-              !(
-                i > matrixMiddleStart &&
-                i < matrixMiddleEnd &&
-                j > matrixMiddleStart &&
-                j < matrixMiddleEnd
-              )
-            ) {
-              const cx = i * cellSize + cellSize / 2;
-              const cy = j * cellSize + cellSize / 2;
-              circles.push([cx, cy]);
-            }
-          }
+
+      // Calculate pixel coordinates first
+      const cx = i * cellSize + halfCellSize;
+      const cy = j * cellSize + halfCellSize;
+
+      // Skip hole calculation if logoSize is 0 (arenaClear)
+      if (logoSize === 0) {
+        circleCoords.push([cx, cy]);
+        continue;
+      }
+
+      // Calculate distance from center in pixel space
+      const centerX = size / 2;
+      const centerY = size / 2;
+
+      let isOutsideLogoArea = false;
+
+      if (isCircular) {
+        // Circular hole
+        const dx = cx - centerX;
+        const dy = cy - centerY;
+        const distanceFromCenter = Math.sqrt(dx * dx + dy * dy);
+        const pixelRadius = (logoSize + LOGO_PADDING) / 2;
+        isOutsideLogoArea = distanceFromCenter >= pixelRadius;
+      } else {
+        // Rounded rectangle hole
+        const halfLogoArea = (logoSize + LOGO_PADDING) / 2;
+        const dx = Math.abs(cx - centerX);
+        const dy = Math.abs(cy - centerY);
+
+        // Check if point is outside the rounded rectangle
+        if (dx > halfLogoArea || dy > halfLogoArea) {
+          isOutsideLogoArea = true;
+        } else if (
+          dx > halfLogoArea - effectiveBorderRadius &&
+          dy > halfLogoArea - effectiveBorderRadius
+        ) {
+          // Check corner radius
+          const cornerDx = dx - (halfLogoArea - effectiveBorderRadius);
+          const cornerDy = dy - (halfLogoArea - effectiveBorderRadius);
+          const cornerDistance = Math.sqrt(cornerDx * cornerDx + cornerDy * cornerDy);
+          isOutsideLogoArea = cornerDistance >= effectiveBorderRadius;
+        } else {
+          isOutsideLogoArea = false;
         }
+      }
+
+      if (isOutsideLogoArea) {
+        circleCoords.push([cx, cy]);
+      }
+    }
+  }
+
+  // Build circlesToConnect - optimized loop
+  const circlesToConnect: Record<number, number[]> = {};
+  for (let k = 0; k < circleCoords.length; k++) {
+    const [cx, cy] = circleCoords[k]!;
+    const existing = circlesToConnect[cx];
+    if (existing) {
+      existing.push(cy);
+    } else {
+      circlesToConnect[cx] = [cy];
+    }
+  }
+
+  // Process circles and lines - optimized to avoid Object.entries
+  for (const cxKey in circlesToConnect) {
+    const cx = Number(cxKey);
+    const cys = circlesToConnect[cxKey]!;
+
+    if (cys.length === 1) {
+      const firstCy = cys[0];
+      if (firstCy === undefined) continue;
+
+      // Single dot, add as circle
+      circles.push({
+        cx,
+        cy: firstCy,
+        r: circleRadius
       });
-    });
+      continue;
+    }
 
-    // Cx to multiple cys
-    const circlesToConnect: Record<number, number[]> = {};
+    // Sort once for line grouping
+    cys.sort((a, b) => a - b);
 
-    // Mapping all dots cicles on the same x axis
-    circles.forEach(([cx, cy]) => {
-      if (circlesToConnect[cx]) {
-        circlesToConnect[cx]?.push(cy);
-      } else {
-        circlesToConnect[cx] = [cy];
+    // Track which dots are connected and which are lonely
+    const isConnected = new Array(cys.length).fill(false);
+
+    // Find all adjacent pairs
+    for (let i = 0; i < cys.length - 1; i++) {
+      const currentCy = cys[i];
+      const nextCy = cys[i + 1];
+      if (
+        currentCy !== undefined &&
+        nextCy !== undefined &&
+        isAdjacentDots(currentCy, nextCy, cellSize)
+      ) {
+        isConnected[i] = true;
+        isConnected[i + 1] = true;
       }
-    });
-
-    // Drawing lonely dots
-    Object.entries(circlesToConnect)
-      // Only get dots that have neighbors
-      .map(([cx, cys]) => {
-        const newCys = cys.filter(cy =>
-          cys.every(otherCy => !isAdjecentDots(cy, otherCy, cellSize))
-        );
-
-        return [Number(cx), newCys] as CoordinateMapping;
-      })
-      .forEach(([cx, cys]) => {
-        cys.forEach(cy => {
-          dots.push(
-            <Circle
-              key={`circle_${cx}_${cy}`}
-              cx={cx}
-              cy={cy}
-              fill={dotColor}
-              r={cellSize / CIRCLE_SIZE_MODIFIER}
-            />
-          );
+    }
+
+    // Add lonely dots as circles and build line groups
+    let groupStart = -1;
+    let groupEnd = -1;
+
+    for (let i = 0; i < cys.length; i++) {
+      const cy = cys[i];
+      if (cy === undefined) continue;
+
+      if (!isConnected[i]) {
+        // Lonely dot - add as circle
+        circles.push({
+          cx,
+          cy,
+          r: circleRadius
         });
-      });
 
-    // Drawing lines for dots that are close to each other
-    Object.entries(circlesToConnect)
-      // Only get dots that have more than one dot on the x axis
-      .filter(([_, cys]) => cys.length > 1)
-      // Removing dots with no neighbors
-      .map(([cx, cys]) => {
-        const newCys = cys.filter(cy => cys.some(otherCy => isAdjecentDots(cy, otherCy, cellSize)));
-
-        return [Number(cx), newCys] as CoordinateMapping;
-      })
-      // Get the coordinates of the first and last dot of a line
-      .map(([cx, cys]) => {
-        cys.sort((a, b) => (a < b ? -1 : 1));
-        const groups: number[][] = [];
-
-        for (const cy of cys) {
-          const group = groups.find(item =>
-            item.some(otherCy => isAdjecentDots(cy, otherCy, cellSize))
-          );
-          if (group) {
-            group.push(cy);
+        // Finish any ongoing line group
+        if (groupStart !== -1 && groupEnd !== -1 && groupStart !== groupEnd) {
+          lines.push({
+            x1: cx,
+            x2: cx,
+            y1: groupStart,
+            y2: groupEnd,
+            strokeWidth
+          });
+        }
+        groupStart = -1;
+        groupEnd = -1;
+      } else {
+        // Part of a line group
+        if (groupStart === -1) {
+          groupStart = cy;
+          groupEnd = cy;
+        } else {
+          // Check if adjacent to previous
+          const prevCy = cys[i - 1];
+          if (i > 0 && prevCy !== undefined && isAdjacentDots(cy, prevCy, cellSize)) {
+            groupEnd = cy;
           } else {
-            groups.push([cy]);
+            // Gap in the group, finish previous line
+            if (groupStart !== groupEnd) {
+              lines.push({
+                x1: cx,
+                x2: cx,
+                y1: groupStart,
+                y2: groupEnd,
+                strokeWidth
+              });
+            }
+            groupStart = cy;
+            groupEnd = cy;
           }
         }
+      }
+    }
 
-        return [cx, groups.map(item => [item[0], item[item.length - 1]])] as [number, number[][]];
-      })
-      .forEach(([cx, groups]) => {
-        groups.forEach(([y1, y2]) => {
-          dots.push(
-            <Line
-              key={`line_${cx}_${y1}_${y2}`}
-              x1={cx}
-              x2={cx}
-              y1={y1}
-              y2={y2}
-              stroke={dotColor}
-              strokeWidth={cellSize / (CIRCLE_SIZE_MODIFIER / 2)}
-              strokeLinecap="round"
-            />
-          );
-        });
+    // Don't forget the last group
+    if (groupStart !== -1 && groupEnd !== -1 && groupStart !== groupEnd) {
+      lines.push({
+        x1: cx,
+        x2: cx,
+        y1: groupStart,
+        y2: groupEnd,
+        strokeWidth
       });
+    }
+  }
 
-    return dots;
+  return { rects, circles, lines };
+}
+
+export function generateQRData(
+  uri: string,
+  size: number,
+  logoSize: number,
+  logoBorderRadius?: number
+): QRData {
+  if (!uri || size <= 0) {
+    throw new Error('Invalid QR code parameters');
   }
+
+  const matrix = getMatrix(uri, 'Q');
+
+  return processQRMatrix(matrix, size, logoSize, logoBorderRadius);
+}
+
+export const QRCodeUtil = {
+  generate: generateQRData
 };

package/src/utils/TransactionUtil.ts

@@ -1,9 +1,9 @@
-import { DateUtil } from '@reown/appkit-common-react-native';
-import type {
-  TransactionTransfer,
-  Transaction,
-  TransactionImage,
-  TransactionMetadata
+import {
+  type TransactionTransfer,
+  type Transaction,
+  type TransactionImage,
+  type TransactionMetadata,
+  DateUtil
 } from '@reown/appkit-common-react-native';
 import type { TransactionType } from './TypesUtil';
 import { UiUtil } from './UiUtil';

package/src/utils/TypesUtil.ts

@@ -169,7 +169,7 @@ export type IconType =
   | 'google'
   | 'helpCircle'
   | 'infoCircle'
-  | 'mail'
+  | 'email'
   | 'mobile'
   | 'more'
   | 'networkPlaceholder'
@@ -179,6 +179,7 @@ export type IconType =
   | 'qrCode'
   | 'recycleHorizontal'
   | 'refresh'
+  | 'reown'
   | 'search'
   | 'settings'
   | 'swapHorizontal'
@@ -223,6 +224,7 @@ export type LogoType =
   | 'more'
   | 'telegram'
   | 'twitch'
+  | 'email'
   | 'x';
 
 export type TagType = 'main' | 'shade' | 'error' | 'success';

package/src/utils/UiUtil.ts

@@ -4,8 +4,8 @@ import { Spacing } from './ThemeUtil';
 import type { SpacingType, TruncateOptions } from './TypesUtil';
 
 export const UiUtil = {
-  getSpacingStyles(spacing: SpacingType | SpacingType[], index: number) {
-    if (Array.isArray(spacing)) {
+  getSpacingStyles(spacing: SpacingType | SpacingType[], index?: number) {
+    if (Array.isArray(spacing) && index !== undefined) {
       return spacing[index] ? Spacing[spacing[index] as SpacingType] : undefined;
     } else if (typeof spacing === 'string') {
       return Spacing[spacing];

package/lib/commonjs/composites/wui-promo/index.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Promo = Promo;
-var _reactNative = require("react-native");
-var _wuiIcon = require("../../components/wui-icon");
-var _wuiText = require("../../components/wui-text");
-var _useTheme = require("../../hooks/useTheme");
-var _wuiFlex = require("../../layout/wui-flex");
-var _ThemeUtil = require("../../utils/ThemeUtil");
-function Promo({
-  text,
-  style,
-  onPress
-}) {
-  const Theme = (0, _useTheme.useTheme)();
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    style: style,
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "row",
-    padding: ['xs', 'xs', 'xs', 'm'],
-    style: [styles.container, {
-      backgroundColor: Theme['gray-glass-090']
-    }]
-  }, /*#__PURE__*/React.createElement(_wuiText.Text, {
-    variant: "small-600",
-    color: "bg-100"
-  }, text), /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
-    style: styles.icon,
-    name: "arrowRight",
-    color: "bg-100",
-    size: "xs"
-  })));
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    borderRadius: _ThemeUtil.BorderRadius.full
-  },
-  icon: {
-    marginLeft: _ThemeUtil.Spacing['2xs']
-  }
-});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-promo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_wuiIcon","_wuiText","_useTheme","_wuiFlex","_ThemeUtil","Promo","text","style","onPress","Theme","useTheme","React","createElement","Pressable","FlexView","alignItems","justifyContent","flexDirection","padding","styles","container","backgroundColor","Text","variant","color","Icon","icon","name","size","StyleSheet","create","borderRadius","BorderRadius","full","marginLeft","Spacing"],"sourceRoot":"../../../../src","sources":["composites/wui-promo/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAQO,SAASM,KAAKA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAoB,CAAC,EAAE;EAC1D,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACEC,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,SAAS;IAACN,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA;EAAQ,gBACxCG,KAAA,CAAAC,aAAA,CAACT,QAAA,CAAAW,QAAQ;IACPC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,aAAa,EAAC,KAAK;IACnBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAE;IACjCX,KAAK,EAAE,CAACY,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEZ,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,gBAExEE,KAAA,CAAAC,aAAA,CAACX,QAAA,CAAAqB,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrClB,IACG,CAAC,eACPK,KAAA,CAAAC,aAAA,CAACZ,QAAA,CAAAyB,IAAI;IAAClB,KAAK,EAAEY,MAAM,CAACO,IAAK;IAACC,IAAI,EAAC,YAAY;IAACH,KAAK,EAAC,QAAQ;IAACI,IAAI,EAAC;EAAI,CAAE,CAC9D,CACD,CAAC;AAEhB;AAEA,MAAMT,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,YAAY,EAAEC,uBAAY,CAACC;EAC7B,CAAC;EACDP,IAAI,EAAE;IACJQ,UAAU,EAAEC,kBAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}

package/lib/module/composites/wui-promo/index.js

@@ -1,42 +0,0 @@
-import { Pressable, StyleSheet } from 'react-native';
-import { Icon } from '../../components/wui-icon';
-import { Text } from '../../components/wui-text';
-import { useTheme } from '../../hooks/useTheme';
-import { FlexView } from '../../layout/wui-flex';
-import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
-export function Promo({
-  text,
-  style,
-  onPress
-}) {
-  const Theme = useTheme();
-  return /*#__PURE__*/React.createElement(Pressable, {
-    style: style,
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "row",
-    padding: ['xs', 'xs', 'xs', 'm'],
-    style: [styles.container, {
-      backgroundColor: Theme['gray-glass-090']
-    }]
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-600",
-    color: "bg-100"
-  }, text), /*#__PURE__*/React.createElement(Icon, {
-    style: styles.icon,
-    name: "arrowRight",
-    color: "bg-100",
-    size: "xs"
-  })));
-}
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: BorderRadius.full
-  },
-  icon: {
-    marginLeft: Spacing['2xs']
-  }
-});
-//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-promo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Pressable","StyleSheet","Icon","Text","useTheme","FlexView","BorderRadius","Spacing","Promo","text","style","onPress","Theme","React","createElement","alignItems","justifyContent","flexDirection","padding","styles","container","backgroundColor","variant","color","icon","name","size","create","borderRadius","full","marginLeft"],"sourceRoot":"../../../../src","sources":["composites/wui-promo/index.tsx"],"mappings":"AAAA,SAASA,SAAS,EAAEC,UAAU,QAAwC,cAAc;AACpF,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAQ7D,OAAO,SAASC,KAAKA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAoB,CAAC,EAAE;EAC1D,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EAExB,oBACES,KAAA,CAAAC,aAAA,CAACd,SAAS;IAACU,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA;EAAQ,gBACxCE,KAAA,CAAAC,aAAA,CAACT,QAAQ;IACPU,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,aAAa,EAAC,KAAK;IACnBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAE;IACjCR,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAET,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,gBAExEC,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACmB,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrCd,IACG,CAAC,eACPI,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACQ,KAAK,EAAES,MAAM,CAACK,IAAK;IAACC,IAAI,EAAC,YAAY;IAACF,KAAK,EAAC,QAAQ;IAACG,IAAI,EAAC;EAAI,CAAE,CAC9D,CACD,CAAC;AAEhB;AAEA,MAAMP,MAAM,GAAGlB,UAAU,CAAC0B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,YAAY,EAAEtB,YAAY,CAACuB;EAC7B,CAAC;EACDL,IAAI,EAAE;IACJM,UAAU,EAAEvB,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}

package/lib/typescript/composites/wui-promo/index.d.ts

@@ -1,8 +0,0 @@
-import { type StyleProp, type ViewStyle } from 'react-native';
-export interface PromoProps {
-    text: string;
-    style?: StyleProp<ViewStyle>;
-    onPress?: () => void;
-}
-export declare function Promo({ text, style, onPress }: PromoProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/composites/wui-promo/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-promo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOrF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,2CAmBzD"}

package/src/composites/wui-promo/index.tsx

@@ -1,42 +0,0 @@
-import { Pressable, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
-import { Icon } from '../../components/wui-icon';
-import { Text } from '../../components/wui-text';
-import { useTheme } from '../../hooks/useTheme';
-import { FlexView } from '../../layout/wui-flex';
-import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
-
-export interface PromoProps {
-  text: string;
-  style?: StyleProp<ViewStyle>;
-  onPress?: () => void;
-}
-
-export function Promo({ text, style, onPress }: PromoProps) {
-  const Theme = useTheme();
-
-  return (
-    <Pressable style={style} onPress={onPress}>
-      <FlexView
-        alignItems="center"
-        justifyContent="center"
-        flexDirection="row"
-        padding={['xs', 'xs', 'xs', 'm']}
-        style={[styles.container, { backgroundColor: Theme['gray-glass-090'] }]}
-      >
-        <Text variant="small-600" color="bg-100">
-          {text}
-        </Text>
-        <Icon style={styles.icon} name="arrowRight" color="bg-100" size="xs" />
-      </FlexView>
-    </Pressable>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: BorderRadius.full
-  },
-  icon: {
-    marginLeft: Spacing['2xs']
-  }
-});