@automattic/social-previews 2.1.0-beta.8 → 3.0.0

package/dist/cjs/twitter-preview/quote-tweet.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuoteTweet = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("@wordpress/components");
-const QuoteTweet = ({ tweet }) => {
-    if (!tweet) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__quote-tweet", children: [(0, jsx_runtime_1.jsx)(components_1.SandBox, { html: `<blockquote class="twitter-tweet" data-conversation="none" data-dnt="true"><a href="${tweet}"></a></blockquote>`, scripts: ['https://platform.twitter.com/widgets.js'], title: "Embedded tweet" }), (0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__quote-tweet-overlay" })] }));
-};
-exports.QuoteTweet = QuoteTweet;
-//# sourceMappingURL=quote-tweet.js.map

package/dist/cjs/twitter-preview/quote-tweet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quote-tweet.js","sourceRoot":"","sources":["../../../src/twitter-preview/quote-tweet.tsx"],"names":[],"mappings":";;;;AAAA,sDAAgD;AAGzC,MAAM,UAAU,GAAgC,CAAE,EAAE,KAAK,EAAE,EAAG,EAAE;IACtE,IAAK,CAAE,KAAK,EAAG,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,iCAAK,SAAS,EAAC,8BAA8B,aAC5C,uBAAC,oBAAO,IACP,IAAI,EAAG,uFAAwF,KAAM,qBAAqB,EAC1H,OAAO,EAAG,CAAE,yCAAyC,CAAE,EACvD,KAAK,EAAC,gBAAgB,GACrB,EACF,gCAAK,SAAS,EAAC,sCAAsC,GAAG,IACnD,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB"}

package/dist/cjs/twitter-preview/sidebar.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const i18n_1 = require("@wordpress/i18n");
-const default_avatar_1 = require("./icons/default-avatar");
-const Sidebar = ({ profileImage, showThreadConnector }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__sidebar", children: [(0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__profile-image", children: profileImage ? ((0, jsx_runtime_1.jsx)("img", { alt: (0, i18n_1.__)('Twitter profile image', 'social-previews'), src: profileImage })) : ((0, jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar, {})) }), showThreadConnector && (0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__connector" })] }));
-};
-exports.Sidebar = Sidebar;
-//# sourceMappingURL=sidebar.js.map

package/dist/cjs/twitter-preview/sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../src/twitter-preview/sidebar.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,2DAAuD;AAGhD,MAAM,OAAO,GAA6B,CAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAG,EAAE;IAC5F,OAAO,CACN,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCAAK,SAAS,EAAC,gCAAgC,YAC5C,YAAY,CAAC,CAAC,CAAC,CAChB,gCAAK,GAAG,EAAG,IAAA,SAAE,EAAE,uBAAuB,EAAE,iBAAiB,CAAE,EAAG,GAAG,EAAG,YAAY,GAAK,CACrF,CAAC,CAAC,CAAC,CACH,uBAAC,8BAAa,KAAG,CACjB,GACI,EACJ,mBAAmB,IAAI,gCAAK,SAAS,EAAC,4BAA4B,GAAG,IAClE,CACN,CAAC;AACH,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB"}

package/dist/cjs/twitter-preview/style.scss

