@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/listing-actions/ExchangeProposalCard.js

@@ -0,0 +1,227 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { ActionCardNote, ActionCardShell } from "../booking/ActionCard.js";
+import { BookingFieldCell } from "../booking/BookingFieldCell.js";
+import { BOOKING_FIELD_RADIUS } from "../booking/shared.js";
+import { Button } from '../button';
+import { Chip } from "../chip/index.js";
+import { RiArrowLeftRightLine } from "../icons/remix/RiArrowLeftRightLine.js";
+import { borderRadius } from "../styles/tokens.js";
+import { EXCHANGE_MODE_LABELS, EXCHANGE_STACK_BELOW } from "./constants.js";
+import { HomeTile, useActionPalette, useFocusSheet } from "./parts.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const IS_WEB = Platform.OS === 'web';
+const SWAP_GLYPH = 36;
+const HOMES_GAP = 10;
+/** A tile's caption-2 label line (15) and the gap under it (8). */
+const TILE_LABEL = 23;
+const ALL_MODES = ['swap', 'host', 'both'];
+
+/**
+ * A home-swap proposal: your home and theirs, when, how many, and how.
+ *
+ *   homes      two `HomeTile`s — label caption-2-bold uppercase, a 4:3 photo
+ *              radius 12, title body-2-medium, location and size
+ *              caption-1-regular text-secondary — with a 36 round swap glyph
+ *              between them (1px hairline, surface fill). Below 360 wide
+ *              (`layout="auto"`) they stack as 72-square rows and the glyph
+ *              turns 90°
+ *   box        20 below; DATES | GUESTS cells, `BookingCard`'s box
+ *   modes      16 below; `Chip`s (medium, `selected` for the chosen mode)
+ *   button     16 below; "Propose a swap" primary large, full width
+ *   note       12 below; centred
+ */
+function ExchangeProposalCardComponent({
+  yourHome,
+  theirHome,
+  yourHomeLabel = 'Your home',
+  theirHomeLabel = 'Their home',
+  dates,
+  onPressDates,
+  guests,
+  onPressGuests,
+  datesLabel = 'Dates',
+  guestsLabel = 'Guests',
+  datesPlaceholder = 'Add dates',
+  guestsPlaceholder = 'Add guests',
+  mode,
+  onModeChange,
+  modes = ALL_MODES,
+  modeLabels,
+  proposeLabel = 'Propose a swap',
+  onPropose,
+  proposeDisabled = false,
+  loading = false,
+  note,
+  footer,
+  layout = 'auto',
+  style,
+  testID
+}) {
+  const palette = useActionPalette();
+  useFocusSheet();
+  const [width, setWidth] = useState(null);
+  const onLayout = useCallback(e => {
+    setWidth(Math.round(e.nativeEvent.layout.width));
+  }, []);
+  const [rowWidth, setRowWidth] = useState(null);
+  const onRowLayout = useCallback(e => {
+    setRowWidth(Math.round(e.nativeEvent.layout.width));
+  }, []);
+  const stacked = layout === 'vertical' || layout === 'auto' && width != null && width < EXCHANGE_STACK_BELOW;
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const labels = useMemo(() => ({
+    ...EXCHANGE_MODE_LABELS,
+    ...modeLabels
+  }), [modeLabels]);
+
+  // Side by side, the glyph sits on the photos' centre line: the label (15 +
+  // 8 gap) plus half a 4:3 photo as wide as one tile.
+  const tileWidth = rowWidth != null ? (rowWidth - SWAP_GLYPH - HOMES_GAP * 2) / 2 : 0;
+  const arrowTop = rowWidth != null ? Math.round(TILE_LABEL + tileWidth * 3 / 4 / 2 - SWAP_GLYPH / 2) : 0;
+  const arrow = /*#__PURE__*/_jsx(View, {
+    testID: id('swap-glyph'),
+    importantForAccessibility: "no-hide-descendants",
+    accessibilityElementsHidden: true,
+    ...(IS_WEB ? {
+      'aria-hidden': true
+    } : null),
+    style: {
+      width: SWAP_GLYPH,
+      height: SWAP_GLYPH,
+      borderRadius: borderRadius.full,
+      borderWidth: 1,
+      borderColor: palette.border,
+      backgroundColor: palette.surface,
+      alignItems: 'center',
+      justifyContent: 'center',
+      alignSelf: stacked ? 'center' : 'flex-start',
+      marginTop: stacked ? 0 : arrowTop,
+      transform: stacked ? [{
+        rotate: '90deg'
+      }] : undefined
+    },
+    children: /*#__PURE__*/_jsx(RiArrowLeftRightLine, {
+      width: 18,
+      height: 18,
+      fill: palette.text
+    })
+  });
+  return /*#__PURE__*/_jsxs(ActionCardShell, {
+    testID: testID,
+    onLayout: onLayout,
+    style: style,
+    children: [/*#__PURE__*/_jsxs(View, {
+      testID: id('homes'),
+      onLayout: onRowLayout,
+      style: {
+        flexDirection: stacked ? 'column' : 'row',
+        alignItems: stacked ? 'stretch' : 'flex-start',
+        gap: stacked ? 8 : HOMES_GAP
+      },
+      children: [/*#__PURE__*/_jsx(HomeTile, {
+        home: yourHome,
+        label: yourHomeLabel,
+        orientation: stacked ? 'horizontal' : 'vertical',
+        style: stacked ? undefined : {
+          flex: 1,
+          minWidth: 0
+        },
+        testID: id('your-home')
+      }), arrow, /*#__PURE__*/_jsx(HomeTile, {
+        home: theirHome,
+        label: theirHomeLabel,
+        orientation: stacked ? 'horizontal' : 'vertical',
+        style: stacked ? undefined : {
+          flex: 1,
+          minWidth: 0
+        },
+        testID: id('their-home')
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      testID: id('fields'),
+      style: {
+        marginTop: 20,
+        flexDirection: 'row',
+        borderWidth: 1,
+        borderColor: palette.fieldBorder,
+        borderRadius: BOOKING_FIELD_RADIUS
+      },
+      children: [/*#__PURE__*/_jsx(BookingFieldCell, {
+        label: datesLabel,
+        value: dates,
+        placeholder: datesPlaceholder,
+        active: false,
+        palette: palette,
+        onPress: onPressDates ? () => onPressDates() : undefined,
+        style: {
+          flex: 1,
+          minWidth: 0
+        },
+        testID: id('dates')
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          width: 1,
+          backgroundColor: palette.fieldBorder
+        }
+      }), /*#__PURE__*/_jsx(BookingFieldCell, {
+        label: guestsLabel,
+        value: guests,
+        placeholder: guestsPlaceholder,
+        active: false,
+        palette: palette,
+        onPress: onPressGuests ? () => onPressGuests() : undefined,
+        style: {
+          flex: 1,
+          minWidth: 0
+        },
+        testID: id('guests')
+      })]
+    }), mode !== undefined ? /*#__PURE__*/_jsx(View, {
+      testID: id('modes'),
+      style: {
+        marginTop: 16,
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8
+      },
+      children: modes.map(value => /*#__PURE__*/_jsx(Chip, {
+        size: "medium",
+        variant: "outlined",
+        selected: mode === value,
+        onPress: onModeChange ? () => onModeChange(value) : undefined,
+        testID: id(`mode-${value}`),
+        children: labels[value]
+      }, value))
+    }) : null, /*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      size: "large",
+      fullWidth: true,
+      onPress: onPropose,
+      disabled: proposeDisabled,
+      loading: loading,
+      style: {
+        marginTop: 16,
+        alignSelf: 'stretch'
+      },
+      testID: id('propose'),
+      children: proposeLabel
+    }), note != null ? /*#__PURE__*/_jsx(ActionCardNote, {
+      style: {
+        marginTop: 12
+      },
+      children: note
+    }) : null, footer != null ? /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: 24,
+        alignItems: 'center'
+      },
+      children: footer
+    }) : null]
+  });
+}
+export const ExchangeProposalCard = /*#__PURE__*/memo(ExchangeProposalCardComponent);
+ExchangeProposalCard.displayName = 'ExchangeProposalCard';
+//# sourceMappingURL=ExchangeProposalCard.js.map

