@originallyus/feedback-rn-sdk 3.1.0 → 4.0.0-beta.10

package/lib/module/component/RatingNumber.js

@@ -0,0 +1,267 @@
+"use strict";
+
+import ErrorIcon from "../assets/ErrorIcon.js";
+import * as f from "../utils/common.js";
+import { BG_DEFAULT, BG_SELECTED, BORDER_DEFAULT, BORDER_SELECTED, ERROR_COLOR, TEXT_DARK } from "../utils/constants.js";
+import { useEffect, useMemo, useRef } from 'react';
+import { Animated, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedTouchable = Animated.createAnimatedComponent(TouchableOpacity);
+const DEFAULT_SELECTED_COLOR = BG_SELECTED;
+const DEFAULT_SELECTED_BORDER_COLOR = BORDER_SELECTED;
+const DEFAULT_ERROR_COLOR = ERROR_COLOR;
+
+/**
+ * Preset sizes for `RatingNumber` buttons.
+ *
+ * - `'small'` – compact height, small radius.
+ * - `'medium'` – default size.
+ * - `'large'` – larger height and radius.
+ */
+
+const SIZE_PRESETS = {
+  small: {
+    height: 44,
+    borderRadius: 6,
+    borderWidth: 1,
+    gap: 3
+  },
+  medium: {
+    height: 48,
+    borderRadius: 8,
+    borderWidth: 1,
+    gap: 4
+  },
+  large: {
+    height: 60,
+    borderRadius: 10,
+    borderWidth: 1,
+    gap: 5
+  }
+};
+
+/**
+ * Props for the numeric rating scale component.
+ *
+ * Renders a row of numbered buttons from `rating_min` to `rating_max`
+ * with optional left/right scale labels and error text.
+ */
+
+function RatingNumber(props) {
+  const {
+    scale_label_color,
+    scale_label_left,
+    scale_label_right,
+    scale_label_font,
+    scale_label_fontsize,
+    handlePressRating,
+    numStar,
+    rating_min,
+    rating_max,
+    appWidth,
+    label
+  } = props;
+  const activeRange = props.activeRange !== false;
+  const compact = props.compact !== false;
+  const sizePreset = props.size ?? 'medium';
+  const preset = useMemo(() => SIZE_PRESETS[sizePreset], [sizePreset]);
+  const gap = useMemo(() => compact ? 0 : preset.gap, [compact, preset]);
+  const hasError = useMemo(() => props.error != null && props.error !== '', [props.error]);
+  const errorBorderColor = useMemo(() => props.errorBorderColor ?? DEFAULT_ERROR_COLOR, [props.errorBorderColor]);
+  const renderRating = () => {
+    const listStar = [];
+    for (let i = rating_min; i <= rating_max; i++) {
+      const active = activeRange ? i <= numStar : numStar === i;
+      const nextActive = activeRange && i < rating_max && i + 1 <= numStar;
+      const prevActive = activeRange && i > rating_min && i - 1 <= numStar;
+      listStar.push(/*#__PURE__*/_jsx(ButtonNumber, {
+        ...props,
+        hasError: hasError,
+        errorBorderColor: errorBorderColor,
+        handlePressRating: () => {
+          f.triggerHaptic();
+          handlePressRating(i);
+        },
+        number: i,
+        active: active,
+        isStart: i === rating_min,
+        isEnd: i === rating_max,
+        isLastActive: active && !nextActive,
+        isFirstInactive: !active && prevActive
+      }, `rating-number-${i}`));
+    }
+    return listStar;
+  };
+  const rowStyle = useMemo(() => ({
+    width: '100%'
+  }), []);
+  const containerStyle = useMemo(() => [styles.ratingContainer, !compact && {
+    gap
+  }, rowStyle], [compact, gap, rowStyle]);
+  const labelContainerStyle = useMemo(() => [styles.ratingLabelContainer, rowStyle, {
+    marginTop: f.w_p(appWidth, 12)
+  }], [rowStyle, appWidth]);
+  const leftLabelStyle = useMemo(() => ({
+    color: scale_label_color,
+    fontSize: scale_label_fontsize,
+    fontFamily: scale_label_font
+  }), [scale_label_color, scale_label_fontsize, scale_label_font]);
+  const rightLabelStyle = useMemo(() => ({
+    color: scale_label_color,
+    fontSize: scale_label_fontsize,
+    fontFamily: scale_label_font
+  }), [scale_label_color, scale_label_fontsize, scale_label_font]);
+  const errorTextStyle = useMemo(() => [styles.error, {
+    color: errorBorderColor
+  }, props.errorStyle], [errorBorderColor, props.errorStyle]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrapper,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.question,
+      children: label
+    }), /*#__PURE__*/_jsx(View, {
+      style: containerStyle,
+      children: renderRating()
+    }), /*#__PURE__*/_jsxs(View, {
+      style: labelContainerStyle,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: leftLabelStyle,
+        children: scale_label_left || 'Strongly disagree'
+      }), /*#__PURE__*/_jsx(Text, {
+        style: rightLabelStyle,
+        children: scale_label_right || 'Strongly agree'
+      })]
+    }), hasError && /*#__PURE__*/_jsxs(View, {
+      style: styles.errorWrap,
+      children: [/*#__PURE__*/_jsx(ErrorIcon, {
+        size: 20,
+        color: ERROR_COLOR
+      }), /*#__PURE__*/_jsx(Text, {
+        style: errorTextStyle,
+        children: props.error
+      })]
+    })]
+  });
+}
+function ButtonNumber({
+  handlePressRating,
+  active,
+  isStart,
+  isEnd,
+  isLastActive = false,
+  isFirstInactive = false,
+  number,
+  size = 'medium',
+  compact = true,
+  hasError = false,
+  errorBorderColor,
+  rating_number_font,
+  rating_number_fontsize,
+  rating_number_bg_color,
+  rating_number_border_color,
+  rating_number_selected_bg_color,
+  rating_number_selected_border_color,
+  rating_number_selected_text_color,
+  rating_number_text_color
+}) {
+  const springAnimated = useRef(new Animated.Value(0)).current;
+  const preset = useMemo(() => SIZE_PRESETS[size], [size]);
+  const h = preset.height;
+  const radius = preset.borderRadius;
+  const borderW = preset.borderWidth;
+  const selectedColor = rating_number_selected_bg_color ?? DEFAULT_SELECTED_COLOR;
+  const selectedBorderColor = rating_number_selected_border_color ?? DEFAULT_SELECTED_BORDER_COLOR;
+  const selectedTextColor = rating_number_selected_text_color ?? TEXT_DARK;
+  const inactiveBorderColor = useMemo(() => hasError && errorBorderColor ? errorBorderColor : rating_number_border_color ?? BORDER_DEFAULT, [hasError, errorBorderColor, rating_number_border_color]);
+  useEffect(() => {
+    if (active) {
+      Animated.timing(springAnimated, {
+        toValue: 1,
+        useNativeDriver: false
+      }).start();
+    } else {
+      Animated.timing(springAnimated, {
+        toValue: 0,
+        useNativeDriver: false
+      }).start();
+    }
+  }, [active, springAnimated]);
+  const backgroundColorAni = useMemo(() => springAnimated.interpolate({
+    inputRange: [0, 1],
+    outputRange: [rating_number_bg_color ?? BG_DEFAULT, selectedColor]
+  }), [springAnimated, rating_number_bg_color, selectedColor]);
+  const compactStyle = useMemo(() => compact ? {
+    borderRightWidth: isEnd || isLastActive ? borderW : 0,
+    borderLeftWidth: isFirstInactive ? 0 : undefined,
+    borderTopLeftRadius: isStart ? radius : 0,
+    borderBottomLeftRadius: isStart ? radius : 0,
+    borderTopRightRadius: isEnd ? radius : 0,
+    borderBottomRightRadius: isEnd ? radius : 0
+  } : {
+    borderRadius: radius
+  }, [compact, isEnd, isLastActive, isFirstInactive, borderW, isStart, radius]);
+  const buttonStyle = useMemo(() => [styles.buttonNumberContainer, {
+    flex: 1,
+    height: h,
+    borderWidth: borderW,
+    borderColor: active ? selectedBorderColor : inactiveBorderColor,
+    backgroundColor: backgroundColorAni,
+    opacity: 1,
+    ...compactStyle
+  }], [h, borderW, active, selectedBorderColor, inactiveBorderColor, backgroundColorAni, compactStyle]);
+  const labelStyle = useMemo(() => ({
+    color: active ? selectedTextColor : rating_number_text_color,
+    fontSize: rating_number_fontsize,
+    fontFamily: rating_number_font
+  }), [active, selectedTextColor, rating_number_text_color, rating_number_fontsize, rating_number_font]);
+  return /*#__PURE__*/_jsx(AnimatedTouchable, {
+    style: buttonStyle,
+    onPress: handlePressRating,
+    activeOpacity: 1,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: labelStyle,
+      children: number
+    })
+  });
+}
+export default RatingNumber;
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    width: '100%'
+  },
+  question: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#14181C',
+    marginBottom: 8
+  },
+  ratingContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%'
+  },
+  ratingLabelContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    width: '100%'
+  },
+  errorWrap: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8,
+    gap: 6
+  },
+  error: {
+    fontSize: 14,
+    lineHeight: 20,
+    flex: 1,
+    fontWeight: '400'
+  },
+  buttonNumberContainer: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=RatingNumber.js.map