@@ -1,249 +0,0 @@
-/*
- * CSS values in this file are specific and
- * designed to match the CSS on Twitter. Therefore there
- * will be exceptions to our CSS guidelines here
- * but please do not "update" this file to conform.
- *
- * @blame: pento
- */
-
-@import "../variables";
-
-.twitter-preview {
-	padding: 20px;
-}
-
-.twitter-preview__wrapper {
-	background-color: #fff;
-	max-width: clamp(200px, 100%, 635px);
-	margin-inline: auto;
-	padding-top: 1rem;
-	border-radius: 4px;
-	padding-inline-end: 1rem;
-}
-
-.twitter-preview__section.social-preview__section {
-	width: clamp(200px, 100%, 635px);
-
-	// To compensate for the padding for profile picture in twitter threads
-	.social-preview__section-heading,
-	.social-preview__section-desc {
-		padding-inline-start: 17px;
-	}
-}
-
-.twitter-preview__container {
-	display: grid;
-	grid-template-columns: 65px auto;
-	margin-bottom: 5px;
-	font-size: $tweet-font-size;
-	line-height: 20px;
-
-	.twitter-preview__sidebar {
-		display: grid;
-		grid-template-rows: 35px auto;
-		justify-items: center;
-
-		.twitter-preview__profile-image {
-			display: flex;
-			align-items: center;
-			max-width: 30px;
-			max-height: 30px;
-			border-radius: 50%;
-			overflow: hidden;
-
-			img {
-				object-fit: cover;
-				width: 100%;
-			}
-		}
-
-		.twitter-preview__connector {
-			width: 2px;
-			background-color: #8c8f94;
-		}
-	}
-
-	.twitter-preview__main {
-		padding-bottom: 1rem;
-		overflow: hidden;
-	}
-
-	.twitter-preview__header {
-		display: flex;
-		gap: 0.25rem;
-		/* stylelint-disable-next-line declaration-property-unit-allowed-list */
-		font-size: 16px;
-		line-height: 18px;
-		margin-bottom: 2px;
-	}
-
-	.twitter-preview__name {
-		font-weight: 700;
-	}
-
-	.twitter-preview__screen-name,
-	.twitter-preview__date {
-		color: #667886;
-		letter-spacing: -0.3px;
-	}
-
-	.twitter-preview__content {
-
-		.twitter-preview__text {
-			color: rgb(15, 20, 25);
-			white-space: pre-wrap;
-			word-break: break-word;
-		}
-
-		.twitter-preview__media {
-			border-radius: 15px; /* stylelint-disable-line scales/radii */
-			overflow: hidden;
-			display: grid;
-			grid-gap: 2px;
-			grid-template-areas: "a";
-			height: 300px;
-			margin-top: 12px;
-
-			img,
-			video {
-				width: 100%;
-				height: 100%;
-				object-fit: cover;
-
-				&:nth-child(1) {
-					grid-area: a;
-				}
-				&:nth-child(2) {
-					grid-area: b;
-				}
-				&:nth-child(3) {
-					grid-area: c;
-				}
-				&:nth-child(4) {
-					grid-area: d;
-				}
-			}
-
-			&.twitter-preview__media-children-2 {
-				grid-template-areas: "a b";
-			}
-
-			&.twitter-preview__media-children-3 {
-				grid-template-areas:
-					"a b"
-					"a c";
-			}
-
-			&.twitter-preview__media-children-4 {
-				grid-template-areas:
-					"a b"
-					"c d";
-			}
-		}
-
-		.twitter-preview__quote-tweet {
-			margin-top: 10px;
-			min-height: 200px;
-
-			.twitter-preview__quote-tweet-overlay {
-				position: absolute;
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 0;
-				opacity: 0;
-			}
-		}
-
-		.twitter-preview__card {
-			margin-top: 12px;
-			margin-bottom: 12px;
-			overflow: hidden;
-			border: 1px solid #e1e8ed;
-			border-radius: 12px; /* stylelint-disable-line scales/radii */
-
-			.twitter-preview__card-summary {
-				display: grid;
-
-				&.twitter-preview__card-has-image {
-					height: 125px;
-					display: grid;
-					grid-template-columns: 125px auto;
-
-					.twitter-preview__card-body {
-						border-left: 1px solid #e1e8ed;
-						height: 100%;
-					}
-
-					.twitter-preview__card-description {
-						-webkit-line-clamp: 3;
-					}
-				}
-			}
-
-			.twitter-preview__card-summary_large_image {
-				display: grid;
-				grid-template-rows: 254px auto;
-			}
-
-			.twitter-preview__card-image {
-				width: 100%;
-				height: 100%;
-				object-fit: cover;
-				aspect-ratio: 16/9;
-			}
-
-			.twitter-preview__card-body {
-				padding: 0.75em;
-				text-decoration: none;
-				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-				color: var(--studio-black);
-				text-align: left;
-				overflow: hidden;
-				display: flex;
-				flex-direction: column;
-				gap: 2px;
-			}
-
-			.twitter-preview__card-title {
-				max-height: 1.3em;
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-			}
-
-			.twitter-preview__card-description {
-				max-height: 3.9em;
-				text-overflow: ellipsis;
-				color: rgb(83, 100, 113);
-				//clamp after three lines
-				display: -webkit-box;
-				-webkit-line-clamp: 3;
-				-webkit-box-orient: vertical;
-				overflow: hidden;
-			}
-
-			.twitter-preview__card-url {
-				text-transform: lowercase;
-				color: #8899a6;
-				white-space: nowrap;
-				overflow-inline: hidden;
-				text-overflow: ellipsis;
-			}
-		}
-	}
-
-	.twitter-preview__footer {
-		display: flex;
-		justify-content: space-between;
-		max-width: 425px;
-		margin-top: 12px;
-
-		svg {
-			fill: #787c82;
-			height: 16px;
-			width: 16px;
-		}
-	}
-}

