@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/module/shipment-request/ShipmentLoadPicker.js

@@ -0,0 +1,237 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { useContainerWidth } from "../hooks/use-container-width.js";
+import { resolveSelectionPaint, SelectionCard } from "../listing-editor/SelectionCard.js";
+import { SegmentedControl, SegmentedControlItem, SegmentedControlItemText } from "../segmented-control/index.js";
+import { StepperRow } from "../stepper/index.js";
+import { TextField, TextFieldHint, TextFieldInput, TextFieldLabel, TextFieldSuffix } from "../text-field/index.js";
+import { Textarea } from "../textarea/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { SHIPMENT_LOAD_KINDS, SHIPMENT_LOAD_LABELS, SHIPMENT_LOAD_SIZES, SHIPMENT_REQUEST_GEOMETRY } from "./constants.js";
+import { joinShipmentName, sanitizeWeight } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * What is being moved, how big it is, how heavy and how many.
+ *
+ *   kind      the editor's selectable cards, one answer: a 44 icon tile, the
+ *             kind at `headline-semibold`, what it covers under it, a radio
+ *             indicator on the right
+ *   size      a `SegmentedControl` of single letters, with the chosen rung's
+ *             sentence under it — four words never fit in one control at phone
+ *             width, and a control whose every option carries a sentence is a
+ *             list, not a segmented control
+ *   weight    a `TextField` with its unit as a `TextFieldSuffix`, beside the
+ *             quantity from 480 wide and stacked under it below
+ *   quantity  a `StepperRow` from 1
+ *   notes     an auto-resizing `Textarea`, drawn only when asked for
+ *
+ * **THE VALUE IS ONE OBJECT AND IT ARRIVES WHOLE.** `onValueChange` is called
+ * with the next `ShipmentLoad`, never with a patch: a form that merges patches
+ * in four places has four chances to drop a field, and this one has none.
+ *
+ * **THE UNIT IS NOT PART OF THE VALUE.** `weight` holds digits and at most one
+ * dot (`sanitizeWeight`), so an app parses a number; the "kg" beside it is
+ * drawn, announced, and never stored.
+ *
+ * Validation is the app's. `errors` is keyed by field and each message sits
+ * under its own control, in the error colour — the kind's under the cards.
+ */
+
+function ShipmentLoadPickerComponent({
+  value,
+  onValueChange,
+  kinds = SHIPMENT_LOAD_KINDS,
+  sizes = SHIPMENT_LOAD_SIZES,
+  notes = false,
+  maxQuantity = 20,
+  errors = {},
+  labels: labelOverrides,
+  disabled = false,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveSelectionPaint(theme), [theme]);
+  const labels = useMemo(() => ({
+    ...SHIPMENT_LOAD_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const wide = width === null || width >= SHIPMENT_REQUEST_GEOMETRY.narrowWidth;
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const chosenSize = sizes.find(size => size.value === value.size);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    onLayout: onLayout,
+    style: [{
+      gap: SHIPMENT_REQUEST_GEOMETRY.controlGap
+    }, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(TextFieldLabel, {
+        children: labels.kind
+      }), /*#__PURE__*/_jsx(View, {
+        role: "radiogroup",
+        accessibilityLabel: labels.kind,
+        style: {
+          gap: 12
+        },
+        testID: id('kind'),
+        children: kinds.map(kind => /*#__PURE__*/_jsx(SelectionCard, {
+          selection: "single",
+          selected: value.kind === kind.value,
+          onPress: () => {
+            if (value.kind !== kind.value) onValueChange({
+              ...value,
+              kind: kind.value
+            });
+          },
+          title: kind.label,
+          description: kind.description,
+          icon: kind.icon,
+          compact: !wide,
+          disabled: disabled || kind.disabled === true,
+          accessibilityLabel: joinShipmentName([kind.label, kind.description]),
+          testID: id(`kind-${kind.value}`)
+        }, kind.value))
+      }), errors.kind ? /*#__PURE__*/_jsx(TextFieldHint, {
+        isInvalid: true,
+        children: errors.kind
+      }) : null]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(TextFieldLabel, {
+        children: labels.size
+      }), /*#__PURE__*/_jsx(SegmentedControl, {
+        type: "radio",
+        label: labels.size,
+        value: value.size ?? '',
+        onValueChange: size => {
+          if (size !== '') onValueChange({
+            ...value,
+            size
+          });
+        },
+        disabled: disabled,
+        style: {
+          alignSelf: 'stretch'
+        },
+        testID: id('size'),
+        children: sizes.map(size => /*#__PURE__*/_jsx(SegmentedControlItem, {
+          value: size.value,
+          disabled: disabled || size.disabled,
+          accessibilityLabel: joinShipmentName([size.label, size.detail]),
+          testID: id(`size-${size.value}`),
+          children: /*#__PURE__*/_jsx(SegmentedControlItemText, {
+            children: size.label
+          })
+        }, size.value))
+      }), chosenSize?.detail ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        style: {
+          color: paint.textSecondary
+        },
+        testID: id('size-detail'),
+        children: chosenSize.detail
+      }) : null, errors.size ? /*#__PURE__*/_jsx(TextFieldHint, {
+        isInvalid: true,
+        children: errors.size
+      }) : null]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: wide ? 'row' : 'column',
+        // The stepper has no label above it, so on a wide form the two
+        // columns line up on their BOTTOM edge — the field and the counter,
+        // not the field and the word above it.
+        alignItems: wide ? 'flex-end' : 'stretch',
+        gap: SHIPMENT_REQUEST_GEOMETRY.controlGap
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: [{
+          gap: 8
+        }, wide ? {
+          width: SHIPMENT_REQUEST_GEOMETRY.weightWidth
+        } : null],
+        children: [/*#__PURE__*/_jsx(TextFieldLabel, {
+          children: labels.weight
+        }), /*#__PURE__*/_jsxs(TextField, {
+          isInvalid: !!errors.weight,
+          disabled: disabled,
+          children: [/*#__PURE__*/_jsx(TextFieldInput, {
+            label: labels.weight,
+            placeholder: null,
+            value: value.weight,
+            onChangeText: text => onValueChange({
+              ...value,
+              weight: sanitizeWeight(text)
+            }),
+            keyboardType: "decimal-pad",
+            inputMode: "decimal",
+            isInvalid: !!errors.weight,
+            disabled: disabled,
+            testID: id('weight')
+          }), /*#__PURE__*/_jsx(TextFieldSuffix, {
+            label: labels.weightUnit,
+            children: labels.weightUnit
+          })]
+        }), errors.weight ? /*#__PURE__*/_jsx(TextFieldHint, {
+          isInvalid: true,
+          children: errors.weight
+        }) : null]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: wide ? 1 : undefined,
+          minWidth: 0,
+          gap: 8
+        },
+        children: [/*#__PURE__*/_jsx(StepperRow, {
+          title: labels.quantity,
+          value: value.quantity,
+          onValueChange: quantity => onValueChange({
+            ...value,
+            quantity
+          }),
+          min: 1,
+          max: maxQuantity,
+          formatValue: labels.quantityValue,
+          size: "small",
+          disabled: disabled,
+          style: {
+            paddingTop: 0,
+            paddingBottom: 0
+          },
+          testID: id('quantity')
+        }), errors.quantity ? /*#__PURE__*/_jsx(TextFieldHint, {
+          isInvalid: true,
+          children: errors.quantity
+        }) : null]
+      })]
+    }), notes ? /*#__PURE__*/_jsx(Textarea, {
+      label: labels.notes,
+      placeholder: labels.notesPlaceholder,
+      value: value.notes ?? '',
+      onChangeText: text => onValueChange({
+        ...value,
+        notes: text
+      }),
+      rows: 3,
+      autoResize: true,
+      maxRows: 6,
+      disabled: disabled,
+      testID: id('notes')
+    }) : null]
+  });
+}
+export const ShipmentLoadPicker = /*#__PURE__*/memo(ShipmentLoadPickerComponent);
+ShipmentLoadPicker.displayName = 'ShipmentLoadPicker';
+//# sourceMappingURL=ShipmentLoadPicker.js.map

