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

package/dist/Card-iKTcn1wg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-iKTcn1wg.cjs","sources":["../src/components/LockedAttachment/components/_shared/LoadingDots.tsx","../src/components/LockedAttachment/components/_shared/SkeletonTextLines.tsx","../src/components/LockedAttachment/components/Text/Card.tsx"],"sourcesContent":["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","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 { 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>\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>\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>\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>\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":["Dot","cx","index","jsx","LoadingDots","className","jsxs","SkeletonTextLines","variant","animate","pulse","colour","classNames","OwnTextCard","amountText","paymentStatus","children","isFailed","TextShell","PriceLockRow","PurchaseStatusBadge","liveMessage","OtherTextCard","onUnlockClick","isUnlocking","ariaLabel","LockSimpleIcon","TextCard","props"],"mappings":"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"}

package/dist/PurchaseStatusBadge-CJH4S-8Z.js

@@ -0,0 +1,36 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { CheckCircleIcon as d } from "@phosphor-icons/react";
+import s from "classnames";
+import a from "react";
+const h = ({
+  isMine: l,
+  paymentStatus: r,
+  amountText: i
+}) => {
+  const n = l ? "text-white/55" : "text-black/55", c = l ? "text-[#34c759]" : "text-[#008236]";
+  return r === "paid" ? /* @__PURE__ */ t(a.Fragment, { children: [
+    /* @__PURE__ */ e("span", { className: s("text-xs font-medium", n), children: "•" }),
+    /* @__PURE__ */ e("span", { className: s("text-xs font-medium", c), children: l ? "Sold" : "Purchased" }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        className: s("shrink-0 size-3.5", c),
+        weight: "bold",
+        "aria-hidden": !0
+      }
+    )
+  ] }) : i != null ? /* @__PURE__ */ t(a.Fragment, { children: [
+    /* @__PURE__ */ e("span", { className: s("text-xs font-medium", n), children: "•" }),
+    /* @__PURE__ */ e("span", { className: s("text-xs font-medium", n), children: i })
+  ] }) : r === "pending" ? /* @__PURE__ */ t(a.Fragment, { children: [
+    /* @__PURE__ */ e("span", { className: s("text-xs font-medium", n), children: "•" }),
+    /* @__PURE__ */ e("span", { className: s("text-xs font-medium", n), children: "Sent" })
+  ] }) : r === "failed" || r === "refunded" ? /* @__PURE__ */ t(a.Fragment, { children: [
+    /* @__PURE__ */ e("span", { className: s("text-xs font-medium", n), children: "•" }),
+    /* @__PURE__ */ e("span", { className: s("text-xs font-medium", n), children: r === "failed" ? "Payment failed" : "Refunded" })
+  ] }) : null;
+};
+export {
+  h as P
+};
+//# sourceMappingURL=PurchaseStatusBadge-CJH4S-8Z.js.map

package/dist/PurchaseStatusBadge-CJH4S-8Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseStatusBadge-CJH4S-8Z.js","sources":["../src/components/LockedAttachment/components/_shared/PurchaseStatusBadge.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  \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"],"names":["PurchaseStatusBadge","isMine","paymentStatus","amountText","labelColour","successColour","jsxs","React","jsx","classNames","CheckCircleIcon"],"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;AAElD,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;"}

package/dist/PurchaseStatusBadge-UjDzZhLj.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("@phosphor-icons/react"),s=require("classnames"),r=require("react"),d=({isMine:c,paymentStatus:t,amountText:a})=>{const n=c?"text-white/55":"text-black/55",i=c?"text-[#34c759]":"text-[#008236]";return t==="paid"?e.jsxs(r.Fragment,{children:[e.jsx("span",{className:s("text-xs font-medium",n),children:"•"}),e.jsx("span",{className:s("text-xs font-medium",i),children:c?"Sold":"Purchased"}),e.jsx(l.CheckCircleIcon,{className:s("shrink-0 size-3.5",i),weight:"bold","aria-hidden":!0})]}):a!=null?e.jsxs(r.Fragment,{children:[e.jsx("span",{className:s("text-xs font-medium",n),children:"•"}),e.jsx("span",{className:s("text-xs font-medium",n),children:a})]}):t==="pending"?e.jsxs(r.Fragment,{children:[e.jsx("span",{className:s("text-xs font-medium",n),children:"•"}),e.jsx("span",{className:s("text-xs font-medium",n),children:"Sent"})]}):t==="failed"||t==="refunded"?e.jsxs(r.Fragment,{children:[e.jsx("span",{className:s("text-xs font-medium",n),children:"•"}),e.jsx("span",{className:s("text-xs font-medium",n),children:t==="failed"?"Payment failed":"Refunded"})]}):null};exports.PurchaseStatusBadge=d;
+//# sourceMappingURL=PurchaseStatusBadge-UjDzZhLj.cjs.map

