@automattic/social-previews 2.0.0-beta.3 → 2.0.0-beta.4

package/README.md

@@ -7,6 +7,8 @@ At the current time there are components to display previews for a:
 - Facebook post.
 - Twitter post.
 - Google Search result.
+- Tumblr post.
+- LinkedIn post.
 
 ## Prerequisites
 
@@ -25,34 +27,34 @@ however you like.
 
 Here's a simple usage example using the preview component for Facebook:
 
-```js
-import { FacebookPreview } from '@automattic/social-previews';
+```jsx
+import { FacebookPreviews } from '@automattic/social-previews';
 
-<FacebookPreview
+<FacebookPreviews
 	title="Five for the Future"
 	description="Launched in 2014, Five for the Future encourages organizations to contribute five percent of their resources to WordPress development. WordPress co-founder Matt Mullenweg proposed this benchmark to maintain a “golden ratio” of contributors to users."
 	url="https://wordpress.org/five-for-the-future/"
-	user={ { displayName: "Matt Mullenweg" } }
+	user={ { displayName: 'Matt Mullenweg' } }
 />;
 ```
 
 Here is another example using the Search result component:
 
-```js
-import { SearchPreview } from '@automattic/social-previews';
+```jsx
+import { GoogleSearchPreview } from '@automattic/social-previews';
 
-<SearchPreview
+<GoogleSearchPreview
 	title="Five for the Future"
 	description="Launched in 2014, Five for the Future encourages organizations to contribute five percent of their resources to WordPress development. WordPress co-founder Matt Mullenweg proposed this benchmark to maintain a “golden ratio” of contributors to users."
 	url="https://wordpress.org/five-for-the-future/"
-	author="Matt Mullenweg"
+	siteTitle="Five for the Future"
 />;
 ```
 
 Twitter previews support the same properties for previewing a single tweet, but can also preview multiple tweets in the form of a Twitter thread. For that, the `tweets` property takes an array of tweets. Each item in this array can take additional information about the tweet, giving the preview a more native feel.
 
