@linktr.ee/messaging-react 3.9.0-rc-1783406511 → 3.9.0-rc-1783472582

package/dist/Card-xv52Ug43.js

@@ -0,0 +1,61 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { LockSimpleIcon as f } from "@phosphor-icons/react";
+import { P as t, L as p } from "./LoadingDots-nW6r0-Kg.js";
+import { T as r, P as d, S as o } from "./TextShell-DIyj9zQ7.js";
+const m = ({
+  amountText: i,
+  paymentStatus: l = "pending",
+  children: n
+}) => {
+  const a = l === "failed";
+  return l === "paid" && n ? /* @__PURE__ */ s(r, { isMine: !0, children: [
+    n,
+    /* @__PURE__ */ e("span", { className: "sr-only", "aria-live": "polite", children: "Sold." }),
+    /* @__PURE__ */ s(d, { children: [
+      i != null && /* @__PURE__ */ e("span", { className: "text-white/55", children: i }),
+      /* @__PURE__ */ e(t, { isMine: !0, paymentStatus: l })
+    ] })
+  ] }) : /* @__PURE__ */ s(r, { isMine: !0, children: [
+    /* @__PURE__ */ e(o, { variant: "dark", animate: l === "pending" }),
+    /* @__PURE__ */ e("span", { className: "sr-only", "aria-live": "polite", children: a ? "Payment failed." : l === "refunded" ? "Refunded." : "Payment pending." }),
+    /* @__PURE__ */ s(d, { children: [
+      i != null && /* @__PURE__ */ e("span", { className: "text-white/55", children: i }),
+      /* @__PURE__ */ e(t, { isMine: !0, paymentStatus: l })
+    ] })
+  ] });
+}, u = ({
+  amountText: i,
+  paymentStatus: l,
+  onUnlockClick: n,
+  isUnlocking: a = !1,
+  children: c
+}) => l === "paid" && c ? /* @__PURE__ */ s(r, { isMine: !1, children: [
+  c,
+  /* @__PURE__ */ s(d, { children: [
+    i != null && /* @__PURE__ */ e("span", { className: "opacity-55", children: i }),
+    /* @__PURE__ */ e(t, { isMine: !1, paymentStatus: "paid" })
+  ] })
+] }) : /* @__PURE__ */ e(r, { isMine: !1, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
+  /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col gap-2", children: [
+    /* @__PURE__ */ e(o, { variant: "light", animate: a }),
+    /* @__PURE__ */ e("span", { className: "sr-only", "aria-live": "polite", children: a ? "Unlocking." : "Locked message available to unlock." }),
+    /* @__PURE__ */ e(d, { children: i != null && /* @__PURE__ */ e("span", { className: "opacity-55", children: i }) })
+  ] }),
+  /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      disabled: a,
+      "aria-label": a ? "Unlocking" : "Unlock",
+      "aria-busy": a,
+      title: a ? "Unlocking" : "Unlock",
+      className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-[#121110] text-white hover:bg-[#2a2928]",
+      children: a ? /* @__PURE__ */ e(p, {}) : /* @__PURE__ */ e(f, { className: "size-4", weight: "fill", "aria-hidden": !0 })
+    }
+  )
+] }) }), M = (i) => i.isMine ? /* @__PURE__ */ e(m, { ...i }) : /* @__PURE__ */ e(u, { ...i });
+export {
+  M as default
+};
+//# sourceMappingURL=Card-xv52Ug43.js.map