package/lib/module/component/RatingNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ErrorIcon","f","BG_DEFAULT","BG_SELECTED","BORDER_DEFAULT","BORDER_SELECTED","ERROR_COLOR","TEXT_DARK","useEffect","useMemo","useRef","Animated","StyleSheet","Text","TouchableOpacity","View","jsx","_jsx","jsxs","_jsxs","AnimatedTouchable","createAnimatedComponent","DEFAULT_SELECTED_COLOR","DEFAULT_SELECTED_BORDER_COLOR","DEFAULT_ERROR_COLOR","SIZE_PRESETS","small","height","borderRadius","borderWidth","gap","medium","large","RatingNumber","props","scale_label_color","scale_label_left","scale_label_right","scale_label_font","scale_label_fontsize","handlePressRating","numStar","rating_min","rating_max","appWidth","label","activeRange","compact","sizePreset","size","preset","hasError","error","errorBorderColor","renderRating","listStar","i","active","nextActive","prevActive","push","ButtonNumber","triggerHaptic","number","isStart","isEnd","isLastActive","isFirstInactive","rowStyle","width","containerStyle","styles","ratingContainer","labelContainerStyle","ratingLabelContainer","marginTop","w_p","leftLabelStyle","color","fontSize","fontFamily","rightLabelStyle","errorTextStyle","errorStyle","style","wrapper","children","question","errorWrap","rating_number_font","rating_number_fontsize","rating_number_bg_color","rating_number_border_color","rating_number_selected_bg_color","rating_number_selected_border_color","rating_number_selected_text_color","rating_number_text_color","springAnimated","Value","current","h","radius","borderW","selectedColor","selectedBorderColor","selectedTextColor","inactiveBorderColor","timing","toValue","useNativeDriver","start","backgroundColorAni","interpolate","inputRange","outputRange","compactStyle","borderRightWidth","borderLeftWidth","undefined","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","buttonStyle","buttonNumberContainer","flex","borderColor","backgroundColor","opacity","labelStyle","onPress","activeOpacity","create","fontWeight","marginBottom","flexDirection","alignItems","justifyContent","lineHeight"],"sourceRoot":"../../../src","sources":["component/RatingNumber.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Textarea.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import { useMemo, useState } from 'react';
+import { View, Text, StyleSheet, TextInput } from 'react-native';
+import * as f from "../utils/common.js";
+import { BG_DEFAULT, BORDER_FOCUS, BORDER_SECONDARY, ERROR_COLOR, TEXT_DARK, TEXT_NOTE, TEXT_PLACEHOLDER } from "../utils/constants.js";
+import ErrorIcon from "../assets/ErrorIcon.js";
+
+/**
+ * Props for the multi-line `Textarea` component.
+ *
+ * Renders a label, multi-line input, optional note, error, and character counter.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Textarea({
+  value,
+  onChangeText,
+  placeholder = 'Placeholder',
+  label,
+  note,
+  error,
+  maxLength,
+  appWidth,
+  minHeight = 120,
+  backgroundColor = BG_DEFAULT,
+  borderColor = BORDER_SECONDARY,
+  focusBackgroundColor = BG_DEFAULT,
+  focusBorderColor = BORDER_FOCUS,
+  errorBorderColor = ERROR_COLOR,
+  fontFamily,
+  fontSize = 16,
+  placeholderTextColor = TEXT_PLACEHOLDER,
+  textColor = TEXT_DARK,
+  labelStyle,
+  noteStyle,
+  errorStyle,
+  counterStyle,
+  style
+}) {
+  const [focused, setFocused] = useState(false);
+  const length = value.length;
+  const hasError = error != null && error !== '';
+  const effectiveBorderColor = useMemo(() => {
+    if (hasError) return errorBorderColor;
+    if (focused) return focusBorderColor;
+    return borderColor;
+  }, [hasError, focused, errorBorderColor, focusBorderColor, borderColor]);
+  const inputContainerStyle = useMemo(() => [styles.inputWrapper, {
+    minHeight,
+    padding: f.w_p(appWidth, 8),
+    borderRadius: f.isTablet ? 6 : 4,
+    backgroundColor: focused ? focusBackgroundColor : backgroundColor,
+    borderColor: effectiveBorderColor,
+    borderWidth: 1
+  }], [minHeight, appWidth, focused, focusBackgroundColor, backgroundColor, effectiveBorderColor]);
+  const textInputStyle = useMemo(() => [styles.input, {
+    fontFamily,
+    fontSize,
+    color: textColor
+  }], [fontFamily, fontSize, textColor]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, style],
+    children: [label != null && label !== '' && /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, labelStyle],
+      children: label
+    }), /*#__PURE__*/_jsxs(View, {
+      style: inputContainerStyle,
+      children: [/*#__PURE__*/_jsx(TextInput, {
+        placeholder: placeholder,
+        placeholderTextColor: placeholderTextColor,
+        style: textInputStyle,
+        multiline: true,
+        value: value,
+        onChangeText: text => {
+          if (maxLength == null || text.length <= maxLength) {
+            onChangeText(text);
+          } else {
+            onChangeText(text.slice(0, maxLength));
+          }
+        },
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+        autoCorrect: false
+      }), maxLength != null && /*#__PURE__*/_jsx(View, {
+        style: styles.counterWrapper,
+        pointerEvents: "none",
+        children: /*#__PURE__*/_jsxs(Text, {
+          style: [styles.counter, {
+            color: TEXT_PLACEHOLDER
+          }, counterStyle],
+          children: [length, "/", maxLength]
+        })
+      })]
+    }), note != null && note !== '' && /*#__PURE__*/_jsx(Text, {
+      style: [styles.note, {
+        color: TEXT_NOTE
+      }, noteStyle],
+      children: note
+    }), hasError && /*#__PURE__*/_jsxs(View, {
+      style: styles.errorWrap,
+      children: [/*#__PURE__*/_jsx(ErrorIcon, {
+        size: 20,
+        color: ERROR_COLOR
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.error, {
+          color: ERROR_COLOR
+        }, errorStyle],
+        children: error
+      })]
+    })]
+  });
+}
+export default Textarea;
+const styles = StyleSheet.create({
+  wrapper: {
+    width: '100%',
+    alignSelf: 'stretch'
+  },
+  label: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#000000',
+    marginBottom: 8
+  },
+  inputWrapper: {
+    width: '100%',
+    position: 'relative',
+    flexShrink: 0
+  },
+  note: {
+    fontSize: 12,
+    marginTop: 8
+  },
+  input: {
+    flex: 1,
+    minHeight: 80,
+    textAlignVertical: 'top',
+    paddingBottom: 28,
+    width: '100%',
+    flexShrink: 0
+  },
+  counterWrapper: {
+    position: 'absolute',
+    right: 12,
+    bottom: 8
+  },
+  counter: {
+    fontSize: 12
+  },
+  errorWrap: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8,
+    gap: 6
+  },
+  error: {
+    fontSize: 14,
+    lineHeight: 20,
+    flex: 1,
+    fontWeight: '400'
+  }
+});
+//# sourceMappingURL=Textarea.js.map

