@automattic/social-previews 2.0.1-beta.0 → 2.0.1-beta.2

package/dist/cjs/facebook-preview/custom-text.js

@@ -8,9 +8,10 @@ const CustomText = ({ text, url, forceUrlDisplay }) => {
     if (forceUrlDisplay || (0, helpers_1.hasTag)(text, 'a')) {
         postLink = ((0, jsx_runtime_1.jsx)("a", { className: "facebook-preview__custom-text-post-url", href: url, rel: "nofollow noopener noreferrer", target: "_blank", children: url }));
     }
-    return ((0, jsx_runtime_1.jsxs)("p", { className: "facebook-preview__custom-text", children: [(0, jsx_runtime_1.jsx)("span", { 
-                // eslint-disable-next-line react/no-danger
-                dangerouslySetInnerHTML: { __html: (0, helpers_2.facebookCustomText)(text, { allowedTags: ['a'] }) } }), postLink] }));
+    return ((0, jsx_runtime_1.jsxs)("p", { className: "facebook-preview__custom-text", children: [(0, jsx_runtime_1.jsx)("span", { children: (0, helpers_1.preparePreviewText)(text, {
+                    platform: 'facebook',
+                    maxChars: helpers_2.CUSTOM_TEXT_LENGTH,
+                }) }), postLink] }));
 };
 exports.default = CustomText;
 //# sourceMappingURL=custom-text.js.map

package/dist/cjs/facebook-preview/custom-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-text.js","sourceRoot":"","sources":["../../../src/facebook-preview/custom-text.tsx"],"names":[],"mappings":";;;AAAA,wCAAoC;AACpC,uCAA+C;AAQ/C,MAAM,UAAU,GAAsB,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,EAAG,EAAE;IAC1E,IAAI,QAAQ,CAAC;IAEb,IAAK,eAAe,IAAI,IAAA,gBAAM,EAAE,IAAI,EAAE,GAAG,CAAE,EAAG;QAC7C,QAAQ,GAAG,CACV,8BACC,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAG,GAAG,EACV,GAAG,EAAC,8BAA8B,EAClC,MAAM,EAAC,QAAQ,YAEb,GAAG,GACF,CACJ,CAAC;KACF;IAED,OAAO,CACN,+BAAG,SAAS,EAAC,+BAA+B,aAC3C;gBACC,2CAA2C;gBAC3C,uBAAuB,EAAG,EAAE,MAAM,EAAE,IAAA,4BAAkB,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,CAAE,GAAG,CAAE,EAAE,CAAE,EAAE,GACzF,EACA,QAAQ,IACP,CACJ,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"custom-text.js","sourceRoot":"","sources":["../../../src/facebook-preview/custom-text.tsx"],"names":[],"mappings":";;;AAAA,wCAAwD;AACxD,uCAA+C;AAQ/C,MAAM,UAAU,GAAsB,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,EAAG,EAAE;IAC1E,IAAI,QAAQ,CAAC;IAEb,IAAK,eAAe,IAAI,IAAA,gBAAM,EAAE,IAAI,EAAE,GAAG,CAAE,EAAG;QAC7C,QAAQ,GAAG,CACV,8BACC,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAG,GAAG,EACV,GAAG,EAAC,8BAA8B,EAClC,MAAM,EAAC,QAAQ,YAEb,GAAG,GACF,CACJ,CAAC;KACF;IAED,OAAO,CACN,+BAAG,SAAS,EAAC,+BAA+B,aAC3C,2CACG,IAAA,4BAAkB,EAAE,IAAI,EAAE;oBAC3B,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,4BAAkB;iBAC5B,CAAE,GACG,EACL,QAAQ,IACP,CACJ,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/cjs/facebook-preview/helpers.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.facebookCustomText = exports.facebookDescription = exports.facebookTitle = exports.baseDomain = void 0;
+exports.facebookDescription = exports.facebookTitle = exports.baseDomain = exports.CUSTOM_TEXT_LENGTH = void 0;
 const helpers_1 = require("../helpers");
 const TITLE_LENGTH = 110;
 const DESCRIPTION_LENGTH = 200;
-const CUSTOM_TEXT_LENGTH = 440;
+exports.CUSTOM_TEXT_LENGTH = 440;
 const baseDomain = (url) => url
     .replace(/^[^/]+[/]*/, '') // strip leading protocol
     .replace(/\/.*$/, ''); // strip everything after the domain
@@ -13,6 +13,4 @@ const facebookTitle = (text) => (0, helpers_1.firstValid)((0, helpers_1.shortEno
 exports.facebookTitle = facebookTitle;
 const facebookDescription = (text) => (0, helpers_1.firstValid)((0, helpers_1.shortEnough)(DESCRIPTION_LENGTH), (0, helpers_1.hardTruncation)(DESCRIPTION_LENGTH))((0, helpers_1.stripHtmlTags)(text)) || '';
 exports.facebookDescription = facebookDescription;
-const facebookCustomText = (text, options) => (0, helpers_1.firstValid)((0, helpers_1.shortEnough)(CUSTOM_TEXT_LENGTH), (0, helpers_1.hardTruncation)(CUSTOM_TEXT_LENGTH))((0, helpers_1.stripHtmlTags)(text, options?.allowedTags)) || '';
-exports.facebookCustomText = facebookCustomText;
 //# sourceMappingURL=helpers.js.map

package/dist/cjs/facebook-preview/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/facebook-preview/helpers.ts"],"names":[],"mappings":";;;AAAA,wCAA+F;AAE/F,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAExB,MAAM,UAAU,GAAc,CAAE,GAAG,EAAG,EAAE,CAC9C,GAAG;KACD,OAAO,CAAE,YAAY,EAAE,EAAE,CAAE,CAAC,yBAAyB;KACrD,OAAO,CAAE,OAAO,EAAE,EAAE,CAAE,CAAC,CAAC,oCAAoC;AAHlD,QAAA,UAAU,cAGG;AAEnB,MAAM,aAAa,GAAc,CAAE,IAAI,EAAG,EAAE,CAClD,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,YAAY,CAAE,EAC3B,IAAA,wBAAc,EAAE,YAAY,CAAE,CAC9B,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAJrB,QAAA,aAAa,iBAIQ;AAE3B,MAAM,mBAAmB,GAAc,CAAE,IAAI,EAAG,EAAE,CACxD,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAJrB,QAAA,mBAAmB,uBAIE;AAE3B,MAAM,kBAAkB,GAAc,CAAE,IAAI,EAAE,OAAO,EAAG,EAAE,CAChE,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAE,IAAA,uBAAa,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,CAAE,CAAE,IAAI,EAAE,CAAC;AAJ3C,QAAA,kBAAkB,sBAIyB"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/facebook-preview/helpers.ts"],"names":[],"mappings":";;;AAAA,wCAA+F;AAE/F,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAClB,QAAA,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,UAAU,GAAc,CAAE,GAAG,EAAG,EAAE,CAC9C,GAAG;KACD,OAAO,CAAE,YAAY,EAAE,EAAE,CAAE,CAAC,yBAAyB;KACrD,OAAO,CAAE,OAAO,EAAE,EAAE,CAAE,CAAC,CAAC,oCAAoC;AAHlD,QAAA,UAAU,cAGG;AAEnB,MAAM,aAAa,GAAc,CAAE,IAAI,EAAG,EAAE,CAClD,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,YAAY,CAAE,EAC3B,IAAA,wBAAc,EAAE,YAAY,CAAE,CAC9B,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAJrB,QAAA,aAAa,iBAIQ;AAE3B,MAAM,mBAAmB,GAAc,CAAE,IAAI,EAAG,EAAE,CACxD,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAJrB,QAAA,mBAAmB,uBAIE"}