package/dist/Card-xv52Ug43.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-xv52Ug43.js","sources":["../src/components/LockedAttachment/components/Text/Card.tsx"],"sourcesContent":["import { LockSimpleIcon } from '@phosphor-icons/react'\nimport type React from 'react'\n\nimport type { PaymentStatus } from '../../types'\nimport LoadingDots from '../_shared/LoadingDots'\nimport PriceLockRow from '../_shared/PriceLockRow'\nimport PurchaseStatusBadge from '../_shared/PurchaseStatusBadge'\nimport SkeletonTextLines from '../_shared/SkeletonTextLines'\nimport TextShell from '../_shared/TextShell'\n\ninterface TextCardSharedProps {\n  amountText?: string\n  paymentStatus?: PaymentStatus\n  /**\n   * The message's real, revealed content — shown instead of the skeleton\n   * loader once `paymentStatus` is `'paid'`. Ignored otherwise. Lets the\n   * caller supply its own text renderer (e.g. Stream's `MessageText`)\n   * without `LockedAttachment` depending on it.\n   */\n  children?: React.ReactNode\n}\n\nexport type TextCardProps =\n  | (TextCardSharedProps & {\n      isMine: true\n    })\n  | (TextCardSharedProps & {\n      isMine: false\n      /**\n       * Called when the recipient clicks Unlock on an unpaid attachment.\n       * Use this to open a checkout flow. Omit to hide the Unlock button.\n       */\n      onUnlockClick?: () => void\n      /**\n       * When true, shows a loading spinner on the Unlock button. Driven by\n       * the LockedAttachmentContext (e.g. checkout in progress).\n       */\n      isUnlocking?: boolean\n    })\n\n/**\n * The sender's ('mine') view of a paid text-only message: an outgoing chat\n * bubble showing a skeleton text loader in place of the redacted content (or\n * `children`, once paid), plus a lock/price/status row.\n */\nconst OwnTextCard: React.FC<TextCardSharedProps & { isMine: true }> = ({\n  amountText,\n  paymentStatus = 'pending',\n  children,\n}) => {\n  const isFailed = paymentStatus === 'failed'\n  const isPaid = paymentStatus === 'paid'\n\n  if (isPaid && children) {\n    return (\n      <TextShell isMine>\n        {children}\n        <span className=\"sr-only\" aria-live=\"polite\">\n          Sold.\n        </span>\n        <PriceLockRow>\n          {amountText != null && (\n            <span className=\"text-white/55\">{amountText}</span>\n          )}\n          <PurchaseStatusBadge isMine={true} paymentStatus={paymentStatus} />\n        </PriceLockRow>\n      </TextShell>\n    )\n  }\n\n  const liveMessage = isFailed\n    ? 'Payment failed.'\n    : paymentStatus === 'refunded'\n      ? 'Refunded.'\n      : 'Payment pending.'\n\n  return (\n    <TextShell isMine>\n      <SkeletonTextLines variant=\"dark\" animate={paymentStatus === 'pending'} />\n      <span className=\"sr-only\" aria-live=\"polite\">\n        {liveMessage}\n      </span>\n      <PriceLockRow>\n        {amountText != null && (\n          <span className=\"text-white/55\">{amountText}</span>\n        )}\n        <PurchaseStatusBadge isMine={true} paymentStatus={paymentStatus} />\n      </PriceLockRow>\n    </TextShell>\n  )\n}\n\n/**\n * The recipient's ('other') view of a paid text-only message: a plain chat\n * bubble whose content is a skeleton text loader (or `children`, once paid)\n * plus a lock/price/status row. Two pre-purchase states exist — idle and\n * unlocking (checkout in flight) — plus the revealed state once\n * `paymentStatus` is `'paid'`.\n */\nconst OtherTextCard: React.FC<\n  TextCardSharedProps & {\n    isMine: false\n    onUnlockClick?: () => void\n    isUnlocking?: boolean\n  }\n> = ({\n  amountText,\n  paymentStatus,\n  onUnlockClick,\n  isUnlocking = false,\n  children,\n}) => {\n  const isPaid = paymentStatus === 'paid'\n\n  if (isPaid && children) {\n    return (\n      <TextShell isMine={false}>\n        {children}\n        <PriceLockRow>\n          {amountText != null && (\n            <span className=\"opacity-55\">{amountText}</span>\n          )}\n          <PurchaseStatusBadge isMine={false} paymentStatus=\"paid\" />\n        </PriceLockRow>\n      </TextShell>\n    )\n  }\n\n  const ariaLabel = isUnlocking\n    ? 'Unlocking.'\n    : 'Locked message available to unlock.'\n\n  return (\n    <TextShell isMine={false}>\n      <div className=\"flex items-center gap-3\">\n        <div className=\"flex flex-1 flex-col gap-2\">\n          <SkeletonTextLines variant=\"light\" animate={isUnlocking} />\n          <span className=\"sr-only\" aria-live=\"polite\">\n            {ariaLabel}\n          </span>\n          <PriceLockRow>\n            {amountText != null && (\n              <span className=\"opacity-55\">{amountText}</span>\n            )}\n          </PriceLockRow>\n        </div>\n        <button\n          type=\"button\"\n          onClick={onUnlockClick}\n          disabled={isUnlocking}\n          aria-label={isUnlocking ? 'Unlocking' : 'Unlock'}\n          aria-busy={isUnlocking}\n          title={isUnlocking ? 'Unlocking' : 'Unlock'}\n          className=\"flex size-10 shrink-0 items-center justify-center rounded-full bg-[#121110] text-white hover:bg-[#2a2928]\"\n        >\n          {isUnlocking ? (\n            <LoadingDots />\n          ) : (\n            <LockSimpleIcon className=\"size-4\" weight=\"fill\" aria-hidden />\n          )}\n        </button>\n      </div>\n    </TextShell>\n  )\n}\n\n/**\n * The card either party sees for a paid text-only message — a chat bubble\n * showing a skeleton text loader (or `children`, once revealed) plus a\n * lock/price/status row. `isMine` selects the sender's payment-lifecycle view\n * (pending/failed/refunded/paid + Dismiss) vs. the recipient's unlock-flow\n * view (idle/unlocking + Unlock CTA).\n */\nconst TextCard: React.FC<TextCardProps> = (props) =>\n  props.isMine ? <OwnTextCard {...props} /> : <OtherTextCard {...props} />\n\nexport default TextCard\n"],"names":["OwnTextCard","amountText","paymentStatus","children","isFailed","jsxs","TextShell","PriceLockRow","jsx","PurchaseStatusBadge","SkeletonTextLines","OtherTextCard","onUnlockClick","isUnlocking","LoadingDots","LockSimpleIcon","TextCard","props"],"mappings":";;;;AA6CA,MAAMA,IAAgE,CAAC;AAAA,EACrE,YAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAWF,MAAkB;AAGnC,SAFeA,MAAkB,UAEnBC,IAEV,gBAAAE,EAACC,GAAA,EAAU,QAAM,IACd,UAAA;AAAA,IAAAH;AAAA,sBACA,QAAA,EAAK,WAAU,WAAU,aAAU,UAAS,UAAA,SAE7C;AAAA,sBACCI,GAAA,EACE,UAAA;AAAA,MAAAN,KAAc,QACb,gBAAAO,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAP,GAAW;AAAA,MAE9C,gBAAAO,EAACC,GAAA,EAAoB,QAAQ,IAAM,eAAAP,EAAA,CAA8B;AAAA,IAAA,EAAA,CACnE;AAAA,EAAA,GACF,IAWF,gBAAAG,EAACC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,IAAA,gBAAAE,EAACE,GAAA,EAAkB,SAAQ,QAAO,SAASR,MAAkB,WAAW;AAAA,sBACvE,QAAA,EAAK,WAAU,WAAU,aAAU,UACjC,UAVaE,IAChB,oBACAF,MAAkB,aAChB,cACA,oBAOF;AAAA,sBACCK,GAAA,EACE,UAAA;AAAA,MAAAN,KAAc,QACb,gBAAAO,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAP,GAAW;AAAA,MAE9C,gBAAAO,EAACC,GAAA,EAAoB,QAAQ,IAAM,eAAAP,EAAA,CAA8B;AAAA,IAAA,EAAA,CACnE;AAAA,EAAA,GACF;AAEJ,GASMS,IAMF,CAAC;AAAA,EACH,YAAAV;AAAA,EACA,eAAAC;AAAA,EACA,eAAAU;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAV;AACF,MACiBD,MAAkB,UAEnBC,IAEV,gBAAAE,EAACC,GAAA,EAAU,QAAQ,IAChB,UAAA;AAAA,EAAAH;AAAA,oBACAI,GAAA,EACE,UAAA;AAAA,IAAAN,KAAc,QACb,gBAAAO,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAP,GAAW;AAAA,IAE3C,gBAAAO,EAACC,GAAA,EAAoB,QAAQ,IAAO,eAAc,OAAA,CAAO;AAAA,EAAA,EAAA,CAC3D;AAAA,GACF,sBASDH,GAAA,EAAU,QAAQ,IACjB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA,gBAAAG,EAACE,GAAA,EAAkB,SAAQ,SAAQ,SAASG,GAAa;AAAA,sBACxD,QAAA,EAAK,WAAU,WAAU,aAAU,UACjC,UAVOA,IACd,eACA,uCASI;AAAA,IACA,gBAAAL,EAACD,KACE,UAAAN,KAAc,0BACZ,QAAA,EAAK,WAAU,cAAc,UAAAA,EAAA,CAAW,EAAA,CAE7C;AAAA,EAAA,GACF;AAAA,EACA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASI;AAAA,MACT,UAAUC;AAAA,MACV,cAAYA,IAAc,cAAc;AAAA,MACxC,aAAWA;AAAA,MACX,OAAOA,IAAc,cAAc;AAAA,MACnC,WAAU;AAAA,MAET,UAAAA,IACC,gBAAAL,EAACM,GAAA,CAAA,CAAY,IAEb,gBAAAN,EAACO,GAAA,EAAe,WAAU,UAAS,QAAO,QAAO,eAAW,GAAA,CAAC;AAAA,IAAA;AAAA,EAAA;AAEjE,EAAA,CACF,EAAA,CACF,GAWEC,IAAoC,CAACC,MACzCA,EAAM,SAAS,gBAAAT,EAACR,GAAA,EAAa,GAAGiB,EAAA,CAAO,IAAK,gBAAAT,EAACG,GAAA,EAAe,GAAGM,EAAA,CAAO;"}

package/dist/LoadingDots-Cn2y7g7L.cjs

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

package/dist/LoadingDots-Cn2y7g7L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots-Cn2y7g7L.cjs","sources":["../src/components/LockedAttachment/components/_shared/PurchaseStatusBadge.tsx","../src/components/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 === 'pending') {\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          Sent\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"],"names":["PurchaseStatusBadge","isMine","paymentStatus","amountText","labelColour","successColour","jsxs","React","jsx","classNames","CheckCircleIcon","Dot","cx","index","LoadingDots","className"],"mappings":"gIAkBMA,EAA0D,CAAC,CAC/D,OAAAC,EACA,cAAAC,EACA,WAAAC,CACF,IAAM,CACJ,MAAMC,EAAcH,EAAS,gBAAkB,gBACzCI,EAAgBJ,EAAS,iBAAmB,iBAClD,OAAIC,IAAkB,OAElBI,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,EACAI,EAAAA,IAAC,QAAK,UAAWC,EAAW,sBAAuBJ,CAAa,EAC7D,SAAAJ,EAAS,OAAS,WAAA,CACrB,EACAO,EAAAA,IAACE,EAAAA,gBAAA,CACC,UAAWD,EAAW,oBAAqBJ,CAAa,EACxD,OAAO,OACP,cAAW,EAAA,CAAA,CACb,EACF,EAIAF,GAAc,KAEdG,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,QACC,OAAA,CAAK,UAAWK,EAAW,sBAAuBL,CAAW,EAC3D,SAAAD,CAAA,CACH,CAAA,EACF,EAIAD,IAAkB,UAElBI,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,QACC,OAAA,CAAK,UAAWK,EAAW,sBAAuBL,CAAW,EAAG,SAAA,MAAA,CAEjE,CAAA,EACF,EAIAF,IAAkB,UAAYA,IAAkB,WAEhDI,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,EACAI,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAC3D,SAAAF,IAAkB,SAAW,iBAAmB,UAAA,CACnD,CAAA,EACF,EAIG,IACT,ECjFMS,EAAM,CAAC,CAAE,GAAAC,EAAI,MAAAC,KACjBL,EAAAA,IAAC,SAAA,CAAO,GAAAI,EAAQ,GAAG,OAAO,EAAE,MAAM,KAAK,eACrC,SAAAJ,EAAAA,IAAC,mBAAA,CACC,cAAc,YACd,KAAK,YACL,OAAO,qBACP,IAAI,QACJ,MAAO,GAAG,IAAMK,CAAK,KACrB,YAAY,YAAA,CACd,EACF,EAQIC,EAAgD,CAAC,CAAE,UAAAC,CAAA,IACvDT,EAAAA,KAAC,MAAA,CACC,cAAY,OACZ,UAAAS,EACA,QAAQ,cACR,MAAM,KACN,OAAO,KACP,SAAS,UAET,SAAA,CAAAP,EAAAA,IAACG,EAAA,CAAI,GAAG,IAAI,MAAO,EAAG,EACtBH,EAAAA,IAACG,EAAA,CAAI,GAAG,KAAK,MAAO,EAAG,EACvBH,EAAAA,IAACG,EAAA,CAAI,GAAG,KAAK,MAAO,CAAA,CAAG,CAAA,CAAA,CACzB"}

package/dist/LoadingDots-nW6r0-Kg.js

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

package/dist/LoadingDots-nW6r0-Kg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots-nW6r0-Kg.js","sources":["../src/components/LockedAttachment/components/_shared/PurchaseStatusBadge.tsx","../src/components/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 === 'pending') {\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          Sent\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"],"names":["PurchaseStatusBadge","isMine","paymentStatus","amountText","labelColour","successColour","jsxs","React","jsx","classNames","CheckCircleIcon","Dot","cx","index","LoadingDots","className"],"mappings":";;;;AAkBA,MAAMA,IAA0D,CAAC;AAAA,EAC/D,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAAcH,IAAS,kBAAkB,iBACzCI,IAAgBJ,IAAS,mBAAmB;AAClD,SAAIC,MAAkB,SAElB,gBAAAI,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,IACA,gBAAAI,EAAC,UAAK,WAAWC,EAAW,uBAAuBJ,CAAa,GAC7D,UAAAJ,IAAS,SAAS,YAAA,CACrB;AAAA,IACA,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWD,EAAW,qBAAqBJ,CAAa;AAAA,QACxD,QAAO;AAAA,QACP,eAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GACF,IAIAF,KAAc,OAEd,gBAAAG,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,sBACC,QAAA,EAAK,WAAWK,EAAW,uBAAuBL,CAAW,GAC3D,UAAAD,EAAA,CACH;AAAA,EAAA,GACF,IAIAD,MAAkB,YAElB,gBAAAI,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,sBACC,QAAA,EAAK,WAAWK,EAAW,uBAAuBL,CAAW,GAAG,UAAA,OAAA,CAEjE;AAAA,EAAA,GACF,IAIAF,MAAkB,YAAYA,MAAkB,aAEhD,gBAAAI,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,IACA,gBAAAI,EAAC,QAAA,EAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAC3D,UAAAF,MAAkB,WAAW,mBAAmB,WAAA,CACnD;AAAA,EAAA,GACF,IAIG;AACT,GCjFMS,IAAM,CAAC,EAAE,IAAAC,GAAI,OAAAC,QACjB,gBAAAL,EAAC,UAAA,EAAO,IAAAI,GAAQ,IAAG,QAAO,GAAE,OAAM,MAAK,gBACrC,UAAA,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAc;AAAA,IACd,MAAK;AAAA,IACL,QAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAO,GAAG,MAAMK,CAAK;AAAA,IACrB,aAAY;AAAA,EAAA;AACd,GACF,GAQIC,IAAgD,CAAC,EAAE,WAAAC,EAAA,MACvD,gBAAAT;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAAS;AAAA,IACA,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,QAAO;AAAA,IACP,UAAS;AAAA,IAET,UAAA;AAAA,MAAA,gBAAAP,EAACG,GAAA,EAAI,IAAG,KAAI,OAAO,GAAG;AAAA,MACtB,gBAAAH,EAACG,GAAA,EAAI,IAAG,MAAK,OAAO,GAAG;AAAA,MACvB,gBAAAH,EAACG,GAAA,EAAI,IAAG,MAAK,OAAO,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AACzB;"}

package/dist/TextShell-CKQOFxoH.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("@phosphor-icons/react"),c=require("classnames"),n=({children:s})=>e.jsxs("div",{className:"flex items-center gap-1 text-xs font-medium",children:[e.jsx(i.LockSimpleIcon,{className:"size-3.5 shrink-0 opacity-55",weight:"fill","aria-hidden":!0}),s]}),o=({variant:s="dark",animate:a=!0})=>{const t=a?"animate-pulse motion-reduce:animate-none":"",l=s==="dark"?"bg-white/25":"bg-black/15";return e.jsxs("div",{className:"flex flex-col gap-2 str-chat__message-text my-1","aria-hidden":!0,children:[e.jsx("div",{className:c("h-3 w-40 rounded-full",t,l)}),e.jsx("div",{className:c("h-3 w-24 rounded-full",t,l)})]})},r=({isMine:s,children:a,className:t})=>e.jsx("div",{className:c("str-chat__message-bubble message-locked-attachment-text","px-4 py-3 flex flex-col gap-1",t),style:{backgroundColor:s?"#1e2330":"#f2f1ef"},children:a});exports.PriceLockRow=n;exports.SkeletonTextLines=o;exports.TextShell=r;
+//# sourceMappingURL=TextShell-CKQOFxoH.cjs.map

package/dist/TextShell-CKQOFxoH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextShell-CKQOFxoH.cjs","sources":["../src/components/LockedAttachment/components/_shared/PriceLockRow.tsx","../src/components/LockedAttachment/components/_shared/SkeletonTextLines.tsx","../src/components/LockedAttachment/components/_shared/TextShell.tsx"],"sourcesContent":["import { LockSimpleIcon } from '@phosphor-icons/react'\nimport type React from 'react'\n\n/**\n * The lock-icon + amount/status row shared by every LockedAttachment text-mode\n * card. Only the wrapper and the leading lock icon are shared — the amount and\n * any trailing status live in `children`, since they genuinely differ per card\n * (placeholder fallback vs. paid badge vs. bare amount).\n */\nconst PriceLockRow: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <div className=\"flex items-center gap-1 text-xs font-medium\">\n    <LockSimpleIcon\n      className=\"size-3.5 shrink-0 opacity-55\"\n      weight=\"fill\"\n      aria-hidden\n    />\n    {children}\n  </div>\n)\n\nexport default PriceLockRow\n","import classNames from 'classnames'\nimport React from 'react'\n\nexport interface SkeletonTextLinesProps {\n  /** Matches the bubble it sits in — \"dark\" for the sender's own bubble. */\n  variant: 'light' | 'dark'\n  /**\n   * Whether the bars pulse. Pass `false` once the outcome is settled (paid,\n   * failed, refunded) — a static skeleton reads as \"nothing more will\n   * change\", while a pulsing one implies something is still in flight.\n   */\n  animate: boolean\n}\n\n/**\n * Two skeleton bars standing in for the redacted text of a paid text-only\n * message — the real content is never sent to the client until purchase, so\n * there's nothing to render yet.\n *\n * Uses explicit black/white (not `bg-current`) because Tailwind doesn't\n * support opacity modifiers on the `current` color — `bg-current/30` silently\n * produces no CSS rule at all.\n */\nconst SkeletonTextLines: React.FC<SkeletonTextLinesProps> = ({\n  variant = 'dark',\n  animate = true,\n}) => {\n  const pulse = animate ? 'animate-pulse motion-reduce:animate-none' : ''\n  const colour = variant === 'dark' ? 'bg-white/25' : 'bg-black/15'\n\n  return (\n    <div className=\"flex flex-col gap-2 str-chat__message-text my-1\" aria-hidden>\n      <div className={classNames('h-3 w-40 rounded-full', pulse, colour)} />\n      <div className={classNames('h-3 w-24 rounded-full', pulse, colour)} />\n    </div>\n  )\n}\n\nexport default SkeletonTextLines\n","import classNames from 'classnames'\nimport React from 'react'\n\nconst TextShell: React.FC<\n  React.PropsWithChildren<{ isMine: boolean; className?: string }>\n> = ({ isMine, children, className }) => (\n  <div\n    className={classNames(\n      'str-chat__message-bubble message-locked-attachment-text',\n      'px-4 py-3 flex flex-col gap-1',\n      className\n    )}\n    style={{ backgroundColor: isMine ? '#1e2330' : '#f2f1ef' }}\n  >\n    {children}\n  </div>\n)\n\nexport default TextShell\n"],"names":["PriceLockRow","children","jsxs","jsx","LockSimpleIcon","SkeletonTextLines","variant","animate","pulse","colour","classNames","TextShell","isMine","className"],"mappings":"6GASMA,EAAkD,CAAC,CAAE,SAAAC,KACzDC,EAAAA,KAAC,MAAA,CAAI,UAAU,8CACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,eAAA,CACC,UAAU,+BACV,OAAO,OACP,cAAW,EAAA,CAAA,EAEZH,CAAA,CAAA,CACH,ECMII,EAAsD,CAAC,CAC3D,QAAAC,EAAU,OACV,QAAAC,EAAU,EACZ,IAAM,CACJ,MAAMC,EAAQD,EAAU,2CAA6C,GAC/DE,EAASH,IAAY,OAAS,cAAgB,cAEpD,OACEJ,EAAAA,KAAC,MAAA,CAAI,UAAU,kDAAkD,cAAW,GAC1E,SAAA,CAAAC,MAAC,OAAI,UAAWO,EAAW,wBAAyBF,EAAOC,CAAM,EAAG,QACnE,MAAA,CAAI,UAAWC,EAAW,wBAAyBF,EAAOC,CAAM,CAAA,CAAG,CAAA,EACtE,CAEJ,ECjCME,EAEF,CAAC,CAAE,OAAAC,EAAQ,SAAAX,EAAU,UAAAY,KACvBV,EAAAA,IAAC,MAAA,CACC,UAAWO,EACT,0DACA,gCACAG,CAAA,EAEF,MAAO,CAAE,gBAAiBD,EAAS,UAAY,SAAA,EAE9C,SAAAX,CAAA,CACH"}

