@linktr.ee/messaging-react 1.25.1 → 1.26.1-rc-1776055454

package/dist/Preview-DqAv16NS.js

@@ -0,0 +1,87 @@
+import a, { useState as E, useEffect as k } from "react";
+const d = "64px", u = {}, N = ({
+  src: s,
+  light: t,
+  oEmbedUrl: o,
+  onClickPreview: n,
+  playIcon: g,
+  previewTabIndex: _,
+  previewAriaLabel: p
+}) => {
+  const [f, r] = E(null);
+  k(() => {
+    !s || !t || !o || b({ src: s, light: t, oEmbedUrl: o });
+  }, [s, t, o]);
+  const b = async ({
+    src: e,
+    light: c,
+    oEmbedUrl: x
+  }) => {
+    if (a.isValidElement(c))
+      return;
+    if (typeof c == "string") {
+      r(c);
+      return;
+    }
+    if (u[e]) {
+      r(u[e]);
+      return;
+    }
+    r(null);
+    const m = await (await fetch(x.replace("{url}", e))).json();
+    if (m.thumbnail_url) {
+      const h = m.thumbnail_url.replace("height=100", "height=480").replace("-d_295x166", "-d_640");
+      r(h), u[e] = h;
+    }
+  }, I = (e) => {
+    (e.key === "Enter" || e.key === " ") && (n == null || n(e));
+  }, v = (e) => {
+    n == null || n(e);
+  }, l = a.isValidElement(t), y = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, i = {
+    preview: {
+      width: "100%",
+      height: "100%",
+      backgroundImage: f && !l ? `url(${f})` : void 0,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+      cursor: "pointer",
+      ...y
+    },
+    shadow: {
+      background: "radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",
+      borderRadius: d,
+      width: d,
+      height: d,
+      position: l ? "absolute" : void 0,
+      ...y
+    },
+    playIcon: {
+      borderStyle: "solid",
+      borderWidth: "16px 0 16px 26px",
+      borderColor: "transparent transparent transparent white",
+      marginLeft: "7px"
+    }
+  }, w = /* @__PURE__ */ a.createElement("div", { style: i.shadow, className: "react-player__shadow" }, /* @__PURE__ */ a.createElement("div", { style: i.playIcon, className: "react-player__play-icon" }));
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      style: i.preview,
+      className: "react-player__preview",
+      tabIndex: _,
+      onClick: v,
+      onKeyDown: I,
+      ...p ? { "aria-label": p } : {}
+    },
+    l ? t : null,
+    g || w
+  );
+};
+var j = N;
+export {
+  j as default
+};
+//# sourceMappingURL=Preview-DqAv16NS.js.map

