@automattic/social-previews 1.1.4 → 2.0.0-beta.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## v2.0.0-beta.0 (2023-05-04)
+
+- Converted the package to TypeScript.
+- Added LinkedIn and Tumblr previews.
+- Updated Google Search, Facebook and Twitter previews to match their latest designs.
+
+## v1.1.5 (2022-08-24)
+
+- Declare an optional peer dependency on `@babel/runtime`, for CommonJS environments. This dependency already existed previously, it just wasn't declared.
+
 ## v1.1.4 (2022-05-25)
 
 - Add missing dependency on `@emotion/react`.

package/README.md

@@ -32,7 +32,7 @@ import { FacebookPreview } from '@automattic/social-previews';
 	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"
+	user={ { displayName: "Matt Mullenweg" } }
 />;
 ```
 

package/dist/cjs/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const AUTO_SHARED_SOCIAL_POST_PREVIEW = "AUTO_SHARED_SOCIAL_POST_PREVIEW";
+export declare const AUTO_SHARED_LINK_PREVIEW = "AUTO_SHARED_LINK_PREVIEW";
+export declare const DEFAULT_LINK_PREVIEW = "DEFAULT_LINK_PREVIEW";
+export declare const TYPE_WEBSITE = "website";
+export declare const TYPE_ARTICLE = "article";
+export declare const LANDSCAPE_MODE = "landscape";
+export declare const PORTRAIT_MODE = "portrait";
+//# sourceMappingURL=constants.d.ts.map

package/dist/cjs/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,+BAA+B,oCAAoC,CAAC;AACjF,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAE3D,eAAO,MAAM,YAAY,YAAY,CAAC;AACtC,eAAO,MAAM,YAAY,YAAY,CAAC;AAEtC,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,aAAa,aAAa,CAAC"}

package/dist/cjs/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PORTRAIT_MODE = exports.LANDSCAPE_MODE = exports.TYPE_ARTICLE = exports.TYPE_WEBSITE = exports.DEFAULT_LINK_PREVIEW = exports.AUTO_SHARED_LINK_PREVIEW = exports.AUTO_SHARED_SOCIAL_POST_PREVIEW = void 0;
+exports.AUTO_SHARED_SOCIAL_POST_PREVIEW = 'AUTO_SHARED_SOCIAL_POST_PREVIEW';
+exports.AUTO_SHARED_LINK_PREVIEW = 'AUTO_SHARED_LINK_PREVIEW';
+exports.DEFAULT_LINK_PREVIEW = 'DEFAULT_LINK_PREVIEW';
+exports.TYPE_WEBSITE = 'website';
+exports.TYPE_ARTICLE = 'article';
+exports.LANDSCAPE_MODE = 'landscape';
+exports.PORTRAIT_MODE = 'portrait';
+//# sourceMappingURL=constants.js.map

package/dist/cjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,+BAA+B,GAAG,iCAAiC,CAAC;AACpE,QAAA,wBAAwB,GAAG,0BAA0B,CAAC;AACtD,QAAA,oBAAoB,GAAG,sBAAsB,CAAC;AAE9C,QAAA,YAAY,GAAG,SAAS,CAAC;AACzB,QAAA,YAAY,GAAG,SAAS,CAAC;AAEzB,QAAA,cAAc,GAAG,WAAW,CAAC;AAC7B,QAAA,aAAa,GAAG,UAAU,CAAC"}

package/dist/cjs/facebook-preview/custom-text.d.ts

@@ -0,0 +1,8 @@
+declare type Props = {
+    text: string;
+    url: string;
+    forceUrlDisplay?: boolean;
+};
+declare const CustomText: React.FC<Props>;
+export default CustomText;
+//# sourceMappingURL=custom-text.d.ts.map

package/dist/cjs/facebook-preview/custom-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-text.d.ts","sourceRoot":"","sources":["../../../src/facebook-preview/custom-text.tsx"],"names":[],"mappings":"AAGA,aAAK,KAAK,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CAyBhC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const helpers_1 = require("../helpers");
+const helpers_2 = require("./helpers");
+const CustomText = ({ text, url, forceUrlDisplay }) => {
+    let postLink;
+    if (forceUrlDisplay || (0, helpers_1.hasTag)(text, 'a')) {
+        postLink = ((0, jsx_runtime_1.jsx)("a", { className: "facebook-preview__custom-text-post-url", href: url, rel: "nofollow noopener noreferrer", target: "_blank", children: url }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("p", { className: "facebook-preview__custom-text", children: [(0, jsx_runtime_1.jsx)("span", { 
+                // eslint-disable-next-line react/no-danger
+                dangerouslySetInnerHTML: { __html: (0, helpers_2.facebookCustomText)(text, { allowedTags: ['a'] }) } }), postLink] }));
+};
+exports.default = CustomText;
+//# sourceMappingURL=custom-text.js.map

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

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

package/dist/cjs/facebook-preview/default-link-preview.d.ts

@@ -0,0 +1,4 @@
+import type { FacebookPreviewProps } from './types';
+declare const DefaultFacebookLinkPreview: React.FC<FacebookPreviewProps>;
+export default DefaultFacebookLinkPreview;
+//# sourceMappingURL=default-link-preview.d.ts.map

package/dist/cjs/facebook-preview/default-link-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-link-preview.d.ts","sourceRoot":"","sources":["../../../src/facebook-preview/default-link-preview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAE,oBAAoB,CAE/D,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_preview_1 = tslib_1.__importDefault(require("./link-preview"));
+const DefaultFacebookLinkPreview = (props) => {
+    return (0, jsx_runtime_1.jsx)(link_preview_1.default, { ...props, compactDescription: true, customText: "", user: undefined });
+};
+exports.default = DefaultFacebookLinkPreview;
+//# sourceMappingURL=default-link-preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-link-preview.js","sourceRoot":"","sources":["../../../src/facebook-preview/default-link-preview.tsx"],"names":[],"mappings":";;;;AAAA,0EAAiD;AAGjD,MAAM,0BAA0B,GAAqC,CAAE,KAAK,EAAG,EAAE;IAChF,OAAO,uBAAC,sBAAmB,OAAM,KAAK,EAAG,kBAAkB,QAAC,UAAU,EAAC,EAAE,EAAC,IAAI,EAAG,SAAS,GAAK,CAAC;AACjG,CAAC,CAAC;AAEF,kBAAe,0BAA0B,CAAC"}

package/dist/cjs/facebook-preview/default-post-preview.d.ts

@@ -0,0 +1,7 @@
+import type { FacebookPreviewProps } from './types';
+declare type Props = FacebookPreviewProps & {
+    compactDescription?: boolean;
+};
+declare const DefaultFacebookPostPreview: React.FC<Props>;
+export default DefaultFacebookPostPreview;
+//# sourceMappingURL=default-post-preview.d.ts.map

package/dist/cjs/facebook-preview/default-post-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-post-preview.d.ts","sourceRoot":"","sources":["../../../src/facebook-preview/default-post-preview.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,aAAK,KAAK,GAAG,oBAAoB,GAAG;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CA8BhD,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../constants");
+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 [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

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-post-preview.js","sourceRoot":"","sources":["../../../src/facebook-preview/default-post-preview.tsx"],"names":[],"mappings":";;;;AAAA,4CAA6C;AAC7C,wEAAuC;AACvC,oFAA8C;AAC9C,qEAAiD;AACjD,mEAA+C;AAO/C,MAAM,0BAA0B,GAAsB,CAAE,EACvD,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;AAEF,kBAAe,0BAA0B,CAAC"}

package/dist/cjs/facebook-preview/helpers.d.ts

@@ -0,0 +1,6 @@
+import { Formatter } from '../helpers';
+export declare const baseDomain: Formatter;
+export declare const facebookTitle: Formatter;
+export declare const facebookDescription: Formatter;
+export declare const facebookCustomText: Formatter;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cjs/facebook-preview/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/facebook-preview/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0D,SAAS,EAAE,MAAM,YAAY,CAAC;AAM/F,eAAO,MAAM,UAAU,EAAE,SAGA,CAAC;AAE1B,eAAO,MAAM,aAAa,EAAE,SAIK,CAAC;AAElC,eAAO,MAAM,mBAAmB,EAAE,SAID,CAAC;AAElC,eAAO,MAAM,kBAAkB,EAAE,SAIsB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import type { ImageMode } from '../../types';
+declare type ImageEventHandler = (event: React.SyntheticEvent<HTMLImageElement>) => void;
+declare type ImgProps = {
+    alt: string;
+    onLoad: ImageEventHandler;
+    onError: ImageEventHandler;
+};
+declare type UseImage = (arg0: {
+    mode?: ImageMode;
+}) => [ImageMode | undefined, boolean, ImgProps];
+declare const useImage: UseImage;
+export default useImage;
+//# sourceMappingURL=use-image-hook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-image-hook.d.ts","sourceRoot":"","sources":["../../../../src/facebook-preview/hooks/use-image-hook.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,aAAK,iBAAiB,GAAG,CAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAE,gBAAgB,CAAE,KAAM,IAAI,CAAC;AACrF,aAAK,QAAQ,GAAG;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AACF,aAAK,QAAQ,GAAG,CAAE,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,KAAM,CAAE,SAAS,GAAG,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAE,CAAC;AAE/F,QAAA,MAAM,QAAQ,EAAE,QAwBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const i18n_1 = require("@wordpress/i18n");
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const useImage = ({ mode: initialMode }) => {
+    const [mode, setMode] = (0, react_1.useState)(initialMode);
+    const [isLoadingImage, setLoadingImage] = (0, react_1.useState)(true);
+    const onLoad = (0, react_1.useCallback)(({ target }) => {
+        if (!mode) {
+            setMode(target.naturalWidth > target.naturalHeight ? constants_1.LANDSCAPE_MODE : constants_1.PORTRAIT_MODE);
+        }
+        setLoadingImage(false);
+    }, [mode]);
+    const onError = (0, react_1.useCallback)(() => setLoadingImage(false), []);
+    return [
+        mode,
+        isLoadingImage,
+        {
+            alt: (0, i18n_1.__)('Facebook Preview Thumbnail', 'facebook-preview'),
+            onLoad,
+            onError,
+        },
+    ];
+};
+exports.default = useImage;
+//# sourceMappingURL=use-image-hook.js.map

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

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

package/dist/cjs/facebook-preview/index.d.ts

@@ -0,0 +1,5 @@
+import type { FacebookPreviewProps } from './types';
+import './style.scss';
+declare const FacebookPreview: React.FC<FacebookPreviewProps>;
+export default FacebookPreview;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/facebook-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/facebook-preview/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAE,oBAAoB,CA+CpD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,81 +1,23 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FacebookPreview = void 0;
-
-var _lodash = require("lodash");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = require("react");
-
-var _helpers = require("../helpers");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+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");
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
-const TITLE_LENGTH = 80;
-const DESCRIPTION_LENGTH = 200;
-
-const baseDomain = url => url && url.replace(/^[^/]+[/]*/, '') // strip leading protocol
-.replace(/\/.*$/, ''); // strip everything after the domain
-
-
-const facebookTitle = (0, _helpers.firstValid)((0, _helpers.shortEnough)(TITLE_LENGTH), (0, _helpers.hardTruncation)(TITLE_LENGTH));
-const facebookDescription = (0, _helpers.firstValid)((0, _helpers.shortEnough)(DESCRIPTION_LENGTH), (0, _helpers.hardTruncation)(DESCRIPTION_LENGTH));
-
-class FacebookPreview extends _react.PureComponent {
-  render() {
-    const {
-      url,
-      type,
-      title,
-      description,
-      image,
-      author
-    } = this.props;
-    return (0, _jsxRuntime.jsx)("div", {
-      className: `facebook-preview facebook-preview__${type}`,
-      children: (0, _jsxRuntime.jsxs)("div", {
-        className: "facebook-preview__content",
-        children: [(0, _jsxRuntime.jsx)("div", {
-          className: "facebook-preview__image",
-          children: image && (0, _jsxRuntime.jsx)("img", {
-            alt: "Facebook Preview Thumbnail",
-            src: image
-          })
-        }), (0, _jsxRuntime.jsxs)("div", {
-          className: "facebook-preview__body",
-          children: [(0, _jsxRuntime.jsx)("div", {
-            className: "facebook-preview__url",
-            children: (0, _lodash.compact)([baseDomain(url), author]).join(' | ')
-          }), (0, _jsxRuntime.jsx)("div", {
-            className: "facebook-preview__title",
-            children: facebookTitle(title || '')
-          }), (0, _jsxRuntime.jsx)("div", {
-            className: "facebook-preview__description",
-            children: facebookDescription((0, _helpers.stripHtmlTags)(description))
-          })]
-        })]
-      })
-    });
-  }
-
-}
-
-exports.FacebookPreview = FacebookPreview;
-FacebookPreview.propTypes = {
-  url: _propTypes.default.string,
-  type: _propTypes.default.string,
-  title: _propTypes.default.string,
-  description: _propTypes.default.string,
-  image: _propTypes.default.string,
-  author: _propTypes.default.string
+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 }))] })] }));
 };
-var _default = FacebookPreview;
-exports.default = _default;
+exports.default = FacebookPreview;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;AAEtB,MAAM,eAAe,GAAqC,CAAE,KAAK,EAAG,EAAE;IACrE,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;AAEF,kBAAe,eAAe,CAAC"}

package/dist/cjs/facebook-preview/link-preview.d.ts

@@ -0,0 +1,7 @@
+import type { FacebookPreviewProps } from './types';
+declare type Props = FacebookPreviewProps & {
+    compactDescription?: boolean;
+};
+declare const FacebookLinkPreview: React.FC<Props>;
+export default FacebookLinkPreview;
+//# sourceMappingURL=link-preview.d.ts.map

package/dist/cjs/facebook-preview/link-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-preview.d.ts","sourceRoot":"","sources":["../../../src/facebook-preview/link-preview.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,aAAK,KAAK,GAAG,oBAAoB,GAAG;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CA6DzC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("@wordpress/i18n");
+const constants_1 = require("../constants");
+const custom_text_1 = tslib_1.__importDefault(require("./custom-text"));
+const helpers_1 = require("./helpers");
+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"));
+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;
+    const portraitMode = (isArticle && !image) || mode === constants_1.PORTRAIT_MODE;
+    const modeClass = `is-${portraitMode ? '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 }), (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, {})] }));
+};
+exports.default = FacebookLinkPreview;
+//# sourceMappingURL=link-preview.js.map

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

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