package/lib/module/shipment-request/ShipmentLoadPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","useContainerWidth","resolveSelectionPaint","SelectionCard","SegmentedControl","SegmentedControlItem","SegmentedControlItemText","StepperRow","TextField","TextFieldHint","TextFieldInput","TextFieldLabel","TextFieldSuffix","Textarea","useTheme","Text","SHIPMENT_LOAD_KINDS","SHIPMENT_LOAD_LABELS","SHIPMENT_LOAD_SIZES","SHIPMENT_REQUEST_GEOMETRY","joinShipmentName","sanitizeWeight","jsx","_jsx","jsxs","_jsxs","ShipmentLoadPickerComponent","value","onValueChange","kinds","sizes","notes","maxQuantity","errors","labels","labelOverrides","disabled","style","testID","theme","paint","width","onLayout","wide","narrowWidth","id","part","undefined","chosenSize","find","size","gap","controlGap","children","kind","role","accessibilityLabel","map","selection","selected","onPress","title","label","description","icon","compact","isInvalid","type","alignSelf","detail","variant","color","textSecondary","flexDirection","alignItems","weightWidth","weight","placeholder","onChangeText","text","keyboardType","inputMode","weightUnit","flex","minWidth","quantity","min","max","formatValue","quantityValue","paddingTop","paddingBottom","notesPlaceholder","rows","autoResize","maxRows","ShipmentLoadPicker","displayName"],"sourceRoot":"../../../src","sources":["shipment-request/ShipmentLoadPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shipment-request/ShipmentOptionsList.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Chip } from "../chip/index.js";
+import { SettingsListGroup, SettingsListItem } from "../settings-list/index.js";
+import { Switch } from "../switch/index.js";
+import { TextFieldLabel } from "../text-field/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { SHIPMENT_OPTIONS_LABELS, SHIPMENT_REQUEST_GEOMETRY } from "./constants.js";
+import { joinShipmentName, toggleShipmentExtra } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The answers that change what a job costs.
+ *
+ * Three groups, and the CONTROL is the difference between them:
+ *
+ *   extras  independent of each other, so each is a `SettingsListItem` with a
+ *           `Switch` and its own price at the end of the row. A switch is the
+ *           control for "and also this"
+ *   access  exactly one is true — a place is on the ground, up stairs, or has a
+ *           lift — so they are a `radiogroup` of chips, and choosing one
+ *           unchooses the rest without the user having to
+ *   window  the same, over collection times
+ *
+ * **A PRICE HERE IS A STRING.** `"+€12.00"`, `"Included"` — drawn where the
+ * option is and never added to anything. The running total belongs to
+ * `PriceSummary`, which is what `ShipmentRequestForm` puts under this.
+ *
+ * **A SWITCH DRAWS NO TEXT**, so each one is named with its row's title and its
+ * price: the caption beside a switch is a SIBLING on both platforms, and a
+ * screen reader that reads only the control announces "switch, off".
+ */
+
+const TABULAR = {
+  fontVariant: ['tabular-nums']
+};
+function ShipmentOptionsListComponent({
+  extras,
+  selectedExtras = [],
+  onExtrasChange,
+  accessOptions,
+  access = null,
+  onAccessChange,
+  windows,
+  window: windowId = null,
+  onWindowChange,
+  labels: labelOverrides,
+  disabled = false,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const labels = useMemo(() => ({
+    ...SHIPMENT_OPTIONS_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const chosen = new Set(selectedExtras);
+  const priceText = price => price === undefined ? null : /*#__PURE__*/_jsx(Text, {
+    variant: "body-2-medium",
+    numberOfLines: 1,
+    style: [{
+      color: theme.colors.textSecondary
+    }, TABULAR],
+    children: price
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [{
+      gap: SHIPMENT_REQUEST_GEOMETRY.controlGap
+    }, style],
+    children: [extras?.length ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      testID: id('extras'),
+      children: [/*#__PURE__*/_jsx(TextFieldLabel, {
+        children: labels.extras
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        children: extras.map(extra => {
+          const on = chosen.has(extra.key);
+          const blocked = disabled || extra.disabled === true;
+          const name = joinShipmentName([extra.title, extra.description, extra.price]);
+          return /*#__PURE__*/_jsx(SettingsListItem, {
+            icon: extra.icon ? /*#__PURE__*/_jsx(extra.icon, {
+              width: 20,
+              height: 20,
+              fill: theme.colors.text
+            }) : undefined,
+            title: extra.title,
+            description: extra.description,
+            disabled: blocked
+            // The ROW is not the control. A pressable row wrapping a
+            // switch is two targets for one answer, and on web the outer
+            // one is a button containing a checkbox.
+            ,
+            showChevron: false,
+            rightElement: /*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: 10
+              },
+              children: [priceText(extra.price), /*#__PURE__*/_jsx(Switch, {
+                checked: on,
+                onCheckedChange: () => onExtrasChange?.(toggleShipmentExtra(extras, selectedExtras, extra.key)),
+                disabled: blocked,
+                accessibilityLabel: name,
+                testID: id(`extra-${extra.key}`)
+              })]
+            })
+          }, extra.key);
+        })
+      })]
+    }) : null, accessOptions?.length ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(TextFieldLabel, {
+        children: labels.access
+      }), /*#__PURE__*/_jsx(View, {
+        role: "radiogroup",
+        accessibilityLabel: labels.access,
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: SHIPMENT_REQUEST_GEOMETRY.chipGap
+        },
+        testID: id('access'),
+        children: accessOptions.map(option => /*#__PURE__*/_jsx(Chip, {
+          role: "radio",
+          size: "xl",
+          variant: "outlined",
+          selected: access === option.value,
+          disabled: disabled || option.disabled,
+          leadingIcon: option.icon,
+          onPress: () => onAccessChange?.(option.value),
+          accessibilityLabel: joinShipmentName([option.label, option.price]),
+          testID: id(`access-${option.value}`),
+          children: joinShipmentName([option.label, option.price], ' · ')
+        }, option.value))
+      })]
+    }) : null, windows?.length ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(TextFieldLabel, {
+        children: labels.window
+      }), /*#__PURE__*/_jsx(View, {
+        role: "radiogroup",
+        accessibilityLabel: labels.window,
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: SHIPMENT_REQUEST_GEOMETRY.chipGap
+        },
+        testID: id('window'),
+        children: windows.map(option => /*#__PURE__*/_jsx(Chip, {
+          role: "radio",
+          size: "xl",
+          variant: "outlined",
+          selected: windowId === option.id,
+          disabled: disabled || option.disabled,
+          onPress: () => onWindowChange?.(option.id),
+          accessibilityLabel: joinShipmentName([option.label, option.price]),
+          testID: id(`window-${option.id}`),
+          children: joinShipmentName([option.label, option.price], ' · ')
+        }, option.id))
+      })]
+    }) : null]
+  });
+}
+export const ShipmentOptionsList = /*#__PURE__*/memo(ShipmentOptionsListComponent);
+ShipmentOptionsList.displayName = 'ShipmentOptionsList';
+//# sourceMappingURL=ShipmentOptionsList.js.map