-```js
-import { TwitterPreview } from '@automattic/social-previews';
+```jsx
+import { TwitterPreviews } from '@automattic/social-previews';
 
 const tweetTemplate = {
 	date: Date.now(),
@@ -61,7 +63,7 @@ const tweetTemplate = {
 	screenName: '@myAccount',
 };
 
-<TwitterPreview
+<TwitterPreviews
 	tweets={ [
 		{
 			...tweetTemplate,
@@ -87,6 +89,36 @@ const tweetTemplate = {
 />;
 ```
 
+An example of LinkedIn preview
+
+```jsx
+import { LinkedInPreviews } from '@automattic/social-previews';
+
+<LinkedInPreviews
+	jobTitle="Job Title (Company Name)"
+	image="https://url.for.the/image.png"
+	name="LinkedIn Account Name"
+	profileImage="https://static.licdn.com/sc/h/1c5u578iilxfi4m4dvc4q810q"
+	title="Post title goes here"
+	text="The text of the post goes here."
+/>;
+```
+
+Tumblr preview
+
+```jsx
+import { TumblrPreviews } from '@automattic/social-previews';
+
+<TumblrPreviews
+	title="Five for the Future"
+	description="Launched in 2014, Five for the Future encourages organizations to contribute five percent of their resources to WordPress development. WordPress co-founder Matt Mullenweg proposed this benchmark to maintain a “golden ratio” of contributors to users."
+	image="https://url.for.the/image.png"
+	url="https://wordpress.org/five-for-the-future/"
+	user={ { displayName: 'Matt Mullenweg' } }
+	customText="Some custom text here"
+/>;
+```
+
 ## Properties
 
 There are a number of common properties used across all components:

package/dist/cjs/facebook-preview/hooks/use-image-hook.js

@@ -17,7 +17,7 @@ const useImage = ({ mode: initialMode }) => {
         mode,
         isLoadingImage,
         {
-            alt: (0, i18n_1.__)('Facebook Preview Thumbnail', 'facebook-preview'),
+            alt: (0, i18n_1.__)('Facebook Preview Thumbnail', 'social-previews'),
             onLoad,
             onError,
         },

package/dist/cjs/facebook-preview/hooks/use-image-hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-image-hook.js","sourceRoot":"","sources":["../../../../src/facebook-preview/hooks/use-image-hook.ts"],"names":[],"mappings":";;AAAA,0CAAqC;AACrC,iCAA8C;AAC9C,+CAAgE;AAWhE,MAAM,QAAQ,GAAa,CAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAG,EAAE;IACtD,MAAM,CAAE,IAAI,EAAE,OAAO,CAAE,GAAG,IAAA,gBAAQ,EAA2B,WAAW,CAAE,CAAC;IAC3E,MAAM,CAAE,cAAc,EAAE,eAAe,CAAE,GAAG,IAAA,gBAAQ,EAAa,IAAI,CAAE,CAAC;IAExE,MAAM,MAAM,GAAG,IAAA,mBAAW,EACzB,CAAE,EAAE,MAAM,EAAE,EAAG,EAAE;QAChB,IAAK,CAAE,IAAI,EAAG;YACb,OAAO,CAAE,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,yBAAa,CAAE,CAAC;SACvF;QACD,eAAe,CAAE,KAAK,CAAE,CAAC;IAC1B,CAAC,EACD,CAAE,IAAI,CAAE,CACR,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAE,KAAK,CAAE,EAAE,EAAE,CAAE,CAAC;IAElE,OAAO;QACN,IAAI;QACJ,cAAc;QACd;YACC,GAAG,EAAE,IAAA,SAAE,EAAE,4BAA4B,EAAE,kBAAkB,CAAE;YAC3D,MAAM;YACN,OAAO;SACP;KACD,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"use-image-hook.js","sourceRoot":"","sources":["../../../../src/facebook-preview/hooks/use-image-hook.ts"],"names":[],"mappings":";;AAAA,0CAAqC;AACrC,iCAA8C;AAC9C,+CAAgE;AAWhE,MAAM,QAAQ,GAAa,CAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAG,EAAE;IACtD,MAAM,CAAE,IAAI,EAAE,OAAO,CAAE,GAAG,IAAA,gBAAQ,EAA2B,WAAW,CAAE,CAAC;IAC3E,MAAM,CAAE,cAAc,EAAE,eAAe,CAAE,GAAG,IAAA,gBAAQ,EAAa,IAAI,CAAE,CAAC;IAExE,MAAM,MAAM,GAAG,IAAA,mBAAW,EACzB,CAAE,EAAE,MAAM,EAAE,EAAG,EAAE;QAChB,IAAK,CAAE,IAAI,EAAG;YACb,OAAO,CAAE,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,yBAAa,CAAE,CAAC;SACvF;QACD,eAAe,CAAE,KAAK,CAAE,CAAC;IAC1B,CAAC,EACD,CAAE,IAAI,CAAE,CACR,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAE,KAAK,CAAE,EAAE,EAAE,CAAE,CAAC;IAElE,OAAO;QACN,IAAI;QACJ,cAAc;QACd;YACC,GAAG,EAAE,IAAA,SAAE,EAAE,4BAA4B,EAAE,iBAAiB,CAAE;YAC1D,MAAM;YACN,OAAO;SACP;KACD,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

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

@@ -1,34 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FacebookPostPreview = exports.FacebookLinkPreview = exports.FacebookFullPreview = exports.FacebookDefaultPostPreview = exports.FacebookDefaultLinkPreview = exports.FacebookPreview = void 0;
 const tslib_1 = require("tslib");
-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 default_link_preview_1 = tslib_1.__importDefault(require("./default-link-preview"));
-const default_post_preview_1 = tslib_1.__importDefault(require("./default-post-preview"));
-const link_preview_1 = tslib_1.__importDefault(require("./link-preview"));
-const post_preview_1 = tslib_1.__importDefault(require("./post-preview"));
-require("./style.scss");
-const FacebookPreview = (props) => {
-    const { customImage } = props;
-    const isPostPreview = !!customImage;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "social-preview facebook-preview", children: [(0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section facebook-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: props.headingsLevel, children: 
-                        // translators: refers to a social post on Facebook
-                        (0, i18n_1.__)('Your post', 'facebook-preview') }), (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 Facebook:', 'facebook-preview') }), isPostPreview ? ((0, jsx_runtime_1.jsx)(post_preview_1.default, { ...props })) : ((0, jsx_runtime_1.jsx)(link_preview_1.default, { ...props }))] }), (0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section facebook-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: props.headingsLevel, children: 
-                        // translators: refers to a link to a Facebook post
-                        (0, i18n_1.__)('Link preview', 'facebook-preview') }), (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 Facebook.', 'facebook-preview'), "\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', 'facebook-preview') })] }), isPostPreview ? ((0, jsx_runtime_1.jsx)(default_post_preview_1.default, { ...props })) : ((0, jsx_runtime_1.jsx)(default_link_preview_1.default, { ...props }))] })] }));
-};
-exports.FacebookPreview = FacebookPreview;
-var default_link_preview_2 = require("./default-link-preview");
-Object.defineProperty(exports, "FacebookDefaultLinkPreview", { enumerable: true, get: function () { return tslib_1.__importDefault(default_link_preview_2).default; } });
-var default_post_preview_2 = require("./default-post-preview");
-Object.defineProperty(exports, "FacebookDefaultPostPreview", { enumerable: true, get: function () { return tslib_1.__importDefault(default_post_preview_2).default; } });
-var full_preview_1 = require("./full-preview");
-Object.defineProperty(exports, "FacebookFullPreview", { enumerable: true, get: function () { return tslib_1.__importDefault(full_preview_1).default; } });
-var link_preview_2 = require("./link-preview");
-Object.defineProperty(exports, "FacebookLinkPreview", { enumerable: true, get: function () { return tslib_1.__importDefault(link_preview_2).default; } });
-var post_preview_2 = require("./post-preview");
-Object.defineProperty(exports, "FacebookPostPreview", { enumerable: true, get: function () { return tslib_1.__importDefault(post_preview_2).default; } });
+tslib_1.__exportStar(require("./previews"), exports);
+tslib_1.__exportStar(require("./link-preview"), exports);
+tslib_1.__exportStar(require("./post-preview"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/facebook-preview/index.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,0FAAgE;AAChE,0FAAgE;AAChE,0EAAiD;AACjD,0EAAiD;AAGjD,wBAAsB;AAEf,MAAM,eAAe,GAAqC,CAAE,KAAK,EAAG,EAAE;IAC5E,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,aAAa,GAAG,CAAC,CAAE,WAAW,CAAC;IAErC,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC/C,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,KAAK,CAAC,aAAa;wBAEzC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,WAAW,EAAE,kBAAkB,CAAE,GAEtB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,2DAA2D,EAAE,kBAAkB,CAAE,GACpF,EACF,aAAa,CAAC,CAAC,CAAC,CACjB,uBAAC,sBAAmB,OAAM,KAAK,GAAK,CACpC,CAAC,CAAC,CAAC,CACH,uBAAC,sBAAmB,OAAM,KAAK,GAAK,CACpC,IACQ,EACV,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,KAAK,CAAC,aAAa;wBAEzC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,cAAc,EAAE,kBAAkB,CAAE,GAEzB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,iGAAiG,EACjG,kBAAkB,CAClB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,kBAAkB,CAAE,GACtC,IACZ,EACF,aAAa,CAAC,CAAC,CAAC,CACjB,uBAAC,8BAA0B,OAAM,KAAK,GAAK,CAC3C,CAAC,CAAC,CAAC,CACH,uBAAC,8BAA0B,OAAM,KAAK,GAAK,CAC3C,IACQ,IACL,CACN,CAAC;AACH,CAAC,CAAC;AA/CW,QAAA,eAAe,mBA+C1B;AAEF,+DAA+E;AAAtE,2JAAA,OAAO,OAA8B;AAC9C,+DAA+E;AAAtE,2JAAA,OAAO,OAA8B;AAC9C,+CAAgE;AAAvD,4IAAA,OAAO,OAAuB;AACvC,+CAAgE;AAAvD,4IAAA,OAAO,OAAuB;AACvC,+CAAgE;AAAvD,4IAAA,OAAO,OAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/facebook-preview/index.tsx"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,yDAA+B;AAC/B,yDAA+B"}

package/dist/cjs/facebook-preview/{default-post-preview.js → link-preview-details.js}

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkPreviewDetails = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const constants_1 = require("../constants");
@@ -7,10 +8,10 @@ const custom_text_1 = tslib_1.__importDefault(require("./custom-text"));
 const use_image_hook_1 = tslib_1.__importDefault(require("./hooks/use-image-hook"));
 const actions_1 = tslib_1.__importDefault(require("./post/actions"));
 const header_1 = tslib_1.__importDefault(require("./post/header"));
-const FacebookDefaultPostPreview = ({ url, customImage, user, customText, imageMode, }) => {
+const LinkPreviewDetails = ({ url, customImage, user, customText, imageMode, }) => {
     const [mode, isLoadingImage, imgProps] = (0, use_image_hook_1.default)({ mode: imageMode });
     const modeClass = `is-${mode === constants_1.PORTRAIT_MODE ? 'portrait' : 'landscape'}`;
     return ((0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__post", children: [(0, jsx_runtime_1.jsx)(header_1.default, { user: undefined }), (0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__content", children: (0, jsx_runtime_1.jsxs)("div", { className: `facebook-preview__window ${modeClass} ${customImage && isLoadingImage ? 'is-loading' : ''}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `facebook-preview__custom-image ${modeClass}`, children: (0, jsx_runtime_1.jsx)("img", { src: customImage, ...imgProps }) }), (0, jsx_runtime_1.jsx)(header_1.default, { user: user, timeElapsed: true, hideOptions: true }), customText && (0, jsx_runtime_1.jsx)(custom_text_1.default, { text: customText, url: url, forceUrlDisplay: true })] }) }), (0, jsx_runtime_1.jsx)(actions_1.default, {})] }));
 };
-exports.default = FacebookDefaultPostPreview;
-//# sourceMappingURL=default-post-preview.js.map
+exports.LinkPreviewDetails = LinkPreviewDetails;
+//# sourceMappingURL=link-preview-details.js.map

