@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/commonjs/payment-status/PaymentStatusBlock.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaymentStatusBlock = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../admonition/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** The parts of the name, in reading order, with the empty ones dropped. */
+function composeName(parts) {
+  return parts.filter(part => typeof part === 'string' && part !== '').join(', ');
+}
+
+/**
+ * The block form: a confirmation screen's answer, not a row's.
+ *
+ * `PaymentStatusBar` is the strip a list, a header or a sticky footer carries
+ * while something is in progress. This is the thing a reader ARRIVES at — so
+ * the glyph is the page's subject rather than a row's ornament, the amount is
+ * the largest thing on it, and the failure's words get an `Admonition` of their
+ * own rather than a second line.
+ *
+ *   tile     56 round in the state's tint, a 28 glyph in the tone's own accent
+ *   status   title-2-semibold, centred
+ *   amount   title-1-semibold in TABULAR figures — the number a reader checks
+ *   detail   body-regular, secondary
+ *   ref      caption-1-medium label over a body-medium tabular value, so a
+ *            reference can be read out one character at a time
+ *   reason   `Admonition`, error for a failure and warning for a pending one.
+ *            The three states with nothing to explain draw none, whatever
+ *            `reason` says — a reason under a success is a reader hunting for a
+ *            problem that is not there.
+ *   surface  one rung above whatever it was dropped on, 16 radius, a hairline;
+ *            `plain` draws the content and no chrome
+ *
+ * Nothing here formats money, reads a clock or decides what a processor's
+ * status means.
+ */
+function PaymentStatusBlockComponent({
+  state,
+  status,
+  amount,
+  detail,
+  reference,
+  referenceLabel = 'Reference',
+  reason,
+  actions,
+  icon,
+  variant = 'surface',
+  labels,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const level = (0, _surfaceLevels.useSurfaceLevelValue)();
+  const own = (0, _surfaceLevels.useSurfaceLevel)(variant === 'surface' ? 1 : 0);
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolvePaymentStatusPaint)(theme, own.background), [theme, own.background]);
+  const presentation = (0, _shared.resolvePaymentStatus)(state, {
+    status,
+    labels,
+    icon
+  });
+  const accent = (0, _accentColors.resolveAccentColors)(theme.colors, presentation.tone, 'subtle');
+  const Glyph = presentation.icon;
+  const g = _constants.PAYMENT_STATUS_GEOMETRY;
+  const showReason = presentation.admonition !== undefined && reason !== undefined && reason !== '';
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: g.gap,
+      alignItems: 'stretch'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        alignItems: 'center',
+        gap: 8
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        testID: testID ? `${testID}-tile` : undefined,
+        style: {
+          width: g.tile,
+          height: g.tile,
+          borderRadius: g.tile / 2,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: accent.background
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
+          width: g.glyph,
+          height: g.glyph,
+          fill: accent.foreground
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "title-2-semibold",
+        testID: testID ? `${testID}-status` : undefined,
+        style: {
+          color: paint.text,
+          textAlign: 'center'
+        },
+        children: presentation.words
+      }), amount ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "title-1-semibold",
+        testID: testID ? `${testID}-amount` : undefined,
+        style: {
+          color: paint.text,
+          textAlign: 'center',
+          fontVariant: ['tabular-nums']
+        },
+        children: amount
+      }) : null, detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-regular",
+        testID: testID ? `${testID}-detail` : undefined,
+        style: {
+          color: paint.textSecondary,
+          textAlign: 'center'
+        },
+        children: detail
+      }) : null]
+    }), reference ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        alignItems: 'center',
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "caption-1-medium",
+        style: {
+          color: paint.textSecondary
+        },
+        children: referenceLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-medium",
+        testID: testID ? `${testID}-reference` : undefined,
+        style: {
+          color: paint.text,
+          fontVariant: ['tabular-nums']
+        },
+        children: reference
+      })]
+    }) : null, showReason ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Admonition, {
+      type: presentation.admonition,
+      style: {
+        width: '100%'
+      },
+      children: reason
+    }) : null, actions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        gap: 8
+      },
+      children: actions
+    }) : null]
+  });
+  const name = accessibilityLabel ?? composeName([presentation.words, amount, detail]);
+  if (variant === 'plain') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessibilityLabel: name,
+      testID: testID,
+      style: style,
+      children: body
+    });
+  }
+  const raised = Math.min(3, level + 1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityLabel: name,
+    testID: testID,
+    style: [{
+      padding: g.padding,
+      borderRadius: 16,
+      borderWidth: 1,
+      borderColor: own.border,
+      backgroundColor: own.background
+    }, (0, _surfaceLevels.surfaceFillVars)(own.background), style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
+      level: raised,
+      fill: own.background,
+      children: body
+    })
+  });
+}
+const PaymentStatusBlock = exports.PaymentStatusBlock = /*#__PURE__*/(0, _react.memo)(PaymentStatusBlockComponent);
+PaymentStatusBlock.displayName = 'PaymentStatusBlock';
+//# sourceMappingURL=PaymentStatusBlock.js.map