package/lib/module/listing-actions/ExchangeProposalCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","Platform","View","ActionCardNote","ActionCardShell","BookingFieldCell","BOOKING_FIELD_RADIUS","Button","Chip","RiArrowLeftRightLine","borderRadius","EXCHANGE_MODE_LABELS","EXCHANGE_STACK_BELOW","HomeTile","useActionPalette","useFocusSheet","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","SWAP_GLYPH","HOMES_GAP","TILE_LABEL","ALL_MODES","ExchangeProposalCardComponent","yourHome","theirHome","yourHomeLabel","theirHomeLabel","dates","onPressDates","guests","onPressGuests","datesLabel","guestsLabel","datesPlaceholder","guestsPlaceholder","mode","onModeChange","modes","modeLabels","proposeLabel","onPropose","proposeDisabled","loading","note","footer","layout","style","testID","palette","width","setWidth","onLayout","e","Math","round","nativeEvent","rowWidth","setRowWidth","onRowLayout","stacked","id","part","undefined","labels","tileWidth","arrowTop","arrow","importantForAccessibility","accessibilityElementsHidden","height","full","borderWidth","borderColor","border","backgroundColor","surface","alignItems","justifyContent","alignSelf","marginTop","transform","rotate","children","fill","text","flexDirection","gap","home","label","orientation","flex","minWidth","fieldBorder","value","placeholder","active","onPress","flexWrap","map","size","variant","selected","fullWidth","disabled","ExchangeProposalCard","displayName"],"sourceRoot":"../../../src","sources":["listing-actions/ExchangeProposalCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/listing-actions/MortgageCalculator.js