package/dist/cjs/facebook-preview/link-preview-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-preview-details.js","sourceRoot":"","sources":["../../../src/facebook-preview/link-preview-details.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6C;AAC7C,wEAAuC;AACvC,oFAA8C;AAC9C,qEAAiD;AACjD,mEAA+C;AAGxC,MAAM,kBAAkB,GAAqC,CAAE,EACrE,GAAG,EACH,WAAW,EACX,IAAI,EACJ,UAAU,EACV,SAAS,GACT,EAAG,EAAE;IACL,MAAM,CAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAE,GAAG,IAAA,wBAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,MAAO,IAAI,KAAK,yBAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAY,EAAE,CAAC;IAE9E,OAAO,CACN,iCAAK,SAAS,EAAC,wBAAwB,aACtC,uBAAC,gBAAkB,IAAC,IAAI,EAAG,SAAS,GAAK,EACzC,gCAAK,SAAS,EAAC,2BAA2B,YACzC,iCACC,SAAS,EAAG,4BAA6B,SAAU,IAClD,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAChD,EAAE,aAEF,gCAAK,SAAS,EAAG,kCAAmC,SAAU,EAAE,YAE/D,gCAAK,GAAG,EAAG,WAAW,KAAQ,QAAQ,GAAK,GACtC,EACN,uBAAC,gBAAkB,IAAC,IAAI,EAAG,IAAI,EAAG,WAAW,QAAC,WAAW,SAAG,EAC1D,UAAU,IAAI,uBAAC,qBAAU,IAAC,IAAI,EAAG,UAAU,EAAG,GAAG,EAAG,GAAG,EAAG,eAAe,SAAG,IACzE,GACD,EACN,uBAAC,iBAAmB,KAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,kBAAkB,sBA8B7B"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FacebookLinkPreview = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const i18n_1 = require("@wordpress/i18n");
@@ -10,6 +11,7 @@ const use_image_hook_1 = tslib_1.__importDefault(require("./hooks/use-image-hook
 const actions_1 = tslib_1.__importDefault(require("./post/actions"));
 const header_1 = tslib_1.__importDefault(require("./post/header"));
 const icons_1 = tslib_1.__importDefault(require("./post/icons"));
+require("./style.scss");
 const FacebookLinkPreview = ({ url, title, description, image, user, customText, type, imageMode, compactDescription, }) => {
     const [mode, isLoadingImage, imgProps] = (0, use_image_hook_1.default)({ mode: imageMode });
     const isArticle = type === constants_1.TYPE_ARTICLE;
@@ -18,7 +20,7 @@ const FacebookLinkPreview = ({ url, title, description, image, user, customText,
     return ((0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__post", children: [(0, jsx_runtime_1.jsx)(header_1.default, { user: user }), (0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__content", children: [customText && (0, jsx_runtime_1.jsx)(custom_text_1.default, { text: customText, url: url }), (0, jsx_runtime_1.jsxs)("div", { className: `facebook-preview__body ${modeClass} ${image && isLoadingImage ? 'is-loading' : ''}`, children: [(image || isArticle) && ((0, jsx_runtime_1.jsx)("div", { className: `facebook-preview__image ${image ? '' : 'is-empty'} ${modeClass}`, children: image && (0, jsx_runtime_1.jsx)("img", { src: image, ...imgProps }) })), (0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__text", children: (0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__text-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__url", children: (0, helpers_1.baseDomain)(url) }), (0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__title", children: (0, helpers_1.facebookTitle)(title) || (0, helpers_1.baseDomain)(url) }), (0, jsx_runtime_1.jsxs)("div", { className: `facebook-preview__description ${compactDescription ? 'is-compact' : ''}`, children: [description && (0, helpers_1.facebookDescription)(description), isArticle &&
                                                     !description &&
                                                     // translators: Default description for a Facebook post
-                                                    (0, i18n_1.__)('Visit the post for more.', 'facebook-preview')] }), (0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__info", children: (0, jsx_runtime_1.jsx)(icons_1.default, { name: "info" }) })] }) })] })] }), (0, jsx_runtime_1.jsx)(actions_1.default, {})] }));
+                                                    (0, i18n_1.__)('Visit the post for more.', 'social-previews')] }), (0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__info", children: (0, jsx_runtime_1.jsx)(icons_1.default, { name: "info" }) })] }) })] })] }), (0, jsx_runtime_1.jsx)(actions_1.default, {})] }));
 };
-exports.default = FacebookLinkPreview;
+exports.FacebookLinkPreview = FacebookLinkPreview;
 //# sourceMappingURL=link-preview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/facebook-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,4CAA2D;AAC3D,wEAAuC;AACvC,uCAA2E;AAC3E,oFAA8C;AAC9C,qEAAiD;AACjD,mEAA+C;AAC/C,iEAA4C;AAO5C,MAAM,mBAAmB,GAAsB,CAAE,EAChD,GAAG,EACH,KAAK,EACL,WAAW,EACX,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,SAAS,EACT,kBAAkB,GAClB,EAAG,EAAE;IACL,MAAM,CAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAE,GAAG,IAAA,wBAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,IAAI,KAAK,wBAAY,CAAC;IACxC,MAAM,YAAY,GAAG,CAAE,SAAS,IAAI,CAAE,KAAK,CAAE,IAAI,IAAI,KAAK,yBAAa,CAAC;IACxE,MAAM,SAAS,GAAG,MAAO,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAY,EAAE,CAAC;IAEpE,OAAO,CACN,iCAAK,SAAS,EAAC,wBAAwB,aACtC,uBAAC,gBAAkB,IAAC,IAAI,EAAG,IAAI,GAAK,EACpC,iCAAK,SAAS,EAAC,2BAA2B,aACvC,UAAU,IAAI,uBAAC,qBAAU,IAAC,IAAI,EAAG,UAAU,EAAG,GAAG,EAAG,GAAG,GAAK,EAC9D,iCACC,SAAS,EAAG,0BAA2B,SAAU,IAChD,KAAK,IAAI,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAC1C,EAAE,aAEA,CAAE,KAAK,IAAI,SAAS,CAAE,IAAI,CAC3B,gCACC,SAAS,EAAG,2BAA4B,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAW,IAAK,SAAU,EAAE,YAG/E,KAAK,IAAI,gCAAK,GAAG,EAAG,KAAK,KAAQ,QAAQ,GAAK,GAC3C,CACN,EACD,gCAAK,SAAS,EAAC,wBAAwB,YACtC,iCAAK,SAAS,EAAC,gCAAgC,aAC9C,gCAAK,SAAS,EAAC,uBAAuB,YAAG,IAAA,oBAAU,EAAE,GAAG,CAAE,GAAQ,EAClE,gCAAK,SAAS,EAAC,yBAAyB,YACrC,IAAA,uBAAa,EAAE,KAAK,CAAE,IAAI,IAAA,oBAAU,EAAE,GAAG,CAAE,GACxC,EACN,iCACC,SAAS,EAAG,iCACX,kBAAkB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,EAAE,aAEA,WAAW,IAAI,IAAA,6BAAmB,EAAE,WAAW,CAAE,EACjD,SAAS;oDACV,CAAE,WAAW;oDACb,uDAAuD;oDACvD,IAAA,SAAE,EAAE,0BAA0B,EAAE,kBAAkB,CAAE,IAChD,EACN,gCAAK,SAAS,EAAC,wBAAwB,YACtC,uBAAC,eAAgB,IAAC,IAAI,EAAC,MAAM,GAAG,GAC3B,IACD,GACD,IACD,IACD,EACN,uBAAC,iBAAmB,KAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/facebook-preview/link-preview.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAqC;AACrC,4CAA2D;AAC3D,wEAAuC;AACvC,uCAA2E;AAC3E,oFAA8C;AAC9C,qEAAiD;AACjD,mEAA+C;AAC/C,iEAA4C;AAG5C,wBAAsB;AAMf,MAAM,mBAAmB,GAAyC,CAAE,EAC1E,GAAG,EACH,KAAK,EACL,WAAW,EACX,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,SAAS,EACT,kBAAkB,GAClB,EAAG,EAAE;IACL,MAAM,CAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAE,GAAG,IAAA,wBAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,IAAI,KAAK,wBAAY,CAAC;IACxC,MAAM,YAAY,GAAG,CAAE,SAAS,IAAI,CAAE,KAAK,CAAE,IAAI,IAAI,KAAK,yBAAa,CAAC;IACxE,MAAM,SAAS,GAAG,MAAO,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAY,EAAE,CAAC;IAEpE,OAAO,CACN,iCAAK,SAAS,EAAC,wBAAwB,aACtC,uBAAC,gBAAkB,IAAC,IAAI,EAAG,IAAI,GAAK,EACpC,iCAAK,SAAS,EAAC,2BAA2B,aACvC,UAAU,IAAI,uBAAC,qBAAU,IAAC,IAAI,EAAG,UAAU,EAAG,GAAG,EAAG,GAAG,GAAK,EAC9D,iCACC,SAAS,EAAG,0BAA2B,SAAU,IAChD,KAAK,IAAI,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAC1C,EAAE,aAEA,CAAE,KAAK,IAAI,SAAS,CAAE,IAAI,CAC3B,gCACC,SAAS,EAAG,2BAA4B,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAW,IAAK,SAAU,EAAE,YAG/E,KAAK,IAAI,gCAAK,GAAG,EAAG,KAAK,KAAQ,QAAQ,GAAK,GAC3C,CACN,EACD,gCAAK,SAAS,EAAC,wBAAwB,YACtC,iCAAK,SAAS,EAAC,gCAAgC,aAC9C,gCAAK,SAAS,EAAC,uBAAuB,YAAG,IAAA,oBAAU,EAAE,GAAG,CAAE,GAAQ,EAClE,gCAAK,SAAS,EAAC,yBAAyB,YACrC,IAAA,uBAAa,EAAE,KAAK,CAAE,IAAI,IAAA,oBAAU,EAAE,GAAG,CAAE,GACxC,EACN,iCACC,SAAS,EAAG,iCACX,kBAAkB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,EAAE,aAEA,WAAW,IAAI,IAAA,6BAAmB,EAAE,WAAW,CAAE,EACjD,SAAS;oDACV,CAAE,WAAW;oDACb,uDAAuD;oDACvD,IAAA,SAAE,EAAE,0BAA0B,EAAE,iBAAiB,CAAE,IAC/C,EACN,gCAAK,SAAS,EAAC,wBAAwB,YACtC,uBAAC,eAAgB,IAAC,IAAI,EAAC,MAAM,GAAG,GAC3B,IACD,GACD,IACD,IACD,EACN,uBAAC,iBAAmB,KAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC;AA7DW,QAAA,mBAAmB,uBA6D9B"}

package/dist/cjs/facebook-preview/post/actions/index.js

@@ -9,17 +9,17 @@ const FacebookPostActions = () => ((0, jsx_runtime_1.jsx)("ul", { className: "fa
         {
             icon: 'like',
             // translators: Facebook "Like" action
-            label: (0, i18n_1.__)('Like', 'facebook-preview'),
+            label: (0, i18n_1.__)('Like', 'social-previews'),
         },
         {
             icon: 'comment',
             // translators: Facebook "Comment" action
-            label: (0, i18n_1.__)('Comment', 'facebook-preview'),
+            label: (0, i18n_1.__)('Comment', 'social-previews'),
         },
         {
             icon: 'share',
             // translators: Facebook "Share" action
-            label: (0, i18n_1.__)('Share', 'facebook-preview'),
+            label: (0, i18n_1.__)('Share', 'social-previews'),
         },
     ].map(({ icon, label }) => ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(icons_1.default, { name: icon }), (0, jsx_runtime_1.jsx)("span", { children: label })] }, icon))) }));
 exports.default = FacebookPostActions;

package/dist/cjs/facebook-preview/post/actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/actions/index.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,6DAAwC;AAExC,yBAAuB;AAEvB,MAAM,mBAAmB,GAAa,GAAG,EAAE,CAAC,CAC3C,+BAAI,SAAS,EAAC,gCAAgC,YAC3C;QACD;YACC,IAAI,EAAE,MAAM;YACZ,sCAAsC;YACtC,KAAK,EAAE,IAAA,SAAE,EAAE,MAAM,EAAE,kBAAkB,CAAE;SACvC;QACD;YACC,IAAI,EAAE,SAAS;YACf,yCAAyC;YACzC,KAAK,EAAE,IAAA,SAAE,EAAE,SAAS,EAAE,kBAAkB,CAAE;SAC1C;QACD;YACC,IAAI,EAAE,OAAO;YACb,uCAAuC;YACvC,KAAK,EAAE,IAAA,SAAE,EAAE,OAAO,EAAE,kBAAkB,CAAE;SACxC;KACD,CAAC,GAAG,CAAE,CAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAG,EAAE,CAAC,CAC7B,2CACC,uBAAC,eAAgB,IAAC,IAAI,EAAG,IAAI,GAAK,EAClC,2CAAQ,KAAK,GAAS,KAFb,IAAI,CAGT,CACL,CAAE,GACC,CACL,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/actions/index.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,6DAAwC;AAExC,yBAAuB;AAEvB,MAAM,mBAAmB,GAAa,GAAG,EAAE,CAAC,CAC3C,+BAAI,SAAS,EAAC,gCAAgC,YAC3C;QACD;YACC,IAAI,EAAE,MAAM;YACZ,sCAAsC;YACtC,KAAK,EAAE,IAAA,SAAE,EAAE,MAAM,EAAE,iBAAiB,CAAE;SACtC;QACD;YACC,IAAI,EAAE,SAAS;YACf,yCAAyC;YACzC,KAAK,EAAE,IAAA,SAAE,EAAE,SAAS,EAAE,iBAAiB,CAAE;SACzC;QACD;YACC,IAAI,EAAE,OAAO;YACb,uCAAuC;YACvC,KAAK,EAAE,IAAA,SAAE,EAAE,OAAO,EAAE,iBAAiB,CAAE;SACvC;KACD,CAAC,GAAG,CAAE,CAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAG,EAAE,CAAC,CAC7B,2CACC,uBAAC,eAAgB,IAAC,IAAI,EAAG,IAAI,GAAK,EAClC,2CAAQ,KAAK,GAAS,KAFb,IAAI,CAGT,CACL,CAAE,GACC,CACL,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/dist/cjs/facebook-preview/post/header/index.js

@@ -16,13 +16,13 @@ const FacebookPostHeader = ({ user, timeElapsed, hideOptions }) => {
     }, [avatarSrc]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__post-header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__post-header-content", children: [(0, jsx_runtime_1.jsx)("img", { className: "facebook-preview__post-header-avatar", src: avatarSrc, alt: "", onError: onImageError }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__post-header-name", children: user?.displayName ||
                                     // translators: name of a fictional Facebook User
-                                    (0, i18n_1.__)('Anonymous User', 'facebook-preview') }), (0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__post-header-share", children: [(0, jsx_runtime_1.jsx)("span", { className: "facebook-preview__post-header-time", children: timeElapsed
+                                    (0, i18n_1.__)('Anonymous User', 'social-previews') }), (0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__post-header-share", children: [(0, jsx_runtime_1.jsx)("span", { className: "facebook-preview__post-header-time", children: timeElapsed
                                             ? (0, i18n_1.__)(
                                             // translators: short version of `1 hour`
-                                            '1h', 'facebook-preview')
+                                            '1h', 'social-previews')
                                             : (0, i18n_1._x)(
                                             // translators: temporal indication of when a post was published
-                                            'Just now', '', 'facebook-preview') }), (0, jsx_runtime_1.jsx)("span", { className: "facebook-preview__post-header-dot", "aria-hidden": "true", children: "\u00B7" }), (0, jsx_runtime_1.jsx)(icons_1.default, { name: "public" })] })] })] }), !hideOptions && (0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__post-header-more" })] }));
+                                            'Just now', '', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { className: "facebook-preview__post-header-dot", "aria-hidden": "true", children: "\u00B7" }), (0, jsx_runtime_1.jsx)(icons_1.default, { name: "public" })] })] })] }), !hideOptions && (0, jsx_runtime_1.jsx)("div", { className: "facebook-preview__post-header-more" })] }));
 };
 exports.default = FacebookPostHeader;
 //# sourceMappingURL=index.js.map