package/dist/Preview-DqAv16NS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-DqAv16NS.js","sources":["../../../node_modules/react-player/dist/Preview.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nconst ICON_SIZE = \"64px\";\nconst cache = {};\nconst Preview = ({\n  src,\n  light,\n  oEmbedUrl,\n  onClickPreview,\n  playIcon,\n  previewTabIndex,\n  previewAriaLabel\n}) => {\n  const [image, setImage] = useState(null);\n  useEffect(() => {\n    if (!src || !light || !oEmbedUrl) return;\n    fetchImage({ src, light, oEmbedUrl });\n  }, [src, light, oEmbedUrl]);\n  const fetchImage = async ({\n    src: src2,\n    light: light2,\n    oEmbedUrl: oEmbedUrl2\n  }) => {\n    if (React.isValidElement(light2)) {\n      return;\n    }\n    if (typeof light2 === \"string\") {\n      setImage(light2);\n      return;\n    }\n    if (cache[src2]) {\n      setImage(cache[src2]);\n      return;\n    }\n    setImage(null);\n    const response = await fetch(oEmbedUrl2.replace(\"{url}\", src2));\n    const data = await response.json();\n    if (data.thumbnail_url) {\n      const fetchedImage = data.thumbnail_url.replace(\"height=100\", \"height=480\").replace(\"-d_295x166\", \"-d_640\");\n      setImage(fetchedImage);\n      cache[src2] = fetchedImage;\n    }\n  };\n  const handleKeyPress = (e) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      onClickPreview == null ? void 0 : onClickPreview(e);\n    }\n  };\n  const handleClick = (e) => {\n    onClickPreview == null ? void 0 : onClickPreview(e);\n  };\n  const isElement = React.isValidElement(light);\n  const flexCenter = {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  };\n  const styles = {\n    preview: {\n      width: \"100%\",\n      height: \"100%\",\n      backgroundImage: image && !isElement ? `url(${image})` : void 0,\n      backgroundSize: \"cover\",\n      backgroundPosition: \"center\",\n      cursor: \"pointer\",\n      ...flexCenter\n    },\n    shadow: {\n      background: \"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)\",\n      borderRadius: ICON_SIZE,\n      width: ICON_SIZE,\n      height: ICON_SIZE,\n      position: isElement ? \"absolute\" : void 0,\n      ...flexCenter\n    },\n    playIcon: {\n      borderStyle: \"solid\",\n      borderWidth: \"16px 0 16px 26px\",\n      borderColor: \"transparent transparent transparent white\",\n      marginLeft: \"7px\"\n    }\n  };\n  const defaultPlayIcon = /* @__PURE__ */ React.createElement(\"div\", { style: styles.shadow, className: \"react-player__shadow\" }, /* @__PURE__ */ React.createElement(\"div\", { style: styles.playIcon, className: \"react-player__play-icon\" }));\n  return /* @__PURE__ */ React.createElement(\n    \"div\",\n    {\n      style: styles.preview,\n      className: \"react-player__preview\",\n      tabIndex: previewTabIndex,\n      onClick: handleClick,\n      onKeyDown: handleKeyPress,\n      ...previewAriaLabel ? { \"aria-label\": previewAriaLabel } : {}\n    },\n    isElement ? light : null,\n    playIcon || defaultPlayIcon\n  );\n};\nvar Preview_default = Preview;\nexport {\n  Preview_default as default\n};\n"],"names":["ICON_SIZE","cache","Preview","src","light","oEmbedUrl","onClickPreview","playIcon","previewTabIndex","previewAriaLabel","image","setImage","useState","useEffect","fetchImage","src2","light2","oEmbedUrl2","React","data","fetchedImage","handleKeyPress","handleClick","isElement","flexCenter","styles","defaultPlayIcon","Preview_default"],"mappings":";AACA,MAAMA,IAAY,QACZC,IAAQ,CAAA,GACRC,IAAU,CAAC;AAAA,EACf,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,IAAI;AACvC,EAAAC,EAAU,MAAM;AACd,IAAI,CAACV,KAAO,CAACC,KAAS,CAACC,KACvBS,EAAW,EAAE,KAAAX,GAAK,OAAAC,GAAO,WAAAC,EAAS,CAAE;AAAA,EACtC,GAAG,CAACF,GAAKC,GAAOC,CAAS,CAAC;AAC1B,QAAMS,IAAa,OAAO;AAAA,IACxB,KAAKC;AAAA,IACL,OAAOC;AAAA,IACP,WAAWC;AAAA,EACf,MAAQ;AACJ,QAAIC,EAAM,eAAeF,CAAM;AAC7B;AAEF,QAAI,OAAOA,KAAW,UAAU;AAC9B,MAAAL,EAASK,CAAM;AACf;AAAA,IACF;AACA,QAAIf,EAAMc,CAAI,GAAG;AACf,MAAAJ,EAASV,EAAMc,CAAI,CAAC;AACpB;AAAA,IACF;AACA,IAAAJ,EAAS,IAAI;AAEb,UAAMQ,IAAO,OADI,MAAM,MAAMF,EAAW,QAAQ,SAASF,CAAI,CAAC,GAClC,KAAI;AAChC,QAAII,EAAK,eAAe;AACtB,YAAMC,IAAeD,EAAK,cAAc,QAAQ,cAAc,YAAY,EAAE,QAAQ,cAAc,QAAQ;AAC1G,MAAAR,EAASS,CAAY,GACrBnB,EAAMc,CAAI,IAAIK;AAAA,IAChB;AAAA,EACF,GACMC,IAAiB,CAAC,MAAM;AAC5B,KAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjCf,KAAkB,QAAgBA,EAAe,CAAC;AAAA,EAEtD,GACMgB,IAAc,CAAC,MAAM;AACzB,IAAAhB,KAAkB,QAAgBA,EAAe,CAAC;AAAA,EACpD,GACMiB,IAAYL,EAAM,eAAed,CAAK,GACtCoB,IAAa;AAAA,IACjB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,EACpB,GACQC,IAAS;AAAA,IACb,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAiBf,KAAS,CAACa,IAAY,OAAOb,CAAK,MAAM;AAAA,MACzD,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,MACpB,QAAQ;AAAA,MACR,GAAGc;AAAA,IACT;AAAA,IACI,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,cAAcxB;AAAA,MACd,OAAOA;AAAA,MACP,QAAQA;AAAA,MACR,UAAUuB,IAAY,aAAa;AAAA,MACnC,GAAGC;AAAA,IACT;AAAA,IACI,UAAU;AAAA,MACR,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAClB;AAAA,EACA,GACQE,IAAkCR,gBAAAA,EAAM,cAAc,OAAO,EAAE,OAAOO,EAAO,QAAQ,WAAW,uBAAsB,GAAoBP,gBAAAA,EAAM,cAAc,OAAO,EAAE,OAAOO,EAAO,UAAU,WAAW,0BAAyB,CAAE,CAAC;AAC5O,SAAuBP,gBAAAA,EAAM;AAAA,IAC3B;AAAA,IACA;AAAA,MACE,OAAOO,EAAO;AAAA,MACd,WAAW;AAAA,MACX,UAAUjB;AAAA,MACV,SAASc;AAAA,MACT,WAAWD;AAAA,MACX,GAAGZ,IAAmB,EAAE,cAAcA,MAAqB,CAAA;AAAA,IACjE;AAAA,IACIc,IAAYnB,IAAQ;AAAA,IACpBG,KAAYmB;AAAA,EAChB;AACA;AACG,IAACC,IAAkBzB;","x_google_ignoreList":[0]}