@appsupportkit/support-sdk 0.1.0

package/lib/commonjs/components/icons.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertCircleIcon = AlertCircleIcon;
+exports.BubbleMark = BubbleMark;
+exports.ChatIcon = ChatIcon;
+exports.CheckIcon = CheckIcon;
+exports.Chevron = Chevron;
+exports.CloseIcon = CloseIcon;
+exports.PlusCircleIcon = PlusCircleIcon;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+// Minimal geometric icons built from Views — keeps the SDK free of
+// react-native-svg / icon-font dependencies. 1.5px strokes to match the
+// Lucide icons used on the web dashboard.
+
+const STROKE = 1.5;
+function ChatIcon({
+  color,
+  size = 16
+}) {
+  const dot = {
+    width: size * 0.11,
+    height: size * 0.11,
+    borderRadius: size,
+    backgroundColor: color
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size * 0.8,
+      borderWidth: STROKE,
+      borderColor: color,
+      borderRadius: size * 0.25,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: size * 0.11
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: dot
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: dot
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: dot
+    })]
+  });
+}
+function PlusCircleIcon({
+  color,
+  size = 16
+}) {
+  const bar = size * 0.45;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size,
+      borderWidth: STROKE,
+      borderColor: color,
+      borderRadius: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: bar,
+        height: STROKE,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: STROKE,
+        height: bar,
+        backgroundColor: color,
+        position: 'absolute'
+      }
+    })]
+  });
+}
+function AlertCircleIcon({
+  color,
+  size = 16
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size,
+      borderWidth: STROKE,
+      borderColor: color,
+      borderRadius: size,
+      alignItems: 'center',
+      paddingTop: size * 0.2
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: STROKE,
+        height: size * 0.32,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: STROKE + 0.5,
+        height: STROKE + 0.5,
+        borderRadius: 2,
+        backgroundColor: color,
+        marginTop: size * 0.09
+      }
+    })]
+  });
+}
+
+/** Chevron built from two borders, rotated. direction: right | left | down. */
+function Chevron({
+  color,
+  size = 10,
+  direction = 'right'
+}) {
+  const rotation = direction === 'right' ? '-45deg' : direction === 'left' ? '135deg' : '45deg';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: size * 0.7,
+      height: size * 0.7,
+      borderRightWidth: STROKE,
+      borderBottomWidth: STROKE,
+      borderColor: color,
+      transform: [{
+        rotate: rotation
+      }]
+    }
+  });
+}
+function CloseIcon({
+  color,
+  size = 14
+}) {
+  const bar = {
+    position: 'absolute',
+    width: size,
+    height: STROKE,
+    backgroundColor: color,
+    borderRadius: 1
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [bar, {
+        transform: [{
+          rotate: '45deg'
+        }]
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [bar, {
+        transform: [{
+          rotate: '-45deg'
+        }]
+      }]
+    })]
+  });
+}
+function CheckIcon({
+  color,
+  size = 16
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: size * 0.9,
+      height: size * 0.5,
+      borderLeftWidth: STROKE + 0.5,
+      borderBottomWidth: STROKE + 0.5,
+      borderColor: color,
+      transform: [{
+        rotate: '-45deg'
+      }],
+      marginBottom: size * 0.15
+    }
+  });
+}
+
+/** The chat-bubble mark on the floating support button. */
+function BubbleMark({
+  color,
+  size = 20
+}) {
+  const dot = {
+    width: size * 0.12,
+    height: size * 0.12,
+    borderRadius: size,
+    backgroundColor: color
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        width: size,
+        height: size * 0.78,
+        borderWidth: STROKE + 0.25,
+        borderColor: color,
+        borderRadius: size * 0.28,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: size * 0.1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dot
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dot
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dot
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: size * 0.22,
+        height: size * 0.22,
+        borderLeftWidth: STROKE + 0.25,
+        borderBottomWidth: STROKE + 0.25,
+        borderColor: color,
+        marginLeft: size * 0.18,
+        marginTop: -STROKE,
+        transform: [{
+          skewX: '-12deg'
+        }]
+      }
+    })]
+  });
+}
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_jsxRuntime","STROKE","ChatIcon","color","size","dot","width","height","borderRadius","backgroundColor","jsxs","View","style","borderWidth","borderColor","flexDirection","alignItems","justifyContent","gap","children","jsx","PlusCircleIcon","bar","position","AlertCircleIcon","paddingTop","marginTop","Chevron","direction","rotation","borderRightWidth","borderBottomWidth","transform","rotate","CloseIcon","CheckIcon","borderLeftWidth","marginBottom","BubbleMark","marginLeft","skewX"],"sourceRoot":"../../../src","sources":["components/icons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/primitives.js