package/lib/commonjs/payment-status/PaymentStatusBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_surfaceLevels","_accentColors","_useTheme","_index2","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","composeName","parts","filter","part","join","PaymentStatusBlockComponent","state","status","amount","detail","reference","referenceLabel","reason","actions","icon","variant","labels","accessibilityLabel","style","testID","theme","useTheme","level","useSurfaceLevelValue","own","useSurfaceLevel","paint","useMemo","resolvePaymentStatusPaint","background","presentation","resolvePaymentStatus","accent","resolveAccentColors","colors","tone","Glyph","g","PAYMENT_STATUS_GEOMETRY","showReason","admonition","undefined","body","jsxs","View","gap","alignItems","children","jsx","width","tile","height","borderRadius","justifyContent","backgroundColor","glyph","fill","foreground","Text","color","text","textAlign","words","fontVariant","textSecondary","Admonition","type","name","raised","Math","min","padding","borderWidth","borderColor","border","surfaceFillVars","SurfaceLevelProvider","PaymentStatusBlock","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["payment-status/PaymentStatusBlock.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAOA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAA2E,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG3E;AACA,SAASkB,WAAWA,CAACC,KAAwC,EAAU;EACrE,OAAOA,KAAK,CAACC,MAAM,CAAEC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC;AACnG;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,2BAA2BA,CAAC;EACnCC,KAAK;EACLC,MAAM;EACNC,MAAM;EACNC,MAAM;EACNC,SAAS;EACTC,cAAc,GAAG,WAAW;EAC5BC,MAAM;EACNC,OAAO;EACPC,IAAI;EACJC,OAAO,GAAG,SAAS;EACnBC,MAAM;EACNC,kBAAkB;EAClBC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,KAAK,GAAG,IAAAC,mCAAoB,EAAC,CAAC;EACpC,MAAMC,GAAG,GAAG,IAAAC,8BAAe,EAACV,OAAO,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;EAC1D,MAAMW,KAAK,GAAG,IAAAC,cAAO,EACnB,MAAM,IAAAC,iCAAyB,EAACR,KAAK,EAAEI,GAAG,CAACK,UAAU,CAAC,EACtD,CAACT,KAAK,EAAEI,GAAG,CAACK,UAAU,CACxB,CAAC;EACD,MAAMC,YAAY,GAAG,IAAAC,4BAAoB,EAACzB,KAAK,EAAE;IAAEC,MAAM;IAAES,MAAM;IAAEF;EAAK,CAAC,CAAC;EAC1E,MAAMkB,MAAM,GAAG,IAAAC,iCAAmB,EAACb,KAAK,CAACc,MAAM,EAAEJ,YAAY,CAACK,IAAI,EAAE,QAAQ,CAAC;EAC7E,MAAMC,KAAK,GAAGN,YAAY,CAAChB,IAAI;EAC/B,MAAMuB,CAAC,GAAGC,kCAAuB;EACjC,MAAMC,UAAU,GAAGT,YAAY,CAACU,UAAU,KAAKC,SAAS,IAAI7B,MAAM,KAAK6B,SAAS,IAAI7B,MAAM,KAAK,EAAE;EAEjG,MAAM8B,IAAI,gBACR,IAAA9D,WAAA,CAAA+D,IAAA,EAACvE,YAAA,CAAAwE,IAAI;IAAC1B,KAAK,EAAE;MAAE2B,GAAG,EAAER,CAAC,CAACQ,GAAG;MAAEC,UAAU,EAAE;IAAU,CAAE;IAAAC,QAAA,gBACjD,IAAAnE,WAAA,CAAA+D,IAAA,EAACvE,YAAA,CAAAwE,IAAI;MAAC1B,KAAK,EAAE;QAAE4B,UAAU,EAAE,QAAQ;QAAED,GAAG,EAAE;MAAE,CAAE;MAAAE,QAAA,gBAC5C,IAAAnE,WAAA,CAAAoE,GAAA,EAAC5E,YAAA,CAAAwE,IAAI;QACHzB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGsB,SAAU;QAC9CvB,KAAK,EAAE;UACL+B,KAAK,EAAEZ,CAAC,CAACa,IAAI;UACbC,MAAM,EAAEd,CAAC,CAACa,IAAI;UACdE,YAAY,EAAEf,CAAC,CAACa,IAAI,GAAG,CAAC;UACxBJ,UAAU,EAAE,QAAQ;UACpBO,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAEtB,MAAM,CAACH;QAC1B,CAAE;QAAAkB,QAAA,eAEF,IAAAnE,WAAA,CAAAoE,GAAA,EAACZ,KAAK;UAACa,KAAK,EAAEZ,CAAC,CAACkB,KAAM;UAACJ,MAAM,EAAEd,CAAC,CAACkB,KAAM;UAACC,IAAI,EAAExB,MAAM,CAACyB;QAAW,CAAE;MAAC,CAC/D,CAAC,eACP,IAAA7E,WAAA,CAAAoE,GAAA,EAACvE,OAAA,CAAAiF,IAAI;QACH3C,OAAO,EAAC,kBAAkB;QAC1BI,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGsB,SAAU;QAChDvB,KAAK,EAAE;UAAEyC,KAAK,EAAEjC,KAAK,CAACkC,IAAI;UAAEC,SAAS,EAAE;QAAS,CAAE;QAAAd,QAAA,EAEjDjB,YAAY,CAACgC;MAAK,CACf,CAAC,EACNtD,MAAM,gBACL,IAAA5B,WAAA,CAAAoE,GAAA,EAACvE,OAAA,CAAAiF,IAAI;QACH3C,OAAO,EAAC,kBAAkB;QAC1BI,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGsB,SAAU;QAChDvB,KAAK,EAAE;UAAEyC,KAAK,EAAEjC,KAAK,CAACkC,IAAI;UAAEC,SAAS,EAAE,QAAQ;UAAEE,WAAW,EAAE,CAAC,cAAc;QAAE,CAAE;QAAAhB,QAAA,EAEhFvC;MAAM,CACH,CAAC,GACL,IAAI,EACPC,MAAM,gBACL,IAAA7B,WAAA,CAAAoE,GAAA,EAACvE,OAAA,CAAAiF,IAAI;QACH3C,OAAO,EAAC,cAAc;QACtBI,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGsB,SAAU;QAChDvB,KAAK,EAAE;UAAEyC,KAAK,EAAEjC,KAAK,CAACsC,aAAa;UAAEH,SAAS,EAAE;QAAS,CAAE;QAAAd,QAAA,EAE1DtC;MAAM,CACH,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,EAENC,SAAS,gBACR,IAAA9B,WAAA,CAAA+D,IAAA,EAACvE,YAAA,CAAAwE,IAAI;MAAC1B,KAAK,EAAE;QAAE4B,UAAU,EAAE,QAAQ;QAAED,GAAG,EAAE;MAAE,CAAE;MAAAE,QAAA,gBAC5C,IAAAnE,WAAA,CAAAoE,GAAA,EAACvE,OAAA,CAAAiF,IAAI;QAAC3C,OAAO,EAAC,kBAAkB;QAACG,KAAK,EAAE;UAAEyC,KAAK,EAAEjC,KAAK,CAACsC;QAAc,CAAE;QAAAjB,QAAA,EACpEpC;MAAc,CACX,CAAC,eACP,IAAA/B,WAAA,CAAAoE,GAAA,EAACvE,OAAA,CAAAiF,IAAI;QACH3C,OAAO,EAAC,aAAa;QACrBI,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,YAAY,GAAGsB,SAAU;QACnDvB,KAAK,EAAE;UAAEyC,KAAK,EAAEjC,KAAK,CAACkC,IAAI;UAAEG,WAAW,EAAE,CAAC,cAAc;QAAE,CAAE;QAAAhB,QAAA,EAE3DrC;MAAS,CACN,CAAC;IAAA,CACH,CAAC,GACL,IAAI,EAEP6B,UAAU,gBACT,IAAA3D,WAAA,CAAAoE,GAAA,EAAC3E,MAAA,CAAA4F,UAAU;MAACC,IAAI,EAAEpC,YAAY,CAACU,UAAW;MAACtB,KAAK,EAAE;QAAE+B,KAAK,EAAE;MAAO,CAAE;MAAAF,QAAA,EACjEnC;IAAM,CACG,CAAC,GACX,IAAI,EAEPC,OAAO,gBAAG,IAAAjC,WAAA,CAAAoE,GAAA,EAAC5E,YAAA,CAAAwE,IAAI;MAAC1B,KAAK,EAAE;QAAE2B,GAAG,EAAE;MAAE,CAAE;MAAAE,QAAA,EAAElC;IAAO,CAAO,CAAC,GAAG,IAAI;EAAA,CACvD,CACP;EAED,MAAMsD,IAAI,GAAGlD,kBAAkB,IAAIjB,WAAW,CAAC,CAAC8B,YAAY,CAACgC,KAAK,EAAEtD,MAAM,EAAEC,MAAM,CAAC,CAAC;EAEpF,IAAIM,OAAO,KAAK,OAAO,EAAE;IACvB,oBACE,IAAAnC,WAAA,CAAAoE,GAAA,EAAC5E,YAAA,CAAAwE,IAAI;MAAC3B,kBAAkB,EAAEkD,IAAK;MAAChD,MAAM,EAAEA,MAAO;MAACD,KAAK,EAAEA,KAAM;MAAA6B,QAAA,EAC1DL;IAAI,CACD,CAAC;EAEX;EAEA,MAAM0B,MAAM,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEhD,KAAK,GAAG,CAAC,CAAiB;EACrD,oBACE,IAAA1C,WAAA,CAAAoE,GAAA,EAAC5E,YAAA,CAAAwE,IAAI;IACH3B,kBAAkB,EAAEkD,IAAK;IACzBhD,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACL;MACEqD,OAAO,EAAElC,CAAC,CAACkC,OAAO;MAClBnB,YAAY,EAAE,EAAE;MAChBoB,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEjD,GAAG,CAACkD,MAAM;MACvBpB,eAAe,EAAE9B,GAAG,CAACK;IACvB,CAAC,EACD,IAAA8C,8BAAe,EAACnD,GAAG,CAACK,UAAU,CAAC,EAC/BX,KAAK,CACL;IAAA6B,QAAA,eAEF,IAAAnE,WAAA,CAAAoE,GAAA,EAAC1E,cAAA,CAAAsG,oBAAoB;MAACtD,KAAK,EAAE8C,MAAO;MAACZ,IAAI,EAAEhC,GAAG,CAACK,UAAW;MAAAkB,QAAA,EACvDL;IAAI,CACe;EAAC,CACnB,CAAC;AAEX;AAEO,MAAMmC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,WAAI,EAAC1E,2BAA2B,CAAC;AACnEwE,kBAAkB,CAACG,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/lib/commonjs/payment-status/constants.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PAYMENT_STATUS_TONE = exports.PAYMENT_STATUS_LABELS = exports.PAYMENT_STATUS_ICON = exports.PAYMENT_STATUS_GEOMETRY = exports.PAYMENT_STATUS_ADMONITION = void 0;
+var _RiArrowGoBackLine = require("../icons/remix/RiArrowGoBackLine.js");
+var _RiCheckboxCircleLine = require("../icons/remix/RiCheckboxCircleLine.js");
+var _RiCloseCircleLine = require("../icons/remix/RiCloseCircleLine.js");
+var _RiErrorWarningLine = require("../icons/remix/RiErrorWarningLine.js");
+var _RiTimeLine = require("../icons/remix/RiTimeLine.js");
+/**
+ * The words each state says.
+ *
+ * `"Payment failed"` rather than `"Failed"` because the strip is read on its
+ * own, in a row of other rows, where "Failed" is a word with no subject.
+ */
+const PAYMENT_STATUS_LABELS = exports.PAYMENT_STATUS_LABELS = {
+  authorising: 'Authorising',
+  paid: 'Paid',
+  failed: 'Payment failed',
+  refunded: 'Refunded',
+  pending: 'Payment pending'
+};
+
+/**
+ * The tone each state paints.
+ *
+ * `refunded` is `default` — the NEUTRAL tone — and that is the one decision
+ * here worth arguing about: money coming back is neither good news nor bad,
+ * and painting it green would congratulate a reader on a cancelled order while
+ * painting it red would alarm one who asked for it.
+ */
+const PAYMENT_STATUS_TONE = exports.PAYMENT_STATUS_TONE = {
+  authorising: 'info',
+  paid: 'success',
+  failed: 'error',
+  refunded: 'default',
+  pending: 'warning'
+};
+
+/** The glyph each state draws when the caller names none. */
+const PAYMENT_STATUS_ICON = exports.PAYMENT_STATUS_ICON = {
+  authorising: _RiTimeLine.RiTimeLine,
+  failed: _RiCloseCircleLine.RiCloseCircleLine,
+  paid: _RiCheckboxCircleLine.RiCheckboxCircleLine,
+  pending: _RiErrorWarningLine.RiErrorWarningLine,
+  refunded: _RiArrowGoBackLine.RiArrowGoBackLine
+};
+
+/**
+ * Which `Admonition` a state's reason is drawn in, and `undefined` for the
+ * three states that have no reason to give.
+ */
+const PAYMENT_STATUS_ADMONITION = exports.PAYMENT_STATUS_ADMONITION = {
+  authorising: undefined,
+  failed: 'error',
+  paid: undefined,
+  pending: 'warning',
+  refunded: undefined
+};
+/**
+ * The block is a CONFIRMATION, so its tile is bigger than the strip's 40: 56 is
+ * the size at which a glyph reads as the page's subject rather than as a row's
+ * ornament, and it is the same tile an empty state uses two families over.
+ */
+const PAYMENT_STATUS_GEOMETRY = exports.PAYMENT_STATUS_GEOMETRY = {
+  tile: 56,
+  glyph: 28,
+  gap: 16,
+  padding: 20
+};
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/payment-status/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RiArrowGoBackLine","require","_RiCheckboxCircleLine","_RiCloseCircleLine","_RiErrorWarningLine","_RiTimeLine","PAYMENT_STATUS_LABELS","exports","authorising","paid","failed","refunded","pending","PAYMENT_STATUS_TONE","PAYMENT_STATUS_ICON","RiTimeLine","RiCloseCircleLine","RiCheckboxCircleLine","RiErrorWarningLine","RiArrowGoBackLine","PAYMENT_STATUS_ADMONITION","undefined","PAYMENT_STATUS_GEOMETRY","tile","glyph","gap","padding"],"sourceRoot":"../../../src","sources":["payment-status/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,qBAAyD,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACvEE,WAAW,EAAE,aAAa;EAC1BC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,gBAAgB;EACxBC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE;AACX,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,mBAA2D,GAAAN,OAAA,CAAAM,mBAAA,GAAG;EACzEL,WAAW,EAAE,MAAM;EACnBC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,OAAO;EACfC,QAAQ,EAAE,SAAS;EACnBC,OAAO,EAAE;AACX,CAAC;;AAED;AACO,MAAME,mBAAmE,GAAAP,OAAA,CAAAO,mBAAA,GAAG;EACjFN,WAAW,EAAEO,sBAAU;EACvBL,MAAM,EAAEM,oCAAiB;EACzBP,IAAI,EAAEQ,0CAAoB;EAC1BL,OAAO,EAAEM,sCAAkB;EAC3BP,QAAQ,EAAEQ;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMC,yBAGZ,GAAAb,OAAA,CAAAa,yBAAA,GAAG;EACFZ,WAAW,EAAEa,SAAS;EACtBX,MAAM,EAAE,OAAO;EACfD,IAAI,EAAEY,SAAS;EACfT,OAAO,EAAE,SAAS;EAClBD,QAAQ,EAAEU;AACZ,CAAC;AAaD;AACA;AACA;AACA;AACA;AACO,MAAMC,uBAA8C,GAAAf,OAAA,CAAAe,uBAAA,GAAG;EAC5DC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE,EAAE;EACPC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

package/lib/commonjs/payment-status/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PAYMENT_STATUS_ADMONITION", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_STATUS_ADMONITION;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_STATUS_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_STATUS_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_STATUS_ICON", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_STATUS_ICON;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_STATUS_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_STATUS_LABELS;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_STATUS_TONE", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_STATUS_TONE;
+  }
+});
+Object.defineProperty(exports, "PaymentStatusBar", {
+  enumerable: true,
+  get: function () {
+    return _PaymentStatusBar.PaymentStatusBar;
+  }
+});
+Object.defineProperty(exports, "PaymentStatusBlock", {
+  enumerable: true,
+  get: function () {
+    return _PaymentStatusBlock.PaymentStatusBlock;
+  }
+});
+Object.defineProperty(exports, "resolvePaymentStatus", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolvePaymentStatus;
+  }
+});
+Object.defineProperty(exports, "resolvePaymentStatusPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolvePaymentStatusPaint;
+  }
+});
+var _PaymentStatusBar = require("./PaymentStatusBar.js");
+var _PaymentStatusBlock = require("./PaymentStatusBlock.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/payment-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_PaymentStatusBar","require","_PaymentStatusBlock","_constants","_shared"],"sourceRoot":"../../../src","sources":["payment-status/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAQA,IAAAG,OAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/payment-status/shared.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolvePaymentStatus = resolvePaymentStatus;
+exports.resolvePaymentStatusPaint = resolvePaymentStatusPaint;
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _constants = require("./constants.js");
+/**
+ * What both `payment-status` components resolve before they draw anything: the
+ * words, the tone and the glyph for a state, with the caller's overrides
+ * already applied.
+ *
+ * Pure, so `PaymentStatus.test.tsx` can walk all five states without
+ * rendering.
+ */
+
+/**
+ * The state's presentation, with the caller's words and glyph applied.
+ *
+ * `status` is the caller's whole sentence and wins outright; `labels` replaces
+ * one state's default and is what an app translates once rather than at every
+ * call site.
+ */
+function resolvePaymentStatus(state, options = {}) {
+  return {
+    words: options.status ?? options.labels?.[state] ?? _constants.PAYMENT_STATUS_LABELS[state],
+    tone: _constants.PAYMENT_STATUS_TONE[state],
+    icon: options.icon ?? _constants.PAYMENT_STATUS_ICON[state],
+    admonition: _constants.PAYMENT_STATUS_ADMONITION[state]
+  };
+}
+/** What the block draws its text in, read relative to the surface behind it. */
+function resolvePaymentStatusPaint(theme, surface) {
+  return (0, _surfaceLevels.surfaceTextOn)(theme, surface);
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/payment-status/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_surfaceLevels","require","_constants","resolvePaymentStatus","state","options","words","status","labels","PAYMENT_STATUS_LABELS","tone","PAYMENT_STATUS_TONE","icon","PAYMENT_STATUS_ICON","admonition","PAYMENT_STATUS_ADMONITION","resolvePaymentStatusPaint","theme","surface","surfaceTextOn"],"sourceRoot":"../../../src","sources":["payment-status/shared.ts"],"mappings":";;;;;;;AASA,IAAAA,cAAA,GAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,oBAAoBA,CAClCC,KAAyB,EACzBC,OAAqF,GAAG,CAAC,CAAC,EAC/D;EAC3B,OAAO;IACLC,KAAK,EAAED,OAAO,CAACE,MAAM,IAAIF,OAAO,CAACG,MAAM,GAAGJ,KAAK,CAAC,IAAIK,gCAAqB,CAACL,KAAK,CAAC;IAChFM,IAAI,EAAEC,8BAAmB,CAACP,KAAK,CAAC;IAChCQ,IAAI,EAAEP,OAAO,CAACO,IAAI,IAAIC,8BAAmB,CAACT,KAAK,CAAC;IAChDU,UAAU,EAAEC,oCAAyB,CAACX,KAAK;EAC7C,CAAC;AACH;AAIA;AACO,SAASY,yBAAyBA,CAACC,KAAY,EAAEC,OAAe,EAAsB;EAC3F,OAAO,IAAAC,4BAAa,EAACF,KAAK,EAAEC,OAAO,CAAC;AACtC","ignoreList":[]}

package/lib/commonjs/payment-status/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/payment-status/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["payment-status/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/phone-input/CountryCodeSelect.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.COUNTRY_CODE_TRIGGER_STYLE = exports.COUNTRY_CODE_LIST_WIDTH = void 0;
 exports.CountryCodeSelect = CountryCodeSelect;
 var _react = _interopRequireWildcard(require("react"));
-var _shared = require("../button/shared.js");
 var _useControllableState = require("../hooks/use-controllable-state.js");
 var _select = require("../select");
 var _useTheme = require("../theme/use-theme.js");
@@ -58,12 +57,9 @@ function CountryCodeSelect({
   disabled
 }) {
   const theme = (0, _useTheme.useTheme)();
-  const {
-    neutral: n
-  } = (0, _shared.resolveButtonRamps)(theme);
   // `text-text-secondary` (value) and `text-text-tertiary` (row dial codes).
-  const secondary = n[500];
-  const tertiary = theme.isDark ? n[600] : n[400];
+  const secondary = theme.colors.textSecondary;
+  const tertiary = theme.colors.textSecondary;
   const onChange = (0, _react.useCallback)(next => {
     const country = (0, _findCountry.findCountry)(next, countries);
     if (country) onValueChange?.(country.iso2, country);

package/lib/commonjs/phone-input/CountryCodeSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_shared","_useControllableState","_select","_useTheme","_index","_CountryFlag","_countries","_findCountry","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","COUNTRY_CODE_TRIGGER_STYLE","exports","borderRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","COUNTRY_CODE_LIST_WIDTH","ROW_STYLE","iso2Of","country","iso2","CountryCodeSelect","value","defaultValue","onValueChange","countries","COUNTRIES","label","disabled","theme","useTheme","neutral","resolveButtonRamps","secondary","tertiary","isDark","onChange","useCallback","next","findCountry","setIso2","useControllableState","selected","useMemo","jsxs","Select","children","SelectTrigger","fieldStyle","jsx","SelectValue","leading","CountryFlag","style","color","dial","SelectIcon","SelectContent","items","valueExtractor","width","renderItem","SelectItem","name","SelectItemText","Text","variant","flexShrink"],"sourceRoot":"../../../src","sources":["phone-input/CountryCodeSelect.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useControllableState","_select","_useTheme","_index","_CountryFlag","_countries","_findCountry","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","COUNTRY_CODE_TRIGGER_STYLE","exports","borderRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","COUNTRY_CODE_LIST_WIDTH","ROW_STYLE","iso2Of","country","iso2","CountryCodeSelect","value","defaultValue","onValueChange","countries","COUNTRIES","label","disabled","theme","useTheme","secondary","colors","textSecondary","tertiary","onChange","useCallback","next","findCountry","setIso2","useControllableState","selected","useMemo","jsxs","Select","children","SelectTrigger","fieldStyle","jsx","SelectValue","leading","CountryFlag","style","color","dial","SelectIcon","SelectContent","items","valueExtractor","width","renderItem","SelectItem","name","SelectItemText","Text","variant","flexShrink"],"sourceRoot":"../../../src","sources":["phone-input/CountryCodeSelect.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/phone-input/PhoneInput.js

@@ -30,11 +30,12 @@ function PhoneInput({
   required,
   tooltip,
   size,
+  invalid: invalidProp,
   isInvalid,
   disabled,
   value,
   defaultValue = '',
-  onChangeText,
+  onValueChange,
   country,
   defaultCountry = 'US',
   onCountryChange,
@@ -50,17 +51,18 @@ function PhoneInput({
   // a `Field disabled` used to miss: the number input reads the field context
   // itself, the select does not, so the picker stayed operable inside a disabled
   // field. Resolving membership here hands the same state to both halves.
+  const invalid = invalidProp ?? isInvalid;
   const field = (0, _membership.useFieldMembership)({
     accessibilityLabel,
     label: label ?? 'Phone number',
     disabled,
-    invalid: isInvalid,
+    invalid: invalid,
     required
   });
   const [text, setText] = (0, _useControllableState.useControllableState)({
     value,
     defaultValue,
-    onChange: onChangeText
+    onChange: onValueChange
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [{
@@ -73,7 +75,7 @@ function PhoneInput({
       children: label
     }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.TextField, {
       size: size,
-      isInvalid: field.invalid,
+      invalid: field.invalid,
       disabled: field.disabled,
       leadingAddon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CountryCodeSelect.CountryCodeSelect, {
         value: country,
@@ -88,7 +90,7 @@ function PhoneInput({
         placeholder: placeholder ?? null,
         value: text,
         onChangeText: setText,
-        isInvalid: field.invalid,
+        invalid: field.invalid,
         keyboardType: "phone-pad",
         autoComplete: "tel",
         textContentType: "telephoneNumber",
@@ -99,7 +101,7 @@ function PhoneInput({
         position: "trailing"
       }) : null]
     }), hint ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TextFieldHint, {
-      isInvalid: field.invalid,
+      invalid: field.invalid,
       children: hint
     }) : null]
   });

package/lib/commonjs/phone-input/PhoneInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useControllableState","_index","_CountryCodeSelect","_membership","_jsxRuntime","e","__esModule","default","PhoneInput","label","accessibilityLabel","placeholder","hint","required","tooltip","size","isInvalid","disabled","value","defaultValue","onChangeText","country","defaultCountry","onCountryChange","countries","countrySelectLabel","trailingIcon","onFocus","onBlur","testID","style","field","useFieldMembership","invalid","text","setText","useControllableState","onChange","jsxs","View","width","children","jsx","TextFieldLabel","TextField","leadingAddon","CountryCodeSelect","onValueChange","TextFieldInput","keyboardType","autoComplete","textContentType","undefined","TextFieldIcon","icon","position","TextFieldHint"],"sourceRoot":"../../../src","sources":["phone-input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useControllableState","_index","_CountryCodeSelect","_membership","_jsxRuntime","e","__esModule","default","PhoneInput","label","accessibilityLabel","placeholder","hint","required","tooltip","size","invalid","invalidProp","isInvalid","disabled","value","defaultValue","onValueChange","country","defaultCountry","onCountryChange","countries","countrySelectLabel","trailingIcon","onFocus","onBlur","testID","style","field","useFieldMembership","text","setText","useControllableState","onChange","jsxs","View","width","children","jsx","TextFieldLabel","TextField","leadingAddon","CountryCodeSelect","TextFieldInput","onChangeText","keyboardType","autoComplete","textContentType","undefined","TextFieldIcon","icon","position","TextFieldHint"],"sourceRoot":"../../../src","sources":["phone-input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}