package/dist/cjs/helpers.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.preparePreviewText = exports.formatTweetDate = exports.hasTag = exports.stripHtmlTags = exports.firstValid = exports.hardTruncation = exports.truncatedAtSpace = exports.shortEnough = exports.baseDomain = void 0;
+exports.preparePreviewText = exports.hashtagUrlMap = exports.formatTweetDate = exports.hasTag = exports.stripHtmlTags = exports.firstValid = exports.hardTruncation = exports.truncatedAtSpace = exports.shortEnough = exports.baseDomain = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const element_1 = require("@wordpress/element");
+const i18n_1 = require("@wordpress/i18n");
 const baseDomain = (url) => url
     .replace(/^[^/]+[/]*/, '') // strip leading protocol
     .replace(/\/.*$/, ''); // strip everything after the domain
@@ -34,11 +37,19 @@ exports.formatTweetDate = new Intl.DateTimeFormat('en-US', {
     month: 'short',
     day: 'numeric',
 }).format;
+exports.hashtagUrlMap = {
+    twitter: 'https://twitter.com/hashtag/%s',
+    facebook: 'https://www.facebook.com/hashtag/%s',
+    linkedin: 'https://www.linkedin.com/feed/hashtag/?keywords=%s',
+    instagram: 'https://www.instagram.com/explore/tags/%s',
+};
 /**
  * Prepares the text for the preview.
  */
 function preparePreviewText(text, options) {
-    const { platform, maxChars, maxLines, hyperlinkUrls = true } = options;
+    const { platform, maxChars, maxLines, hyperlinkHashtags = true, 
+    // Instagram doesn't support hyperlink URLs at the moment.
+    hyperlinkUrls = 'instagram' !== platform, } = options;
     let result = (0, exports.stripHtmlTags)(text);
     if (maxChars && result.length > maxChars) {
         result = result.substring(0, maxChars);
@@ -49,29 +60,76 @@ function preparePreviewText(text, options) {
             result = lines.slice(0, maxLines).join('\n');
         }
     }
+    const componentMap = {};
     if (hyperlinkUrls) {
         // Convert URLs to hyperlinks.
-        result = result.replace(
         // TODO: Use a better regex here to match the URLs without protocol.
-        /(https?:\/\/\S+)/g, '<a href="$1" rel="noopener noreferrer" target="_blank">$1</a>');
-    }
-    let hashtagUrl;
-    if ('twitter' === platform) {
-        hashtagUrl = 'https://twitter.com/hashtag/';
-    }
-    else if ('linkedin' === platform) {
-        hashtagUrl = 'https://www.linkedin.com/feed/hashtag/?keywords=';
-    }
-    else if ('instagram' === platform) {
-        hashtagUrl = 'https://www.instagram.com/explore/tags/';
+        const urls = result.match(/(https?:\/\/\S+)/g) || [];
+        /**
+         * BEFORE:
+         * result = 'Check out this cool site: https://wordpress.org and this one: https://wordpress.com'
+         */
+        urls.forEach((url, index) => {
+            // Add the element to the component map.
+            componentMap[`Link${index}`] = ((0, jsx_runtime_1.jsx)("a", { href: url, rel: "noopener noreferrer", target: "_blank", children: url }));
+            // Replace the URL with the component placeholder.
+            result = result.replace(url, `<Link${index} />`);
+        });
+        /**
+         * AFTER:
+         * result = 'Check out this cool site: <Link0 /> and this one: <Link1 />'
+         * componentMap = {
+         *     Link0: <a href="https://wordpress.org" ...>https://wordpress.org</a>,
+         *     Link1: <a href="https://wordpress.com" ...>https://wordpress.com</a>
+         * }
+         */
     }
-    if (hashtagUrl) {
-        // Convert hashtags to hyperlinks.
-        result = result.replace(/(^|\s)#(\w+)/g, '$1<a href="' + hashtagUrl + '$2" rel="noopener noreferrer" target="_blank">#$2</a>');
+    // Convert hashtags to hyperlinks.
+    if (hyperlinkHashtags && exports.hashtagUrlMap[platform]) {
+        /**
+         * We need to ensure that only the standalone hashtags are matched.
+         * For example, we don't want to match the hash in the URL.
+         * Thus we need to match the whitespace character before the hashtag or the beginning of the string.
+         */
+        const hashtags = result.matchAll(/(^|\s)#(\w+)/g);
+        const hashtagUrl = exports.hashtagUrlMap[platform];
+        /**
+         * BEFORE:
+         * result = `#breaking text with a #hashtag on the #web
+         * with a url https://github.com/Automattic/wp-calypso#security that has a hash in it`
+         */
+        [...hashtags].forEach(([fullMatch, whitespace, hashtag], index) => {
+            const url = (0, i18n_1.sprintf)(hashtagUrl, hashtag);
+            // Add the element to the component map.
+            componentMap[`Hashtag${index}`] = ((0, jsx_runtime_1.jsx)("a", { href: url, rel: "noopener noreferrer", target: "_blank", children: `#${hashtag}` }));
+            // Replace the hashtag with the component placeholder.
+            result = result.replace(fullMatch, `${whitespace}<Hashtag${index} />`);
+        });
+        /**
+         * AFTER:
+         * result = `<Hashtag0 /> text with a <Hashtag1 /> on the <Hashtag2 />
+         * with a url https://github.com/Automattic/wp-calypso#security that has a hash in it`
+         *
+         * componentMap = {
+         *    Hashtag0: <a href="https://twitter.com/hashtag/breaking" ...>#breaking</a>,
+         *    Hashtag1: <a href="https://twitter.com/hashtag/hashtag" ...>#hashtag</a>,
+         *    Hashtag2: <a href="https://twitter.com/hashtag/web" ...>#web</a>
+         * }
+         */
     }
     // Convert newlines to <br> tags.
-    result = result.replace(/\n/g, '<br/>');
-    return result;
+    /**
+     * BEFORE:
+     * result = 'This is a text\nwith a newline\nin it'
+     */
+    result = result.replace(/\n/g, '<br />');
+    componentMap.br = (0, jsx_runtime_1.jsx)("br", {});
+    /**
+     * AFTER:
+     * result = 'This is a text<br />with a newline<br />in it'
+     * componentMap = { br: <br /> }
+     */
+    return (0, element_1.createInterpolateElement)(result, componentMap);
 }
 exports.preparePreviewText = preparePreviewText;
 //# sourceMappingURL=helpers.js.map

package/dist/cjs/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.ts"],"names":[],"mappings":";;;AAOO,MAAM,UAAU,GAAG,CAAE,GAAW,EAAW,EAAE,CACnD,GAAG;KACD,OAAO,CAAE,YAAY,EAAE,EAAE,CAAE,CAAC,yBAAyB;KACrD,OAAO,CAAE,OAAO,EAAE,EAAE,CAAE,CAAC,CAAC,oCAAoC;AAHlD,QAAA,UAAU,cAGG;AAEnB,MAAM,WAAW,GAA0C,CAAE,KAAK,EAAG,EAAE,CAAC,CAAE,KAAK,EAAG,EAAE,CAC1F,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AAD1B,QAAA,WAAW,eACe;AAEhC,MAAM,gBAAgB,GAC5B,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE,CAAC,CAAE,SAAS,EAAG,EAAE;IACnC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAE,CAAC,EAAE,KAAK,CAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAE,GAAG,CAAE,CAAC;IAE3C,OAAO,SAAS,GAAG,KAAK,IAAI,SAAS,GAAG,KAAK;QAC5C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAE,CAAC,EAAE,SAAS,CAAE,CAAC,MAAM,CAAE,GAAG,CAAE;QAC3C,CAAC,CAAC,KAAK,CAAC;AACV,CAAC,CAAC;AARU,QAAA,gBAAgB,oBAQ1B;AAEI,MAAM,cAAc,GAA+B,CAAE,KAAK,EAAG,EAAE,CAAC,CAAE,KAAK,EAAG,EAAE,CAClF,KAAK,CAAC,KAAK,CAAE,CAAC,EAAE,KAAK,CAAE,CAAC,MAAM,CAAE,GAAG,CAAE,CAAC;AAD1B,QAAA,cAAc,kBACY;AAEhC,MAAM,UAAU,GACtB,CAAE,GAAG,UAAU,EAAG,EAAE,CACpB,CAAE,CAAC,EAAG,EAAE,CACL,UAAU,CAAC,IAAI,CAAE,CAAE,CAAC,EAAG,EAAE,CAAC,KAAK,KAAK,CAAC,CAAE,CAAC,CAAE,CAAiB,EAAE,CAAE,CAAC,CAAE,CAAC;AAH1D,QAAA,UAAU,cAGgD;AAEhE,MAAM,aAAa,GAAc,CAAE,WAAW,EAAE,WAAW,GAAG,EAAE,EAAG,EAAE;IAC3E,MAAM,OAAO,GAAG,IAAI,MAAM,CAAE,QAAS,WAAW,CAAC,IAAI,CAAE,EAAE,CAAG,QAAQ,EAAE,IAAI,CAAE,CAAC;IAE7E,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAE,OAAO,EAAE,EAAE,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9D,CAAC,CAAC;AAJW,QAAA,aAAa,iBAIxB;AAEK,MAAM,MAAM,GAAG,CAAE,IAAY,EAAE,GAAW,EAAY,EAAE;IAC9D,MAAM,OAAO,GAAG,IAAI,MAAM,CAAE,IAAK,GAAI,QAAQ,EAAE,IAAI,CAAE,CAAC;IAEtD,OAAO,OAAO,CAAC,IAAI,CAAE,IAAI,CAAE,CAAC;AAC7B,CAAC,CAAC;AAJW,QAAA,MAAM,UAIjB;AAEW,QAAA,eAAe,GAAG,IAAI,IAAI,CAAC,cAAc,CAAE,OAAO,EAAE;IAChE,4BAA4B;IAC5B,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,SAAS;CACd,CAAE,CAAC,MAAM,CAAC;AAWX;;GAEG;AACH,SAAgB,kBAAkB,CAAE,IAAY,EAAE,OAA2B;IAC5E,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAEvE,IAAI,MAAM,GAAG,IAAA,qBAAa,EAAE,IAAI,CAAE,CAAC;IAEnC,IAAK,QAAQ,IAAI,MAAM,CAAC,MAAM,GAAG,QAAQ,EAAG;QAC3C,MAAM,GAAG,MAAM,CAAC,SAAS,CAAE,CAAC,EAAE,QAAQ,CAAE,CAAC;KACzC;IAED,IAAK,QAAQ,EAAG;QACf,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAE,IAAI,CAAE,CAAC;QAEnC,IAAK,KAAK,CAAC,MAAM,GAAG,QAAQ,EAAG;YAC9B,MAAM,GAAG,KAAK,CAAC,KAAK,CAAE,CAAC,EAAE,QAAQ,CAAE,CAAC,IAAI,CAAE,IAAI,CAAE,CAAC;SACjD;KACD;IAED,IAAK,aAAa,EAAG;QACpB,8BAA8B;QAC9B,MAAM,GAAG,MAAM,CAAC,OAAO;QACtB,oEAAoE;QACpE,mBAAmB,EACnB,+DAA+D,CAC/D,CAAC;KACF;IAED,IAAI,UAAU,CAAC;IAEf,IAAK,SAAS,KAAK,QAAQ,EAAG;QAC7B,UAAU,GAAG,8BAA8B,CAAC;KAC5C;SAAM,IAAK,UAAU,KAAK,QAAQ,EAAG;QACrC,UAAU,GAAG,kDAAkD,CAAC;KAChE;SAAM,IAAK,WAAW,KAAK,QAAQ,EAAG;QACtC,UAAU,GAAG,yCAAyC,CAAC;KACvD;IAED,IAAK,UAAU,EAAG;QACjB,kCAAkC;QAClC,MAAM,GAAG,MAAM,CAAC,OAAO,CACtB,eAAe,EACf,aAAa,GAAG,UAAU,GAAG,uDAAuD,CACpF,CAAC;KACF;IAED,iCAAiC;IACjC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAE,KAAK,EAAE,OAAO,CAAE,CAAC;IAE1C,OAAO,MAAM,CAAC;AACf,CAAC;AAhDD,gDAgDC"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/instagram-preview/post-preview.js

@@ -14,17 +14,11 @@ const share_1 = require("./icons/share");
 require("./style.scss");
 function InstagramPostPreview({ image, name, profileImage, caption, }) {
     const username = name || 'username';
-    return ((0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: "instagram-preview__container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--avatar", children: profileImage ? (0, jsx_runtime_1.jsx)("img", { src: profileImage, alt: "" }) : (0, jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__header--profile", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--profile-name", children: username }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--profile-menu", children: (0, jsx_runtime_1.jsx)(menu_1.Menu, {}) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__media", children: (0, jsx_runtime_1.jsx)("img", { className: "instagram-preview__media--image", src: image, alt: "" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content", children: [(0, jsx_runtime_1.jsxs)("section", { className: "instagram-preview__content--actions", children: [(0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content--actions-primary", children: [(0, jsx_runtime_1.jsx)(heart_1.Heart, {}), (0, jsx_runtime_1.jsx)(comment_1.Comment, {}), (0, jsx_runtime_1.jsx)(share_1.Share, {})] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--actions-secondary", children: (0, jsx_runtime_1.jsx)(bookmark_1.Bookmark, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content--body", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--name", children: username }), "\u00A0", caption ? ((0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--text", 
-                                    // TODO: Replace `dangerouslySetInnerHTML` with `createInterpolateElement` inside `preparePreviewText`
-                                    // eslint-disable-next-line react/no-danger
-                                    dangerouslySetInnerHTML: {
-                                        __html: (0, helpers_1.preparePreviewText)(caption, {
-                                            platform: 'instagram',
-                                            maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
-                                            maxLines: constants_1.FEED_TEXT_MAX_LINES,
-                                            hyperlinkUrls: false,
-                                        }),
-                                    } })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--footer", children: (0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.__)('View one comment', 'social-previews') }) })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: "instagram-preview__container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--avatar", children: profileImage ? (0, jsx_runtime_1.jsx)("img", { src: profileImage, alt: "" }) : (0, jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__header--profile", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--profile-name", children: username }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--profile-menu", children: (0, jsx_runtime_1.jsx)(menu_1.Menu, {}) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__media", children: (0, jsx_runtime_1.jsx)("img", { className: "instagram-preview__media--image", src: image, alt: "" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content", children: [(0, jsx_runtime_1.jsxs)("section", { className: "instagram-preview__content--actions", children: [(0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content--actions-primary", children: [(0, jsx_runtime_1.jsx)(heart_1.Heart, {}), (0, jsx_runtime_1.jsx)(comment_1.Comment, {}), (0, jsx_runtime_1.jsx)(share_1.Share, {})] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--actions-secondary", children: (0, jsx_runtime_1.jsx)(bookmark_1.Bookmark, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content--body", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--name", children: username }), "\u00A0", caption ? ((0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--text", children: (0, helpers_1.preparePreviewText)(caption, {
+                                        platform: 'instagram',
+                                        maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
+                                        maxLines: constants_1.FEED_TEXT_MAX_LINES,
+                                    }) })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--footer", children: (0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.__)('View one comment', 'social-previews') }) })] })] }) }));
 }
 exports.InstagramPostPreview = InstagramPostPreview;
 //# sourceMappingURL=post-preview.js.map

package/dist/cjs/instagram-preview/post-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/instagram-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAAgD;AAChD,2CAAwE;AACxE,+CAA4D;AAC5D,6CAAyD;AACzD,2DAAuD;AACvD,yCAAmD;AACnD,uCAAgD;AAChD,yCAAmD;AAGnD,wBAAsB;AAEtB,SAAgB,oBAAoB,CAAE,EACrC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,GACgB;IACvB,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC;IAEpC,OAAO,CACN,gCAAK,SAAS,EAAC,4BAA4B,YAC1C,qCAAS,SAAS,EAAC,8BAA8B,aAChD,iCAAK,SAAS,EAAC,2BAA2B,aACzC,gCAAK,SAAS,EAAC,mCAAmC,YAC/C,YAAY,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,8BAAa,KAAG,GACnE,EACN,iCAAK,SAAS,EAAC,oCAAoC,aAClD,gCAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,EAC3E,gCAAK,SAAS,EAAC,yCAAyC,YACvD,uBAAC,WAAQ,KAAG,GACP,IACD,IACD,EACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,gCAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,GACnE,EACN,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,qCAAS,SAAS,EAAC,qCAAqC,aACvD,iCAAK,SAAS,EAAC,6CAA6C,aAC3D,uBAAC,aAAS,KAAG,EACb,uBAAC,iBAAW,KAAG,EACf,uBAAC,aAAS,KAAG,IACR,EACN,gCAAK,SAAS,EAAC,+CAA+C,YAC7D,uBAAC,mBAAY,KAAG,GACX,IACG,EACV,iCAAK,SAAS,EAAC,kCAAkC,aAChD,gCAAK,SAAS,EAAC,kCAAkC,YAAG,QAAQ,GAAQ,YAElE,OAAO,CAAC,CAAC,CAAC,CACX,gCACC,SAAS,EAAC,kCAAkC;oCAC5C,sGAAsG;oCACtG,2CAA2C;oCAC3C,uBAAuB,EAAG;wCACzB,MAAM,EAAE,IAAA,4BAAkB,EAAE,OAAO,EAAE;4CACpC,QAAQ,EAAE,WAAW;4CACrB,QAAQ,EAAE,gCAAoB;4CAC9B,QAAQ,EAAE,+BAAmB;4CAC7B,aAAa,EAAE,KAAK;yCACpB,CAAE;qCACH,GACA,CACF,CAAC,CAAC,CAAC,IAAI,IACH,EACN,gCAAK,SAAS,EAAC,oCAAoC,YAClD,2CAAQ,IAAA,SAAE,EAAE,kBAAkB,EAAE,iBAAiB,CAAE,GAAS,GACvD,IACD,IACG,GACL,CACN,CAAC;AACH,CAAC;AA9DD,oDA8DC"}
+{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/instagram-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAAgD;AAChD,2CAAwE;AACxE,+CAA4D;AAC5D,6CAAyD;AACzD,2DAAuD;AACvD,yCAAmD;AACnD,uCAAgD;AAChD,yCAAmD;AAGnD,wBAAsB;AAEtB,SAAgB,oBAAoB,CAAE,EACrC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,GACgB;IACvB,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC;IAEpC,OAAO,CACN,gCAAK,SAAS,EAAC,4BAA4B,YAC1C,qCAAS,SAAS,EAAC,8BAA8B,aAChD,iCAAK,SAAS,EAAC,2BAA2B,aACzC,gCAAK,SAAS,EAAC,mCAAmC,YAC/C,YAAY,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,8BAAa,KAAG,GACnE,EACN,iCAAK,SAAS,EAAC,oCAAoC,aAClD,gCAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,EAC3E,gCAAK,SAAS,EAAC,yCAAyC,YACvD,uBAAC,WAAQ,KAAG,GACP,IACD,IACD,EACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,gCAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,GACnE,EACN,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,qCAAS,SAAS,EAAC,qCAAqC,aACvD,iCAAK,SAAS,EAAC,6CAA6C,aAC3D,uBAAC,aAAS,KAAG,EACb,uBAAC,iBAAW,KAAG,EACf,uBAAC,aAAS,KAAG,IACR,EACN,gCAAK,SAAS,EAAC,+CAA+C,YAC7D,uBAAC,mBAAY,KAAG,GACX,IACG,EACV,iCAAK,SAAS,EAAC,kCAAkC,aAChD,gCAAK,SAAS,EAAC,kCAAkC,YAAG,QAAQ,GAAQ,YAElE,OAAO,CAAC,CAAC,CAAC,CACX,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,IAAA,4BAAkB,EAAE,OAAO,EAAE;wCAC9B,QAAQ,EAAE,WAAW;wCACrB,QAAQ,EAAE,gCAAoB;wCAC9B,QAAQ,EAAE,+BAAmB;qCAC7B,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,IACH,EACN,gCAAK,SAAS,EAAC,oCAAoC,YAClD,2CAAQ,IAAA,SAAE,EAAE,kBAAkB,EAAE,iBAAiB,CAAE,GAAS,GACvD,IACD,IACG,GACL,CACN,CAAC;AACH,CAAC;AAxDD,oDAwDC"}

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

@@ -59,7 +59,6 @@
 
 		&--image {
 			width: 100%;
-			aspect-ratio: 1;
 			object-fit: cover;
 		}
 	}

package/dist/cjs/linkedin-preview/constants.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PROPS = exports.FEED_TEXT_MAX_LINES = exports.FEED_TEXT_MAX_LENGTH = void 0;
+exports.FEED_TEXT_MAX_LINES = exports.FEED_TEXT_MAX_LENGTH = void 0;
 exports.FEED_TEXT_MAX_LENGTH = 212;
 exports.FEED_TEXT_MAX_LINES = 3;
-exports.DEFAULT_PROPS = {
-    name: 'Account Name',
-    profileImage: 'https://static.licdn.com/sc/h/1c5u578iilxfi4m4dvc4q810q',
-};
 //# sourceMappingURL=constants.js.map

package/dist/cjs/linkedin-preview/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/linkedin-preview/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAC3B,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAExB,QAAA,aAAa,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,yDAAyD;CACvE,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/linkedin-preview/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAC3B,QAAA,mBAAmB,GAAG,CAAC,CAAC"}

package/dist/cjs/linkedin-preview/icons/default-avatar.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultAvatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DefaultAvatar = () => {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", width: "128", height: "128", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#e7e2dc", d: "M0 0h128v128H0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M88.41 84.67a32 32 0 10-48.82 0 66.13 66.13 0 0148.82 0z", fill: "#788fa5" }), (0, jsx_runtime_1.jsx)("path", { d: "M88.41 84.67a32 32 0 01-48.82 0A66.79 66.79 0 000 128h128a66.79 66.79 0 00-39.59-43.33z", fill: "#9db3c8" }), (0, jsx_runtime_1.jsx)("path", { d: "M64 96a31.93 31.93 0 0024.41-11.33 66.13 66.13 0 00-48.82 0A31.93 31.93 0 0064 96z", fill: "#56687a" })] }));
+};
+exports.DefaultAvatar = DefaultAvatar;
+//# sourceMappingURL=default-avatar.js.map

package/dist/cjs/linkedin-preview/icons/default-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/linkedin-preview/icons/default-avatar.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,aACrF,iCAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,iBAAiB,GAAG,EAC3C,iCAAM,CAAC,EAAC,0DAA0D,EAAC,IAAI,EAAC,SAAS,GAAG,EACpF,iCACC,CAAC,EAAC,yFAAyF,EAC3F,IAAI,EAAC,SAAS,GACb,EACF,iCACC,CAAC,EAAC,oFAAoF,EACtF,IAAI,EAAC,SAAS,GACb,IACG,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,aAAa,iBAexB"}

package/dist/cjs/linkedin-preview/link-preview.js

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkedInLinkPreview = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const constants_1 = require("./constants");
 const post_preview_1 = require("./post-preview");
 function LinkedInLinkPreview(props) {
-    return ((0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { ...constants_1.DEFAULT_PROPS, ...props, 
+    return ((0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { name: "", profileImage: "", ...props, 
         // Override the props that are irrelevant to link preview
         description: "", media: undefined }));
 }

package/dist/cjs/linkedin-preview/link-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAC5C,iDAAqD;AAQrD,SAAgB,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,uBAAC,kCAAmB,OACd,yBAAa,KACb,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC;AAVD,kDAUC"}
+{"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,iDAAqD;AAQrD,SAAgB,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,uBAAC,kCAAmB,IACnB,IAAI,EAAC,EAAE,EACP,YAAY,EAAC,EAAE,KACV,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC;AAXD,kDAWC"}

package/dist/cjs/linkedin-preview/post-preview.js

@@ -5,23 +5,19 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const i18n_1 = require("@wordpress/i18n");
 const helpers_1 = require("../helpers");
 const constants_1 = require("./constants");
+const default_avatar_1 = require("./icons/default-avatar");
 require("./style.scss");
 function LinkedInPostPreview({ articleReadTime = 5, image, jobTitle, name, profileImage, description, media, title, url, }) {
     const hasMedia = !!media?.length;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: `linkedin-preview__container ${hasMedia ? 'has-media' : ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--avatar", children: (0, jsx_runtime_1.jsx)("img", { src: profileImage, alt: "" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-name", children: name }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-actor", children: 
+    return ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: `linkedin-preview__container ${hasMedia ? 'has-media' : ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--avatar", children: profileImage ? (0, jsx_runtime_1.jsx)("img", { src: profileImage, alt: "" }) : (0, jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-name", children: name || (0, i18n_1.__)('Account Name', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-actor", children: 
                                             // translators: refers to the actor level of the post being shared, e.g. "1st", "2nd", "3rd", etc.
                                             (0, i18n_1.__)('1st', 'social-previews') })] }), jobTitle ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-title", children: jobTitle })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile-meta", children: [(0, jsx_runtime_1.jsx)("span", { children: 
                                             // translators: refers to the time since the post was published, e.g. "1h"
-                                            (0, i18n_1.__)('1h', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "16", height: "16", focusable: "false", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 1a7 7 0 107 7 7 7 0 00-7-7zM3 8a5 5 0 011-3l.55.55A1.5 1.5 0 015 6.62v1.07a.75.75 0 00.22.53l.56.56a.75.75 0 00.53.22H7v.69a.75.75 0 00.22.53l.56.56a.75.75 0 01.22.53V13a5 5 0 01-5-5zm6.24 4.83l2-2.46a.75.75 0 00.09-.8l-.58-1.16A.76.76 0 0010 8H7v-.19a.51.51 0 01.28-.45l.38-.19a.74.74 0 01.68 0L9 7.5l.38-.7a1 1 0 00.12-.48v-.85a.78.78 0 01.21-.53l1.07-1.09a5 5 0 01-1.54 9z" }) })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__content", children: [description ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__caption", 
-                            // TODO: Replace `dangerouslySetInnerHTML` with `createInterpolateElement` inside `preparePreviewText`
-                            // eslint-disable-next-line react/no-danger
-                            dangerouslySetInnerHTML: {
-                                __html: (0, helpers_1.preparePreviewText)(description, {
-                                    platform: 'linkedin',
-                                    maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
-                                    maxLines: constants_1.FEED_TEXT_MAX_LINES,
-                                }),
-                            } })) : null, hasMedia ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__media", children: media.map((mediaItem, index) => ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__media-item", children: mediaItem.type.startsWith('video/') ? (
+                                            (0, i18n_1.__)('1h', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "16", height: "16", focusable: "false", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 1a7 7 0 107 7 7 7 0 00-7-7zM3 8a5 5 0 011-3l.55.55A1.5 1.5 0 015 6.62v1.07a.75.75 0 00.22.53l.56.56a.75.75 0 00.53.22H7v.69a.75.75 0 00.22.53l.56.56a.75.75 0 01.22.53V13a5 5 0 01-5-5zm6.24 4.83l2-2.46a.75.75 0 00.09-.8l-.58-1.16A.76.76 0 0010 8H7v-.19a.51.51 0 01.28-.45l.38-.19a.74.74 0 01.68 0L9 7.5l.38-.7a1 1 0 00.12-.48v-.85a.78.78 0 01.21-.53l1.07-1.09a5 5 0 01-1.54 9z" }) })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__content", children: [description ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__caption", children: (0, helpers_1.preparePreviewText)(description, {
+                                platform: 'linkedin',
+                                maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
+                                maxLines: constants_1.FEED_TEXT_MAX_LINES,
+                            }) })) : null, hasMedia ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__media", children: media.map((mediaItem, index) => ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__media-item", children: mediaItem.type.startsWith('video/') ? (
                                 // eslint-disable-next-line jsx-a11y/media-has-caption
                                 (0, jsx_runtime_1.jsx)("video", { controls: true, children: (0, jsx_runtime_1.jsx)("source", { src: mediaItem.url, type: mediaItem.type }) })) : ((0, jsx_runtime_1.jsx)("img", { alt: mediaItem.alt || '', src: mediaItem.url })) }, `linkedin-preview__media-item-${index}`))) })) : ((0, jsx_runtime_1.jsxs)("article", { children: [image ? (0, jsx_runtime_1.jsx)("img", { className: "linkedin-preview__image", src: image, alt: "" }) : null, url ? ((0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__description", children: [(0, jsx_runtime_1.jsx)("h2", { className: "linkedin-preview__description--title", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__description--meta", children: [(0, jsx_runtime_1.jsx)("span", { className: "linkedin-preview__description--url", children: (0, helpers_1.baseDomain)(url) }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.sprintf)(
                                                     // translators: %d is the number of minutes it takes to read the article

package/dist/cjs/linkedin-preview/post-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/linkedin-preview/previews.js

@@ -6,7 +6,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("@wordpress/components");
 const i18n_1 = require("@wordpress/i18n");
 const section_heading_1 = tslib_1.__importDefault(require("../shared/section-heading"));
-const constants_1 = require("./constants");
 const link_preview_1 = require("./link-preview");
 const post_preview_1 = require("./post-preview");
 const LinkedInPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
@@ -14,7 +13,7 @@ const LinkedInPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...p
                         // translators: refers to a social post on LinkedIn
                         (0, i18n_1.__)('Your post', 'social-previews') }), (0, jsx_runtime_1.jsx)("p", { className: "social-preview__section-desc", children: (0, i18n_1.__)('This is what your social post will look like on LinkedIn:', 'social-previews') }), (0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { ...props })] })), !hideLinkPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section linkedin-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children: 
                         // translators: refers to a link to a LinkedIn post
-                        (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on LinkedIn.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.LinkedInLinkPreview, { ...props, ...constants_1.DEFAULT_PROPS })] }))] }));
+                        (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on LinkedIn.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.LinkedInLinkPreview, { ...props, name: "", profileImage: "" })] }))] }));
 };
 exports.LinkedInPreviews = LinkedInPreviews;
 //# sourceMappingURL=previews.js.map