package/dist/cjs/twitter-preview/text.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const helpers_1 = require("../helpers");
-const Text = ({ text, url, retainUrl }) => {
-    if (!text) {
-        return null;
-    }
-    // If the text ends with the card URL, remove it.
-    const tweetText = url && !retainUrl && text.endsWith(url)
-        ? text.substring(0, text.lastIndexOf(url))
-        : text;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__text", children: (0, helpers_1.preparePreviewText)(tweetText, { platform: 'twitter' }) }));
-};
-exports.Text = Text;
-//# sourceMappingURL=text.js.map

package/dist/cjs/twitter-preview/text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/twitter-preview/text.tsx"],"names":[],"mappings":";;;;AAAA,wCAAgD;AAGzC,MAAM,IAAI,GAA0B,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAG,EAAE;IACzE,IAAK,CAAE,IAAI,EAAG,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IACD,iDAAiD;IACjD,MAAM,SAAS,GACd,GAAG,IAAI,CAAE,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAE,GAAG,CAAE;QACzC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAE,GAAG,CAAE,CAAE;QAC9C,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACN,gCAAK,SAAS,EAAC,uBAAuB,YACnC,IAAA,4BAAkB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAE,GACrD,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,IAAI,QAef"}

package/dist/cjs/twitter-preview/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/cjs/twitter-preview/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/twitter-preview/types.ts"],"names":[],"mappings":""}

package/dist/cjs/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/cjs/variables.scss

@@ -1,14 +0,0 @@
-// Define variables, but only if they already don't exist.
-//                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-// This is for any outside consumers of the package that
-// don't have the entire calypso environment, which provides
-// these variables from a private package.
-// (See: https://sass-lang.com/documentation/variables#default-values )
-
-// In a regular calypso environment with @automattic/typography pulled in,
-// these won't have any effect.
-
-$font-body-extra-small: 12px !default;
-$font-body-small: 14px !default;
-$tweet-font-size: 15px !default;
-$tweet-line-height: 20px !default;

package/dist/esm/bluesky-preview/helpers.js

@@ -1,15 +0,0 @@
-import { firstValid, hardTruncation, shortEnough, stripHtmlTags, preparePreviewText, } from '../helpers';
-const TITLE_LENGTH = 200;
-const BODY_LENGTH = 300;
-const URL_LENGTH = 40;
-export const blueskyTitle = (text) => firstValid(shortEnough(TITLE_LENGTH), hardTruncation(TITLE_LENGTH))(stripHtmlTags(text)) || '';
-export const blueskyBody = (text, options = {}) => {
-    const { offset = 0 } = options;
-    return preparePreviewText(text, {
-        platform: 'bluesky',
-        maxChars: BODY_LENGTH - URL_LENGTH - offset,
-    });
-};
-export const blueskyUrl = (text) => firstValid(shortEnough(URL_LENGTH), hardTruncation(URL_LENGTH))(stripHtmlTags(text)) ||
-    '';
-//# sourceMappingURL=helpers.js.map

package/dist/esm/bluesky-preview/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/bluesky-preview/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,EACV,cAAc,EACd,WAAW,EACX,aAAa,EACb,kBAAkB,GAElB,MAAM,YAAY,CAAC;AAEpB,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,WAAW,GAAG,GAAG,CAAC;AACxB,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAc,CAAE,IAAI,EAAG,EAAE,CACjD,UAAU,CACT,WAAW,CAAE,YAAY,CAAE,EAC3B,cAAc,CAAE,YAAY,CAAE,CAC9B,CAAE,aAAa,CAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAE,IAAY,EAAE,UAA+B,EAAE,EAAG,EAAE;IAChF,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC;IAE/B,OAAO,kBAAkB,CAAE,IAAI,EAAE;QAChC,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM;KAC3C,CAAE,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAc,CAAE,IAAI,EAAG,EAAE,CAC/C,UAAU,CAAE,WAAW,CAAE,UAAU,CAAE,EAAE,cAAc,CAAE,UAAU,CAAE,CAAE,CAAE,aAAa,CAAE,IAAI,CAAE,CAAE;IAC9F,EAAE,CAAC"}

package/dist/esm/bluesky-preview/index.js

