@originallyus/feedback-rn-sdk 3.1.1 → 3.1.2-beta.2

package/lib/module/component/RatingNumber.js

@@ -0,0 +1,289 @@
+"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.
+ */
+
+const DEFAULT_SCALE_LABEL_FONT_SIZE = 14;
+function RatingNumber(props) {
+  const {
+    scale_label_color,
+    scale_label_left,
+    scale_label_right,
+    scale_label_font,
+    scale_label_fontsize,
+    rating_number_font,
+    handlePressRating,
+    numStar,
+    rating_min,
+    rating_max,
+    label,
+    appWidth,
+    questionStyle
+  } = 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_font: rating_number_font
+      }, `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: 8,
+    gap: 6
+  }], [rowStyle]);
+  const scaleLabelFontSize = useMemo(() => {
+    const base = scale_label_fontsize ?? DEFAULT_SCALE_LABEL_FONT_SIZE;
+    const scaled = Math.round(f.w_p(appWidth, base));
+    const capped = Math.min(base, scaled);
+    const minSize = Math.min(10, base);
+    return Math.max(minSize, capped);
+  }, [appWidth, scale_label_fontsize]);
+  const scaleLabelTextStyle = useMemo(() => ({
+    color: scale_label_color,
+    fontSize: scaleLabelFontSize,
+    fontFamily: scale_label_font,
+    flex: 1,
+    lineHeight: 20,
+    letterSpacing: 0
+  }), [scale_label_color, scaleLabelFontSize, scale_label_font]);
+  const leftLabelStyle = useMemo(() => [scaleLabelTextStyle, styles.scaleLabelLeft], [scaleLabelTextStyle]);
+  const rightLabelStyle = useMemo(() => [scaleLabelTextStyle, styles.scaleLabelRight], [scaleLabelTextStyle]);
+  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, questionStyle],
+      children: label
+    }), /*#__PURE__*/_jsx(View, {
+      style: containerStyle,
+      children: renderRating()
+    }), /*#__PURE__*/_jsxs(View, {
+      style: labelContainerStyle,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: leftLabelStyle,
+        numberOfLines: 1,
+        children: scale_label_left || 'Strongly disagree'
+      }), /*#__PURE__*/_jsx(Text, {
+        style: rightLabelStyle,
+        numberOfLines: 1,
+        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 = active ? 2 : 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,
+    lineHeight: 24,
+    letterSpacing: 0
+  },
+  ratingContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%'
+  },
+  ratingLabelContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    width: '100%'
+  },
+  scaleLabelLeft: {
+    textAlign: 'left'
+  },
+  scaleLabelRight: {
+    textAlign: 'right'
+  },
+  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","DEFAULT_SCALE_LABEL_FONT_SIZE","RatingNumber","props","scale_label_color","scale_label_left","scale_label_right","scale_label_font","scale_label_fontsize","rating_number_font","handlePressRating","numStar","rating_min","rating_max","label","appWidth","questionStyle","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","scaleLabelFontSize","base","scaled","Math","round","w_p","capped","min","minSize","max","scaleLabelTextStyle","color","fontSize","fontFamily","flex","lineHeight","letterSpacing","leftLabelStyle","scaleLabelLeft","rightLabelStyle","scaleLabelRight","errorTextStyle","errorStyle","style","wrapper","children","question","numberOfLines","errorWrap","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","borderColor","backgroundColor","opacity","labelStyle","onPress","activeOpacity","create","fontWeight","marginBottom","flexDirection","alignItems","justifyContent","textAlign"],"sourceRoot":"../../../src","sources":["component/RatingNumber.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Textarea.js

@@ -0,0 +1,167 @@
+"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,
+  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),
+    paddingVertical: 14,
+    paddingHorizontal: 16,
+    borderRadius: f.isTablet ? 8 : 8,
+    backgroundColor: focused ? focusBackgroundColor : backgroundColor,
+    borderColor: effectiveBorderColor,
+    borderWidth: 1
+  }], [minHeight, 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]
+        })
+      })]
+    }), 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
+      })]
+    }), note != null && note !== '' && /*#__PURE__*/_jsx(Text, {
+      style: [styles.note, {
+        color: TEXT_NOTE
+      }, noteStyle],
+      children: note
+    })]
+  });
+}
+export default Textarea;
+const styles = StyleSheet.create({
+  wrapper: {
+    width: '100%',
+    alignSelf: 'stretch'
+  },
+  label: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#14181C',
+    marginBottom: 8,
+    lineHeight: 24,
+    letterSpacing: 0
+  },
+  inputWrapper: {
+    width: '100%',
+    position: 'relative',
+    flexShrink: 0
+  },
+  note: {
+    fontSize: 14,
+    marginTop: 8,
+    lineHeight: 20,
+    letterSpacing: 0
+  },
+  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,
+    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","minHeight","backgroundColor","borderColor","focusBackgroundColor","focusBorderColor","errorBorderColor","fontFamily","fontSize","placeholderTextColor","textColor","labelStyle","noteStyle","errorStyle","counterStyle","style","focused","setFocused","length","hasError","effectiveBorderColor","inputContainerStyle","styles","inputWrapper","paddingVertical","paddingHorizontal","borderRadius","isTablet","borderWidth","textInputStyle","input","color","wrapper","children","multiline","text","slice","onFocus","onBlur","autoCorrect","counterWrapper","pointerEvents","counter","errorWrap","size","create","width","alignSelf","fontWeight","marginBottom","lineHeight","letterSpacing","position","flexShrink","marginTop","flex","textAlignVertical","paddingBottom","right","bottom","flexDirection","alignItems","gap"],"sourceRoot":"../../../src","sources":["component/Textarea.tsx"],"mappings":";;AAAA,SAAQA,OAAO,EAAEC,QAAQ,QAAO,OAAO;AACvC,SAAQC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,QAAuC,cAAc;AAC9F,OAAO,KAAKC,CAAC;AACb,SACCC,UAAU,EACVC,YAAY,EACZC,gBAAgB,EAChBC,WAAW,EACXC,SAAS,EACTC,SAAS,EACTC,gBAAgB;AAEjB,OAAOC,SAAS;;AAEhB;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiHA,SAASC,QAAQA,CAAC;EACjBC,KAAK;EACLC,YAAY;EACZC,WAAW,GAAG,aAAa;EAC3BC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,SAAS,GAAG,GAAG;EACfC,eAAe,GAAGrB,UAAU;EAC5BsB,WAAW,GAAGpB,gBAAgB;EAC9BqB,oBAAoB,GAAGvB,UAAU;EACjCwB,gBAAgB,GAAGvB,YAAY;EAC/BwB,gBAAgB,GAAGtB,WAAW;EAC9BuB,UAAU;EACVC,QAAQ,GAAG,EAAE;EACbC,oBAAoB,GAAGtB,gBAAgB;EACvCuB,SAAS,GAAGzB,SAAS;EACrB0B,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,YAAY;EACZC;AACc,CAAC,EAAE;EACjB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG1C,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM2C,MAAM,GAAGxB,KAAK,CAACwB,MAAM;EAC3B,MAAMC,QAAQ,GAAGpB,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE;EAE9C,MAAMqB,oBAAoB,GAAG9C,OAAO,CAAC,MAAM;IAC1C,IAAI6C,QAAQ,EAAE,OAAOb,gBAAgB;IACrC,IAAIU,OAAO,EAAE,OAAOX,gBAAgB;IACpC,OAAOF,WAAW;EACnB,CAAC,EAAE,CAACgB,QAAQ,EAAEH,OAAO,EAAEV,gBAAgB,EAAED,gBAAgB,EAAEF,WAAW,CAAC,CAAC;EAExE,MAAMkB,mBAAmB,GAAG/C,OAAO,CAClC,MAAM,CACLgD,MAAM,CAACC,YAAY,EACnB;IACCtB,SAAS;IACT;IACAuB,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE9C,CAAC,CAAC+C,QAAQ,GAAG,CAAC,GAAG,CAAC;IAChCzB,eAAe,EAAEc,OAAO,GAAGZ,oBAAoB,GAAGF,eAAe;IACjEC,WAAW,EAAEiB,oBAAoB;IACjCQ,WAAW,EAAE;EACd,CAAC,CACD,EACD,CAAC3B,SAAS,EAAEe,OAAO,EAAEZ,oBAAoB,EAAEF,eAAe,EAAEkB,oBAAoB,CACjF,CAAC;EAED,MAAMS,cAAc,GAAGvD,OAAO,CAC7B,MAAM,CACLgD,MAAM,CAACQ,KAAK,EACZ;IACCvB,UAAU;IACVC,QAAQ;IACRuB,KAAK,EAAErB;EACR,CAAC,CACD,EACD,CAACH,UAAU,EAAEC,QAAQ,EAAEE,SAAS,CACjC,CAAC;EAED,oBACClB,KAAA,CAAChB,IAAI;IAACuC,KAAK,EAAE,CAACO,MAAM,CAACU,OAAO,EAAEjB,KAAK,CAAE;IAAAkB,QAAA,GACnCpC,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE,iBAAIP,IAAA,CAACb,IAAI;MAACsC,KAAK,EAAE,CAACO,MAAM,CAACzB,KAAK,EAAEc,UAAU,CAAE;MAAAsB,QAAA,EAAEpC;IAAK,CAAO,CAAC,eACzFL,KAAA,CAAChB,IAAI;MAACuC,KAAK,EAAEM,mBAAoB;MAAAY,QAAA,gBAChC3C,IAAA,CAACX,SAAS;QACTiB,WAAW,EAAEA,WAAY;QACzBa,oBAAoB,EAAEA,oBAAqB;QAC3CM,KAAK,EAAEc,cAAe;QACtBK,SAAS;QACTxC,KAAK,EAAEA,KAAM;QACbC,YAAY,EAAEwC,IAAI,IAAI;UACrB,IAAInC,SAAS,IAAI,IAAI,IAAImC,IAAI,CAACjB,MAAM,IAAIlB,SAAS,EAAE;YAClDL,YAAY,CAACwC,IAAI,CAAC;UACnB,CAAC,MAAM;YACNxC,YAAY,CAACwC,IAAI,CAACC,KAAK,CAAC,CAAC,EAAEpC,SAAS,CAAC,CAAC;UACvC;QACD,CAAE;QACFqC,OAAO,EAAEA,CAAA,KAAMpB,UAAU,CAAC,IAAI,CAAE;QAChCqB,MAAM,EAAEA,CAAA,KAAMrB,UAAU,CAAC,KAAK,CAAE;QAChCsB,WAAW,EAAE;MAAM,CACnB,CAAC,EACDvC,SAAS,IAAI,IAAI,iBACjBV,IAAA,CAACd,IAAI;QAACuC,KAAK,EAAEO,MAAM,CAACkB,cAAe;QAACC,aAAa,EAAC,MAAM;QAAAR,QAAA,eACvDzC,KAAA,CAACf,IAAI;UAACsC,KAAK,EAAE,CAACO,MAAM,CAACoB,OAAO,EAAE;YAACX,KAAK,EAAE5C;UAAgB,CAAC,EAAE2B,YAAY,CAAE;UAAAmB,QAAA,GACrEf,MAAM,EAAC,GAAC,EAAClB,SAAS;QAAA,CACd;MAAC,CACF,CACN;IAAA,CACI,CAAC,EACNmB,QAAQ,iBACR3B,KAAA,CAAChB,IAAI;MAACuC,KAAK,EAAEO,MAAM,CAACqB,SAAU;MAAAV,QAAA,gBAC7B3C,IAAA,CAACF,SAAS;QAACwD,IAAI,EAAE,EAAG;QAACb,KAAK,EAAE/C;MAAY,CAAE,CAAC,eAC3CM,IAAA,CAACb,IAAI;QAACsC,KAAK,EAAE,CAACO,MAAM,CAACvB,KAAK,EAAE;UAACgC,KAAK,EAAE/C;QAAW,CAAC,EAAE6B,UAAU,CAAE;QAAAoB,QAAA,EAAElC;MAAK,CAAO,CAAC;IAAA,CACxE,CACN,EACAD,IAAI,IAAI,IAAI,IAAIA,IAAI,KAAK,EAAE,iBAAIR,IAAA,CAACb,IAAI;MAACsC,KAAK,EAAE,CAACO,MAAM,CAACxB,IAAI,EAAE;QAACiC,KAAK,EAAE7C;MAAS,CAAC,EAAE0B,SAAS,CAAE;MAAAqB,QAAA,EAAEnC;IAAI,CAAO,CAAC;EAAA,CACnG,CAAC;AAET;AAEA,eAAeL,QAAQ;AAEvB,MAAM6B,MAAM,GAAG5C,UAAU,CAACmE,MAAM,CAAC;EAChCb,OAAO,EAAE;IACRc,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACZ,CAAC;EACDlD,KAAK,EAAE;IACNW,QAAQ,EAAE,EAAE;IACZwC,UAAU,EAAE,KAAK;IACjBjB,KAAK,EAAE,SAAS;IAChBkB,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EAChB,CAAC;EACD5B,YAAY,EAAE;IACbuB,KAAK,EAAE,MAAM;IACbM,QAAQ,EAAE,UAAU;IACpBC,UAAU,EAAE;EACb,CAAC;EACDvD,IAAI,EAAE;IACLU,QAAQ,EAAE,EAAE;IACZ8C,SAAS,EAAE,CAAC;IACZJ,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EAChB,CAAC;EACDrB,KAAK,EAAE;IACNyB,IAAI,EAAE,CAAC;IACPtD,SAAS,EAAE,EAAE;IACbuD,iBAAiB,EAAE,KAAK;IACxBC,aAAa,EAAE,EAAE;IACjBX,KAAK,EAAE,MAAM;IACbO,UAAU,EAAE;EACb,CAAC;EACDb,cAAc,EAAE;IACfY,QAAQ,EAAE,UAAU;IACpBM,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACT,CAAC;EACDjB,OAAO,EAAE;IACRlC,QAAQ,EAAE;EACX,CAAC;EAEDmC,SAAS,EAAE;IACViB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBP,SAAS,EAAE,CAAC;IACZQ,GAAG,EAAE;EACN,CAAC;EAED/D,KAAK,EAAE;IACNS,QAAQ,EAAE,EAAE;IACZ+C,IAAI,EAAE,CAAC;IACPP,UAAU,EAAE;EACb;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/component/YesNoButtons.js

@@ -0,0 +1,185 @@
+"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,
+  fullWidth = true,
+  selectedBackgroundColor,
+  selectedBorderColor,
+  selectedTextColor,
+  questionStyle,
+  errorStyle,
+  errorColor = ERROR_COLOR,
+  style,
+  fontFamilyButton
+}) {
+  const hasError = error != null && error !== '';
+  const isVertical = useMemo(() => {
+    // More relaxed character size estimation to keep buttons on one row on mobile if possible
+    const yesWidth = yesLabel.length * 6.8 + 36;
+    const noWidth = noLabel.length * 6.8 + 36;
+    const estimatedTotalWidth = yesWidth + noWidth + 12 + 24;
+    return estimatedTotalWidth > appWidth;
+  }, [yesLabel, noLabel, appWidth]);
+  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: fullWidth,
+      backgroundColor: stylesBtn.backgroundColor,
+      textColor: stylesBtn.textColor,
+      borderColor: stylesBtn.borderColor,
+      pressedColor: PRESSED_COLOR,
+      containerStyle: fullWidth ? styles.buttonContainer : buttonContainerStyleAuto,
+      fontFamily: fontFamilyButton
+    });
+  };
+  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, isVertical && styles.column],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: fullWidth ? styles.buttonSlot : styles.buttonSlotAuto,
+        children: renderButton('yes')
+      }), /*#__PURE__*/_jsx(View, {
+        style: fullWidth ? styles.buttonSlot : styles.buttonSlotAuto,
+        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
+  },
+  column: {
+    flexDirection: 'column'
+  },
+  buttonSlot: {
+    flex: 1
+  },
+  buttonContainer: {
+    marginTop: 0
+  },
+  buttonContainerAuto: {
+    width: 'auto',
+    alignSelf: 'flex-start'
+  },
+  buttonSlotAuto: {
+    flex: 0
+  },
+  errorRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8,
+    gap: 6
+  },
+  errorIcon: {
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  errorText: {
+    fontSize: 12
+  }
+});
+const buttonContainerStyleAuto = {
+  ...styles.buttonContainer,
+  ...styles.buttonContainerAuto
+};
+//# sourceMappingURL=YesNoButtons.js.map