@linktr.ee/messaging-react 4.4.0-rc-1787552892 → 4.4.0

package/dist/LoadingDots-B_WiXBeQ.js

@@ -0,0 +1,73 @@
+import e from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "classnames";
+import { CheckCircleIcon as i } from "@phosphor-icons/react";
+//#region src/components/CustomMessage/LockedAttachment/components/_shared/PurchaseStatusBadge.tsx
+var a = ({ isMine: a, paymentStatus: o, amountText: s }) => {
+	let c = a ? "text-white/55" : "text-black/55", l = a ? "text-[#34c759]" : "text-[#008236]";
+	return o === "paid" ? /* @__PURE__ */ n(e.Fragment, { children: [
+		/* @__PURE__ */ t("span", {
+			className: r("text-xs font-medium", c),
+			children: "•"
+		}),
+		/* @__PURE__ */ t("span", {
+			className: r("text-xs font-medium", l),
+			children: a ? "Sold" : "Purchased"
+		}),
+		/* @__PURE__ */ t(i, {
+			className: r("shrink-0 size-3.5", l),
+			weight: "bold",
+			"aria-hidden": !0
+		})
+	] }) : s == null ? o === "failed" || o === "refunded" ? /* @__PURE__ */ n(e.Fragment, { children: [/* @__PURE__ */ t("span", {
+		className: r("text-xs font-medium", c),
+		children: "•"
+	}), /* @__PURE__ */ t("span", {
+		className: r("text-xs font-medium", c),
+		children: o === "failed" ? "Payment failed" : "Refunded"
+	})] }) : null : /* @__PURE__ */ n(e.Fragment, { children: [/* @__PURE__ */ t("span", {
+		className: r("text-xs font-medium", c),
+		children: "•"
+	}), /* @__PURE__ */ t("span", {
+		className: r("text-xs font-medium", c),
+		children: s
+	})] });
+}, o = ({ cx: e, index: n }) => /* @__PURE__ */ t("circle", {
+	cx: e,
+	cy: "6.15",
+	r: "2.4",
+	fill: "currentColor",
+	children: /* @__PURE__ */ t("animateTransform", {
+		attributeName: "transform",
+		type: "translate",
+		values: "0 0; 0 -2.25; 0 0;",
+		dur: "900ms",
+		begin: `${120 * n}ms`,
+		repeatCount: "indefinite"
+	})
+}), s = ({ className: e }) => /* @__PURE__ */ n("svg", {
+	"aria-hidden": "true",
+	className: e,
+	viewBox: "0 0 20 12.3",
+	width: "20",
+	height: "13",
+	overflow: "visible",
+	children: [
+		/* @__PURE__ */ t(o, {
+			cx: "3",
+			index: 0
+		}),
+		/* @__PURE__ */ t(o, {
+			cx: "10",
+			index: 1
+		}),
+		/* @__PURE__ */ t(o, {
+			cx: "17",
+			index: 2
+		})
+	]
+});
+//#endregion
+export { a as n, s as t };
+
+//# sourceMappingURL=LoadingDots-B_WiXBeQ.js.map