package/dist/TextShell-DIyj9zQ7.js

@@ -0,0 +1,40 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { LockSimpleIcon as r } from "@phosphor-icons/react";
+import l from "classnames";
+const d = ({ children: e }) => /* @__PURE__ */ c("div", { className: "flex items-center gap-1 text-xs font-medium", children: [
+  /* @__PURE__ */ a(
+    r,
+    {
+      className: "size-3.5 shrink-0 opacity-55",
+      weight: "fill",
+      "aria-hidden": !0
+    }
+  ),
+  e
+] }), f = ({
+  variant: e = "dark",
+  animate: t = !0
+}) => {
+  const s = t ? "animate-pulse motion-reduce:animate-none" : "", o = e === "dark" ? "bg-white/25" : "bg-black/15";
+  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2 str-chat__message-text my-1", "aria-hidden": !0, children: [
+    /* @__PURE__ */ a("div", { className: l("h-3 w-40 rounded-full", s, o) }),
+    /* @__PURE__ */ a("div", { className: l("h-3 w-24 rounded-full", s, o) })
+  ] });
+}, u = ({ isMine: e, children: t, className: s }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: l(
+      "str-chat__message-bubble message-locked-attachment-text",
+      "px-4 py-3 flex flex-col gap-1",
+      s
+    ),
+    style: { backgroundColor: e ? "#1e2330" : "#f2f1ef" },
+    children: t
+  }
+);
+export {
+  d as P,
+  f as S,
+  u as T
+};
+//# sourceMappingURL=TextShell-DIyj9zQ7.js.map