package/lib/module/component/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","View","Text","StyleSheet","TextInput","f","BG_DEFAULT","BORDER_FOCUS","BORDER_SECONDARY","ERROR_COLOR","TEXT_DARK","TEXT_NOTE","TEXT_PLACEHOLDER","ErrorIcon","jsx","_jsx","jsxs","_jsxs","Textarea","value","onChangeText","placeholder","label","note","error","maxLength","appWidth","minHeight","backgroundColor","borderColor","focusBackgroundColor","focusBorderColor","errorBorderColor","fontFamily","fontSize","placeholderTextColor","textColor","labelStyle","noteStyle","errorStyle","counterStyle","style","focused","setFocused","length","hasError","effectiveBorderColor","inputContainerStyle","styles","inputWrapper","padding","w_p","borderRadius","isTablet","borderWidth","textInputStyle","input","color","wrapper","children","multiline","text","slice","onFocus","onBlur","autoCorrect","counterWrapper","pointerEvents","counter","errorWrap","size","create","width","alignSelf","fontWeight","marginBottom","position","flexShrink","marginTop","flex","textAlignVertical","paddingBottom","right","bottom","flexDirection","alignItems","gap","lineHeight"],"sourceRoot":"../../../src","sources":["component/Textarea.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/YesNoButtons.js