package/dist/cjs/facebook-preview/post/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/header/index.tsx"],"names":[],"mappings":";;;;AAAA,0CAAyC;AACzC,iCAA8C;AAC9C,6DAAwC;AAGxC,yBAAuB;AAEvB,MAAM,aAAa,GAClB,ooKAAooK,CAAC;AAQtoK,MAAM,kBAAkB,GAAsB,CAAE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,EAAG,EAAE;IACtF,MAAM,CAAE,SAAS,EAAE,YAAY,CAAE,GAAG,IAAA,gBAAQ,EAAY,IAAI,EAAE,SAAS,IAAI,aAAa,CAAE,CAAC;IAC3F,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAE,GAAG,EAAE;QACtC,IAAK,SAAS,KAAK,aAAa,EAAG;YAClC,YAAY,CAAE,aAAa,CAAE,CAAC;SAC9B;IACF,CAAC,EAAE,CAAE,SAAS,CAAE,CAAE,CAAC;IAEnB,OAAO,CACN,iCAAK,SAAS,EAAC,+BAA+B,aAC7C,iCAAK,SAAS,EAAC,uCAAuC,aACrD,gCACC,SAAS,EAAC,sCAAsC,EAChD,GAAG,EAAG,SAAS,EACf,GAAG,EAAC,EAAE,EACN,OAAO,EAAG,YAAY,GACrB,EACF,4CACC,gCAAK,SAAS,EAAC,oCAAoC,YAChD,IAAI,EAAE,WAAW;oCAClB,iDAAiD;oCACjD,IAAA,SAAE,EAAE,gBAAgB,EAAE,kBAAkB,CAAE,GACtC,EACN,iCAAK,SAAS,EAAC,qCAAqC,aACnD,iCAAM,SAAS,EAAC,oCAAoC,YACjD,WAAW;4CACZ,CAAC,CAAC,IAAA,SAAE;4CACF,yCAAyC;4CACzC,IAAI,EACJ,kBAAkB,CACjB;4CACH,CAAC,CAAC,IAAA,SAAE;4CACF,gEAAgE;4CAChE,UAAU,EACV,EAAE,EACF,kBAAkB,CACjB,GACE,EACP,iCAAM,SAAS,EAAC,mCAAmC,iBAAa,MAAM,uBAE/D,EACP,uBAAC,eAAgB,IAAC,IAAI,EAAC,QAAQ,GAAG,IAC7B,IACD,IACD,EACJ,CAAE,WAAW,IAAI,gCAAK,SAAS,EAAC,oCAAoC,GAAO,IACxE,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/header/index.tsx"],"names":[],"mappings":";;;;AAAA,0CAAyC;AACzC,iCAA8C;AAC9C,6DAAwC;AAGxC,yBAAuB;AAEvB,MAAM,aAAa,GAClB,ooKAAooK,CAAC;AAQtoK,MAAM,kBAAkB,GAAsB,CAAE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,EAAG,EAAE;IACtF,MAAM,CAAE,SAAS,EAAE,YAAY,CAAE,GAAG,IAAA,gBAAQ,EAAY,IAAI,EAAE,SAAS,IAAI,aAAa,CAAE,CAAC;IAC3F,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAE,GAAG,EAAE;QACtC,IAAK,SAAS,KAAK,aAAa,EAAG;YAClC,YAAY,CAAE,aAAa,CAAE,CAAC;SAC9B;IACF,CAAC,EAAE,CAAE,SAAS,CAAE,CAAE,CAAC;IAEnB,OAAO,CACN,iCAAK,SAAS,EAAC,+BAA+B,aAC7C,iCAAK,SAAS,EAAC,uCAAuC,aACrD,gCACC,SAAS,EAAC,sCAAsC,EAChD,GAAG,EAAG,SAAS,EACf,GAAG,EAAC,EAAE,EACN,OAAO,EAAG,YAAY,GACrB,EACF,4CACC,gCAAK,SAAS,EAAC,oCAAoC,YAChD,IAAI,EAAE,WAAW;oCAClB,iDAAiD;oCACjD,IAAA,SAAE,EAAE,gBAAgB,EAAE,iBAAiB,CAAE,GACrC,EACN,iCAAK,SAAS,EAAC,qCAAqC,aACnD,iCAAM,SAAS,EAAC,oCAAoC,YACjD,WAAW;4CACZ,CAAC,CAAC,IAAA,SAAE;4CACF,yCAAyC;4CACzC,IAAI,EACJ,iBAAiB,CAChB;4CACH,CAAC,CAAC,IAAA,SAAE;4CACF,gEAAgE;4CAChE,UAAU,EACV,EAAE,EACF,iBAAiB,CAChB,GACE,EACP,iCAAM,SAAS,EAAC,mCAAmC,iBAAa,MAAM,uBAE/D,EACP,uBAAC,eAAgB,IAAC,IAAI,EAAC,QAAQ,GAAG,IAC7B,IACD,IACD,EACJ,CAAE,WAAW,IAAI,gCAAK,SAAS,EAAC,oCAAoC,GAAO,IACxE,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FacebookPostPreview = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const constants_1 = require("../constants");
@@ -7,10 +8,11 @@ const custom_text_1 = tslib_1.__importDefault(require("./custom-text"));
 const use_image_hook_1 = tslib_1.__importDefault(require("./hooks/use-image-hook"));
 const actions_1 = tslib_1.__importDefault(require("./post/actions"));
 const header_1 = tslib_1.__importDefault(require("./post/header"));