package/dist/cjs/linkedin-preview/previews.js.map

@@ -1 +1 @@
-{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/linkedin-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,2CAA4C;AAC5C,iDAAqD;AACrD,iDAAqD;AAG9C,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,uBAAC,kCAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,kCAAmB,OAAM,KAAK,KAAQ,yBAAa,GAAK,IAChD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,gBAAgB,oBA6C3B"}
+{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/linkedin-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,iDAAqD;AACrD,iDAAqD;AAG9C,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,uBAAC,kCAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,kCAAmB,OAAM,KAAK,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,GAAG,IACnD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,gBAAgB,oBA6C3B"}

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

@@ -38,13 +38,18 @@
 		margin-bottom: 0.8rem;
 
 		&--avatar {
+			width: 48px;
+			height: 48px;
+			border-radius: 50%;
+			overflow: hidden;
+			display: flex;
+			align-items: center;
 			flex-shrink: 0;
 		}
 
 		&--avatar img {
-			width: 48px;
-			height: 48px;
-			border-radius: 50%;
+			width: 100%;
+			object-fit: contain;
 		}
 
 		&--profile {

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

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("@wordpress/i18n");
 const helpers_1 = require("../helpers");
 const Header = ({ name, screenName, date }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__header", children: [(0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__name", children: name }), (0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__screen-name", children: screenName }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__date", children: (0, helpers_1.formatTweetDate)(date) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__header", children: [(0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__name", children: name || (0, i18n_1.__)('Account Name', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__screen-name", children: screenName || '@account' }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__date", children: (0, helpers_1.formatTweetDate)(date || Date.now()) })] }));
 };
 exports.Header = Header;
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/twitter-preview/header.tsx"],"names":[],"mappings":";;;;AAAA,wCAA6C;AAGtC,MAAM,MAAM,GAA4B,CAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAG,EAAE;IAC/E,OAAO,CACN,iCAAK,SAAS,EAAC,yBAAyB,aACvC,iCAAM,SAAS,EAAC,uBAAuB,YAAG,IAAI,GAAS,EACvD,iCAAM,SAAS,EAAC,8BAA8B,YAAG,UAAU,GAAS,EACpE,sDAAc,EACd,iCAAM,SAAS,EAAC,uBAAuB,YAAG,IAAA,yBAAe,EAAE,IAAI,CAAE,GAAS,IACrE,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,MAAM,UASjB"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/twitter-preview/header.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAA6C;AAGtC,MAAM,MAAM,GAA4B,CAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAG,EAAE;IAC/E,OAAO,CACN,iCAAK,SAAS,EAAC,yBAAyB,aACvC,iCAAM,SAAS,EAAC,uBAAuB,YACpC,IAAI,IAAI,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAC3C,EACP,iCAAM,SAAS,EAAC,8BAA8B,YAAG,UAAU,IAAI,UAAU,GAAS,EAClF,sDAAc,EACd,iCAAM,SAAS,EAAC,uBAAuB,YAAG,IAAA,yBAAe,EAAE,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE,CAAE,GAAS,IACnF,CACN,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,MAAM,UAWjB"}