@@ -0,0 +1,161 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import ButtonSubmit from "./ButtonSubmit.js";
+import { BG_DEFAULT, BG_SECONDARY, BORDER_DEFAULT, BORDER_SELECTED, ERROR_COLOR, PRESSED_COLOR, PRIMARY_COLOR, TEXT_DARK, TEXT_WHITE } from "../utils/constants.js";
+
+/**
+ * Value type for `YesNoButtons`.
+ *
+ * - `'yes'` – Yes selected.
+ * - `'no'` – No selected.
+ * - `null` – no selection.
+ */
+
+/**
+ * Visual variant for the selected state of `YesNoButtons`.
+ *
+ * - `'primary'` – solid primary background with white text.
+ * - `'secondary'` – light background with border and dark text.
+ */
+
+/**
+ * Props for the `YesNoButtons` component.
+ *
+ * Renders a question label and two `ButtonSubmit` instances for Yes/No selection.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function YesNoButtons({
+  question,
+  value,
+  onSelect,
+  selectedVariant = 'primary',
+  yesLabel = 'Yes',
+  noLabel = 'No',
+  error,
+  appWidth,
+  selectedBackgroundColor,
+  selectedBorderColor,
+  selectedTextColor,
+  questionStyle,
+  errorStyle,
+  errorColor = ERROR_COLOR,
+  style
+}) {
+  const hasError = error != null && error !== '';
+  const isPrimarySelected = selectedVariant === 'primary';
+  const variantStyles = useMemo(() => ({
+    primary: {
+      selectedBg: PRIMARY_COLOR,
+      selectedBorder: undefined,
+      selectedText: TEXT_WHITE
+    },
+    secondary: {
+      selectedBg: selectedBackgroundColor ?? BG_SECONDARY,
+      selectedBorder: selectedBorderColor ?? BORDER_SELECTED,
+      selectedText: selectedTextColor ?? TEXT_DARK
+    }
+  })[selectedVariant], [selectedVariant, selectedBackgroundColor, selectedBorderColor, selectedTextColor]);
+  const {
+    selectedBg,
+    selectedBorder,
+    selectedText
+  } = variantStyles;
+  const buttonStyles = useMemo(() => {
+    const getStyles = option => {
+      const isSelected = value === option;
+      return {
+        variant: isSelected && isPrimarySelected ? 'primary' : 'secondary',
+        backgroundColor: isSelected ? selectedBg : BG_DEFAULT,
+        textColor: isSelected ? selectedText : hasError ? errorColor : TEXT_DARK,
+        borderColor: isSelected ? selectedBorder : hasError ? errorColor : BORDER_DEFAULT
+      };
+    };
+    return {
+      yes: getStyles('yes'),
+      no: getStyles('no')
+    };
+  }, [value, isPrimarySelected, selectedBg, selectedText, hasError, errorColor, selectedBorder]);
+  const renderButton = option => {
+    const stylesBtn = buttonStyles[option];
+    const label = option === 'yes' ? yesLabel : noLabel;
+    return /*#__PURE__*/_jsx(ButtonSubmit, {
+      appWidth: appWidth,
+      title: label,
+      onPress: () => onSelect(option),
+      variant: stylesBtn.variant,
+      fullWidth: true,
+      backgroundColor: stylesBtn.backgroundColor,
+      textColor: stylesBtn.textColor,
+      borderColor: stylesBtn.borderColor,
+      pressedColor: PRESSED_COLOR,
+      containerStyle: styles.buttonContainer
+    });
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, style],
+    children: [question != null && question !== '' && /*#__PURE__*/_jsx(Text, {
+      style: [styles.question, questionStyle],
+      children: question
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.buttonSlot,
+        children: renderButton('yes')
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.buttonSlot,
+        children: renderButton('no')
+      })]
+    }), hasError && /*#__PURE__*/_jsxs(View, {
+      style: styles.errorRow,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.errorIcon, {
+          color: errorColor
+        }],
+        children: "!"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.errorText, {
+          color: errorColor
+        }, errorStyle],
+        children: error
+      })]
+    })]
+  });
+}
+export default YesNoButtons;
+const styles = StyleSheet.create({
+  wrapper: {
+    width: '100%'
+  },
+  question: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#000000',
+    marginBottom: 12
+  },
+  row: {
+    flexDirection: 'row',
+    gap: 12
+  },
+  buttonSlot: {
+    flex: 1
+  },
+  buttonContainer: {
+    marginTop: 0
+  },
+  errorRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8,
+    gap: 6
+  },
+  errorIcon: {
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  errorText: {
+    fontSize: 12
+  }
+});
+//# sourceMappingURL=YesNoButtons.js.map