+require("./style.scss");
 const FacebookPostPreview = ({ url, user, customText, customImage, imageMode, }) => {
     const [mode, isLoadingImage, imgProps] = (0, use_image_hook_1.default)({ mode: imageMode });
     const modeClass = `is-${mode === constants_1.PORTRAIT_MODE ? 'portrait' : 'landscape'}`;
     return ((0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__post", children: [(0, jsx_runtime_1.jsx)(header_1.default, { user: user }), (0, jsx_runtime_1.jsxs)("div", { className: "facebook-preview__content", children: [customText && (0, jsx_runtime_1.jsx)(custom_text_1.default, { text: customText, url: url, forceUrlDisplay: true }), (0, jsx_runtime_1.jsx)("div", { className: `facebook-preview__body ${isLoadingImage ? 'is-loading' : ''}`, children: (0, jsx_runtime_1.jsx)("div", { className: `facebook-preview__custom-image ${modeClass}`, children: (0, jsx_runtime_1.jsx)("img", { src: customImage, ...imgProps }) }) })] }), (0, jsx_runtime_1.jsx)(actions_1.default, {})] }));
 };
-exports.default = FacebookPostPreview;
+exports.FacebookPostPreview = FacebookPostPreview;
 //# sourceMappingURL=post-preview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/facebook-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,4CAA6C;AAC7C,wEAAuC;AACvC,oFAA8C;AAC9C,qEAAiD;AACjD,mEAA+C;AAG/C,MAAM,mBAAmB,GAAqC,CAAE,EAC/D,GAAG,EACH,IAAI,EACJ,UAAU,EACV,WAAW,EACX,SAAS,GACT,EAAG,EAAE;IACL,MAAM,CAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAE,GAAG,IAAA,wBAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,MAAO,IAAI,KAAK,yBAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAY,EAAE,CAAC;IAE9E,OAAO,CACN,iCAAK,SAAS,EAAC,wBAAwB,aACtC,uBAAC,gBAAkB,IAAC,IAAI,EAAG,IAAI,GAAK,EACpC,iCAAK,SAAS,EAAC,2BAA2B,aACvC,UAAU,IAAI,uBAAC,qBAAU,IAAC,IAAI,EAAG,UAAU,EAAG,GAAG,EAAG,GAAG,EAAG,eAAe,SAAG,EAC9E,gCAAK,SAAS,EAAG,0BAA2B,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAG,EAAE,YAChF,gCAAK,SAAS,EAAG,kCAAmC,SAAU,EAAE,YAE/D,gCAAK,GAAG,EAAG,WAAW,KAAQ,QAAQ,GAAK,GACtC,GACD,IACD,EACN,uBAAC,iBAAmB,KAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/facebook-preview/post-preview.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6C;AAC7C,wEAAuC;AACvC,oFAA8C;AAC9C,qEAAiD;AACjD,mEAA+C;AAG/C,wBAAsB;AAEf,MAAM,mBAAmB,GAAqC,CAAE,EACtE,GAAG,EACH,IAAI,EACJ,UAAU,EACV,WAAW,EACX,SAAS,GACT,EAAG,EAAE;IACL,MAAM,CAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAE,GAAG,IAAA,wBAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,MAAO,IAAI,KAAK,yBAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAY,EAAE,CAAC;IAE9E,OAAO,CACN,iCAAK,SAAS,EAAC,wBAAwB,aACtC,uBAAC,gBAAkB,IAAC,IAAI,EAAG,IAAI,GAAK,EACpC,iCAAK,SAAS,EAAC,2BAA2B,aACvC,UAAU,IAAI,uBAAC,qBAAU,IAAC,IAAI,EAAG,UAAU,EAAG,GAAG,EAAG,GAAG,EAAG,eAAe,SAAG,EAC9E,gCAAK,SAAS,EAAG,0BAA2B,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAG,EAAE,YAChF,gCAAK,SAAS,EAAG,kCAAmC,SAAU,EAAE,YAE/D,gCAAK,GAAG,EAAG,WAAW,KAAQ,QAAQ,GAAK,GACtC,GACD,IACD,EACN,uBAAC,iBAAmB,KAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC;AAzBW,QAAA,mBAAmB,uBAyB9B"}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FacebookPreviews = void 0;
+const tslib_1 = require("tslib");
+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 link_preview_1 = require("./link-preview");
+const link_preview_details_1 = require("./link-preview-details");
+const post_preview_1 = require("./post-preview");
+const FacebookPreviews = (props) => {
+    const { customImage } = props;
+    const hasCustomImage = !!customImage;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "social-preview facebook-preview", children: [(0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section facebook-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: props.headingLevel, children: 
+                        // translators: refers to a social post on Facebook
+                        (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 Facebook:', 'social-previews') }), hasCustomImage ? ((0, jsx_runtime_1.jsx)(post_preview_1.FacebookPostPreview, { ...props })) : ((0, jsx_runtime_1.jsx)(link_preview_1.FacebookLinkPreview, { ...props }))] }), (0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section facebook-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: props.headingLevel, children: 
+                        // translators: refers to a link to a Facebook 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 Facebook.', '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') })] }), hasCustomImage ? ((0, jsx_runtime_1.jsx)(link_preview_details_1.LinkPreviewDetails, { ...props })) : ((0, jsx_runtime_1.jsx)(link_preview_1.FacebookLinkPreview, { ...props, compactDescription: true, customText: "", user: undefined }))] })] }));
+};
+exports.FacebookPreviews = FacebookPreviews;
+//# sourceMappingURL=previews.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/facebook-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AAEvD,iDAAqD;AACrD,iEAA4D;AAC5D,iDAAqD;AAK9C,MAAM,gBAAgB,GAAsC,CAAE,KAAK,EAAG,EAAE;IAC9E,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,cAAc,GAAG,CAAC,CAAE,WAAW,CAAC;IAEtC,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC/C,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,KAAK,CAAC,YAAY;wBAExC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACF,cAAc,CAAC,CAAC,CAAC,CAClB,uBAAC,kCAAmB,OAAM,KAAK,GAAK,CACpC,CAAC,CAAC,CAAC,CACH,uBAAC,kCAAmB,OAAM,KAAK,GAAK,CACpC,IACQ,EACV,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,KAAK,CAAC,YAAY;wBAExC,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,EACF,cAAc,CAAC,CAAC,CAAC,CAClB,uBAAC,yCAAkB,OAAM,KAAK,GAAK,CACnC,CAAC,CAAC,CAAC,CACH,uBAAC,kCAAmB,OAAM,KAAK,EAAG,kBAAkB,QAAC,UAAU,EAAC,EAAE,EAAC,IAAI,EAAG,SAAS,GAAK,CACxF,IACQ,IACL,CACN,CAAC;AACH,CAAC,CAAC;AA/CW,QAAA,gBAAgB,oBA+C3B"}

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

@@ -8,6 +8,8 @@
 
 .facebook-preview__post {
 	overflow-y: hidden;
+	max-width: clamp(#{$facebook-preview-min-width}, 100%, #{$facebook-preview-max-width});
+	margin-inline: auto;
 
 	display: flex;
 	flex-direction: column;

package/dist/cjs/google-search-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/google-search-preview/index.tsx"],"names":[],"mappings":";;;;AAAA,wCAOoB;AAEpB,wBAAsB;AAEtB,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,SAAS,GAAG,CAAE,GAAW,EAAG,EAAE;IACnC,MAAM,QAAQ,GAAG,GAAG,CAAC,UAAU,CAAE,UAAU,CAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,MAAM,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAE,QAAQ,EAAE,EAAE,CAAE,CAAC,KAAK,CAAE,GAAG,CAAE,CAAC,IAAI,CAAE,KAAK,CAAE,CAAC;IAErF,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAE,IAAA,qBAAW,EAAE,UAAU,CAAE,EAAE,IAAA,wBAAc,EAAE,UAAU,CAAE,CAAE,CAAC;IAEjG,OAAO,kBAAkB,CAAE,UAAU,CAAE,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,oBAAU,EAC7B,IAAA,qBAAW,EAAE,YAAY,CAAE,EAC3B,IAAA,0BAAgB,EAAE,YAAY,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,CAAE,EACxD,IAAA,wBAAc,EAAE,YAAY,CAAE,CAC9B,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAA,oBAAU,EACnC,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,0BAAgB,EAAE,kBAAkB,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,CAAE,EACpE,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAC;AASK,MAAM,mBAAmB,GAAyC,CAAE,EAC1E,WAAW,GAAG,EAAE,EAChB,SAAS,EACT,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,EAAE,GACR,EAAG,EAAE;IACL,MAAM,MAAM,GAAG,IAAA,oBAAU,EAAE,GAAG,CAAE,CAAC;IAEjC,OAAO,CACN,gCAAK,SAAS,EAAC,gBAAgB,YAC9B,iCAAK,SAAS,EAAC,yBAAyB,aACvC,iCAAK,SAAS,EAAC,wBAAwB,aACtC,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCACC,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAG,wDAAyD,MAAO,EAAE,EACxE,GAAG,EAAC,EAAE,GACL,EACF,iCAAK,SAAS,EAAC,sBAAsB,aACpC,gCAAK,SAAS,EAAC,6BAA6B,YAAG,SAAS,IAAI,MAAM,GAAQ,EAC1E,gCAAK,SAAS,EAAC,qBAAqB,YAAG,SAAS,CAAE,GAAG,CAAE,GAAQ,IAC1D,IACD,EACN,gCAAK,SAAS,EAAC,sBAAsB,YACpC,gCAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,YAC5E,iCAAM,CAAC,EAAC,mJAAmJ,GAAQ,GAC9J,GACD,IACD,EACN,gCAAK,SAAS,EAAC,uBAAuB,YAAG,WAAW,CAAE,KAAK,CAAE,GAAQ,EACrE,gCAAK,SAAS,EAAC,6BAA6B,YACzC,iBAAiB,CAAE,IAAA,uBAAa,EAAE,WAAW,CAAE,CAAE,GAC9C,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AApCW,QAAA,mBAAmB,uBAoC9B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/google-search-preview/index.tsx"],"names":[],"mappings":";;;;AAAA,wCAOoB;AAGpB,wBAAsB;AAEtB,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,SAAS,GAAG,CAAE,GAAW,EAAG,EAAE;IACnC,MAAM,QAAQ,GAAG,GAAG,CAAC,UAAU,CAAE,UAAU,CAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,MAAM,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAE,QAAQ,EAAE,EAAE,CAAE,CAAC,KAAK,CAAE,GAAG,CAAE,CAAC,IAAI,CAAE,KAAK,CAAE,CAAC;IAErF,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAE,IAAA,qBAAW,EAAE,UAAU,CAAE,EAAE,IAAA,wBAAc,EAAE,UAAU,CAAE,CAAE,CAAC;IAEjG,OAAO,kBAAkB,CAAE,UAAU,CAAE,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,oBAAU,EAC7B,IAAA,qBAAW,EAAE,YAAY,CAAE,EAC3B,IAAA,0BAAgB,EAAE,YAAY,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,CAAE,EACxD,IAAA,wBAAc,EAAE,YAAY,CAAE,CAC9B,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAA,oBAAU,EACnC,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,0BAAgB,EAAE,kBAAkB,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,CAAE,EACpE,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAC;AAMK,MAAM,mBAAmB,GAAyC,CAAE,EAC1E,WAAW,GAAG,EAAE,EAChB,SAAS,EACT,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,EAAE,GACR,EAAG,EAAE;IACL,MAAM,MAAM,GAAG,IAAA,oBAAU,EAAE,GAAG,CAAE,CAAC;IAEjC,OAAO,CACN,gCAAK,SAAS,EAAC,gBAAgB,YAC9B,iCAAK,SAAS,EAAC,yBAAyB,aACvC,iCAAK,SAAS,EAAC,wBAAwB,aACtC,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCACC,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAG,wDAAyD,MAAO,EAAE,EACxE,GAAG,EAAC,EAAE,GACL,EACF,iCAAK,SAAS,EAAC,sBAAsB,aACpC,gCAAK,SAAS,EAAC,6BAA6B,YAAG,SAAS,IAAI,MAAM,GAAQ,EAC1E,gCAAK,SAAS,EAAC,qBAAqB,YAAG,SAAS,CAAE,GAAG,CAAE,GAAQ,IAC1D,IACD,EACN,gCAAK,SAAS,EAAC,sBAAsB,YACpC,gCAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,YAC5E,iCAAM,CAAC,EAAC,mJAAmJ,GAAQ,GAC9J,GACD,IACD,EACN,gCAAK,SAAS,EAAC,uBAAuB,YAAG,WAAW,CAAE,KAAK,CAAE,GAAQ,EACrE,gCAAK,SAAS,EAAC,6BAA6B,YACzC,iBAAiB,CAAE,IAAA,uBAAa,EAAE,WAAW,CAAE,CAAE,GAC9C,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AApCW,QAAA,mBAAmB,uBAoC9B"}

package/dist/cjs/index.js

@@ -7,4 +7,5 @@ tslib_1.__exportStar(require("./linkedin-preview"), exports);
 tslib_1.__exportStar(require("./tumblr-preview"), exports);
 tslib_1.__exportStar(require("./facebook-preview"), exports);
 tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC;AAClC,6DAAmC;AACnC,2DAAiC;AACjC,6DAAmC;AACnC,sDAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC;AAClC,6DAAmC;AACnC,2DAAiC;AACjC,6DAAmC;AACnC,sDAA4B;AAC5B,kDAAwB"}

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

@@ -0,0 +1,10 @@
+"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_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

@@ -0,0 +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"}

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

@@ -1,29 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkedInPreview = exports.FEED_TEXT_MAX_LINES = exports.FEED_TEXT_MAX_LENGTH = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const i18n_1 = require("@wordpress/i18n");
-const helpers_1 = require("../helpers");
-require("./style.scss");
-exports.FEED_TEXT_MAX_LENGTH = 212;
-exports.FEED_TEXT_MAX_LINES = 3;
-function LinkedInPreview({ image, jobTitle, name, profileImage, text, title, url, }) {
-    return ((0, jsx_runtime_1.jsxs)("section", { className: "linkedin-preview", 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: 
-                                        // 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: [text ? ((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)(text, {
-                                platform: 'linkedin',
-                                maxChars: exports.FEED_TEXT_MAX_LENGTH,
-                                maxLines: exports.FEED_TEXT_MAX_LINES,
-                            }),
-                        } })) : null, (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: 
-                                                // translators: x is the number of minutes it takes to read the article
-                                                (0, i18n_1.__)('x min read', 'social-previews') })] })] })) : null] })] })] }));
-}
-exports.LinkedInPreview = LinkedInPreview;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./link-preview"), exports);
+tslib_1.__exportStar(require("./post-preview"), exports);
+tslib_1.__exportStar(require("./previews"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/linkedin-preview/index.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAA4D;AAC5D,wBAAsB;AAET,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAC3B,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAYrC,SAAgB,eAAe,CAAE,EAChC,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,GAAG,GACmB;IACtB,OAAO,CACN,qCAAS,SAAS,EAAC,kBAAkB,aACpC,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCAAK,SAAS,EAAC,kCAAkC,YAChD,gCAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,GAC9B,EACN,iCAAK,SAAS,EAAC,mCAAmC,aACjD,iCAAK,SAAS,EAAC,wCAAwC,aACtD,gCAAK,SAAS,EAAC,wCAAwC,YAAG,IAAI,GAAQ,EACtE,sDAAc,EACd,gCAAK,SAAS,EAAC,yCAAyC;wCAEtD,kGAAkG;wCAClG,IAAA,SAAE,EAAE,KAAK,EAAE,iBAAiB,CAAE,GAE1B,IACD,EACJ,QAAQ,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,CAC3E,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,wCAAwC,aACtD;wCAEE,0EAA0E;wCAC1E,IAAA,SAAE,EAAE,IAAI,EAAE,iBAAiB,CAAE,GAExB,EACP,sDAAc,EAEd,gCAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,YACpF,iCAAM,CAAC,EAAC,4XAA4X,GAAG,GAClY,IACD,IACD,IACD,EACN,iCAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,CAAC,CAAC,CAAC,CACR,gCACC,SAAS,EAAC,2BAA2B;wBACrC,sGAAsG;wBACtG,2CAA2C;wBAC3C,uBAAuB,EAAG;4BACzB,MAAM,EAAE,IAAA,4BAAkB,EAAE,IAAI,EAAE;gCACjC,QAAQ,EAAE,UAAU;gCACpB,QAAQ,EAAE,4BAAoB;gCAC9B,QAAQ,EAAE,2BAAmB;6BAC7B,CAAE;yBACH,GACA,CACF,CAAC,CAAC,CAAC,IAAI,EACR,gDACG,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,yBAAyB,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,EAC/E,GAAG,CAAC,CAAC,CAAC,CACP,iCAAK,SAAS,EAAC,+BAA+B,aAC7C,+BAAI,SAAS,EAAC,sCAAsC,YAAG,KAAK,GAAO,EACnE,iCAAK,SAAS,EAAC,qCAAqC,aACnD,iCAAM,SAAS,EAAC,oCAAoC,YAAG,IAAA,oBAAU,EAAE,GAAG,CAAE,GAAS,EACjF,sDAAc,EACd;gDAEE,uEAAuE;gDACvE,IAAA,SAAE,EAAE,YAAY,EAAE,iBAAiB,CAAE,GAEhC,IACF,IACD,CACN,CAAC,CAAC,CAAC,IAAI,IACC,IACL,IACG,CACV,CAAC;AACH,CAAC;AAhFD,0CAgFC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/linkedin-preview/index.tsx"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,yDAA+B;AAC/B,qDAA2B"}

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

@@ -0,0 +1,11 @@
+"use strict";
+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 });
+}
+exports.LinkedInLinkPreview = LinkedInLinkPreview;
+//# sourceMappingURL=link-preview.js.map

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

