@withpotter/components 0.13.0-next.101

package/dist/features/gift-cards/gift-card-logic.d.ts

@@ -0,0 +1,41 @@
+import type { GiftCardStatus } from '@withpotter/lib/api';
+/**
+ * One vocabulary for a card's state, used by the filter chips, the status badge
+ * in the list and the hints. "Used" and "Redeemed" used to describe two
+ * different things with nearly the same word: a card whose balance is all
+ * spent, and the amount spent across every card. The state is now "Fully
+ * spent" and the amount is "Spent".
+ */
+export declare const STATUS_LABEL: Record<GiftCardStatus, string>;
+export declare const STATUS_HINT: Record<GiftCardStatus, string>;
+export declare const ALL_HINT = "Every card, whatever its state.";
+export interface StatusFilter {
+    value: GiftCardStatus | '';
+    label: string;
+    hint: string;
+}
+export declare const STATUS_FILTERS: StatusFilter[];
+/** The two lines behind the info icon beside the page title. */
+export declare const PAGE_HINT_LINES: string[];
+/**
+ * True when there is nothing to show and nothing narrowing the list: no cards
+ * have ever been issued. A filtered list that comes back empty is not first
+ * run, and neither is a page still loading.
+ */
+export declare function isFirstRun(input: {
+    loading: boolean;
+    search: string;
+    status: GiftCardStatus | '';
+    count: number;
+    totalIssued: number | null | undefined;
+}): boolean;
+/** The symbol a currency is written with, falling back to its code. */
+export declare function currencySymbol(currency: string): string;
+/**
+ * Shares one request between callers asking for the same thing at the same
+ * time. A key is forgotten the moment its request settles, so a later call
+ * (a reload, a poll) still goes to the network.
+ */
+export declare function createInFlightDeduper(): {
+    run<T>(key: string, start: () => Promise<T>): Promise<T>;
+};

package/dist/features/gift-cards/gift-card-logic.js

@@ -0,0 +1,65 @@
+const STATUS_LABEL = {
+  active: "Active",
+  used: "Fully spent",
+  expired: "Expired",
+  cancelled: "Cancelled"
+};
+const STATUS_HINT = {
+  active: "Can still be spent.",
+  used: "The whole balance has been spent.",
+  expired: "Passed its expiry date.",
+  cancelled: "Voided by you. The record is kept."
+};
+const ALL_HINT = "Every card, whatever its state.";
+const STATUS_FILTERS = [
+  { value: "", label: "All", hint: ALL_HINT },
+  ...["active", "used", "expired", "cancelled"].map((value) => ({
+    value,
+    label: STATUS_LABEL[value],
+    hint: STATUS_HINT[value]
+  }))
+];
+const PAGE_HINT_LINES = [
+  "Credit a customer pays for now and spends later. Share the code with them.",
+  "Open a card to email it or redeem some of its balance. Check balance looks up a code."
+];
+function isFirstRun(input) {
+  return !input.loading && !input.search.trim() && !input.status && input.count === 0 && (input.totalIssued ?? 0) === 0;
+}
+function currencySymbol(currency) {
+  try {
+    const part = new Intl.NumberFormat("en", {
+      style: "currency",
+      currency,
+      currencyDisplay: "narrowSymbol"
+    }).formatToParts(0).find((p) => p.type === "currency");
+    return part?.value ?? currency;
+  } catch {
+    return currency;
+  }
+}
+function createInFlightDeduper() {
+  const inFlight = /* @__PURE__ */ new Map();
+  return {
+    run(key, start) {
+      const existing = inFlight.get(key);
+      if (existing) return existing;
+      const promise = start().finally(() => {
+        if (inFlight.get(key) === promise) inFlight.delete(key);
+      });
+      inFlight.set(key, promise);
+      return promise;
+    }
+  };
+}
+export {
+  ALL_HINT,
+  PAGE_HINT_LINES,
+  STATUS_FILTERS,
+  STATUS_HINT,
+  STATUS_LABEL,
+  createInFlightDeduper,
+  currencySymbol,
+  isFirstRun
+};
+//# sourceMappingURL=gift-card-logic.js.map