package/lib/module/component/YesNoButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","View","Text","StyleSheet","ButtonSubmit","BG_DEFAULT","BG_SECONDARY","BORDER_DEFAULT","BORDER_SELECTED","ERROR_COLOR","PRESSED_COLOR","PRIMARY_COLOR","TEXT_DARK","TEXT_WHITE","jsx","_jsx","jsxs","_jsxs","YesNoButtons","question","value","onSelect","selectedVariant","yesLabel","noLabel","error","appWidth","selectedBackgroundColor","selectedBorderColor","selectedTextColor","questionStyle","errorStyle","errorColor","style","hasError","isPrimarySelected","variantStyles","primary","selectedBg","selectedBorder","undefined","selectedText","secondary","buttonStyles","getStyles","option","isSelected","variant","backgroundColor","textColor","borderColor","yes","no","renderButton","stylesBtn","label","title","onPress","fullWidth","pressedColor","containerStyle","styles","buttonContainer","wrapper","children","row","buttonSlot","errorRow","errorIcon","color","errorText","create","width","fontSize","fontWeight","marginBottom","flexDirection","gap","flex","marginTop","alignItems"],"sourceRoot":"../../../src","sources":["component/YesNoButtons.tsx"],"mappings":";;AAAA,SAAQA,OAAO,QAAO,OAAO;AAC7B,SAAQC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAuC,cAAc;AACnF,OAAOC,YAAY;AACnB,SACCC,UAAU,EACVC,YAAY,EACZC,cAAc,EACdC,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,aAAa,EACbC,SAAS,EACTC,UAAU;;AAGX;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA4EA,SAASC,YAAYA,CAAC;EACrBC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,eAAe,GAAG,SAAS;EAC3BC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,IAAI;EACdC,KAAK;EACLC,QAAQ;EACRC,uBAAuB;EACvBC,mBAAmB;EACnBC,iBAAiB;EACjBC,aAAa;EACbC,UAAU;EACVC,UAAU,GAAGvB,WAAW;EACxBwB;AACkB,CAAC,EAAE;EACrB,MAAMC,QAAQ,GAAGT,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE;EAE9C,MAAMU,iBAAiB,GAAGb,eAAe,KAAK,SAAS;EACvD,MAAMc,aAAa,GAAGpC,OAAO,CAC5B,MACE;IACAqC,OAAO,EAAE;MACRC,UAAU,EAAE3B,aAAa;MACzB4B,cAAc,EAAEC,SAAS;MACzBC,YAAY,EAAE5B;IACf,CAAC;IACD6B,SAAS,EAAE;MACVJ,UAAU,EAAEX,uBAAuB,IAAIrB,YAAY;MACnDiC,cAAc,EAAEX,mBAAmB,IAAIpB,eAAe;MACtDiC,YAAY,EAAEZ,iBAAiB,IAAIjB;IACpC;EACD,CAAC,EAACU,eAAe,CAAE,EACpB,CAACA,eAAe,EAAEK,uBAAuB,EAAEC,mBAAmB,EAAEC,iBAAiB,CAClF,CAAC;EAED,MAAM;IAACS,UAAU;IAAEC,cAAc;IAAEE;EAAY,CAAC,GAAGL,aAAa;EAEhE,MAAMO,YAAY,GAAG3C,OAAO,CAAC,MAAM;IAClC,MAAM4C,SAAS,GAAIC,MAAoB,IAAK;MAC3C,MAAMC,UAAU,GAAG1B,KAAK,KAAKyB,MAAM;MACnC,OAAO;QACNE,OAAO,EAAED,UAAU,IAAIX,iBAAiB,GAAG,SAAS,GAAG,WAAW;QAClEa,eAAe,EAAEF,UAAU,GAAGR,UAAU,GAAGjC,UAAU;QACrD4C,SAAS,EAAEH,UAAU,GAAGL,YAAY,GAAGP,QAAQ,GAAGF,UAAU,GAAGpB,SAAS;QACxEsC,WAAW,EAAEJ,UAAU,GAAGP,cAAc,GAAGL,QAAQ,GAAGF,UAAU,GAAGzB;MACpE,CAAC;IACF,CAAC;IAED,OAAO;MACN4C,GAAG,EAAEP,SAAS,CAAC,KAAK,CAAC;MACrBQ,EAAE,EAAER,SAAS,CAAC,IAAI;IACnB,CAAC;EACF,CAAC,EAAE,CAACxB,KAAK,EAAEe,iBAAiB,EAAEG,UAAU,EAAEG,YAAY,EAAEP,QAAQ,EAAEF,UAAU,EAAEO,cAAc,CAAC,CAAC;EAE9F,MAAMc,YAAY,GAAIR,MAAoB,IAAK;IAC9C,MAAMS,SAAS,GAAGX,YAAY,CAACE,MAAM,CAAC;IACtC,MAAMU,KAAK,GAAGV,MAAM,KAAK,KAAK,GAAGtB,QAAQ,GAAGC,OAAO;IACnD,oBACCT,IAAA,CAACX,YAAY;MACZsB,QAAQ,EAAEA,QAAS;MACnB8B,KAAK,EAAED,KAAM;MACbE,OAAO,EAAEA,CAAA,KAAMpC,QAAQ,CAACwB,MAAM,CAAE;MAChCE,OAAO,EAAEO,SAAS,CAACP,OAAe;MAClCW,SAAS;MACTV,eAAe,EAAEM,SAAS,CAACN,eAAgB;MAC3CC,SAAS,EAAEK,SAAS,CAACL,SAAU;MAC/BC,WAAW,EAAEI,SAAS,CAACJ,WAAY;MACnCS,YAAY,EAAEjD,aAAc;MAC5BkD,cAAc,EAAEC,MAAM,CAACC;IAAgB,CACvC,CAAC;EAEJ,CAAC;EAED,oBACC7C,KAAA,CAAChB,IAAI;IAACgC,KAAK,EAAE,CAAC4B,MAAM,CAACE,OAAO,EAAE9B,KAAK,CAAE;IAAA+B,QAAA,GACnC7C,QAAQ,IAAI,IAAI,IAAIA,QAAQ,KAAK,EAAE,iBAAIJ,IAAA,CAACb,IAAI;MAAC+B,KAAK,EAAE,CAAC4B,MAAM,CAAC1C,QAAQ,EAAEW,aAAa,CAAE;MAAAkC,QAAA,EAAE7C;IAAQ,CAAO,CAAC,eACxGF,KAAA,CAAChB,IAAI;MAACgC,KAAK,EAAE4B,MAAM,CAACI,GAAI;MAAAD,QAAA,gBACvBjD,IAAA,CAACd,IAAI;QAACgC,KAAK,EAAE4B,MAAM,CAACK,UAAW;QAAAF,QAAA,EAAEX,YAAY,CAAC,KAAK;MAAC,CAAO,CAAC,eAC5DtC,IAAA,CAACd,IAAI;QAACgC,KAAK,EAAE4B,MAAM,CAACK,UAAW;QAAAF,QAAA,EAAEX,YAAY,CAAC,IAAI;MAAC,CAAO,CAAC;IAAA,CACtD,CAAC,EACNnB,QAAQ,iBACRjB,KAAA,CAAChB,IAAI;MAACgC,KAAK,EAAE4B,MAAM,CAACM,QAAS;MAAAH,QAAA,gBAC5BjD,IAAA,CAACb,IAAI;QAAC+B,KAAK,EAAE,CAAC4B,MAAM,CAACO,SAAS,EAAE;UAACC,KAAK,EAAErC;QAAU,CAAC,CAAE;QAAAgC,QAAA,EAAC;MAAC,CAAM,CAAC,eAC9DjD,IAAA,CAACb,IAAI;QAAC+B,KAAK,EAAE,CAAC4B,MAAM,CAACS,SAAS,EAAE;UAACD,KAAK,EAAErC;QAAU,CAAC,EAAED,UAAU,CAAE;QAAAiC,QAAA,EAAEvC;MAAK,CAAO,CAAC;IAAA,CAC3E,CACN;EAAA,CACI,CAAC;AAET;AAEA,eAAeP,YAAY;AAE3B,MAAM2C,MAAM,GAAG1D,UAAU,CAACoE,MAAM,CAAC;EAChCR,OAAO,EAAE;IACRS,KAAK,EAAE;EACR,CAAC;EACDrD,QAAQ,EAAE;IACTsD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBL,KAAK,EAAE,SAAS;IAChBM,YAAY,EAAE;EACf,CAAC;EACDV,GAAG,EAAE;IACJW,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACN,CAAC;EACDX,UAAU,EAAE;IACXY,IAAI,EAAE;EACP,CAAC;EACDhB,eAAe,EAAE;IAChBiB,SAAS,EAAE;EACZ,CAAC;EACDZ,QAAQ,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBD,SAAS,EAAE,CAAC;IACZF,GAAG,EAAE;EACN,CAAC;EACDT,SAAS,EAAE;IACVK,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACb,CAAC;EACDJ,SAAS,EAAE;IACVG,QAAQ,EAAE;EACX;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+export { Button } from "./component/Button.js";
+export { default as RatingNumber } from "./component/RatingNumber.js";
+export { default as Rating } from "./component/Rating.js";
+export { default as Textarea } from "./component/Textarea.js";
+export { default as Input } from "./component/Input.js";
+export { default as ButtonSubmit } from "./component/ButtonSubmit.js";
+export { default as YesNoButtons } from "./component/YesNoButtons.js";
+export { default as MultiSelectButtons } from "./component/MultiSelectButtons.js";
+export { default as AIAFeedback } from "./AIAFeedback.js";
+export { default as AIAContentUsefulness } from "./AIAContentUsefulness.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","default","RatingNumber","Rating","Textarea","Input","ButtonSubmit","YesNoButtons","MultiSelectButtons","AIAFeedback","AIAContentUsefulness"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAAQA,MAAM;AAGd,SAAQC,OAAO,IAAIC,YAAY;AAG/B,SAAQD,OAAO,IAAIE,MAAM;AAGzB,SAAQF,OAAO,IAAIG,QAAQ;AAG3B,SAAQH,OAAO,IAAII,KAAK;AAGxB,SAAQJ,OAAO,IAAIK,YAAY;AAG/B,SAAQL,OAAO,IAAIM,YAAY;AAG/B,SAAQN,OAAO,IAAIO,kBAAkB;AAOrC,SAAQP,OAAO,IAAIQ,WAAW;AAG9B,SAAQR,OAAO,IAAIS,oBAAoB","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}