package/dist/LoadingDots-B_WiXBeQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots-B_WiXBeQ.js","names":[],"sources":["../src/components/CustomMessage/LockedAttachment/components/_shared/PurchaseStatusBadge.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/LoadingDots.tsx"],"sourcesContent":["import { CheckCircleIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport type { PaymentStatus } from '../../types'\n\nexport interface PurchaseStatusBadgeProps {\n  /** 'own' matches the sender's dark/own-message context; 'other' matches the recipient's light/other-message context. */\n  isMine: boolean\n  /** 'paid' renders the \"Sold\"/\"Purchased\" + checkmark variant; otherwise falls back to plain amount text, or nothing. */\n  paymentStatus?: PaymentStatus\n  amountText?: string\n}\n\n/**\n * Bullet + amount/label + checkmark row for a paid attachment or message.\n * Shared by `LockedAttachment.Media`/`.Text`'s status badges.\n */\nconst PurchaseStatusBadge: React.FC<PurchaseStatusBadgeProps> = ({\n  isMine,\n  paymentStatus,\n  amountText,\n}) => {\n  const labelColour = isMine ? 'text-white/55' : 'text-black/55'\n  const successColour = isMine ? 'text-[#34c759]' : 'text-[#008236]'\n  if (paymentStatus === 'paid') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', successColour)}>\n          {isMine ? 'Sold' : 'Purchased'}\n        </span>\n        <CheckCircleIcon\n          className={classNames('shrink-0 size-3.5', successColour)}\n          weight=\"bold\"\n          aria-hidden\n        />\n      </React.Fragment>\n    )\n  }\n\n  if (amountText != null) {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {amountText}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n  if (paymentStatus === 'failed' || paymentStatus === 'refunded') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {paymentStatus === 'failed' ? 'Payment failed' : 'Refunded'}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n\nexport default PurchaseStatusBadge\n","import React from 'react'\n\nconst Dot = ({ cx, index }: { cx: string; index: number }) => (\n  <circle cx={cx} cy=\"6.15\" r=\"2.4\" fill=\"currentColor\">\n    <animateTransform\n      attributeName=\"transform\"\n      type=\"translate\"\n      values=\"0 0; 0 -2.25; 0 0;\"\n      dur=\"900ms\"\n      begin={`${120 * index}ms`}\n      repeatCount=\"indefinite\"\n    />\n  </circle>\n)\n\n/**\n * Three bouncing dots, inline-sized for use inside buttons/labels (e.g. the\n * Unlock CTA while a purchase is in flight). Mirrors the typing indicator's\n * animation but uses `currentColor` so it adopts the surrounding text color.\n */\nconst LoadingDots: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={className}\n    viewBox=\"0 0 20 12.3\"\n    width=\"20\"\n    height=\"13\"\n    overflow=\"visible\"\n  >\n    <Dot cx=\"3\" index={0} />\n    <Dot cx=\"10\" index={1} />\n    <Dot cx=\"17\" index={2} />\n  </svg>\n)\n\nexport default LoadingDots\n"],"mappings":";;;;;AAkBA,IAAM,KAA2D,EAC/D,WACA,kBACA,oBACI;CACJ,IAAM,IAAc,IAAS,kBAAkB,iBACzC,IAAgB,IAAS,mBAAmB;CA6ClD,OA5CI,MAAkB,SAElB,kBAAC,EAAM,UAAP,EAAA,UAAA;EACE,kBAAC,QAAD;GAAM,WAAW,EAAW,uBAAuB,CAAW;GAAG,UAAA;EAE3D,CAAA;EACN,kBAAC,QAAD;GAAM,WAAW,EAAW,uBAAuB,CAAa;GAC7D,UAAA,IAAS,SAAS;EACf,CAAA;EACN,kBAAC,GAAD;GACE,WAAW,EAAW,qBAAqB,CAAa;GACxD,QAAO;GACP,eAAA;EACD,CAAA;CACa,EAAA,CAAA,IAIhB,KAAc,OAad,MAAkB,YAAY,MAAkB,aAEhD,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,QAAD;EAAM,WAAW,EAAW,uBAAuB,CAAW;EAAG,UAAA;CAE3D,CAAA,GACN,kBAAC,QAAD;EAAM,WAAW,EAAW,uBAAuB,CAAW;EAC3D,UAAA,MAAkB,WAAW,mBAAmB;CAC7C,CAAA,CACQ,EAAA,CAAA,IAIb,OAxBH,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,QAAD;EAAM,WAAW,EAAW,uBAAuB,CAAW;EAAG,UAAA;CAE3D,CAAA,GACN,kBAAC,QAAD;EAAM,WAAW,EAAW,uBAAuB,CAAW;EAC3D,UAAA;CACG,CAAA,CACQ,EAAA,CAAA;AAkBtB,GCpEM,KAAO,EAAE,OAAI,eACjB,kBAAC,UAAD;CAAY;CAAI,IAAG;CAAO,GAAE;CAAM,MAAK;CACrC,UAAA,kBAAC,oBAAD;EACE,eAAc;EACd,MAAK;EACL,QAAO;EACP,KAAI;EACJ,OAAO,GAAG,MAAM,EAAM;EACtB,aAAY;CACb,CAAA;AACK,CAAA,GAQJ,KAAiD,EAAE,mBACvD,kBAAC,OAAD;CACE,eAAY;CACD;CACX,SAAQ;CACR,OAAM;CACN,QAAO;CACP,UAAS;CANX,UAAA;EAQE,kBAAC,GAAD;GAAK,IAAG;GAAI,OAAO;EAAI,CAAA;EACvB,kBAAC,GAAD;GAAK,IAAG;GAAK,OAAO;EAAI,CAAA;EACxB,kBAAC,GAAD;GAAK,IAAG;GAAK,OAAO;EAAI,CAAA;CACrB"}