package/dist/features/gift-cards/gift-card-logic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/gift-cards/gift-card-logic.ts"],"sourcesContent":["import type { GiftCardStatus } from '@withpotter/lib/api';\n\n/**\n * One vocabulary for a card's state, used by the filter chips, the status badge\n * in the list and the hints. \"Used\" and \"Redeemed\" used to describe two\n * different things with nearly the same word: a card whose balance is all\n * spent, and the amount spent across every card. The state is now \"Fully\n * spent\" and the amount is \"Spent\".\n */\nexport const STATUS_LABEL: Record<GiftCardStatus, string> = {\n  active: 'Active',\n  used: 'Fully spent',\n  expired: 'Expired',\n  cancelled: 'Cancelled',\n};\n\nexport const STATUS_HINT: Record<GiftCardStatus, string> = {\n  active: 'Can still be spent.',\n  used: 'The whole balance has been spent.',\n  expired: 'Passed its expiry date.',\n  cancelled: 'Voided by you. The record is kept.',\n};\n\nexport const ALL_HINT = 'Every card, whatever its state.';\n\nexport interface StatusFilter {\n  value: GiftCardStatus | '';\n  label: string;\n  hint: string;\n}\n\nexport const STATUS_FILTERS: StatusFilter[] = [\n  { value: '', label: 'All', hint: ALL_HINT },\n  ...(['active', 'used', 'expired', 'cancelled'] as const).map((value) => ({\n    value,\n    label: STATUS_LABEL[value],\n    hint: STATUS_HINT[value],\n  })),\n];\n\n/** The two lines behind the info icon beside the page title. */\nexport const PAGE_HINT_LINES = [\n  'Credit a customer pays for now and spends later. Share the code with them.',\n  'Open a card to email it or redeem some of its balance. Check balance looks up a code.',\n];\n\n/**\n * True when there is nothing to show and nothing narrowing the list: no cards\n * have ever been issued. A filtered list that comes back empty is not first\n * run, and neither is a page still loading.\n */\nexport function isFirstRun(input: {\n  loading: boolean;\n  search: string;\n  status: GiftCardStatus | '';\n  count: number;\n  totalIssued: number | null | undefined;\n}): boolean {\n  return (\n    !input.loading &&\n    !input.search.trim() &&\n    !input.status &&\n    input.count === 0 &&\n    (input.totalIssued ?? 0) === 0\n  );\n}\n\n/** The symbol a currency is written with, falling back to its code. */\nexport function currencySymbol(currency: string): string {\n  try {\n    const part = new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency,\n      currencyDisplay: 'narrowSymbol',\n    })\n      .formatToParts(0)\n      .find((p) => p.type === 'currency');\n    return part?.value ?? currency;\n  } catch {\n    return currency;\n  }\n}\n\n/**\n * Shares one request between callers asking for the same thing at the same\n * time. A key is forgotten the moment its request settles, so a later call\n * (a reload, a poll) still goes to the network.\n */\nexport function createInFlightDeduper() {\n  const inFlight = new Map<string, Promise<unknown>>();\n  return {\n    run<T>(key: string, start: () => Promise<T>): Promise<T> {\n      const existing = inFlight.get(key);\n      if (existing) return existing as Promise<T>;\n      const promise = start().finally(() => {\n        if (inFlight.get(key) === promise) inFlight.delete(key);\n      });\n      inFlight.set(key, promise);\n      return promise;\n    },\n  };\n}\n"],"mappings":"AASO,MAAM,eAA+C;AAAA,EAC1D,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AACb;AAEO,MAAM,cAA8C;AAAA,EACzD,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AACb;AAEO,MAAM,WAAW;AAQjB,MAAM,iBAAiC;AAAA,EAC5C,EAAE,OAAO,IAAI,OAAO,OAAO,MAAM,SAAS;AAAA,EAC1C,GAAI,CAAC,UAAU,QAAQ,WAAW,WAAW,EAAY,IAAI,CAAC,WAAW;AAAA,IACvE;AAAA,IACA,OAAO,aAAa,KAAK;AAAA,IACzB,MAAM,YAAY,KAAK;AAAA,EACzB,EAAE;AACJ;AAGO,MAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AACF;AAOO,SAAS,WAAW,OAMf;AACV,SACE,CAAC,MAAM,WACP,CAAC,MAAM,OAAO,KAAK,KACnB,CAAC,MAAM,UACP,MAAM,UAAU,MACf,MAAM,eAAe,OAAO;AAEjC;AAGO,SAAS,eAAe,UAA0B;AACvD,MAAI;AACF,UAAM,OAAO,IAAI,KAAK,aAAa,MAAM;AAAA,MACvC,OAAO;AAAA,MACP;AAAA,MACA,iBAAiB;AAAA,IACnB,CAAC,EACE,cAAc,CAAC,EACf,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AACpC,WAAO,MAAM,SAAS;AAAA,EACxB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAOO,SAAS,wBAAwB;AACtC,QAAM,WAAW,oBAAI,IAA8B;AACnD,SAAO;AAAA,IACL,IAAO,KAAa,OAAqC;AACvD,YAAM,WAAW,SAAS,IAAI,GAAG;AACjC,UAAI,SAAU,QAAO;AACrB,YAAM,UAAU,MAAM,EAAE,QAAQ,MAAM;AACpC,YAAI,SAAS,IAAI,GAAG,MAAM,QAAS,UAAS,OAAO,GAAG;AAAA,MACxD,CAAC;AACD,eAAS,IAAI,KAAK,OAAO;AACzB,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/dist/features/gift-cards/gift-cards-feature.d.ts

@@ -0,0 +1 @@
+export declare function GiftCardsFeature(): import("react").JSX.Element;