package/dist/TextShell-DIyj9zQ7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextShell-DIyj9zQ7.js","sources":["../src/components/LockedAttachment/components/_shared/PriceLockRow.tsx","../src/components/LockedAttachment/components/_shared/SkeletonTextLines.tsx","../src/components/LockedAttachment/components/_shared/TextShell.tsx"],"sourcesContent":["import { LockSimpleIcon } from '@phosphor-icons/react'\nimport type React from 'react'\n\n/**\n * The lock-icon + amount/status row shared by every LockedAttachment text-mode\n * card. Only the wrapper and the leading lock icon are shared — the amount and\n * any trailing status live in `children`, since they genuinely differ per card\n * (placeholder fallback vs. paid badge vs. bare amount).\n */\nconst PriceLockRow: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <div className=\"flex items-center gap-1 text-xs font-medium\">\n    <LockSimpleIcon\n      className=\"size-3.5 shrink-0 opacity-55\"\n      weight=\"fill\"\n      aria-hidden\n    />\n    {children}\n  </div>\n)\n\nexport default PriceLockRow\n","import classNames from 'classnames'\nimport React from 'react'\n\nexport interface SkeletonTextLinesProps {\n  /** Matches the bubble it sits in — \"dark\" for the sender's own bubble. */\n  variant: 'light' | 'dark'\n  /**\n   * Whether the bars pulse. Pass `false` once the outcome is settled (paid,\n   * failed, refunded) — a static skeleton reads as \"nothing more will\n   * change\", while a pulsing one implies something is still in flight.\n   */\n  animate: boolean\n}\n\n/**\n * Two skeleton bars standing in for the redacted text of a paid text-only\n * message — the real content is never sent to the client until purchase, so\n * there's nothing to render yet.\n *\n * Uses explicit black/white (not `bg-current`) because Tailwind doesn't\n * support opacity modifiers on the `current` color — `bg-current/30` silently\n * produces no CSS rule at all.\n */\nconst SkeletonTextLines: React.FC<SkeletonTextLinesProps> = ({\n  variant = 'dark',\n  animate = true,\n}) => {\n  const pulse = animate ? 'animate-pulse motion-reduce:animate-none' : ''\n  const colour = variant === 'dark' ? 'bg-white/25' : 'bg-black/15'\n\n  return (\n    <div className=\"flex flex-col gap-2 str-chat__message-text my-1\" aria-hidden>\n      <div className={classNames('h-3 w-40 rounded-full', pulse, colour)} />\n      <div className={classNames('h-3 w-24 rounded-full', pulse, colour)} />\n    </div>\n  )\n}\n\nexport default SkeletonTextLines\n","import classNames from 'classnames'\nimport React from 'react'\n\nconst TextShell: React.FC<\n  React.PropsWithChildren<{ isMine: boolean; className?: string }>\n> = ({ isMine, children, className }) => (\n  <div\n    className={classNames(\n      'str-chat__message-bubble message-locked-attachment-text',\n      'px-4 py-3 flex flex-col gap-1',\n      className\n    )}\n    style={{ backgroundColor: isMine ? '#1e2330' : '#f2f1ef' }}\n  >\n    {children}\n  </div>\n)\n\nexport default TextShell\n"],"names":["PriceLockRow","children","jsxs","jsx","LockSimpleIcon","SkeletonTextLines","variant","animate","pulse","colour","classNames","TextShell","isMine","className"],"mappings":";;;AASA,MAAMA,IAAkD,CAAC,EAAE,UAAAC,QACzD,gBAAAC,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAO;AAAA,MACP,eAAW;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZH;AAAA,EAAA,CACH,GCMII,IAAsD,CAAC;AAAA,EAC3D,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAMC,IAAQD,IAAU,6CAA6C,IAC/DE,IAASH,MAAY,SAAS,gBAAgB;AAEpD,SACE,gBAAAJ,EAAC,OAAA,EAAI,WAAU,mDAAkD,eAAW,IAC1E,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAWO,EAAW,yBAAyBF,GAAOC,CAAM,GAAG;AAAA,sBACnE,OAAA,EAAI,WAAWC,EAAW,yBAAyBF,GAAOC,CAAM,EAAA,CAAG;AAAA,EAAA,GACtE;AAEJ,GCjCME,IAEF,CAAC,EAAE,QAAAC,GAAQ,UAAAX,GAAU,WAAAY,QACvB,gBAAAV;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWO;AAAA,MACT;AAAA,MACA;AAAA,MACAG;AAAA,IAAA;AAAA,IAEF,OAAO,EAAE,iBAAiBD,IAAS,YAAY,UAAA;AAAA,IAE9C,UAAAX;AAAA,EAAA;AACH;"}

