@oxy.so/bloom 4.0.0 → 4.2.0

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PAYMENT_METHOD_STATE_TONE = exports.PAYMENT_METHOD_STATE_LABELS = exports.PAYMENT_METHOD_MARK_GAP = exports.PAYMENT_METHOD_LIST_GAP = exports.PAYMENT_METHOD_KIND_ICON = exports.PAYMENT_METHOD_GEOMETRY = void 0;
+var _RiBankCardLine = require("../icons/remix/RiBankCardLine.js");
+var _RiBankLine = require("../icons/remix/RiBankLine.js");
+var _RiCoinsLine = require("../icons/remix/RiCoinsLine.js");
+var _RiWallet3Line = require("../icons/remix/RiWallet3Line.js");
+/** The glyph each kind draws when the caller names none. */
+const PAYMENT_METHOD_KIND_ICON = exports.PAYMENT_METHOD_KIND_ICON = {
+  card: _RiBankCardLine.RiBankCardLine,
+  account: _RiBankLine.RiBankLine,
+  wallet: _RiWallet3Line.RiWallet3Line,
+  cash: _RiCoinsLine.RiCoinsLine
+};
+
+/** What the row says under itself when a state has no message of its own. */
+const PAYMENT_METHOD_STATE_LABELS = exports.PAYMENT_METHOD_STATE_LABELS = {
+  ok: '',
+  expired: 'Expired',
+  declined: 'Declined'
+};
+
+/**
+ * The tone each state paints. `ok` paints nothing — an ordinary row is not a
+ * status.
+ */
+const PAYMENT_METHOD_STATE_TONE = exports.PAYMENT_METHOD_STATE_TONE = {
+  ok: undefined,
+  expired: 'warning',
+  declined: 'error'
+};
+/**
+ * 40 wide is the leading column `Item` rows across the library already use
+ * (`address`'s tile is 40 round), so a checkout screen stacking an address row
+ * and a payment row does not step sideways between them. 28 tall against 40
+ * wide is the ratio that reads as a card rather than a square tile, and it is
+ * the one measurement in this family that is about SHAPE rather than size.
+ */
+const PAYMENT_METHOD_GEOMETRY = exports.PAYMENT_METHOD_GEOMETRY = {
+  comfortable: {
+    plateWidth: 40,
+    plateHeight: 28,
+    plateRadius: 6,
+    glyph: 18,
+    dot: 16
+  },
+  compact: {
+    plateWidth: 32,
+    plateHeight: 22,
+    plateRadius: 5,
+    glyph: 14,
+    dot: 14
+  }
+};
+
+/** Space between the plate and the name, inside a `PaymentMethodMark`. */
+const PAYMENT_METHOD_MARK_GAP = exports.PAYMENT_METHOD_MARK_GAP = 8;
+
+/** Space between the rows of a list, and between the list and its add row. */
+const PAYMENT_METHOD_LIST_GAP = exports.PAYMENT_METHOD_LIST_GAP = 4;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_RiBankCardLine","require","_RiBankLine","_RiCoinsLine","_RiWallet3Line","PAYMENT_METHOD_KIND_ICON","exports","card","RiBankCardLine","account","RiBankLine","wallet","RiWallet3Line","cash","RiCoinsLine","PAYMENT_METHOD_STATE_LABELS","ok","expired","declined","PAYMENT_METHOD_STATE_TONE","undefined","PAYMENT_METHOD_GEOMETRY","comfortable","plateWidth","plateHeight","plateRadius","glyph","dot","compact","PAYMENT_METHOD_MARK_GAP","PAYMENT_METHOD_LIST_GAP"],"sourceRoot":"../../../src","sources":["payment-method/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA;AACO,MAAMI,wBAAuE,GAAAC,OAAA,CAAAD,wBAAA,GAAG;EACrFE,IAAI,EAAEC,8BAAc;EACpBC,OAAO,EAAEC,sBAAU;EACnBC,MAAM,EAAEC,4BAAa;EACrBC,IAAI,EAAEC;AACR,CAAC;;AAED;AACO,MAAMC,2BAA+D,GAAAT,OAAA,CAAAS,2BAAA,GAAG;EAC7EC,EAAE,EAAE,EAAE;EACNC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMC,yBAA6E,GAAAb,OAAA,CAAAa,yBAAA,GAAG;EAC3FH,EAAE,EAAEI,SAAS;EACbH,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAaD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,uBAA4E,GAAAf,OAAA,CAAAe,uBAAA,GAAG;EAC1FC,WAAW,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,WAAW,EAAE,EAAE;IAAEC,WAAW,EAAE,CAAC;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE;EAAG,CAAC;EACpFC,OAAO,EAAE;IAAEL,UAAU,EAAE,EAAE;IAAEC,WAAW,EAAE,EAAE;IAAEC,WAAW,EAAE,CAAC;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE;EAAG;AACjF,CAAC;;AAED;AACO,MAAME,uBAAuB,GAAAvB,OAAA,CAAAuB,uBAAA,GAAG,CAAC;;AAExC;AACO,MAAMC,uBAAuB,GAAAxB,OAAA,CAAAwB,uBAAA,GAAG,CAAC","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PAYMENT_METHOD_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_METHOD_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_METHOD_KIND_ICON", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_METHOD_KIND_ICON;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_METHOD_LIST_GAP", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_METHOD_LIST_GAP;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_METHOD_MARK_GAP", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_METHOD_MARK_GAP;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_METHOD_STATE_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_METHOD_STATE_LABELS;
+  }
+});
+Object.defineProperty(exports, "PAYMENT_METHOD_STATE_TONE", {
+  enumerable: true,
+  get: function () {
+    return _constants.PAYMENT_METHOD_STATE_TONE;
+  }
+});
+Object.defineProperty(exports, "PaymentMethodList", {
+  enumerable: true,
+  get: function () {
+    return _PaymentMethodList.PaymentMethodList;
+  }
+});
+Object.defineProperty(exports, "PaymentMethodMark", {
+  enumerable: true,
+  get: function () {
+    return _PaymentMethodMark.PaymentMethodMark;
+  }
+});
+Object.defineProperty(exports, "PaymentMethodRow", {
+  enumerable: true,
+  get: function () {
+    return _PaymentMethodRow.PaymentMethodRow;
+  }
+});
+Object.defineProperty(exports, "composePaymentMethodName", {
+  enumerable: true,
+  get: function () {
+    return _shared.composePaymentMethodName;
+  }
+});
+Object.defineProperty(exports, "paymentMethodStateMessage", {
+  enumerable: true,
+  get: function () {
+    return _shared.paymentMethodStateMessage;
+  }
+});
+Object.defineProperty(exports, "resolvePaymentMethodPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolvePaymentMethodPaint;
+  }
+});
+var _PaymentMethodList = require("./PaymentMethodList.js");
+var _PaymentMethodMark = require("./PaymentMethodMark.js");
+var _PaymentMethodRow = require("./PaymentMethodRow.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_PaymentMethodList","require","_PaymentMethodMark","_PaymentMethodRow","_constants","_shared"],"sourceRoot":"../../../src","sources":["payment-method/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AASA,IAAAI,OAAA,GAAAJ,OAAA","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.composePaymentMethodName = composePaymentMethodName;
+exports.paymentMethodStateMessage = paymentMethodStateMessage;
+exports.resolvePaymentMethodPaint = resolvePaymentMethodPaint;
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _constants = require("./constants.js");
+/**
+ * What a payment-method row paints, read RELATIVE to the surface it was dropped
+ * on (`styles/surface-levels.ts`) — a saved-methods screen sits on the page, a
+ * checkout picker sits in a card and a sheet's picker sits two rungs up, and a
+ * plate colour picked by eye disappears on one of the three.
+ *
+ * Pure, so `PaymentMethod.test.tsx` can walk presets and modes without
+ * rendering.
+ */
+
+function resolvePaymentMethodPaint(theme, surface) {
+  return {
+    ...(0, _surfaceLevels.surfaceTextOn)(theme, surface),
+    plate: (0, _surfaceLevels.surfaceFillOn)(theme, surface)
+  };
+}
+
+/** Joins the non-empty parts of an accessible name, in reading order. */
+function composePaymentMethodName(parts, separator = ', ') {
+  return parts.filter(part => typeof part === 'string' && part !== '').join(separator);
+}
+
+/**
+ * The words a state says when the caller gave no message.
+ *
+ * `ok` has none: an ordinary method is not a status, and a row that said "OK"
+ * under every card would be noise a reader has to read past four times.
+ */
+function paymentMethodStateMessage(state, message) {
+  if (typeof message === 'string' && message !== '') return message;
+  const label = _constants.PAYMENT_METHOD_STATE_LABELS[state];
+  return label === '' ? undefined : label;
+}
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_surfaceLevels","require","_constants","resolvePaymentMethodPaint","theme","surface","surfaceTextOn","plate","surfaceFillOn","composePaymentMethodName","parts","separator","filter","part","join","paymentMethodStateMessage","state","message","label","PAYMENT_METHOD_STATE_LABELS","undefined"],"sourceRoot":"../../../src","sources":["payment-method/shared.ts"],"mappings":";;;;;;;;AASA,IAAAA,cAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWO,SAASE,yBAAyBA,CAACC,KAAY,EAAEC,OAAe,EAAsB;EAC3F,OAAO;IACL,GAAG,IAAAC,4BAAa,EAACF,KAAK,EAAEC,OAAO,CAAC;IAChCE,KAAK,EAAE,IAAAC,4BAAa,EAACJ,KAAK,EAAEC,OAAO;EACrC,CAAC;AACH;;AAEA;AACO,SAASI,wBAAwBA,CACtCC,KAAuD,EACvDC,SAAS,GAAG,IAAI,EACR;EACR,OAAOD,KAAK,CACTE,MAAM,CAAEC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,EAAE,CAAC,CACzEC,IAAI,CAACH,SAAS,CAAC;AACpB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,yBAAyBA,CACvCC,KAAyB,EACzBC,OAAgB,EACI;EACpB,IAAI,OAAOA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,EAAE,EAAE,OAAOA,OAAO;EACjE,MAAMC,KAAK,GAAGC,sCAA2B,CAACH,KAAK,CAAC;EAChD,OAAOE,KAAK,KAAK,EAAE,GAAGE,SAAS,GAAGF,KAAK;AACzC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaymentStatusBar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../order-status/index.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 compact live strip: what happened to the money, how much, and one action.
+ *
+ * ## It IS `OrderStatusBar`
+ *
+ * Not a second strip that looks like it. `order-status` already owns the
+ * library's answer to "where is this right now": the 40 tile in the tone's
+ * tint, the one-line status with a short trailing reading in tabular figures, a
+ * quiet second line, a `Meter` for progress, the surface-relative chrome and
+ * the `plain` variant for a strip already inside a card. A payment is the same
+ * question with different data, and shipping a second strip would mean two
+ * components drifting apart on every one of those decisions.
+ *
+ * What this adds is the mapping a payment needs and an order does not: five
+ * states to five sets of words, five tones and five glyphs, in one place
+ * (`constants.ts`) so a status row and a confirmation screen cannot disagree
+ * about what "pending" is called or what colour it is.
+ *
+ * ## The amount rides the trailing reading
+ *
+ * `OrderStatusBar`'s trailing slot is a short reading in tabular figures,
+ * capped so it cannot crush the status beside it — which is exactly what an
+ * amount is. Its PROP is spelled `eta`, because an order was the first thing
+ * that needed it; the slot is general and this is the second. That naming is
+ * worth fixing in `order-status`, and it is that family's to fix.
+ *
+ * Nothing here formats money: `amount` is a string the app already formatted.
+ */
+function PaymentStatusBarComponent({
+  state,
+  status,
+  amount,
+  detail,
+  progress,
+  icon,
+  action,
+  variant = 'surface',
+  labels,
+  style,
+  testID
+}) {
+  const presentation = (0, _shared.resolvePaymentStatus)(state, {
+    status,
+    labels,
+    icon
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OrderStatusBar, {
+    status: presentation.words,
+    eta: amount,
+    detail: detail,
+    progress: progress,
+    tone: presentation.tone,
+    icon: presentation.icon,
+    action: action,
+    variant: variant,
+    style: style,
+    testID: testID
+  });
+}
+const PaymentStatusBar = exports.PaymentStatusBar = /*#__PURE__*/(0, _react.memo)(PaymentStatusBarComponent);
+PaymentStatusBar.displayName = 'PaymentStatusBar';
+//# sourceMappingURL=PaymentStatusBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PaymentStatusBarComponent","state","status","amount","detail","progress","icon","action","variant","labels","style","testID","presentation","resolvePaymentStatus","jsx","OrderStatusBar","words","eta","tone","PaymentStatusBar","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["payment-status/PaymentStatusBar.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AAGhD;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;AACA;AACA;AACA,SAASkB,yBAAyBA,CAAC;EACjCC,KAAK;EACLC,MAAM;EACNC,MAAM;EACNC,MAAM;EACNC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,OAAO,GAAG,SAAS;EACnBC,MAAM;EACNC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB,MAAMC,YAAY,GAAG,IAAAC,4BAAoB,EAACZ,KAAK,EAAE;IAAEC,MAAM;IAAEO,MAAM;IAAEH;EAAK,CAAC,CAAC;EAE1E,oBACE,IAAA1B,WAAA,CAAAkC,GAAA,EAACpC,MAAA,CAAAqC,cAAc;IACbb,MAAM,EAAEU,YAAY,CAACI,KAAM;IAC3BC,GAAG,EAAEd,MAAO;IACZC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBa,IAAI,EAAEN,YAAY,CAACM,IAAK;IACxBZ,IAAI,EAAEM,YAAY,CAACN,IAAK;IACxBC,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN;AAEO,MAAMQ,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,WAAI,EAACrB,yBAAyB,CAAC;AAC/DmB,gBAAgB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}

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":"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","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":[]}