@@ -0,0 +1,388 @@
+"use strict";
+
+import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { ActionCardShell } from "../booking/ActionCard.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { Slider } from "../slider/index.js";
+import { TextField, TextFieldInput, TextFieldLabel, TextFieldSuffix } from "../text-field/index.js";
+import { Text } from "../typography/index.js";
+import { MORTGAGE_LABELS, MORTGAGE_SPLIT_FROM, MORTGAGE_TERM_OPTIONS } from "./constants.js";
+import { computeMortgage, formatPlainAmount, parseAmount, parseRate } from "./mortgage.js";
+import { PrincipalDonut, SelectChip, resolveDonutTones, useActionPalette } from "./parts.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A mortgage estimate from four inputs. The ONE component in this family that
+ * computes: `computeMortgage` (exported, pure) turns price, down payment, term
+ * and rate into the instalment and totals; `formatCurrency` turns numbers into
+ * text.
+ *
+ *   inputs     price field; down payment amount + percent fields in sync, a
+ *              `Slider` (0–100%) under them; term as radio chips (10…30
+ *              years); interest rate field with a "%" suffix
+ *   result     "Monthly payment" body-2-medium text-secondary over the amount
+ *              title-1-semibold; a 136 donut of principal (chart-6) and
+ *              interest (chart-2) with a legend; loan amount, total interest
+ *              and total cost rows; the disclaimer caption-1-regular
+ *   layout     stacked, or inputs | result side by side from 640 wide
+ *              (`layout="auto"`), 32 apart
+ */
+
+function NumberField({
+  label,
+  caption,
+  value,
+  format,
+  parse,
+  onChange,
+  suffix,
+  testID
+}) {
+  const [text, setText] = useState(() => format(value));
+  // Follow the value from outside (slider, chips, parent), but leave the
+  // text alone while it already says that number — "3." stays "3." mid-typing.
+  useEffect(() => {
+    setText(current => parse(current) === value ? current : format(value));
+  }, [value, format, parse]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1,
+      minWidth: 0
+    },
+    children: [/*#__PURE__*/_jsx(TextFieldLabel, {
+      children: caption ?? label
+    }), /*#__PURE__*/_jsxs(TextField, {
+      children: [/*#__PURE__*/_jsx(TextFieldInput, {
+        label: label,
+        value: text,
+        inputMode: "decimal",
+        keyboardType: "decimal-pad",
+        onChangeText: next => {
+          setText(next);
+          onChange(parse(next));
+        },
+        onBlur: () => setText(format(value)),
+        testID: testID
+      }), suffix ? /*#__PURE__*/_jsx(TextFieldSuffix, {
+        label: suffix,
+        children: suffix
+      }) : null]
+    })]
+  });
+}
+const formatPercent = value => String(Math.round(value * 10) / 10);
+const formatRate = value => String(Math.round(value * 100) / 100);
+function MortgageCalculatorComponent({
+  price: priceProp,
+  defaultPrice = 350000,
+  onPriceChange,
+  downPayment: downProp,
+  defaultDownPayment,
+  onDownPaymentChange,
+  years: yearsProp,
+  defaultYears = 25,
+  onYearsChange,
+  annualRate: rateProp,
+  defaultAnnualRate = 3.5,
+  onAnnualRateChange,
+  termOptions = MORTGAGE_TERM_OPTIONS,
+  formatCurrency = formatPlainAmount,
+  labels: labelsProp,
+  disclaimer,
+  layout = 'auto',
+  maxWidth = null,
+  style,
+  testID
+}) {
+  const palette = useActionPalette();
+  const labels = useMemo(() => ({
+    ...MORTGAGE_LABELS,
+    ...labelsProp
+  }), [labelsProp]);
+  const tones = useMemo(() => resolveDonutTones(palette.theme), [palette.theme]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const [price, setPrice] = useControllableState({
+    value: priceProp,
+    defaultValue: defaultPrice,
+    onChange: onPriceChange
+  });
+  const [down, setDown] = useControllableState({
+    value: downProp,
+    defaultValue: defaultDownPayment ?? Math.round(defaultPrice * 0.2),
+    onChange: onDownPaymentChange
+  });
+  const [years, setYears] = useControllableState({
+    value: yearsProp,
+    defaultValue: defaultYears,
+    onChange: onYearsChange
+  });
+  const [rate, setRate] = useControllableState({
+    value: rateProp,
+    defaultValue: defaultAnnualRate,
+    onChange: onAnnualRateChange
+  });
+  const [width, setWidth] = useState(null);
+  const onLayout = useCallback(e => {
+    setWidth(Math.round(e.nativeEvent.layout.width));
+  }, []);
+  const split = layout === 'split' || layout === 'auto' && width != null && width >= MORTGAGE_SPLIT_FROM;
+  const result = useMemo(() => computeMortgage({
+    price,
+    downPayment: down,
+    years,
+    annualRate: rate
+  }), [price, down, years, rate]);
+  const percent = price > 0 ? Math.min(down, price) / price * 100 : 0;
+  const setPercent = pct => setDown(Math.round(price * Math.min(100, Math.max(0, pct)) / 100));
+  const shownDisclaimer = disclaimer === undefined ? 'An estimate, not an offer. It leaves out fees, taxes and insurance, and assumes a fixed rate for the whole term.' : disclaimer;
+  const inputs = /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 16,
+      flex: split ? 1 : undefined,
+      minWidth: 0
+    },
+    children: [/*#__PURE__*/_jsx(NumberField, {
+      label: labels.price,
+      value: price,
+      format: formatPlainAmount,
+      parse: parseAmount,
+      onChange: next => {
+        setPrice(next);
+        if (down > next) setDown(next);
+      },
+      testID: id('price')
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 12
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          gap: 8
+        },
+        children: [/*#__PURE__*/_jsx(NumberField, {
+          label: labels.downPayment,
+          value: Math.min(down, price),
+          format: formatPlainAmount,
+          parse: parseAmount,
+          onChange: next => setDown(Math.min(next, price)),
+          testID: id('down-payment')
+        }), /*#__PURE__*/_jsx(View, {
+          style: {
+            width: 96
+          },
+          children: /*#__PURE__*/_jsx(NumberField, {
+            label: labels.downPaymentPercent,
+            caption: labels.percent,
+            value: Math.round(percent * 10) / 10,
+            format: formatPercent,
+            parse: parseRate,
+            onChange: setPercent,
+            suffix: "%",
+            testID: id('down-payment-percent')
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Slider, {
+        value: Math.round(percent),
+        onValueChange: setPercent,
+        min: 0,
+        max: 100,
+        step: 1,
+        showTooltip: false,
+        accessibilityLabel: labels.downPaymentPercent,
+        testID: id('down-payment-slider')
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(TextFieldLabel, {
+        children: `${labels.term} (${labels.years})`
+      }), /*#__PURE__*/_jsx(View, {
+        accessibilityLabel: labels.term,
+        role: "radiogroup",
+        testID: id('terms'),
+        style: {
+          flexDirection: 'row',
+          gap: 8
+        },
+        children: termOptions.map(option => /*#__PURE__*/_jsx(SelectChip, {
+          shape: "slot",
+          selected: years === option,
+          onPress: () => setYears(option),
+          accessibilityLabel: `${option} ${labels.years}`,
+          style: {
+            flex: 1,
+            minWidth: 0,
+            paddingLeft: 4,
+            paddingRight: 4
+          },
+          testID: id(`term-${option}`),
+          children: ink => /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-medium",
+            style: {
+              color: ink,
+              fontVariant: ['tabular-nums']
+            },
+            children: String(option)
+          })
+        }, option))
+      })]
+    }), /*#__PURE__*/_jsx(NumberField, {
+      label: labels.rate,
+      value: rate,
+      format: formatRate,
+      parse: parseRate,
+      onChange: setRate,
+      suffix: "%",
+      testID: id('rate')
+    })]
+  });
+  const rows = [['loan', labels.loanAmount, formatCurrency(result.loanAmount)], ['interest', labels.totalInterest, formatCurrency(result.totalInterest)], ['total', labels.totalCost, formatCurrency(result.totalCost)]];
+  const legend = (color, label, amount) => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 2
+    },
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          width: 8,
+          height: 8,
+          borderRadius: 2,
+          backgroundColor: color
+        }
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        style: {
+          color: palette.textSecondary
+        },
+        children: label
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-semibold",
+      style: {
+        color: palette.text,
+        fontVariant: ['tabular-nums']
+      },
+      children: formatCurrency(amount)
+    })]
+  });
+  const output = /*#__PURE__*/_jsxs(View, {
+    testID: id('result'),
+    style: [{
+      gap: 16,
+      minWidth: 0
+    }, split ? {
+      flex: 1
+    } : {
+      borderTopWidth: 1,
+      borderTopColor: palette.border,
+      paddingTop: 20
+    }],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 2
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "body-2-medium",
+        style: {
+          color: palette.textSecondary
+        },
+        children: labels.monthlyPayment
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "title-1-semibold",
+        accessibilityLiveRegion: "polite",
+        "aria-live": "polite",
+        testID: id('monthly'),
+        style: {
+          color: palette.text,
+          fontVariant: ['tabular-nums']
+        },
+        children: formatCurrency(result.monthlyPayment)
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 20
+      },
+      children: [/*#__PURE__*/_jsx(PrincipalDonut, {
+        principal: result.loanAmount,
+        interest: result.totalInterest,
+        accessibilityLabel: `${labels.principal} ${formatCurrency(result.loanAmount)}, ${labels.interest} ${formatCurrency(result.totalInterest)}`,
+        testID: id('donut')
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          gap: 12,
+          flex: 1,
+          minWidth: 0
+        },
+        children: [legend(tones.principal, labels.principal, result.loanAmount), legend(tones.interest, labels.interest, result.totalInterest)]
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      children: rows.map(([key, label, value], index) => /*#__PURE__*/_jsxs(View, {
+        testID: id(`row-${key}`),
+        style: {
+          flexDirection: 'row',
+          alignItems: 'baseline',
+          gap: 12,
+          paddingTop: 10,
+          paddingBottom: 10,
+          borderTopWidth: index === 0 ? 0 : 1,
+          borderTopColor: palette.border
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          style: {
+            flex: 1,
+            color: palette.textSecondary
+          },
+          children: label
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: index === rows.length - 1 ? 'body-2-semibold' : 'body-2-medium',
+          style: {
+            color: palette.text,
+            fontVariant: ['tabular-nums']
+          },
+          children: value
+        })]
+      }, key))
+    }), shownDisclaimer != null ? typeof shownDisclaimer === 'string' ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      testID: id('disclaimer'),
+      style: {
+        color: palette.textSecondary
+      },
+      children: shownDisclaimer
+    }) : shownDisclaimer : null]
+  });
+  return /*#__PURE__*/_jsxs(ActionCardShell, {
+    testID: testID,
+    maxWidth: maxWidth,
+    onLayout: onLayout,
+    style: style,
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "headline-semibold",
+      accessibilityRole: "header",
+      style: {
+        color: palette.text,
+        marginBottom: 20
+      },
+      children: labels.title
+    }), /*#__PURE__*/_jsxs(View, {
+      style: split ? {
+        flexDirection: 'row',
+        gap: 32,
+        alignItems: 'flex-start'
+      } : {
+        gap: 24
+      },
+      children: [inputs, output]
+    })]
+  });
+}
+export const MortgageCalculator = /*#__PURE__*/memo(MortgageCalculatorComponent);
+MortgageCalculator.displayName = 'MortgageCalculator';
+//# sourceMappingURL=MortgageCalculator.js.map