package/dist/cjs/twitter-preview/icons/default-avatar.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultAvatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DefaultAvatar = () => {
+    return ((0, jsx_runtime_1.jsxs)("svg", { version: "1.0", xmlns: "http://www.w3.org/2000/svg", width: "271pt", height: "270pt", viewBox: "0 0 271 270", children: [(0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", fill: "#ccd5de" }), (0, jsx_runtime_1.jsxs)("g", { transform: "translate(0,270) scale(0.1,-0.1)", fill: "#647785", stroke: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M1251 2089 c-81 -14 -178 -65 -239 -125 -64 -65 -124 -185 -149 -299 -24 -111 -24 -339 -1 -415 38 -121 108 -193 227 -231 83 -27 339 -38 449 -19 139 23 236 91 286 200 59 130 52 395 -15 577 -88 235 -301 354 -558 312z" }), (0, jsx_runtime_1.jsx)("path", { d: "M1197 795 c-358 -68 -643 -357 -721 -732 l-14 -63 890 0 890 0 -7 42 c-11 70 -64 218 -102 288 -121 224 -336 394 -573 454 -92 24 -267 29 -363 11z" })] })] }));
+};
+exports.DefaultAvatar = DefaultAvatar;
+//# sourceMappingURL=default-avatar.js.map

package/dist/cjs/twitter-preview/icons/default-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/twitter-preview/icons/default-avatar.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,iCACC,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,aAAa,aAErB,iCAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,GAAG,EAClD,+BAAG,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,aAC3E,iCAAM,CAAC,EAAC,sNAAsN,GAAG,EACjO,iCAAM,CAAC,EAAC,gJAAgJ,GAAG,IACxJ,IACC,CACN,CAAC;AACH,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB"}

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

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TwitterLinkPreview = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const constants_1 = require("./constants");
 const post_preview_1 = require("./post-preview");
 const TwitterLinkPreview = (props) => {
-    return ((0, jsx_runtime_1.jsx)(post_preview_1.TwitterPostPreview, { ...constants_1.DEFAULT_PROPS, ...props, 
+    return ((0, jsx_runtime_1.jsx)(post_preview_1.TwitterPostPreview, { ...props, 
         // Override the props that are irrelevant to link preview
         text: "", media: undefined }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAC5C,iDAAoD;AAQ7C,MAAM,kBAAkB,GAAwC,CAAE,KAAK,EAAG,EAAE;IAClF,OAAO,CACN,uBAAC,iCAAkB,OACb,yBAAa,KACb,KAAK;QACV,yDAAyD;QACzD,IAAI,EAAC,EAAE,EACP,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B"}
+{"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,iDAAoD;AAG7C,MAAM,kBAAkB,GAAoC,CAAE,KAAK,EAAG,EAAE;IAC9E,OAAO,CACN,uBAAC,iCAAkB,OACb,KAAK;QACV,yDAAyD;QACzD,IAAI,EAAC,EAAE,EACP,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC,CAAC;AATW,QAAA,kBAAkB,sBAS7B"}

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

@@ -12,7 +12,7 @@ const text_1 = require("./text");
 require("./style.scss");
 const TwitterPostPreview = ({ date, description, image, media, name, profileImage, screenName, showThreadConnector, text, title, tweet, cardType, url, }) => {
     const hasMedia = !!media?.length;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__container", children: [(0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__main", children: [(0, jsx_runtime_1.jsx)(header_1.Header, { name: name, screenName: screenName, date: date }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__content", children: [text ? (0, jsx_runtime_1.jsx)(text_1.Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? (0, jsx_runtime_1.jsx)(media_1.Media, { media: media }) : null, tweet ? (0, jsx_runtime_1.jsx)(quote_tweet_1.QuoteTweet, { tweet: tweet }) : null, !hasMedia && title && description && image && url && ((0, jsx_runtime_1.jsx)(card_1.Card, { description: description, image: image, title: title, cardType: cardType || '', url: url }))] }), (0, jsx_runtime_1.jsx)(footer_1.Footer, {})] })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__container", children: [(0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__main", children: [(0, jsx_runtime_1.jsx)(header_1.Header, { name: name, screenName: screenName, date: date }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__content", children: [text ? (0, jsx_runtime_1.jsx)(text_1.Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? (0, jsx_runtime_1.jsx)(media_1.Media, { media: media }) : null, tweet ? (0, jsx_runtime_1.jsx)(quote_tweet_1.QuoteTweet, { tweet: tweet }) : null, !hasMedia && title && description && url && ((0, jsx_runtime_1.jsx)(card_1.Card, { description: description, image: image, title: title, cardType: cardType || '', url: url }))] }), (0, jsx_runtime_1.jsx)(footer_1.Footer, {})] })] }) }));
 };
 exports.TwitterPostPreview = TwitterPostPreview;
 //# sourceMappingURL=post-preview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8B;AAC9B,qCAAkC;AAClC,qCAAkC;AAClC,mCAAgC;AAChC,+CAA2C;AAC3C,uCAAoC;AACpC,iCAA8B;AAG9B,wBAAsB;AAEf,MAAM,kBAAkB,GAAoC,CAAE,EACpE,IAAI,EACJ,WAAW,EACX,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,EAAE,MAAM,CAAC;IAElC,OAAO,CACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,uBAAC,iBAAO,IAAC,YAAY,EAAG,YAAY,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,EACrF,iCAAK,SAAS,EAAC,uBAAuB,aACrC,uBAAC,eAAM,IAAC,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,UAAU,EAAG,IAAI,EAAG,IAAI,GAAK,EAChE,iCAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAG,IAAI,EAAG,GAAG,EAAG,GAAG,IAAI,EAAE,EAAG,SAAS,EAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,CAAC,CAAC,CAAC,uBAAC,aAAK,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,CAAC,CAAC,uBAAC,wBAAU,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,CAAE,QAAQ,IAAI,KAAK,IAAI,WAAW,IAAI,KAAK,IAAI,GAAG,IAAI,CACvD,uBAAC,WAAI,IACJ,WAAW,EAAG,WAAW,EACzB,KAAK,EAAG,KAAK,EACb,KAAK,EAAG,KAAK,EACb,QAAQ,EAAG,QAAQ,IAAI,EAAE,EACzB,GAAG,EAAG,GAAG,GACR,CACF,IACI,EACN,uBAAC,eAAM,KAAG,IACL,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AA1CW,QAAA,kBAAkB,sBA0C7B"}
+{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8B;AAC9B,qCAAkC;AAClC,qCAAkC;AAClC,mCAAgC;AAChC,+CAA2C;AAC3C,uCAAoC;AACpC,iCAA8B;AAG9B,wBAAsB;AAEf,MAAM,kBAAkB,GAAoC,CAAE,EACpE,IAAI,EACJ,WAAW,EACX,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,EAAE,MAAM,CAAC;IAElC,OAAO,CACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,uBAAC,iBAAO,IAAC,YAAY,EAAG,YAAY,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,EACrF,iCAAK,SAAS,EAAC,uBAAuB,aACrC,uBAAC,eAAM,IAAC,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,UAAU,EAAG,IAAI,EAAG,IAAI,GAAK,EAChE,iCAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAG,IAAI,EAAG,GAAG,EAAG,GAAG,IAAI,EAAE,EAAG,SAAS,EAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,CAAC,CAAC,CAAC,uBAAC,aAAK,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,CAAC,CAAC,uBAAC,wBAAU,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,CAAE,QAAQ,IAAI,KAAK,IAAI,WAAW,IAAI,GAAG,IAAI,CAC9C,uBAAC,WAAI,IACJ,WAAW,EAAG,WAAW,EACzB,KAAK,EAAG,KAAK,EACb,KAAK,EAAG,KAAK,EACb,QAAQ,EAAG,QAAQ,IAAI,EAAE,EACzB,GAAG,EAAG,GAAG,GACR,CACF,IACI,EACN,uBAAC,eAAM,KAAG,IACL,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AA1CW,QAAA,kBAAkB,sBA0C7B"}

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

@@ -14,12 +14,12 @@ const TwitterPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, tweet
     }
     return ((0, jsx_runtime_1.jsxs)("div", { className: "social-preview twitter-preview", children: [!hidePostPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section twitter-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children: 
                         // translators: refers to a social post on Twitter
-                        (0, i18n_1.__)('Your post', 'social-previews') }), (0, jsx_runtime_1.jsx)("p", { className: "social-preview__section-desc", children: (0, i18n_1.__)('This is what your social post will look like on Twitter:', 'social-previews') }), tweets.map((tweet, index) => {
+                        (0, i18n_1.__)('Your post', 'social-previews') }), (0, jsx_runtime_1.jsx)("p", { className: "social-preview__section-desc", children: (0, i18n_1.__)('This is what your social post will look like on Twitter:', 'social-previews') }), tweets.map(({ date, ...tweet }, index) => {
                         const isLast = index + 1 === tweets.length;
                         return ((0, jsx_runtime_1.jsx)(post_preview_1.TwitterPostPreview, { ...tweet, showThreadConnector: !isLast }, `twitter-preview__tweet-${index}`));
                     })] })), !hideLinkPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section twitter-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children: 
                         // translators: refers to a link to a Twitter post
-                        (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on Twitter.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.TwitterLinkPreview, { ...tweets[0] })] }))] }));
+                        (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on Twitter.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.TwitterLinkPreview, { ...tweets[0], name: "", profileImage: "", screenName: "" })] }))] }));
 };
 exports.TwitterPreviews = TwitterPreviews;
 //# sourceMappingURL=previews.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/twitter-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,iDAAoD;AACpD,iDAAoD;AAG7C,MAAM,eAAe,GAAqC,CAAE,EAClE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,MAAM,GACN,EAAG,EAAE;IACL,IAAK,CAAE,MAAM,EAAE,MAAM,EAAG;QACvB,OAAO,IAAI,CAAC;KACZ;IACD,OAAO,CACN,iCAAK,SAAS,EAAC,gCAAgC,aAC5C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,kDAAkD,aACpE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,0DAA0D,EAAE,iBAAiB,CAAE,GAClF,EACF,MAAM,CAAC,GAAG,CAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;wBAChC,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBAC3C,OAAO,CACN,uBAAC,iCAAkB,OAEb,KAAK,EACV,mBAAmB,EAAG,CAAE,MAAM,IAFxB,0BAA2B,KAAM,EAAE,CAGxC,CACF,CAAC;oBACH,CAAC,CAAE,IACM,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,kDAAkD,aACpE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,gGAAgG,EAChG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,iCAAkB,OAAM,MAAM,CAAE,CAAC,CAAE,GAAK,IAChC,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AAzDW,QAAA,eAAe,mBAyD1B"}