@@ -0,0 +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,uBAAC,kCAAmB,OAAM,yBAAa,KAAQ,KAAK,GAAK,CAAC;AAClE,CAAC;AAFD,kDAEC"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkedInPostPreview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("@wordpress/i18n");
+const helpers_1 = require("../helpers");
+const constants_1 = require("./constants");
+require("./style.scss");
+function LinkedInPostPreview({ image, jobTitle, name, profileImage, description, title, url, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: "linkedin-preview__container", 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: 
+                                            // 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, (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: 
+                                                    // translators: x is the number of minutes it takes to read the article
+                                                    (0, i18n_1.__)('x min read', 'social-previews') })] })] })) : null] })] })] }) }));
+}
+exports.LinkedInPostPreview = LinkedInPostPreview;
+//# sourceMappingURL=post-preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAA4D;AAC5D,2CAAwE;AAGxE,wBAAsB;AAEtB,SAAgB,mBAAmB,CAAE,EACpC,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,KAAK,EACL,GAAG,GACmB;IACtB,OAAO,CACN,gCAAK,SAAS,EAAC,2BAA2B,YACzC,qCAAS,SAAS,EAAC,6BAA6B,aAC/C,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCAAK,SAAS,EAAC,kCAAkC,YAChD,gCAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,GAC9B,EACN,iCAAK,SAAS,EAAC,mCAAmC,aACjD,iCAAK,SAAS,EAAC,wCAAwC,aACtD,gCAAK,SAAS,EAAC,wCAAwC,YAAG,IAAI,GAAQ,EACtE,sDAAc,EACd,gCAAK,SAAS,EAAC,yCAAyC;4CAEtD,kGAAkG;4CAClG,IAAA,SAAE,EAAE,KAAK,EAAE,iBAAiB,CAAE,GAE1B,IACD,EACJ,QAAQ,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,CAC3E,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,wCAAwC,aACtD;4CAEE,0EAA0E;4CAC1E,IAAA,SAAE,EAAE,IAAI,EAAE,iBAAiB,CAAE,GAExB,EACP,sDAAc,EAEd,gCAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,YACpF,iCAAM,CAAC,EAAC,4XAA4X,GAAG,GAClY,IACD,IACD,IACD,EACN,iCAAK,SAAS,EAAC,2BAA2B,aACvC,WAAW,CAAC,CAAC,CAAC,CACf,gCACC,SAAS,EAAC,2BAA2B;4BACrC,sGAAsG;4BACtG,2CAA2C;4BAC3C,uBAAuB,EAAG;gCACzB,MAAM,EAAE,IAAA,4BAAkB,EAAE,WAAW,EAAE;oCACxC,QAAQ,EAAE,UAAU;oCACpB,QAAQ,EAAE,gCAAoB;oCAC9B,QAAQ,EAAE,+BAAmB;iCAC7B,CAAE;6BACH,GACA,CACF,CAAC,CAAC,CAAC,IAAI,EACR,gDACG,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,yBAAyB,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,EAC/E,GAAG,CAAC,CAAC,CAAC,CACP,iCAAK,SAAS,EAAC,+BAA+B,aAC7C,+BAAI,SAAS,EAAC,sCAAsC,YAAG,KAAK,GAAO,EACnE,iCAAK,SAAS,EAAC,qCAAqC,aACnD,iCAAM,SAAS,EAAC,oCAAoC,YAAG,IAAA,oBAAU,EAAE,GAAG,CAAE,GAAS,EACjF,sDAAc,EACd;oDAEE,uEAAuE;oDACvE,IAAA,SAAE,EAAE,YAAY,EAAE,iBAAiB,CAAE,GAEhC,IACF,IACD,CACN,CAAC,CAAC,CAAC,IAAI,IACC,IACL,IACG,GACL,CACN,CAAC;AACH,CAAC;AAlFD,kDAkFC"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkedInPreviews = void 0;
+const tslib_1 = require("tslib");
+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, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "social-preview linkedin-preview", children: [(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 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 })] }), (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 })] })] }));
+};
+exports.LinkedInPreviews = LinkedInPreviews;
+//# sourceMappingURL=previews.js.map

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

@@ -0,0 +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,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC/C,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,EACV,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,IACL,CACN,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,gBAAgB,oBAuC3B"}

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

@@ -1,10 +1,33 @@
+
+
 .linkedin-preview {
-	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
-	/* stylelint-disable-next-line scales/radii */
-	border-radius: 8px;
-	overflow: hidden;
-	max-width: 555px;
 	background-color: #fff;
+	padding: 20px;
+
+	&__wrapper {
+		padding: 20px;
+		background-color: #fff;
+		margin-inline: auto;
+		max-width: clamp(450px, 100%, 555px);
+	}
+
+	// When the preview is in a section of all previews
+	&__section &__wrapper {
+		padding: 0;
+	}
+
+	&__section {
+		width: clamp(450px, 100%, 555px);
+		margin-inline: auto;
+	}
+
+	&__container {
+
+		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
+		/* stylelint-disable-next-line scales/radii */
+		border-radius: 8px;
+		overflow: hidden;
+	}
 
 	&__header {
 		display: flex;

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

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

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

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