package/dist/{index-DO_dYsIf.js → index-B8gqCioX.js}

@@ -818,7 +818,7 @@ function bs({
   const n = e == null ? void 0 : e.text, a = ya(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const ka = V.lazy(() => import("./Card-K9ky-G-t.js")), Ca = V.lazy(() => import("./Card-DSG-wR8t.js")), Sa = V.lazy(() => import("./Card-BG-Mg_ss.js")), mt = () => /* @__PURE__ */ s(
+const ka = V.lazy(() => import("./Card-BVZM0-06.js")), Ca = V.lazy(() => import("./Card-xv52Ug43.js")), Sa = V.lazy(() => import("./Card-D0hLrOxX.js")), mt = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -2682,10 +2682,10 @@ const Hr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
 }, Wr = (e) => {
   var t;
-  return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_type) === "text";
+  return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
 }, Xr = (e) => {
   var t;
-  return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_type) !== "text";
+  return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
 }, Ps = (e) => Yr(e) || qr(e), Kr = (e) => {
   var t;
   return Ps(e) && !((t = e.text) != null && t.trim());
@@ -5240,4 +5240,4 @@ export {
   pt as y,
   ut as z
 };
-//# sourceMappingURL=index-DO_dYsIf.js.map
+//# sourceMappingURL=index-B8gqCioX.js.map