@@ -1,4 +0,0 @@
-export * from './link-preview';
-export * from './post-preview';
-export * from './previews';
-//# sourceMappingURL=index.js.map

package/dist/esm/bluesky-preview/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/bluesky-preview/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/esm/bluesky-preview/link-preview.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BlueskyPostPreview } from './post-preview';
-export const BlueskyLinkPreview = (props) => {
-    return _jsx(BlueskyPostPreview, { ...props, user: undefined, media: undefined, customText: "" });
-};
-//# sourceMappingURL=link-preview.js.map

package/dist/esm/bluesky-preview/link-preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/bluesky-preview/link-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CAAE,KAAK,EAAG,EAAE;IAC9E,OAAO,KAAC,kBAAkB,OAAM,KAAK,EAAG,IAAI,EAAG,SAAS,EAAG,KAAK,EAAG,SAAS,EAAG,UAAU,EAAC,EAAE,GAAG,CAAC;AACjG,CAAC,CAAC"}

package/dist/esm/bluesky-preview/post/actions/index.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './styles.scss';
-const BlueskyPostActions = () => (_jsxs("div", { className: "bluesky-preview__post-actions", children: [_jsxs("div", { children: [_jsx("svg", { fill: "none", width: "18", viewBox: "0 0 24 24", height: "18", style: { color: 'rgb(111, 134, 159)' }, "aria-hidden": "true", children: _jsx("path", { fill: "hsl(211, 20%, 53%)", fillRule: "evenodd", clipRule: "evenodd", d: "M2.002 6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H12.28l-4.762 2.858A1 1 0 0 1 6.002 21v-2h-1a3 3 0 0 1-3-3V6Zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2a1 1 0 0 1 1 1v1.234l3.486-2.092a1 1 0 0 1 .514-.142h7a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-14Z" }) }), _jsx("span", { children: 0 })] }), _jsxs("div", { children: [_jsx("svg", { fill: "none", width: "18", viewBox: "0 0 24 24", height: "18", style: { color: 'rgb(111, 134, 159)' }, "aria-hidden": "true", children: _jsx("path", { fill: "hsl(211, 20%, 53%)", fillRule: "evenodd", clipRule: "evenodd", d: "M17.957 2.293a1 1 0 1 0-1.414 1.414L17.836 5H6a3 3 0 0 0-3 3v3a1 1 0 1 0 2 0V8a1 1 0 0 1 1-1h11.836l-1.293 1.293a1 1 0 0 0 1.414 1.414l2.47-2.47a1.75 1.75 0 0 0 0-2.474l-2.47-2.47ZM20 12a1 1 0 0 1 1 1v3a3 3 0 0 1-3 3H6.164l1.293 1.293a1 1 0 1 1-1.414 1.414l-2.47-2.47a1.75 1.75 0 0 1 0-2.474l2.47-2.47a1 1 0 0 1 1.414 1.414L6.164 17H18a1 1 0 0 0 1-1v-3a1 1 0 0 1 1-1Z" }) }), _jsx("span", { children: 0 })] }), _jsxs("div", { children: [_jsx("svg", { fill: "none", width: "18", viewBox: "0 0 24 24", height: "18", style: { color: 'rgb(111, 134, 159)' }, "aria-hidden": "true", children: _jsx("path", { fill: "hsl(211, 20%, 53%)", fillRule: "evenodd", clipRule: "evenodd", d: "M16.734 5.091c-1.238-.276-2.708.047-4.022 1.38a1 1 0 0 1-1.424 0C9.974 5.137 8.504 4.814 7.266 5.09c-1.263.282-2.379 1.206-2.92 2.556C3.33 10.18 4.252 14.84 12 19.348c7.747-4.508 8.67-9.168 7.654-11.7-.541-1.351-1.657-2.275-2.92-2.557Zm4.777 1.812c1.604 4-.494 9.69-9.022 14.47a1 1 0 0 1-.978 0C2.983 16.592.885 10.902 2.49 6.902c.779-1.942 2.414-3.334 4.342-3.764 1.697-.378 3.552.003 5.169 1.286 1.617-1.283 3.472-1.664 5.17-1.286 1.927.43 3.562 1.822 4.34 3.764Z" }) }), _jsx("span", { children: 0 })] }), _jsx("div", { children: _jsx("svg", { fill: "none", viewBox: "0 0 24 24", width: "20", height: "20", "aria-hidden": "true", children: _jsx("path", { fill: "hsl(211, 20%, 53%)", fillRule: "evenodd", clipRule: "evenodd", d: "M2 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm16 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm-6-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" }) }) })] }));
-export default BlueskyPostActions;
-//# sourceMappingURL=index.js.map