@@ -0,0 +1,284 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyState = EmptyState;
+exports.ErrorState = ErrorState;
+exports.PressableRow = PressableRow;
+exports.PrimaryButton = PrimaryButton;
+exports.SecondaryButton = SecondaryButton;
+exports.SkeletonBlock = SkeletonBlock;
+exports.StatusIndicator = StatusIndicator;
+exports.TypeChipView = TypeChipView;
+exports.textStyles = void 0;
+exports.typeColor = typeColor;
+exports.typeIcon = typeIcon;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _types = require("../types");
+var _icons = require("./icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function typeIcon(type, color, size = 15) {
+  if (type === 'bug_report') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AlertCircleIcon, {
+    color: color,
+    size: size
+  });
+  if (type === 'feature_request') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusCircleIcon, {
+    color: color,
+    size: size
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ChatIcon, {
+    color: color,
+    size: size
+  });
+}
+function typeColor(type, theme) {
+  if (type === 'bug_report') return theme.colors.statusDanger;
+  if (type === 'feature_request') return theme.colors.statusProgress;
+  return theme.colors.statusOpen;
+}
+
+/** Status dot + label — same visual language as the dashboard. */
+function StatusIndicator({
+  status,
+  theme
+}) {
+  const color = status === 'open' ? theme.colors.statusOpen : theme.colors.statusResolved;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 6,
+        height: 6,
+        borderRadius: 3,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        fontSize: 12,
+        color
+      },
+      children: status === 'open' ? 'Open' : 'Resolved'
+    })]
+  });
+}
+
+/** Pressable row with the standard hover/press wash. */
+function PressableRow({
+  onPress,
+  children,
+  theme,
+  style,
+  accessibilityLabel
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    style: ({
+      pressed
+    }) => [{
+      backgroundColor: pressed ? theme.colors.surfaceHover : 'transparent'
+    }, style],
+    children: children
+  });
+}
+function PrimaryButton({
+  label,
+  onPress,
+  disabled,
+  theme
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: "button",
+    style: ({
+      pressed
+    }) => ({
+      height: 36,
+      paddingHorizontal: 14,
+      borderRadius: theme.radii.control,
+      backgroundColor: pressed ? theme.colors.accentHover : theme.colors.accent,
+      opacity: disabled ? 0.5 : 1,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        color: theme.colors.accentForeground,
+        fontSize: 13,
+        fontWeight: '500'
+      },
+      children: label
+    })
+  });
+}
+function SecondaryButton({
+  label,
+  onPress,
+  theme
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    style: ({
+      pressed
+    }) => ({
+      height: 32,
+      paddingHorizontal: 12,
+      borderRadius: theme.radii.control,
+      borderWidth: 1,
+      borderColor: theme.colors.border,
+      backgroundColor: pressed ? theme.colors.surfaceHover : theme.colors.surface,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        color: theme.colors.textPrimary,
+        fontSize: 12,
+        fontWeight: '500'
+      },
+      children: label
+    })
+  });
+}
+
+/** Small muted icon + one line — no illustrations. */
+function EmptyState({
+  message,
+  theme,
+  icon
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      alignItems: 'center',
+      paddingVertical: 40,
+      gap: 8
+    },
+    children: [icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ChatIcon, {
+      color: theme.colors.textTertiary,
+      size: 16
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        fontSize: 13,
+        color: theme.colors.textSecondary
+      },
+      children: message
+    })]
+  });
+}
+
+/** Inline failure state with retry — errors are designed, not toasted. */
+function ErrorState({
+  message,
+  onRetry,
+  theme
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      alignItems: 'center',
+      paddingVertical: 32,
+      gap: 10
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        fontSize: 13,
+        color: theme.colors.textSecondary
+      },
+      children: message
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SecondaryButton, {
+      label: "Retry",
+      onPress: onRetry,
+      theme: theme
+    })]
+  });
+}
+
+/** Pulsing block matching final layout dimensions. */
+function SkeletonBlock({
+  width,
+  height,
+  theme,
+  style
+}) {
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0.5)).current;
+  (0, _react.useEffect)(() => {
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 600,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 0.5,
+      duration: 600,
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [opacity]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [{
+      width,
+      height,
+      borderRadius: theme.radii.control,
+      backgroundColor: theme.colors.surfaceActive,
+      opacity
+    }, style]
+  });
+}
+const textStyles = exports.textStyles = {
+  title: theme => ({
+    fontSize: 16,
+    fontWeight: '600',
+    letterSpacing: -0.2,
+    color: theme.colors.textPrimary
+  }),
+  body: theme => ({
+    fontSize: 14,
+    color: theme.colors.textPrimary,
+    lineHeight: 20
+  }),
+  secondary: theme => ({
+    fontSize: 13,
+    color: theme.colors.textSecondary
+  }),
+  meta: theme => ({
+    fontSize: 11,
+    color: theme.colors.textTertiary,
+    fontVariant: ['tabular-nums']
+  })
+};
+function TypeChipView({
+  type,
+  theme
+}) {
+  const color = typeColor(type, theme);
+  const bg = type === 'bug_report' ? theme.colors.statusDangerBg : type === 'feature_request' ? theme.colors.statusProgressBg : theme.colors.statusOpenBg;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 5,
+      paddingHorizontal: 6,
+      paddingVertical: 2,
+      borderRadius: theme.radii.control,
+      backgroundColor: bg,
+      alignSelf: 'flex-start'
+    },
+    children: [typeIcon(type, color, 11), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        fontSize: 11,
+        fontWeight: '500',
+        color
+      },
+      children: _types.QUERY_TYPE_LABEL[type]
+    })]
+  });
+}
+//# sourceMappingURL=primitives.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_types","_icons","_jsxRuntime","typeIcon","type","color","size","jsx","AlertCircleIcon","PlusCircleIcon","ChatIcon","typeColor","theme","colors","statusDanger","statusProgress","statusOpen","StatusIndicator","status","statusResolved","jsxs","View","style","flexDirection","alignItems","gap","children","width","height","borderRadius","backgroundColor","Text","fontSize","PressableRow","onPress","accessibilityLabel","Pressable","accessibilityRole","pressed","surfaceHover","PrimaryButton","label","disabled","paddingHorizontal","radii","control","accentHover","accent","opacity","justifyContent","accentForeground","fontWeight","SecondaryButton","borderWidth","borderColor","border","surface","textPrimary","EmptyState","message","icon","paddingVertical","textTertiary","textSecondary","ErrorState","onRetry","SkeletonBlock","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","useNativeDriver","start","stop","surfaceActive","textStyles","exports","title","letterSpacing","body","lineHeight","secondary","meta","fontVariant","TypeChipView","bg","statusDangerBg","statusProgressBg","statusOpenBg","alignSelf","QUERY_TYPE_LABEL"],"sourceRoot":"../../../src","sources":["components/primitives.tsx"],"mappings":"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","ignoreList":[]}