@automattic/social-previews 2.0.0-beta.2 → 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,24 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+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"}
+{"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 DefaultFacebookPostPreview = ({ 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 = DefaultFacebookPostPreview;
-//# 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

@@ -5,24 +5,24 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const i18n_1 = require("@wordpress/i18n");
 const react_1 = require("react");
 const icons_1 = tslib_1.__importDefault(require("../icons"));
-const default_avatar_png_1 = tslib_1.__importDefault(require("./default-avatar.png"));
 require("./styles.scss");
+const defaultAvatar = 'data:image/png;base64,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';
 const FacebookPostHeader = ({ user, timeElapsed, hideOptions }) => {
-    const [avatarSrc, setAvatarSrc] = (0, react_1.useState)(user?.avatarUrl || default_avatar_png_1.default);
+    const [avatarSrc, setAvatarSrc] = (0, react_1.useState)(user?.avatarUrl || defaultAvatar);
     const onImageError = (0, react_1.useCallback)(() => {
-        if (avatarSrc !== default_avatar_png_1.default) {
-            setAvatarSrc(default_avatar_png_1.default);
+        if (avatarSrc !== defaultAvatar) {
+            setAvatarSrc(defaultAvatar);
         }
     }, [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;AACxC,sFAAiD;AAGjD,yBAAuB;AAQvB,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,4BAAa,CAAE,CAAC;IAC3F,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAE,GAAG,EAAE;QACtC,IAAK,SAAS,KAAK,4BAAa,EAAG;YAClC,YAAY,CAAE,4BAAa,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/icons/index.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const fb_icons_png_1 = tslib_1.__importDefault(require("./fb-icons.png"));
 require("./styles.scss");
-const FacebookPostIcon = ({ name }) => ((0, jsx_runtime_1.jsx)("i", { className: `facebook-preview__post-icon facebook-preview__post-icon-${name}`, style: { backgroundImage: `url(${fb_icons_png_1.default})` } }));
+const FacebookPostIcon = ({ name }) => ((0, jsx_runtime_1.jsx)("i", { className: `facebook-preview__post-icon facebook-preview__post-icon-${name}` }));
 exports.default = FacebookPostIcon;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/icons/index.tsx"],"names":[],"mappings":";;;;AAAA,0EAAqC;AAErC,yBAAuB;AAEvB,MAAM,gBAAgB,GAAiC,CAAE,EAAE,IAAI,EAAE,EAAG,EAAE,CAAC,CACtE,8BACC,SAAS,EAAG,2DAA4D,IAAK,EAAE,EAC/E,KAAK,EAAG,EAAE,eAAe,EAAE,OAAQ,sBAAQ,GAAG,EAAE,GAC/C,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/icons/index.tsx"],"names":[],"mappings":";;;AAAA,yBAAuB;AAEvB,MAAM,gBAAgB,GAAiC,CAAE,EAAE,IAAI,EAAE,EAAG,EAAE,CAAC,CACtE,8BAAG,SAAS,EAAG,2DAA4D,IAAK,EAAE,GAAK,CACvF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/cjs/facebook-preview/post/icons/styles.scss

@@ -1,6 +1,8 @@
 .facebook-preview__post-icon {
 	display: inline-block;
 
+	/* stylelint-disable-next-line function-url-quotes */
+	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJIAAAAkCAYAAABi6GPmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfySURBVHgB7Vx/iFVFFP6SCAmTCAuRisVqkTCTMouIEJEQBAkREcEIEYnWQqIsIor+EBGJRSQwlhAMWUxMQlqRRfxDthCRsBBdRDaR2kosWgmxddfm887Vc+fNzJ15b+6+92A/OLC8mTlz79zvnl8zd4HG0alkr5ILSv5WMqBkg5K7MYmJxMNKepUMa+nVv4WO7VLSp2RQyVUtg/q3rghddWGlkn+V3LTIQKLJn1TSreQMspu7mUiuap3deo4qsVbJRSX7ldyP9OA6X0HtPV6B/xnMUtKj5AbK1+uG7jsLiTEF9ouXcl7JNNQHWrSdSsaQjjwuGdNzVWVFL4u5Til5AGnRC/e99TrGLFcyovv8p+RrJWuQeZhpWjr1b38pGdd9R/TYZHgIRebPVTJDyWYl10Xbl4gHH2g/qieQKf2ohkzmPD8iLZmG4b6nYUv/t3DnBf1GyWMl+gcMnSTV20iEmULxJaPtVdE2ivhF24nihR9H9hakNKuztM7jxlw7kR62B3wa2YuXAjFE4j2PaXmvXDVes+gc15LEMs0Qii9b2o+J9g0IB+MV6c62InOjVWGKnkO6udQxk+lG879/RmbZG0Woa+PLk7uz90t03qXkK/gt+AgSvNzThMKrlvZNon0HwtGNoiWqkkQ5pqBombqRFnLxGXNIMjHgb5RMocF2j/79XIDOJxAWDvSgQdyLovsyId3bAYTjjBiXNKgrwXIUH25KyIUnVqNIprPIQoVGUJb+829mXnRJXQH67lHyC/wkGtc6G8rO1wuFg5b2ZaL9MMIhU/zkqaYHs+C3sI3AJBLB0skoimtY5f12ibmesbSvQlai+ELJ88gC8KMIs0obUSfoCgaFoncsfdaJ9j0Ih23RJwpVze3SuwJFMrFcUlXhr0/Ms9bSThc1jjDimNKHOiHdFqvZtlrRNsekXDgG5yeUbEdWq5BodyLNUfImsuIjXZZZsDXBtZRk4g7BoyVzMAtmgpAXaf9Btp6MS10x5TkUPYSrzPE4yl2aKYOoEyeEkq2OPociLmSbGNeOROLDo2s4Bf99jjrGMwyQtbchJR2OvvNRLHCachBZfGNixNKvwzHHEWTkJPlYW/sN/vuqKxR4WSi4BnfG8QPiWL1Fj2s3Ii1CZkXK7o9E2erRY5KJ8UqHpV/+gvJBjzrmsrmuEUdfehQahqfgxn1KfkIJkWhG+42bsC1Cv+57WPy+C/WB5OPCnUTxbZ2J9iESrVA3ateKroxuje5tnpLpCMcryF7OXBcLvbONPlyj+fpvuiEbmfotus/BT/T98IPu9BNkBDbH3nJtMVsR0sqM6RtpBHwY0k0uR3sQia7jgNGfNZuP0PjWxxIUyfQr/Otsqx/Zyhd98D/b0JLH06gl761g+zrCiRTD4FDIoHwz2oNIB42+3yJNhTrHYhSDdJKp09JvHuzPZsjStwv+53kR4bhkjL1VlwpZPNvEC5AGu4XO9Wh9In1o9NuGarAIRTIdt/RxeZMBS19ZkLSN4e+zUY5HjDG3C5KxRGJgtQZpwLdYmuZ1aG0ivYBiRXo7qgP3Ms+KuS4Y7WYYIOUzh84e+K3S90oehB8bjTG3t0hiidSJdOA2y16h23zDJhplc8sY8Riq2wdkQC23ikje1UYfWRA25UWHXrlp65I/kRWQmflNteiQMW1h0zaWSKkxW+j+o+K5yuCbe6VoYzBcVQWaes+jSCIznZclGFPOlujPj5GEVLEPGWOfxR2XVnOMpNlEksdRzNRyouGbW54OqCou6kAWKOfzMDtaZem3A+6HvwzlkAfbyuQ5PYZ7b7/jDpFqDrY1m0gyLqLraMVN207RxizXl+IvVPKxkn3IzhsNa320Yls845jiXzLmcZ1+cBV7+xEOedTWZ51YN+Qx3Dzldx61bRaRuNfDN1uWH1iHacVjJFtEm63swQP9nyJL031v93XYwf05ecqRpFsKN4Yc+uchDkkP/zeLSISsDHNxpqI1D7bJANN0HdwotVV7XWKCD1/unTHlXww/zlj0Xkb9SPI5UjOJtAK1b3qrHbWdLq6H5j0/6cDSxRHUPlAmDHxzGSAvQPEjCXP9eC5Ilj/48F5COWz1I15bXgHnFkqjB+Wi0UwiyaBR7tu10uH/paLtpP7NzKwozJYYGNtIb1s/1qSkJePm6UKEYS3s1m5U6DyECUYziMRg9V0U46Mlor3scySOcwWujFf4CdQ1hLubXGyfI8mz5yRZB4oxypi+Fp/VNNeP6btMKmiV5iMc3Oszt2lMNxejLwmaQaR9hs4Tlj5lH0jaAlfGL75Pc1zi+0Dyc9HPTAauISzdlnPxhZFbH3SFcxEPEpck59rRCuVfDtNNp/4AMwjNINLrQh9L/74b932ynYNWaA/iyBP6ybaMg2TBlCRagjCYL0D+t2szti0RSyTWRpaiMewS+mI//TGv12aFhhFmKUJwGnYirorQYRvP3faQTdK2QSyRcmGWxQxjKsJAU8yDcR+geJ6lLNX1XYvNCvG3lP+oYcgyR2xl2xwfci677VAvkVLIUTR2vVVZIQnzfDRjkthyhEzxq/7sqGmIJRIzohT/IYRl/nq+fbfpSm2FJGRcxvhmDuLxBrL0nllhygNwLYWYE5J5psQAkXEO44fRwLHsx7iAi8k6SL3/9UOm9VVZIYnvxHybMAknYs5sx2wKVgXuafHt3o3qrJAEK9ncLa+asG2P2K9IJjGJGvwP+tnxKdafpLoAAAAASUVORK5CYII=");
 	background-repeat: no-repeat;
 	background-size: 73px 18px;
 

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

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./facebook-preview"), exports);
 tslib_1.__exportStar(require("./google-search-preview"), exports);
 tslib_1.__exportStar(require("./twitter-preview"), exports);
 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,6DAAmC;AACnC,kEAAwC;AACxC,4DAAkC;AAClC,6DAAmC;AACnC,2DAAiC;AACjC,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