package/lib/module/listing-actions/MortgageCalculator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useMemo","useState","View","ActionCardShell","useControllableState","Slider","TextField","TextFieldInput","TextFieldLabel","TextFieldSuffix","Text","MORTGAGE_LABELS","MORTGAGE_SPLIT_FROM","MORTGAGE_TERM_OPTIONS","computeMortgage","formatPlainAmount","parseAmount","parseRate","PrincipalDonut","SelectChip","resolveDonutTones","useActionPalette","jsx","_jsx","jsxs","_jsxs","NumberField","label","caption","value","format","parse","onChange","suffix","testID","text","setText","current","style","flex","minWidth","children","inputMode","keyboardType","onChangeText","next","onBlur","formatPercent","String","Math","round","formatRate","MortgageCalculatorComponent","price","priceProp","defaultPrice","onPriceChange","downPayment","downProp","defaultDownPayment","onDownPaymentChange","years","yearsProp","defaultYears","onYearsChange","annualRate","rateProp","defaultAnnualRate","onAnnualRateChange","termOptions","formatCurrency","labels","labelsProp","disclaimer","layout","maxWidth","palette","tones","theme","id","part","undefined","setPrice","defaultValue","down","setDown","setYears","rate","setRate","width","setWidth","onLayout","e","nativeEvent","split","result","percent","min","setPercent","pct","max","shownDisclaimer","inputs","gap","flexDirection","downPaymentPercent","onValueChange","step","showTooltip","accessibilityLabel","term","role","map","option","shape","selected","onPress","paddingLeft","paddingRight","ink","variant","color","fontVariant","rows","loanAmount","totalInterest","totalCost","legend","amount","alignItems","height","borderRadius","backgroundColor","textSecondary","output","borderTopWidth","borderTopColor","border","paddingTop","monthlyPayment","accessibilityLiveRegion","principal","interest","key","index","paddingBottom","length","accessibilityRole","marginBottom","title","MortgageCalculator","displayName"],"sourceRoot":"../../../src","sources":["listing-actions/MortgageCalculator.tsx"],"mappings":"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","ignoreList":[]}