package/dist/cjs/facebook-preview/post/actions/index.d.ts

@@ -0,0 +1,4 @@
+import './styles.scss';
+declare const FacebookPostActions: React.FC;
+export default FacebookPostActions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/actions/index.tsx"],"names":[],"mappings":"AAGA,OAAO,eAAe,CAAC;AAEvB,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAyBhC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("@wordpress/i18n");
+const icons_1 = tslib_1.__importDefault(require("../icons"));
+require("./styles.scss");
+const FacebookPostActions = () => ((0, jsx_runtime_1.jsx)("ul", { className: "facebook-preview__post-actions", children: [
+        {
+            icon: 'like',
+            // translators: Facebook "Like" action
+            label: (0, i18n_1.__)('Like', 'facebook-preview'),
+        },
+        {
+            icon: 'comment',
+            // translators: Facebook "Comment" action
+            label: (0, i18n_1.__)('Comment', 'facebook-preview'),
+        },
+        {
+            icon: 'share',
+            // translators: Facebook "Share" action
+            label: (0, i18n_1.__)('Share', 'facebook-preview'),
+        },
+    ].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;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,28 @@
+@import "../../variables";
+
+.facebook-preview__post-actions {
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+
+	width: 100%;
+	height: 2.625rem; // 42px
+	margin: 0;
+	padding: 0;
+
+	color: $facebook-preview-light-text-color;
+	list-style-type: none;
+
+	/* stylelint-disable-next-line scales/font-sizes */
+	font-size: 0.9375rem; // 15px
+	font-weight: 600;
+	line-height: 1.33;
+
+	> li {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+
+		margin: 0;
+	}
+}

package/dist/cjs/facebook-preview/post/header/index.d.ts

@@ -0,0 +1,10 @@
+import type { FacebookUser } from '../../types';
+import './styles.scss';
+declare type Props = {
+    user?: FacebookUser;
+    timeElapsed?: boolean;
+    hideOptions?: boolean;
+};
+declare const FacebookPostHeader: React.FC<Props>;
+export default FacebookPostHeader;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/header/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,eAAe,CAAC;AAEvB,aAAK,KAAK,GAAG;IACZ,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CAyCxC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+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 FacebookPostHeader = ({ user, timeElapsed, hideOptions }) => {
+    const [avatarSrc, setAvatarSrc] = (0, react_1.useState)(user?.avatarUrl || default_avatar_png_1.default);
+    const onImageError = (0, react_1.useCallback)(() => {
+        if (avatarSrc !== default_avatar_png_1.default) {
+            setAvatarSrc(default_avatar_png_1.default);
+        }
+    }, [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
+                                            ? // translators: short version of `1 hour`
+                                                (0, i18n_1.__)('1h', 'facebook-preview')
+                                            : // translators: temporal indication of when a post was published
+                                                (0, i18n_1.__)('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" })] }));
+};
+exports.default = FacebookPostHeader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/header/index.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,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,yCAAyC;gDACzC,IAAA,SAAE,EAAE,IAAI,EAAE,kBAAkB,CAAE;4CAChC,CAAC,CAAC,gEAAgE;gDAChE,IAAA,SAAE,EAAE,UAAU,EAAE,kBAAkB,CAAE,GACjC,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/header/styles.scss

@@ -0,0 +1,65 @@
+@import "../../variables";
+
+.facebook-preview__post-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	box-sizing: border-box;
+	width: 100%;
+
+	padding: 0.75rem 1rem 0.5rem;
+	min-height: 60px;
+}
+
+.facebook-preview__post-header-content {
+	display: flex;
+	gap: 0.5rem;
+}
+
+.facebook-preview__post-header-avatar {
+	width: 40px;
+	height: 40px;
+
+	background-color: #caccd1;
+	border-radius: 50%;
+	border: solid 1px #e5e5e5;
+}
+
+.facebook-preview__post-header-name {
+	color: $facebook-preview-text-color;
+
+	/* stylelint-disable-next-line scales/font-sizes */
+	font-size: 0.9375rem; // 15px
+	font-weight: 600;
+	line-height: 1.33;
+}
+
+.facebook-preview__post-header-share {
+	display: flex;
+	align-items: center;
+
+	color: $facebook-preview-light-text-color;
+}
+
+.facebook-preview__post-header-time {
+	/* stylelint-disable-next-line scales/font-sizes */
+	font-size: 0.8125rem; // 13px
+	line-height: 1.23;
+}
+
+.facebook-preview__post-header-dot {
+	width: 0.625rem;
+
+	text-align: center;
+}
+
+.facebook-preview__post-header-more {
+	width: 1.25rem;
+	height: 0.25rem;
+
+	margin: 0 0.625rem 0 0;
+
+	background-image: radial-gradient(circle at 0.125rem 0.125rem, $facebook-preview-light-text-color 2px, transparent 0);
+	background-size: 0.5rem 0.25rem;
+}

package/dist/cjs/facebook-preview/post/icons/index.d.ts

@@ -0,0 +1,6 @@
+import './styles.scss';
+declare const FacebookPostIcon: React.FC<{
+    name: string;
+}>;
+export default FacebookPostIcon;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/facebook-preview/post/icons/index.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAC;AAEvB,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAKjD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}