+{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/twitter-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,iDAAoD;AACpD,iDAAoD;AAG7C,MAAM,eAAe,GAAqC,CAAE,EAClE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,MAAM,GACN,EAAG,EAAE;IACL,IAAK,CAAE,MAAM,EAAE,MAAM,EAAG;QACvB,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,iCAAK,SAAS,EAAC,gCAAgC,aAC5C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,kDAAkD,aACpE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,0DAA0D,EAAE,iBAAiB,CAAE,GAClF,EACF,MAAM,CAAC,GAAG,CAAE,CAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EAAG,EAAE;wBAC7C,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBAC3C,OAAO,CACN,uBAAC,iCAAkB,OAEb,KAAK,EACV,mBAAmB,EAAG,CAAE,MAAM,IAFxB,0BAA2B,KAAM,EAAE,CAGxC,CACF,CAAC;oBACH,CAAC,CAAE,IACM,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,kDAAkD,aACpE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,gGAAgG,EAChG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,iCAAkB,OAAM,MAAM,CAAE,CAAC,CAAE,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,GAAG,IACtE,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA1DW,QAAA,eAAe,mBA0D1B"}

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

@@ -3,9 +3,9 @@ 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 constants_1 = require("./constants");
+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: (0, jsx_runtime_1.jsx)("img", { alt: (0, i18n_1.__)('Twitter profile image', 'social-previews'), src: profileImage || constants_1.DEFAULT_PROPS.profileImage }) }), showThreadConnector && (0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__connector" })] }));
+    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 +1 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../src/twitter-preview/sidebar.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,2CAA4C;AAGrC,MAAM,OAAO,GAA6B,CAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAG,EAAE;IAC5F,OAAO,CACN,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCAAK,SAAS,EAAC,gCAAgC,YAC9C,gCACC,GAAG,EAAG,IAAA,SAAE,EAAE,uBAAuB,EAAE,iBAAiB,CAAE,EACtD,GAAG,EAAG,YAAY,IAAI,yBAAa,CAAC,YAAY,GAC/C,GACG,EACJ,mBAAmB,IAAI,gCAAK,SAAS,EAAC,4BAA4B,GAAG,IAClE,CACN,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,OAAO,WAYlB"}
+{"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

@@ -49,11 +49,16 @@
 		justify-items: center;
 
 		.twitter-preview__profile-image {
+			display: flex;
+			align-items: center;
+			max-width: 30px;
+			max-height: 30px;
+			border-radius: 15px; /* stylelint-disable-line scales/radii */
+			overflow: hidden;
+
 			img {
-				height: 30px;
-				width: 30px;
-				border-radius: 15px; /* stylelint-disable-line scales/radii */
 				object-fit: cover;
+				width: 100%;
 			}
 		}
 

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

@@ -11,12 +11,7 @@ const Text = ({ text, url, retainUrl }) => {
     const tweetText = url && !retainUrl && text.endsWith(url)
         ? text.substring(0, text.lastIndexOf(url))
         : text;
-    const __html = (0, helpers_1.preparePreviewText)(tweetText, { platform: 'twitter' });
-    return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__text", 
-        // We can enable dangerouslySetInnerHTML here, since the text we're using is stripped
-        // of all HTML tags, then only has safe tags added in createTweetMarkup().
-        // eslint-disable-next-line react/no-danger
-        dangerouslySetInnerHTML: { __html } }));
+    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