package/dist/esm/bluesky-preview/post/actions/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/bluesky-preview/post/actions/index.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,MAAM,kBAAkB,GAAa,GAAG,EAAE,CAAC,CAC1C,eAAK,SAAS,EAAC,+BAA+B,aAC7C,0BACC,cACC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,IAAI,EACV,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,IAAI,EACX,KAAK,EAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,iBAC3B,MAAM,YAElB,eACC,IAAI,EAAC,oBAAoB,EACzB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qPAAqP,GAChP,GACH,EACN,yBAAQ,CAAC,GAAS,IACb,EACN,0BACC,cACC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,IAAI,EACV,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,IAAI,EACX,KAAK,EAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,iBAC3B,MAAM,YAElB,eACC,IAAI,EAAC,oBAAoB,EACzB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iXAAiX,GAC5W,GACH,EACN,yBAAQ,CAAC,GAAS,IACb,EACN,0BACC,cACC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,IAAI,EACV,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,IAAI,EACX,KAAK,EAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,iBAC3B,MAAM,YAElB,eACC,IAAI,EAAC,oBAAoB,EACzB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mdAAmd,GAC9c,GACH,EACN,yBAAQ,CAAC,GAAS,IACb,EACN,wBACC,cAAK,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,iBAAa,MAAM,YAC7E,eACC,IAAI,EAAC,oBAAoB,EACzB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wGAAwG,GACnG,GACH,GACD,IACD,CACN,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/bluesky-preview/post/actions/styles.scss

@@ -1,20 +0,0 @@
-@import "../../variables";
-
-.bluesky-preview__post-actions {
-	margin-top: 0.5rem;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-
-	& > div {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		gap: 4px;
-		color: rgb(111, 134, 159);
-	}
-
-	svg {
-		fill: currentColor;
-	}
-}