package/lib/module/shipment-request/ShipmentOptionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Chip","SettingsListGroup","SettingsListItem","Switch","TextFieldLabel","useTheme","Text","SHIPMENT_OPTIONS_LABELS","SHIPMENT_REQUEST_GEOMETRY","joinShipmentName","toggleShipmentExtra","jsx","_jsx","jsxs","_jsxs","TABULAR","fontVariant","ShipmentOptionsListComponent","extras","selectedExtras","onExtrasChange","accessOptions","access","onAccessChange","windows","window","windowId","onWindowChange","labels","labelOverrides","disabled","style","testID","theme","id","part","undefined","chosen","Set","priceText","price","variant","numberOfLines","color","colors","textSecondary","children","gap","controlGap","length","map","extra","on","has","key","blocked","name","title","description","icon","width","height","fill","text","showChevron","rightElement","flexDirection","alignItems","checked","onCheckedChange","accessibilityLabel","role","flexWrap","chipGap","option","size","selected","value","leadingIcon","onPress","label","ShipmentOptionsList","displayName"],"sourceRoot":"../../../src","sources":["shipment-request/ShipmentOptionsList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shipment-request/ShipmentRequestForm.js

@@ -0,0 +1,141 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { PriceSummary } from "../price-breakdown/index.js";
+import { RouteStops } from "../route-stops/index.js";
+import { SortablePhotoGrid } from "../sortable-media/index.js";
+import { FilterSection } from "../stay-filters/FilterSection.js";
+import { ShipmentLoadPicker } from "./ShipmentLoadPicker.js";
+import { ShipmentOptionsList } from "./ShipmentOptionsList.js";
+import { SHIPMENT_REQUEST_LABELS } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Describing a job: where it goes, what is being moved, what it looks like,
+ * what changes the price, and what that price currently is.
+ *
+ * It is the REGISTER a Bloom multi-part form is written in — one column of
+ * sections, each a heading over its controls with a hairline under it, no card
+ * per section and no step counter. The one decision it makes is the ORDER, and
+ * the order is the order of the questions a carrier needs answered:
+ *
+ *   1  route    `RouteStops` — the origin, the destination, the stops between
+ *   2  load     `ShipmentLoadPicker` — kind, size, weight, quantity, notes
+ *   3  photos   `SortablePhotoGrid` — drawn only when `photos` is given
+ *   4  options  `ShipmentOptionsList` — the answers that move the number
+ *   5  price    `PriceSummary` — last, so the options and the number they move
+ *               are on one screen
+ *
+ * **IT DRAWS NOTHING OF ITS OWN.** Every section is an existing Bloom family
+ * handed its props unchanged: there is one component that knows what a route
+ * looks like, one that knows what a photo grid looks like, one that knows what
+ * an itemised price looks like, and a form that redrew any of them would be a
+ * copy that drifts. A section whose props are absent is not drawn — a job that
+ * needs no photograph should not be asked for one.
+ *
+ * **THE LAST SECTION HAS NO RULE UNDER IT**, and the footer sits below it with
+ * none either: a divider is a separator between two things, and there is
+ * nothing after the last one.
+ */
+
+function ShipmentRequestFormComponent({
+  route,
+  load,
+  onLoadChange,
+  loadProps,
+  photos,
+  options,
+  price,
+  footer,
+  labels: labelOverrides,
+  disabled = false,
+  accessibilityLabel = 'Shipment request',
+  style,
+  testID
+}) {
+  const labels = useMemo(() => ({
+    ...SHIPMENT_REQUEST_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+
+  // Which sections exist, so the LAST one can drop its rule without every
+  // section having to know what follows it.
+  const sections = [{
+    key: 'route',
+    title: labels.route,
+    description: labels.routeDescription,
+    content: /*#__PURE__*/_jsx(RouteStops, {
+      ...route,
+      testID: route.testID ?? id('route')
+    })
+  }, {
+    key: 'load',
+    title: labels.load,
+    description: labels.loadDescription,
+    content: /*#__PURE__*/_jsx(ShipmentLoadPicker, {
+      ...loadProps,
+      value: load,
+      onValueChange: onLoadChange,
+      disabled: disabled || loadProps?.disabled,
+      testID: id('load')
+    })
+  }];
+  if (photos) {
+    sections.push({
+      key: 'photos',
+      title: labels.photos,
+      description: labels.photosDescription,
+      content: /*#__PURE__*/_jsx(SortablePhotoGrid, {
+        ...photos,
+        disabled: disabled || photos.disabled,
+        testID: id('photos')
+      })
+    });
+  }
+  if (options) {
+    sections.push({
+      key: 'options',
+      title: labels.options,
+      description: labels.optionsDescription,
+      content: /*#__PURE__*/_jsx(ShipmentOptionsList, {
+        ...options,
+        disabled: disabled || options.disabled,
+        testID: id('options')
+      })
+    });
+  }
+  if (price) {
+    sections.push({
+      key: 'price',
+      title: labels.price,
+      description: labels.priceDescription,
+      content: /*#__PURE__*/_jsx(PriceSummary, {
+        ...price,
+        testID: id('price')
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    role: "form",
+    accessibilityLabel: accessibilityLabel,
+    style: style,
+    children: [sections.map((section, index) => /*#__PURE__*/_jsx(FilterSection, {
+      title: section.title,
+      description: section.description === '' ? undefined : section.description,
+      divider: index < sections.length - 1,
+      testID: id(`section-${section.key}`),
+      children: section.content
+    }, section.key)), footer ? /*#__PURE__*/_jsx(View, {
+      style: {
+        paddingTop: 24
+      },
+      testID: id('footer'),
+      children: footer
+    }) : null]
+  });
+}
+export const ShipmentRequestForm = /*#__PURE__*/memo(ShipmentRequestFormComponent);
+ShipmentRequestForm.displayName = 'ShipmentRequestForm';
+//# sourceMappingURL=ShipmentRequestForm.js.map

package/lib/module/shipment-request/ShipmentRequestForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","PriceSummary","RouteStops","SortablePhotoGrid","FilterSection","ShipmentLoadPicker","ShipmentOptionsList","SHIPMENT_REQUEST_LABELS","jsx","_jsx","jsxs","_jsxs","ShipmentRequestFormComponent","route","load","onLoadChange","loadProps","photos","options","price","footer","labels","labelOverrides","disabled","accessibilityLabel","style","testID","id","part","undefined","sections","key","title","description","routeDescription","content","loadDescription","value","onValueChange","push","photosDescription","optionsDescription","priceDescription","role","children","map","section","index","divider","length","paddingTop","ShipmentRequestForm","displayName"],"sourceRoot":"../../../src","sources":["shipment-request/ShipmentRequestForm.tsx"],"mappings":"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","ignoreList":[]}