package/dist/PurchaseStatusBadge-UjDzZhLj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseStatusBadge-UjDzZhLj.cjs","sources":["../src/components/LockedAttachment/components/_shared/PurchaseStatusBadge.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  \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"],"names":["PurchaseStatusBadge","isMine","paymentStatus","amountText","labelColour","successColour","jsxs","React","jsx","classNames","CheckCircleIcon"],"mappings":"gIAkBMA,EAA0D,CAAC,CAC/D,OAAAC,EACA,cAAAC,EACA,WAAAC,CACF,IAAM,CACJ,MAAMC,EAAcH,EAAS,gBAAkB,gBACzCI,EAAgBJ,EAAS,iBAAmB,iBAElD,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"}

package/dist/TextShell-BiqF2UB0.js

@@ -0,0 +1,32 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { LockSimpleIcon as c } from "@phosphor-icons/react";
+import i from "classnames";
+const r = ({ children: e }) => /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-xs font-medium", children: [
+  /* @__PURE__ */ s(
+    c,
+    {
+      className: "size-3.5 shrink-0 opacity-55",
+      weight: "fill",
+      "aria-hidden": !0
+    }
+  ),
+  e
+] }), x = ({
+  children: e,
+  className: t
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: i(
+      "str-chat__message-bubble message-locked-attachment-text",
+      "px-4 py-3 flex flex-col gap-1",
+      t
+    ),
+    children: e
+  }
+);
+export {
+  r as P,
+  x as T
+};
+//# sourceMappingURL=TextShell-BiqF2UB0.js.map

package/dist/TextShell-BiqF2UB0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextShell-BiqF2UB0.js","sources":["../src/components/LockedAttachment/components/_shared/PriceLockRow.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\nconst TextShell: React.FC<React.PropsWithChildren<{ className?: string }>> = ({\n  children,\n  className,\n}) => (\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  >\n    {children}\n  </div>\n)\n\nexport default TextShell\n"],"names":["PriceLockRow","children","jsxs","jsx","LockSimpleIcon","TextShell","className","classNames"],"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,GCdII,IAAuE,CAAC;AAAA,EAC5E,UAAAJ;AAAA,EACA,WAAAK;AACF,MACE,gBAAAH;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACA;AAAA,MACAD;AAAA,IAAA;AAAA,IAGD,UAAAL;AAAA,EAAA;AACH;"}

package/dist/TextShell-Bnzh0T75.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("@phosphor-icons/react"),i=require("classnames"),a=({children:e})=>s.jsxs("div",{className:"flex items-center gap-1 text-xs font-medium",children:[s.jsx(c.LockSimpleIcon,{className:"size-3.5 shrink-0 opacity-55",weight:"fill","aria-hidden":!0}),e]}),l=({children:e,className:t})=>s.jsx("div",{className:i("str-chat__message-bubble message-locked-attachment-text","px-4 py-3 flex flex-col gap-1",t),children:e});exports.PriceLockRow=a;exports.TextShell=l;
+//# sourceMappingURL=TextShell-Bnzh0T75.cjs.map

package/dist/TextShell-Bnzh0T75.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextShell-Bnzh0T75.cjs","sources":["../src/components/LockedAttachment/components/_shared/PriceLockRow.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\nconst TextShell: React.FC<React.PropsWithChildren<{ className?: string }>> = ({\n  children,\n  className,\n}) => (\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  >\n    {children}\n  </div>\n)\n\nexport default TextShell\n"],"names":["PriceLockRow","children","jsxs","jsx","LockSimpleIcon","TextShell","className","classNames"],"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,ECdII,EAAuE,CAAC,CAC5E,SAAAJ,EACA,UAAAK,CACF,IACEH,EAAAA,IAAC,MAAA,CACC,UAAWI,EACT,0DACA,gCACAD,CAAA,EAGD,SAAAL,CAAA,CACH"}