package/dist/esm/bluesky-preview/post/body/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { blueskyBody, blueskyUrl } from '../../helpers';
-import './styles.scss';
-const BlueskyPostBody = ({ customText, url, children, appendUrl }) => {
-    return (_jsxs("div", { className: "bluesky-preview__body", children: [customText ? (_jsxs(_Fragment, { children: [_jsx("div", { children: blueskyBody(customText) }), appendUrl && url ? (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsx("a", { href: url, target: "_blank", rel: "noreferrer noopener", children: blueskyUrl(url.replace(/^https?:\/\//, '')) })] })) : null] })) : null, children] }));
-};
-export default BlueskyPostBody;
-//# sourceMappingURL=index.js.map

package/dist/esm/bluesky-preview/post/body/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/bluesky-preview/post/body/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGxD,OAAO,eAAe,CAAC;AAIvB,MAAM,eAAe,GAAsB,CAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAG,EAAE;IACzF,OAAO,CACN,eAAK,SAAS,EAAC,uBAAuB,aACnC,UAAU,CAAC,CAAC,CAAC,CACd,8BACC,wBAAO,WAAW,CAAE,UAAU,CAAE,GAAQ,EACtC,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,CACpB,8BACC,cAAM,EACN,YAAG,IAAI,EAAG,GAAG,EAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,YACtD,UAAU,CAAE,GAAG,CAAC,OAAO,CAAE,cAAc,EAAE,EAAE,CAAE,CAAE,GAC9C,IACF,CACH,CAAC,CAAC,CAAC,IAAI,IACN,CACH,CAAC,CAAC,CAAC,IAAI,EACN,QAAQ,IACL,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/bluesky-preview/post/body/styles.scss

@@ -1,12 +0,0 @@
-@import "../../variables";
-
-.bluesky-preview__body {
-	margin-bottom: 1rem;
-
-	color: $bluesky-body-text-color;
-
-	> p {
-		margin-bottom: 1.25rem;
-	}
-}
-

package/dist/esm/bluesky-preview/post/card/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { baseDomain, getTitleFromDescription, stripHtmlTags } from '../../../helpers';
-import { blueskyTitle } from '../../helpers';
-import './styles.scss';
-const BlueskyPostCard = ({ title, description, url, image }) => {
-    return (_jsxs("div", { className: "bluesky-preview__card", children: [image ? (_jsx("div", { className: "bluesky-preview__card-image", children: _jsx("img", { src: image, alt: "" }) })) : null, _jsxs("div", { className: "bluesky-preview__card-text", children: [_jsx("div", { className: "bluesky-preview__card-site", children: baseDomain(url) }), _jsx("div", { className: "bluesky-preview__card-title", children: blueskyTitle(title) || getTitleFromDescription(description) }), _jsx("div", { className: "bluesky-preview__card-description", children: stripHtmlTags(description) })] })] }));
-};
-export default BlueskyPostCard;
-//# sourceMappingURL=index.js.map

package/dist/esm/bluesky-preview/post/card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/bluesky-preview/post/card/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,eAAe,CAAC;AAEvB,MAAM,eAAe,GAAoC,CAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,EAAG,EAAE;IACjG,OAAO,CACN,eAAK,SAAS,EAAC,uBAAuB,aACnC,KAAK,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,6BAA6B,YAC3C,cAAK,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,GACvB,CACN,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,4BAA4B,aAC1C,cAAK,SAAS,EAAC,4BAA4B,YAAG,UAAU,CAAE,GAAG,CAAE,GAAQ,EACvE,cAAK,SAAS,EAAC,6BAA6B,YACzC,YAAY,CAAE,KAAK,CAAE,IAAI,uBAAuB,CAAE,WAAW,CAAE,GAC5D,EACN,cAAK,SAAS,EAAC,mCAAmC,YAAG,aAAa,CAAE,WAAW,CAAE,GAAQ,IACpF,IACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/bluesky-preview/post/card/styles.scss

@@ -1,70 +0,0 @@
-@import "../../variables";
-
-.bluesky-preview__card {
-	display: flex;
-	flex-direction: column;
-	margin-top: 1rem;
-
-	border: solid 1px #d9e1e8;
-	/* stylelint-disable-next-line scales/radii */
-	border-radius: 8px;
-	overflow: hidden;
-	color: $bluesky-body-text-color;
-}
-
-.bluesky-preview__card-image img {
-	width: 100%;
-	object-fit: cover;
-}
-
-.bluesky-preview__card-text {
-	border-bottom-width: 1px;
-    border-left-width: 1px;
-    border-right-width: 1px;
-    flex: 1 1 0%;
-    padding: 8px 14px;
-    border-color: rgb(212, 219, 226);
-    /* stylelint-disable-next-line scales/radii */
-    border-bottom-right-radius: 8px;
-    /* stylelint-disable-next-line scales/radii */
-    border-bottom-left-radius: 8px;
-}
-
-.bluesky-preview__card-title {
-	-webkit-box-orient: vertical;
-	-webkit-line-clamp: 3;
-	display: -webkit-box;
-	overflow: hidden;
-	text-overflow: ellipsis;
-    color: rgb(11, 15, 20);
-    /* stylelint-disable-next-line declaration-property-unit-allowed-list */
-    font-size: 16px;
-    font-weight: 700;
-    letter-spacing: 0.25px;
-}
-
-.bluesky-preview__card-site {
-	/* stylelint-disable-next-line declaration-property-unit-allowed-list */
-	font-size: 14px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-    color: rgb(66, 87, 108);
-    font-weight: 400;
-    letter-spacing: 0.25px;
-    margin-bottom: 2px;
-    margin-top: 2px;
-}
-
-.bluesky-preview__card-description {
-	-webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-	color: rgb(11, 15, 20);
-	display: -webkit-box;
-    /* stylelint-disable-next-line declaration-property-unit-allowed-list */
-    font-size: 15px;
-    font-weight: 400;
-    letter-spacing: 0.25px;
-	margin-top: 4px;
-	overflow: hidden;
-}

package/dist/esm/bluesky-preview/post/header/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { __, _x } from '@wordpress/i18n';
-import './styles.scss';
-const BlueskyPostHeader = ({ user }) => {
-    const { displayName, address } = user || {};
-    return (_jsxs("div", { className: "bluesky-preview__post-header", children: [_jsxs("div", { className: "bluesky-preview__post-header-user", children: [_jsx("span", { className: "bluesky-preview__post-header--displayname", children: displayName || __('Account name') }), "\u00A0", _jsx("span", { className: "bluesky-preview__post-header--username", children: address || 'username.bsky.social' })] }), _jsx("div", { className: "bluesky-preview__post-header--separator", children: "\u00B7" }), _jsx("div", { className: "bluesky-preview__post-header--date", children: _x('1h', 'refers to the time since the post was published, e.g. "1h"', 'social-previews') })] }));
-};
-export default BlueskyPostHeader;
-//# sourceMappingURL=index.js.map

package/dist/esm/bluesky-preview/post/header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/bluesky-preview/post/header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGzC,OAAO,eAAe,CAAC;AAIvB,MAAM,iBAAiB,GAAsB,CAAE,EAAE,IAAI,EAAE,EAAG,EAAE;IAC3D,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAE5C,OAAO,CACN,eAAK,SAAS,EAAC,8BAA8B,aAC5C,eAAK,SAAS,EAAC,mCAAmC,aACjD,eAAM,SAAS,EAAC,2CAA2C,YACxD,WAAW,IAAI,EAAE,CAAE,cAAc,CAAE,GAC/B,YAEP,eAAM,SAAS,EAAC,wCAAwC,YACrD,OAAO,IAAI,sBAAsB,GAC7B,IACF,EACN,cAAK,SAAS,EAAC,yCAAyC,uBAAQ,EAChE,cAAK,SAAS,EAAC,oCAAoC,YAChD,EAAE,CACH,IAAI,EACJ,4DAA4D,EAC5D,iBAAiB,CACjB,GACI,IACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/bluesky-preview/post/header/styles.scss

@@ -1,33 +0,0 @@
-@import "../../variables";
-
-.bluesky-preview__post-header {
-	display: flex;
-	align-items: start;
-	gap: 4px;
-
-	margin-bottom: 0.625rem;
-
-	/* stylelint-disable-next-line scales/font-sizes */
-	font-size: 0.9375rem;
-	line-height: 1.47;
-
-	&--displayname {
-		/* stylelint-disable-next-line declaration-property-unit-allowed-list */
-		font-size: 16px;
-		letter-spacing: 0.25px;
-		font-weight: 700;
-		line-height: 19px;
-		color: rgb(11, 15, 20);
-	}
-
-	&--username,
-	&--separator,
-	&--date {
-		/* stylelint-disable-next-line declaration-property-unit-allowed-list */
-		font-size: 15px;
-		letter-spacing: 0.25px;
-		font-weight: 400;
-		color: rgb(66, 87, 108);
-	}
-
-}

package/dist/esm/bluesky-preview/post/sidebar/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './styles.scss';
-export const BlueskyPostSidebar = ({ user }) => {
-    const { avatarUrl } = user || {};
-    return (_jsx("div", { className: "bluesky-preview__post-sidebar", children: _jsx("div", { className: "bluesky-preview__post-sidebar-user", children: avatarUrl ? (_jsx("img", { className: "bluesky-preview__post-avatar", src: avatarUrl, alt: "" })) : (_jsxs("svg", { className: "bluesky-preview__post-avatar", viewBox: "0 0 24 24", fill: "none", stroke: "none", role: "presentation", children: [_jsx("circle", { cx: "12", cy: "12", r: "12", fill: "#0070ff" }), _jsx("circle", { cx: "12", cy: "9.5", r: "3.5", fill: "#fff" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", fill: "#fff", d: "M 12.058 22.784 C 9.422 22.784 7.007 21.836 5.137 20.262 C 5.667 17.988 8.534 16.25 11.99 16.25 C 15.494 16.25 18.391 18.036 18.864 20.357 C 17.01 21.874 14.64 22.784 12.058 22.784 Z" })] })) }) }));
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/bluesky-preview/post/sidebar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/bluesky-preview/post/sidebar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAIvB,MAAM,CAAC,MAAM,kBAAkB,GAAsB,CAAE,EAAE,IAAI,EAAE,EAAG,EAAE;IACnE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAEjC,OAAO,CACN,cAAK,SAAS,EAAC,+BAA+B,YAC7C,cAAK,SAAS,EAAC,oCAAoC,YAChD,SAAS,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,8BAA8B,EAAC,GAAG,EAAG,SAAS,EAAG,GAAG,EAAC,EAAE,GAAG,CACzE,CAAC,CAAC,CAAC,CACH,eACC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,cAAc,aAEnB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAU,EACvD,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAU,EACtD,eACC,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,wLAAwL,GACnL,IACH,CACN,GACI,GACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/esm/bluesky-preview/post/sidebar/styles.scss

@@ -1,6 +0,0 @@
-
-.bluesky-preview__post-avatar {
-	width: 52px;
-	height: 52px;
-	border-radius: 50%;
-}

package/dist/esm/bluesky-preview/post-preview.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import BlueskyPostActions from './post/actions';
-import BlueskyPostBody from './post/body';
-import BlueskyPostCard from './post/card';
-import BlueskyPostHeader from './post/header';
-import { BlueskyPostSidebar } from './post/sidebar';
-import './styles.scss';
-export const BlueskyPostPreview = (props) => {
-    const { user, media, appendUrl } = props;
-    return (_jsxs("div", { className: "bluesky-preview__post", children: [_jsx(BlueskyPostSidebar, { user: user }), _jsxs("div", { children: [_jsx(BlueskyPostHeader, { user: user }), _jsx(BlueskyPostBody, { ...props, appendUrl: appendUrl ?? Boolean(media?.length), children: media?.length ? (_jsx("div", { className: clsx('bluesky-preview__media', { 'as-grid': media.length > 1 }), children: media.map((mediaItem, index) => (_jsx("div", { className: "bluesky-preview__media-item", children: mediaItem.type.startsWith('video/') ? (
-                                // eslint-disable-next-line jsx-a11y/media-has-caption
-                                _jsx("video", { controls: true, children: _jsx("source", { src: mediaItem.url, type: mediaItem.type }) })) : (_jsx("img", { alt: mediaItem.alt || '', src: mediaItem.url })) }, `bluesky-preview__media-item-${index}`))) })) : null }), !media?.length ? _jsx(BlueskyPostCard, { ...props }) : null, _jsx(BlueskyPostActions, {})] })] }));
-};
-//# sourceMappingURL=post-preview.js.map

package/dist/esm/bluesky-preview/post-preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/bluesky-preview/post-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,kBAAkB,MAAM,gBAAgB,CAAC;AAChD,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,iBAAiB,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CAAE,KAAK,EAAG,EAAE;IAC9E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,CACN,eAAK,SAAS,EAAC,uBAAuB,aACrC,KAAC,kBAAkB,IAAC,IAAI,EAAG,IAAI,GAAK,EACpC,0BACC,KAAC,iBAAiB,IAAC,IAAI,EAAG,IAAI,GAAK,EACnC,KAAC,eAAe,OAAM,KAAK,EAAG,SAAS,EAAG,SAAS,IAAI,OAAO,CAAE,KAAK,EAAE,MAAM,CAAE,YAC5E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAG,IAAI,CAAE,wBAAwB,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAE,YAC/E,KAAK,CAAC,GAAG,CAAE,CAAE,SAAS,EAAE,KAAK,EAAG,EAAE,CAAC,CACpC,cAEC,SAAS,EAAC,6BAA6B,YAErC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,CAAC,CAAC,CAAC;gCACzC,sDAAsD;gCACtD,gBAAO,QAAQ,kBACd,iBAAQ,GAAG,EAAG,SAAS,CAAC,GAAG,EAAG,IAAI,EAAG,SAAS,CAAC,IAAI,GAAK,GACjD,CACR,CAAC,CAAC,CAAC,CACH,cAAK,GAAG,EAAG,SAAS,CAAC,GAAG,IAAI,EAAE,EAAG,GAAG,EAAG,SAAS,CAAC,GAAG,GAAK,CACzD,IAVK,+BAAgC,KAAM,EAAE,CAWzC,CACN,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,GACS,EAChB,CAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,eAAe,OAAM,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3D,KAAC,kBAAkB,KAAG,IACjB,IACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/esm/bluesky-preview/previews.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ExternalLink } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { SectionHeading } from '../shared/section-heading';
-import { BlueskyLinkPreview } from './link-preview';
-import { BlueskyPostPreview } from './post-preview';
-export const BlueskyPreviews = ({ headingLevel, hidePostPreview, hideLinkPreview, ...props }) => {
-    return (_jsxs("div", { className: "social-preview bluesky-preview", children: [!hidePostPreview && (_jsxs("section", { className: "social-preview__section bluesky-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children: 
-                        // translators: refers to a social post on Bluesky
-                        __('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on Bluesky:', 'social-previews') }), _jsx(BlueskyPostPreview, { ...props })] })), !hideLinkPreview && (_jsxs("section", { className: "social-preview__section bluesky-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children: 
-                        // translators: refers to a link to a Bluesky post
-                        __('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on Bluesky.', 'social-previews'), "\u00A0", _jsx(ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: __('Learn more about links', 'social-previews') })] }), _jsx(BlueskyLinkPreview, { ...props })] }))] }));
-};
-//# sourceMappingURL=previews.js.map