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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/dist/cjs/instagram-preview/post-preview.js +0 -1
  2. package/dist/cjs/instagram-preview/post-preview.js.map +1 -1
  3. package/dist/cjs/linkedin-preview/constants.js +1 -5
  4. package/dist/cjs/linkedin-preview/constants.js.map +1 -1
  5. package/dist/cjs/linkedin-preview/icons/default-avatar.js +9 -0
  6. package/dist/cjs/linkedin-preview/icons/default-avatar.js.map +1 -0
  7. package/dist/cjs/linkedin-preview/link-preview.js +1 -2
  8. package/dist/cjs/linkedin-preview/link-preview.js.map +1 -1
  9. package/dist/cjs/linkedin-preview/post-preview.js +2 -1
  10. package/dist/cjs/linkedin-preview/post-preview.js.map +1 -1
  11. package/dist/cjs/linkedin-preview/previews.js +1 -2
  12. package/dist/cjs/linkedin-preview/previews.js.map +1 -1
  13. package/dist/cjs/linkedin-preview/style.scss +8 -3
  14. package/dist/cjs/twitter-preview/header.js +2 -1
  15. package/dist/cjs/twitter-preview/header.js.map +1 -1
  16. package/dist/cjs/twitter-preview/icons/default-avatar.js +9 -0
  17. package/dist/cjs/twitter-preview/icons/default-avatar.js.map +1 -0
  18. package/dist/cjs/twitter-preview/link-preview.js +1 -2
  19. package/dist/cjs/twitter-preview/link-preview.js.map +1 -1
  20. package/dist/cjs/twitter-preview/previews.js +2 -2
  21. package/dist/cjs/twitter-preview/previews.js.map +1 -1
  22. package/dist/cjs/twitter-preview/sidebar.js +2 -2
  23. package/dist/cjs/twitter-preview/sidebar.js.map +1 -1
  24. package/dist/cjs/twitter-preview/style.scss +8 -3
  25. package/dist/esm/instagram-preview/post-preview.js +0 -1
  26. package/dist/esm/instagram-preview/post-preview.js.map +1 -1
  27. package/dist/esm/linkedin-preview/constants.js +0 -4
  28. package/dist/esm/linkedin-preview/constants.js.map +1 -1
  29. package/dist/esm/linkedin-preview/icons/default-avatar.js +5 -0
  30. package/dist/esm/linkedin-preview/icons/default-avatar.js.map +1 -0
  31. package/dist/esm/linkedin-preview/link-preview.js +1 -2
  32. package/dist/esm/linkedin-preview/link-preview.js.map +1 -1
  33. package/dist/esm/linkedin-preview/post-preview.js +2 -1
  34. package/dist/esm/linkedin-preview/post-preview.js.map +1 -1
  35. package/dist/esm/linkedin-preview/previews.js +1 -2
  36. package/dist/esm/linkedin-preview/previews.js.map +1 -1
  37. package/dist/esm/linkedin-preview/style.scss +8 -3
  38. package/dist/esm/twitter-preview/header.js +2 -1
  39. package/dist/esm/twitter-preview/header.js.map +1 -1
  40. package/dist/esm/twitter-preview/icons/default-avatar.js +5 -0
  41. package/dist/esm/twitter-preview/icons/default-avatar.js.map +1 -0
  42. package/dist/esm/twitter-preview/link-preview.js +1 -2
  43. package/dist/esm/twitter-preview/link-preview.js.map +1 -1
  44. package/dist/esm/twitter-preview/previews.js +2 -2
  45. package/dist/esm/twitter-preview/previews.js.map +1 -1
  46. package/dist/esm/twitter-preview/sidebar.js +2 -2
  47. package/dist/esm/twitter-preview/sidebar.js.map +1 -1
  48. package/dist/esm/twitter-preview/style.scss +8 -3
  49. package/dist/tsconfig-cjs.tsbuildinfo +1 -1
  50. package/dist/tsconfig.tsbuildinfo +1 -1
  51. package/dist/types/instagram-preview/post-preview.d.ts.map +1 -1
  52. package/dist/types/linkedin-preview/constants.d.ts +0 -4
  53. package/dist/types/linkedin-preview/constants.d.ts.map +1 -1
  54. package/dist/types/linkedin-preview/icons/default-avatar.d.ts +2 -0
  55. package/dist/types/linkedin-preview/icons/default-avatar.d.ts.map +1 -0
  56. package/dist/types/linkedin-preview/link-preview.d.ts +1 -2
  57. package/dist/types/linkedin-preview/link-preview.d.ts.map +1 -1
  58. package/dist/types/linkedin-preview/post-preview.d.ts.map +1 -1
  59. package/dist/types/linkedin-preview/previews.d.ts.map +1 -1
  60. package/dist/types/twitter-preview/header.d.ts.map +1 -1
  61. package/dist/types/twitter-preview/icons/default-avatar.d.ts +2 -0
  62. package/dist/types/twitter-preview/icons/default-avatar.d.ts.map +1 -0
  63. package/dist/types/twitter-preview/link-preview.d.ts +1 -5
  64. package/dist/types/twitter-preview/link-preview.d.ts.map +1 -1
  65. package/dist/types/twitter-preview/previews.d.ts.map +1 -1
  66. package/dist/types/twitter-preview/sidebar.d.ts.map +1 -1
  67. package/dist/types/twitter-preview/types.d.ts +3 -3
  68. package/dist/types/twitter-preview/types.d.ts.map +1 -1
  69. package/package.json +2 -1
  70. package/src/instagram-preview/post-preview.tsx +0 -1
  71. package/src/linkedin-preview/constants.ts +0 -5
  72. package/src/linkedin-preview/icons/default-avatar.tsx +16 -0
  73. package/src/linkedin-preview/link-preview.tsx +3 -3
  74. package/src/linkedin-preview/post-preview.tsx +5 -2
  75. package/src/linkedin-preview/previews.tsx +1 -2
  76. package/src/linkedin-preview/style.scss +8 -3
  77. package/src/twitter-preview/header.tsx +6 -3
  78. package/src/twitter-preview/icons/default-avatar.tsx +17 -0
  79. package/src/twitter-preview/link-preview.tsx +1 -8
  80. package/src/twitter-preview/previews.tsx +3 -2
  81. package/src/twitter-preview/sidebar.tsx +6 -5
  82. package/src/twitter-preview/style.scss +8 -3
  83. package/src/twitter-preview/types.ts +3 -3
  84. package/dist/cjs/twitter-preview/constants.js +0 -10
  85. package/dist/cjs/twitter-preview/constants.js.map +0 -1
  86. package/dist/esm/twitter-preview/constants.js +0 -7
  87. package/dist/esm/twitter-preview/constants.js.map +0 -1
  88. package/dist/types/twitter-preview/constants.d.ts +0 -7
  89. package/dist/types/twitter-preview/constants.d.ts.map +0 -1
  90. package/src/twitter-preview/constants.ts +0 -6
package/dist/cjs/instagram-preview/post-preview.js CHANGED
@@ -18,7 +18,6 @@ function InstagramPostPreview({ image, name, profileImage, caption, }) {
18
18
  platform: 'instagram',
19
19
  maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
20
20
  maxLines: constants_1.FEED_TEXT_MAX_LINES,
21
- hyperlinkUrls: false,
22
21
  }) })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--footer", children: (0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.__)('View one comment', 'social-previews') }) })] })] }) }));
23
22
  }
24
23
  exports.InstagramPostPreview = InstagramPostPreview;
package/dist/cjs/instagram-preview/post-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/instagram-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAAgD;AAChD,2CAAwE;AACxE,+CAA4D;AAC5D,6CAAyD;AACzD,2DAAuD;AACvD,yCAAmD;AACnD,uCAAgD;AAChD,yCAAmD;AAGnD,wBAAsB;AAEtB,SAAgB,oBAAoB,CAAE,EACrC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,GACgB;IACvB,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC;IAEpC,OAAO,CACN,gCAAK,SAAS,EAAC,4BAA4B,YAC1C,qCAAS,SAAS,EAAC,8BAA8B,aAChD,iCAAK,SAAS,EAAC,2BAA2B,aACzC,gCAAK,SAAS,EAAC,mCAAmC,YAC/C,YAAY,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,8BAAa,KAAG,GACnE,EACN,iCAAK,SAAS,EAAC,oCAAoC,aAClD,gCAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,EAC3E,gCAAK,SAAS,EAAC,yCAAyC,YACvD,uBAAC,WAAQ,KAAG,GACP,IACD,IACD,EACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,gCAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,GACnE,EACN,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,qCAAS,SAAS,EAAC,qCAAqC,aACvD,iCAAK,SAAS,EAAC,6CAA6C,aAC3D,uBAAC,aAAS,KAAG,EACb,uBAAC,iBAAW,KAAG,EACf,uBAAC,aAAS,KAAG,IACR,EACN,gCAAK,SAAS,EAAC,+CAA+C,YAC7D,uBAAC,mBAAY,KAAG,GACX,IACG,EACV,iCAAK,SAAS,EAAC,kCAAkC,aAChD,gCAAK,SAAS,EAAC,kCAAkC,YAAG,QAAQ,GAAQ,YAElE,OAAO,CAAC,CAAC,CAAC,CACX,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,IAAA,4BAAkB,EAAE,OAAO,EAAE;wCAC9B,QAAQ,EAAE,WAAW;wCACrB,QAAQ,EAAE,gCAAoB;wCAC9B,QAAQ,EAAE,+BAAmB;wCAC7B,aAAa,EAAE,KAAK;qCACpB,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,IACH,EACN,gCAAK,SAAS,EAAC,oCAAoC,YAClD,2CAAQ,IAAA,SAAE,EAAE,kBAAkB,EAAE,iBAAiB,CAAE,GAAS,GACvD,IACD,IACG,GACL,CACN,CAAC;AACH,CAAC;AAzDD,oDAyDC"}
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/instagram-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAAgD;AAChD,2CAAwE;AACxE,+CAA4D;AAC5D,6CAAyD;AACzD,2DAAuD;AACvD,yCAAmD;AACnD,uCAAgD;AAChD,yCAAmD;AAGnD,wBAAsB;AAEtB,SAAgB,oBAAoB,CAAE,EACrC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,GACgB;IACvB,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC;IAEpC,OAAO,CACN,gCAAK,SAAS,EAAC,4BAA4B,YAC1C,qCAAS,SAAS,EAAC,8BAA8B,aAChD,iCAAK,SAAS,EAAC,2BAA2B,aACzC,gCAAK,SAAS,EAAC,mCAAmC,YAC/C,YAAY,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,8BAAa,KAAG,GACnE,EACN,iCAAK,SAAS,EAAC,oCAAoC,aAClD,gCAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,EAC3E,gCAAK,SAAS,EAAC,yCAAyC,YACvD,uBAAC,WAAQ,KAAG,GACP,IACD,IACD,EACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,gCAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,GACnE,EACN,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,qCAAS,SAAS,EAAC,qCAAqC,aACvD,iCAAK,SAAS,EAAC,6CAA6C,aAC3D,uBAAC,aAAS,KAAG,EACb,uBAAC,iBAAW,KAAG,EACf,uBAAC,aAAS,KAAG,IACR,EACN,gCAAK,SAAS,EAAC,+CAA+C,YAC7D,uBAAC,mBAAY,KAAG,GACX,IACG,EACV,iCAAK,SAAS,EAAC,kCAAkC,aAChD,gCAAK,SAAS,EAAC,kCAAkC,YAAG,QAAQ,GAAQ,YAElE,OAAO,CAAC,CAAC,CAAC,CACX,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,IAAA,4BAAkB,EAAE,OAAO,EAAE;wCAC9B,QAAQ,EAAE,WAAW;wCACrB,QAAQ,EAAE,gCAAoB;wCAC9B,QAAQ,EAAE,+BAAmB;qCAC7B,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,IACH,EACN,gCAAK,SAAS,EAAC,oCAAoC,YAClD,2CAAQ,IAAA,SAAE,EAAE,kBAAkB,EAAE,iBAAiB,CAAE,GAAS,GACvD,IACD,IACG,GACL,CACN,CAAC;AACH,CAAC;AAxDD,oDAwDC"}
package/dist/cjs/linkedin-preview/constants.js CHANGED
@@ -1,10 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DEFAULT_PROPS = exports.FEED_TEXT_MAX_LINES = exports.FEED_TEXT_MAX_LENGTH = void 0;
3
+ exports.FEED_TEXT_MAX_LINES = exports.FEED_TEXT_MAX_LENGTH = void 0;
4
4
  exports.FEED_TEXT_MAX_LENGTH = 212;
5
5
  exports.FEED_TEXT_MAX_LINES = 3;
6
- exports.DEFAULT_PROPS = {
7
- name: 'Account Name',
8
- profileImage: 'https://static.licdn.com/sc/h/1c5u578iilxfi4m4dvc4q810q',
9
- };
10
6
  //# sourceMappingURL=constants.js.map
package/dist/cjs/linkedin-preview/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/linkedin-preview/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAC3B,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAExB,QAAA,aAAa,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,yDAAyD;CACvE,CAAC"}
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"}
package/dist/cjs/linkedin-preview/icons/default-avatar.js ADDED
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DefaultAvatar = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const DefaultAvatar = () => {
6
+ return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", width: "128", height: "128", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#e7e2dc", d: "M0 0h128v128H0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M88.41 84.67a32 32 0 10-48.82 0 66.13 66.13 0 0148.82 0z", fill: "#788fa5" }), (0, jsx_runtime_1.jsx)("path", { d: "M88.41 84.67a32 32 0 01-48.82 0A66.79 66.79 0 000 128h128a66.79 66.79 0 00-39.59-43.33z", fill: "#9db3c8" }), (0, jsx_runtime_1.jsx)("path", { d: "M64 96a31.93 31.93 0 0024.41-11.33 66.13 66.13 0 00-48.82 0A31.93 31.93 0 0064 96z", fill: "#56687a" })] }));
7
+ };
8
+ exports.DefaultAvatar = DefaultAvatar;
9
+ //# sourceMappingURL=default-avatar.js.map
package/dist/cjs/linkedin-preview/icons/default-avatar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/linkedin-preview/icons/default-avatar.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,aACrF,iCAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,iBAAiB,GAAG,EAC3C,iCAAM,CAAC,EAAC,0DAA0D,EAAC,IAAI,EAAC,SAAS,GAAG,EACpF,iCACC,CAAC,EAAC,yFAAyF,EAC3F,IAAI,EAAC,SAAS,GACb,EACF,iCACC,CAAC,EAAC,oFAAoF,EACtF,IAAI,EAAC,SAAS,GACb,IACG,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,aAAa,iBAexB"}
package/dist/cjs/linkedin-preview/link-preview.js CHANGED
@@ -2,10 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.LinkedInLinkPreview = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
- const constants_1 = require("./constants");
6
5
  const post_preview_1 = require("./post-preview");
7
6
  function LinkedInLinkPreview(props) {
8
- return ((0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { ...constants_1.DEFAULT_PROPS, ...props,
7
+ return ((0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { name: "", profileImage: "", ...props,
9
8
  // Override the props that are irrelevant to link preview
10
9
  description: "", media: undefined }));
11
10
  }
package/dist/cjs/linkedin-preview/link-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAC5C,iDAAqD;AAQrD,SAAgB,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,uBAAC,kCAAmB,OACd,yBAAa,KACb,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC;AAVD,kDAUC"}
1
+ {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,iDAAqD;AAQrD,SAAgB,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,uBAAC,kCAAmB,IACnB,IAAI,EAAC,EAAE,EACP,YAAY,EAAC,EAAE,KACV,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC;AAXD,kDAWC"}
package/dist/cjs/linkedin-preview/post-preview.js CHANGED
@@ -5,10 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const i18n_1 = require("@wordpress/i18n");
6
6
  const helpers_1 = require("../helpers");
7
7
  const constants_1 = require("./constants");
8
+ const default_avatar_1 = require("./icons/default-avatar");
8
9
  require("./style.scss");
9
10
  function LinkedInPostPreview({ articleReadTime = 5, image, jobTitle, name, profileImage, description, media, title, url, }) {
10
11
  const hasMedia = !!media?.length;
11
- return ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: `linkedin-preview__container ${hasMedia ? 'has-media' : ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--avatar", children: (0, jsx_runtime_1.jsx)("img", { src: profileImage, alt: "" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-name", children: name }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-actor", children:
12
+ return ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: `linkedin-preview__container ${hasMedia ? 'has-media' : ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--avatar", children: profileImage ? (0, jsx_runtime_1.jsx)("img", { src: profileImage, alt: "" }) : (0, jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-name", children: name || (0, i18n_1.__)('Account Name', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-actor", children:
12
13
  // translators: refers to the actor level of the post being shared, e.g. "1st", "2nd", "3rd", etc.
13
14
  (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:
14
15
  // translators: refers to the time since the post was published, e.g. "1h"
package/dist/cjs/linkedin-preview/post-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/linkedin-preview/previews.js CHANGED
@@ -6,7 +6,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const components_1 = require("@wordpress/components");
7
7
  const i18n_1 = require("@wordpress/i18n");
8
8
  const section_heading_1 = tslib_1.__importDefault(require("../shared/section-heading"));
9
- const constants_1 = require("./constants");
10
9
  const link_preview_1 = require("./link-preview");
11
10
  const post_preview_1 = require("./post-preview");
12
11
  const LinkedInPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
@@ -14,7 +13,7 @@ const LinkedInPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...p
14
13
  // translators: refers to a social post on LinkedIn
15
14
  (0, i18n_1.__)('Your post', 'social-previews') }), (0, jsx_runtime_1.jsx)("p", { className: "social-preview__section-desc", children: (0, i18n_1.__)('This is what your social post will look like on LinkedIn:', 'social-previews') }), (0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { ...props })] })), !hideLinkPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section linkedin-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children:
16
15
  // translators: refers to a link to a LinkedIn post
17
- (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 })] }))] }));
16
+ (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on LinkedIn.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.LinkedInLinkPreview, { ...props, name: "", profileImage: "" })] }))] }));
18
17
  };
19
18
  exports.LinkedInPreviews = LinkedInPreviews;
20
19
  //# sourceMappingURL=previews.js.map
package/dist/cjs/linkedin-preview/previews.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/linkedin-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,2CAA4C;AAC5C,iDAAqD;AACrD,iDAAqD;AAG9C,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,uBAAC,kCAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,kCAAmB,OAAM,KAAK,KAAQ,yBAAa,GAAK,IAChD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,gBAAgB,oBA6C3B"}
1
+ {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/linkedin-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,iDAAqD;AACrD,iDAAqD;AAG9C,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,uBAAC,kCAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,kCAAmB,OAAM,KAAK,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,GAAG,IACnD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,gBAAgB,oBA6C3B"}
package/dist/cjs/linkedin-preview/style.scss CHANGED
@@ -38,13 +38,18 @@
38
38
  margin-bottom: 0.8rem;
39
39
 
40
40
  &--avatar {
41
+ width: 48px;
42
+ height: 48px;
43
+ border-radius: 50%;
44
+ overflow: hidden;
45
+ display: flex;
46
+ align-items: center;
41
47
  flex-shrink: 0;
42
48
  }
43
49
 
44
50
  &--avatar img {
45
- width: 48px;
46
- height: 48px;
47
- border-radius: 50%;
51
+ width: 100%;
52
+ object-fit: contain;
48
53
  }
49
54
 
50
55
  &--profile {
package/dist/cjs/twitter-preview/header.js CHANGED
@@ -2,9 +2,10 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Header = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const i18n_1 = require("@wordpress/i18n");
5
6
  const helpers_1 = require("../helpers");
6
7
  const Header = ({ name, screenName, date }) => {
7
- return ((0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__header", children: [(0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__name", children: name }), (0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__screen-name", children: screenName }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__date", children: (0, helpers_1.formatTweetDate)(date) })] }));
8
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__header", children: [(0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__name", children: name || (0, i18n_1.__)('Account Name', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__screen-name", children: screenName || '@account' }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsx)("span", { className: "twitter-preview__date", children: (0, helpers_1.formatTweetDate)(date || Date.now()) })] }));
8
9
  };
9
10
  exports.Header = Header;
10
11
  //# sourceMappingURL=header.js.map
package/dist/cjs/twitter-preview/header.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/twitter-preview/header.tsx"],"names":[],"mappings":";;;;AAAA,wCAA6C;AAGtC,MAAM,MAAM,GAA4B,CAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAG,EAAE;IAC/E,OAAO,CACN,iCAAK,SAAS,EAAC,yBAAyB,aACvC,iCAAM,SAAS,EAAC,uBAAuB,YAAG,IAAI,GAAS,EACvD,iCAAM,SAAS,EAAC,8BAA8B,YAAG,UAAU,GAAS,EACpE,sDAAc,EACd,iCAAM,SAAS,EAAC,uBAAuB,YAAG,IAAA,yBAAe,EAAE,IAAI,CAAE,GAAS,IACrE,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,MAAM,UASjB"}
1
+ {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/twitter-preview/header.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAA6C;AAGtC,MAAM,MAAM,GAA4B,CAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAG,EAAE;IAC/E,OAAO,CACN,iCAAK,SAAS,EAAC,yBAAyB,aACvC,iCAAM,SAAS,EAAC,uBAAuB,YACpC,IAAI,IAAI,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAC3C,EACP,iCAAM,SAAS,EAAC,8BAA8B,YAAG,UAAU,IAAI,UAAU,GAAS,EAClF,sDAAc,EACd,iCAAM,SAAS,EAAC,uBAAuB,YAAG,IAAA,yBAAe,EAAE,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE,CAAE,GAAS,IACnF,CACN,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,MAAM,UAWjB"}
package/dist/cjs/twitter-preview/icons/default-avatar.js ADDED
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DefaultAvatar = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const DefaultAvatar = () => {
6
+ return ((0, jsx_runtime_1.jsxs)("svg", { version: "1.0", xmlns: "http://www.w3.org/2000/svg", width: "271pt", height: "270pt", viewBox: "0 0 271 270", children: [(0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", fill: "#ccd5de" }), (0, jsx_runtime_1.jsxs)("g", { transform: "translate(0,270) scale(0.1,-0.1)", fill: "#647785", stroke: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M1251 2089 c-81 -14 -178 -65 -239 -125 -64 -65 -124 -185 -149 -299 -24 -111 -24 -339 -1 -415 38 -121 108 -193 227 -231 83 -27 339 -38 449 -19 139 23 236 91 286 200 59 130 52 395 -15 577 -88 235 -301 354 -558 312z" }), (0, jsx_runtime_1.jsx)("path", { d: "M1197 795 c-358 -68 -643 -357 -721 -732 l-14 -63 890 0 890 0 -7 42 c-11 70 -64 218 -102 288 -121 224 -336 394 -573 454 -92 24 -267 29 -363 11z" })] })] }));
7
+ };
8
+ exports.DefaultAvatar = DefaultAvatar;
9
+ //# sourceMappingURL=default-avatar.js.map
package/dist/cjs/twitter-preview/icons/default-avatar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/twitter-preview/icons/default-avatar.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,iCACC,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,aAAa,aAErB,iCAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,GAAG,EAClD,+BAAG,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,aAC3E,iCAAM,CAAC,EAAC,sNAAsN,GAAG,EACjO,iCAAM,CAAC,EAAC,gJAAgJ,GAAG,IACxJ,IACC,CACN,CAAC;AACH,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB"}
package/dist/cjs/twitter-preview/link-preview.js CHANGED
@@ -2,10 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TwitterLinkPreview = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
- const constants_1 = require("./constants");
6
5
  const post_preview_1 = require("./post-preview");
7
6
  const TwitterLinkPreview = (props) => {
8
- return ((0, jsx_runtime_1.jsx)(post_preview_1.TwitterPostPreview, { ...constants_1.DEFAULT_PROPS, ...props,
7
+ return ((0, jsx_runtime_1.jsx)(post_preview_1.TwitterPostPreview, { ...props,
9
8
  // Override the props that are irrelevant to link preview
10
9
  text: "", media: undefined }));
11
10
  };
package/dist/cjs/twitter-preview/link-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAC5C,iDAAoD;AAQ7C,MAAM,kBAAkB,GAAwC,CAAE,KAAK,EAAG,EAAE;IAClF,OAAO,CACN,uBAAC,iCAAkB,OACb,yBAAa,KACb,KAAK;QACV,yDAAyD;QACzD,IAAI,EAAC,EAAE,EACP,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B"}
1
+ {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,iDAAoD;AAG7C,MAAM,kBAAkB,GAAoC,CAAE,KAAK,EAAG,EAAE;IAC9E,OAAO,CACN,uBAAC,iCAAkB,OACb,KAAK;QACV,yDAAyD;QACzD,IAAI,EAAC,EAAE,EACP,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC,CAAC;AATW,QAAA,kBAAkB,sBAS7B"}
package/dist/cjs/twitter-preview/previews.js CHANGED
@@ -14,12 +14,12 @@ const TwitterPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, tweet
14
14
  }
15
15
  return ((0, jsx_runtime_1.jsxs)("div", { className: "social-preview twitter-preview", children: [!hidePostPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section twitter-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children:
16
16
  // translators: refers to a social post on Twitter
17
- (0, i18n_1.__)('Your post', 'social-previews') }), (0, jsx_runtime_1.jsx)("p", { className: "social-preview__section-desc", children: (0, i18n_1.__)('This is what your social post will look like on Twitter:', 'social-previews') }), tweets.map((tweet, index) => {
17
+ (0, i18n_1.__)('Your post', 'social-previews') }), (0, jsx_runtime_1.jsx)("p", { className: "social-preview__section-desc", children: (0, i18n_1.__)('This is what your social post will look like on Twitter:', 'social-previews') }), tweets.map(({ date, ...tweet }, index) => {
18
18
  const isLast = index + 1 === tweets.length;
19
19
  return ((0, jsx_runtime_1.jsx)(post_preview_1.TwitterPostPreview, { ...tweet, showThreadConnector: !isLast }, `twitter-preview__tweet-${index}`));
20
20
  })] })), !hideLinkPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section twitter-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children:
21
21
  // translators: refers to a link to a Twitter post
22
- (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on Twitter.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.TwitterLinkPreview, { ...tweets[0] })] }))] }));
22
+ (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on Twitter.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.TwitterLinkPreview, { ...tweets[0], name: "", profileImage: "", screenName: "" })] }))] }));
23
23
  };
24
24
  exports.TwitterPreviews = TwitterPreviews;
25
25
  //# sourceMappingURL=previews.js.map
package/dist/cjs/twitter-preview/previews.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/twitter-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,iDAAoD;AACpD,iDAAoD;AAG7C,MAAM,eAAe,GAAqC,CAAE,EAClE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,MAAM,GACN,EAAG,EAAE;IACL,IAAK,CAAE,MAAM,EAAE,MAAM,EAAG;QACvB,OAAO,IAAI,CAAC;KACZ;IACD,OAAO,CACN,iCAAK,SAAS,EAAC,gCAAgC,aAC5C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,kDAAkD,aACpE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,0DAA0D,EAAE,iBAAiB,CAAE,GAClF,EACF,MAAM,CAAC,GAAG,CAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;wBAChC,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBAC3C,OAAO,CACN,uBAAC,iCAAkB,OAEb,KAAK,EACV,mBAAmB,EAAG,CAAE,MAAM,IAFxB,0BAA2B,KAAM,EAAE,CAGxC,CACF,CAAC;oBACH,CAAC,CAAE,IACM,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,kDAAkD,aACpE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,gGAAgG,EAChG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,iCAAkB,OAAM,MAAM,CAAE,CAAC,CAAE,GAAK,IAChC,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AAzDW,QAAA,eAAe,mBAyD1B"}
1
+ {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/twitter-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,iDAAoD;AACpD,iDAAoD;AAG7C,MAAM,eAAe,GAAqC,CAAE,EAClE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,MAAM,GACN,EAAG,EAAE;IACL,IAAK,CAAE,MAAM,EAAE,MAAM,EAAG;QACvB,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,iCAAK,SAAS,EAAC,gCAAgC,aAC5C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,kDAAkD,aACpE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,0DAA0D,EAAE,iBAAiB,CAAE,GAClF,EACF,MAAM,CAAC,GAAG,CAAE,CAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EAAG,EAAE;wBAC7C,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBAC3C,OAAO,CACN,uBAAC,iCAAkB,OAEb,KAAK,EACV,mBAAmB,EAAG,CAAE,MAAM,IAFxB,0BAA2B,KAAM,EAAE,CAGxC,CACF,CAAC;oBACH,CAAC,CAAE,IACM,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,kDAAkD,aACpE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,gGAAgG,EAChG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,iCAAkB,OAAM,MAAM,CAAE,CAAC,CAAE,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,GAAG,IACtE,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA1DW,QAAA,eAAe,mBA0D1B"}
package/dist/cjs/twitter-preview/sidebar.js CHANGED
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Sidebar = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const i18n_1 = require("@wordpress/i18n");
6
- const constants_1 = require("./constants");
6
+ const default_avatar_1 = require("./icons/default-avatar");
7
7
  const Sidebar = ({ profileImage, showThreadConnector }) => {
8
- return ((0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__sidebar", children: [(0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__profile-image", children: (0, jsx_runtime_1.jsx)("img", { alt: (0, i18n_1.__)('Twitter profile image', 'social-previews'), src: profileImage || constants_1.DEFAULT_PROPS.profileImage }) }), showThreadConnector && (0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__connector" })] }));
8
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__sidebar", children: [(0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__profile-image", children: profileImage ? ((0, jsx_runtime_1.jsx)("img", { alt: (0, i18n_1.__)('Twitter profile image', 'social-previews'), src: profileImage })) : ((0, jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar, {})) }), showThreadConnector && (0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__connector" })] }));
9
9
  };
10
10
  exports.Sidebar = Sidebar;
11
11
  //# sourceMappingURL=sidebar.js.map
package/dist/cjs/twitter-preview/sidebar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../src/twitter-preview/sidebar.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,2CAA4C;AAGrC,MAAM,OAAO,GAA6B,CAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAG,EAAE;IAC5F,OAAO,CACN,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCAAK,SAAS,EAAC,gCAAgC,YAC9C,gCACC,GAAG,EAAG,IAAA,SAAE,EAAE,uBAAuB,EAAE,iBAAiB,CAAE,EACtD,GAAG,EAAG,YAAY,IAAI,yBAAa,CAAC,YAAY,GAC/C,GACG,EACJ,mBAAmB,IAAI,gCAAK,SAAS,EAAC,4BAA4B,GAAG,IAClE,CACN,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,OAAO,WAYlB"}
1
+ {"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../src/twitter-preview/sidebar.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,2DAAuD;AAGhD,MAAM,OAAO,GAA6B,CAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAG,EAAE;IAC5F,OAAO,CACN,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCAAK,SAAS,EAAC,gCAAgC,YAC5C,YAAY,CAAC,CAAC,CAAC,CAChB,gCAAK,GAAG,EAAG,IAAA,SAAE,EAAE,uBAAuB,EAAE,iBAAiB,CAAE,EAAG,GAAG,EAAG,YAAY,GAAK,CACrF,CAAC,CAAC,CAAC,CACH,uBAAC,8BAAa,KAAG,CACjB,GACI,EACJ,mBAAmB,IAAI,gCAAK,SAAS,EAAC,4BAA4B,GAAG,IAClE,CACN,CAAC;AACH,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB"}
package/dist/cjs/twitter-preview/style.scss CHANGED
@@ -49,11 +49,16 @@
49
49
  justify-items: center;
50
50
 
51
51
  .twitter-preview__profile-image {
52
+ display: flex;
53
+ align-items: center;
54
+ max-width: 30px;
55
+ max-height: 30px;
56
+ border-radius: 15px; /* stylelint-disable-line scales/radii */
57
+ overflow: hidden;
58
+
52
59
  img {
53
- height: 30px;
54
- width: 30px;
55
- border-radius: 15px; /* stylelint-disable-line scales/radii */
56
60
  object-fit: cover;
61
+ width: 100%;
57
62
  }
58
63
  }
59
64
 
package/dist/esm/instagram-preview/post-preview.js CHANGED
@@ -15,7 +15,6 @@ export function InstagramPostPreview({ image, name, profileImage, caption, }) {
15
15
  platform: 'instagram',
16
16
  maxChars: FEED_TEXT_MAX_LENGTH,
17
17
  maxLines: FEED_TEXT_MAX_LINES,
18
- hyperlinkUrls: false,
19
18
  }) })) : null] }), _jsx("div", { className: "instagram-preview__content--footer", children: _jsx("span", { children: __('View one comment', 'social-previews') }) })] })] }) }));
20
19
  }
21
20
  //# sourceMappingURL=post-preview.js.map
package/dist/esm/instagram-preview/post-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/instagram-preview/post-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,cAAc,CAAC;AAEtB,MAAM,UAAU,oBAAoB,CAAE,EACrC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,GACgB;IACvB,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC;IAEpC,OAAO,CACN,cAAK,SAAS,EAAC,4BAA4B,YAC1C,mBAAS,SAAS,EAAC,8BAA8B,aAChD,eAAK,SAAS,EAAC,2BAA2B,aACzC,cAAK,SAAS,EAAC,mCAAmC,YAC/C,YAAY,CAAC,CAAC,CAAC,cAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,GACnE,EACN,eAAK,SAAS,EAAC,oCAAoC,aAClD,cAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,EAC3E,cAAK,SAAS,EAAC,yCAAyC,YACvD,KAAC,QAAQ,KAAG,GACP,IACD,IACD,EACN,cAAK,SAAS,EAAC,0BAA0B,YACxC,cAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,GACnE,EACN,eAAK,SAAS,EAAC,4BAA4B,aAC1C,mBAAS,SAAS,EAAC,qCAAqC,aACvD,eAAK,SAAS,EAAC,6CAA6C,aAC3D,KAAC,SAAS,KAAG,EACb,KAAC,WAAW,KAAG,EACf,KAAC,SAAS,KAAG,IACR,EACN,cAAK,SAAS,EAAC,+CAA+C,YAC7D,KAAC,YAAY,KAAG,GACX,IACG,EACV,eAAK,SAAS,EAAC,kCAAkC,aAChD,cAAK,SAAS,EAAC,kCAAkC,YAAG,QAAQ,GAAQ,YAElE,OAAO,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,kCAAkC,YAC9C,kBAAkB,CAAE,OAAO,EAAE;wCAC9B,QAAQ,EAAE,WAAW;wCACrB,QAAQ,EAAE,oBAAoB;wCAC9B,QAAQ,EAAE,mBAAmB;wCAC7B,aAAa,EAAE,KAAK;qCACpB,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,IACH,EACN,cAAK,SAAS,EAAC,oCAAoC,YAClD,yBAAQ,EAAE,CAAE,kBAAkB,EAAE,iBAAiB,CAAE,GAAS,GACvD,IACD,IACG,GACL,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/instagram-preview/post-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,cAAc,CAAC;AAEtB,MAAM,UAAU,oBAAoB,CAAE,EACrC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,GACgB;IACvB,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC;IAEpC,OAAO,CACN,cAAK,SAAS,EAAC,4BAA4B,YAC1C,mBAAS,SAAS,EAAC,8BAA8B,aAChD,eAAK,SAAS,EAAC,2BAA2B,aACzC,cAAK,SAAS,EAAC,mCAAmC,YAC/C,YAAY,CAAC,CAAC,CAAC,cAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,GACnE,EACN,eAAK,SAAS,EAAC,oCAAoC,aAClD,cAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,EAC3E,cAAK,SAAS,EAAC,yCAAyC,YACvD,KAAC,QAAQ,KAAG,GACP,IACD,IACD,EACN,cAAK,SAAS,EAAC,0BAA0B,YACxC,cAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,GACnE,EACN,eAAK,SAAS,EAAC,4BAA4B,aAC1C,mBAAS,SAAS,EAAC,qCAAqC,aACvD,eAAK,SAAS,EAAC,6CAA6C,aAC3D,KAAC,SAAS,KAAG,EACb,KAAC,WAAW,KAAG,EACf,KAAC,SAAS,KAAG,IACR,EACN,cAAK,SAAS,EAAC,+CAA+C,YAC7D,KAAC,YAAY,KAAG,GACX,IACG,EACV,eAAK,SAAS,EAAC,kCAAkC,aAChD,cAAK,SAAS,EAAC,kCAAkC,YAAG,QAAQ,GAAQ,YAElE,OAAO,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,kCAAkC,YAC9C,kBAAkB,CAAE,OAAO,EAAE;wCAC9B,QAAQ,EAAE,WAAW;wCACrB,QAAQ,EAAE,oBAAoB;wCAC9B,QAAQ,EAAE,mBAAmB;qCAC7B,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,IACH,EACN,cAAK,SAAS,EAAC,oCAAoC,YAClD,yBAAQ,EAAE,CAAE,kBAAkB,EAAE,iBAAiB,CAAE,GAAS,GACvD,IACD,IACG,GACL,CACN,CAAC;AACH,CAAC"}
package/dist/esm/linkedin-preview/constants.js CHANGED
@@ -1,7 +1,3 @@
1
1
  export const FEED_TEXT_MAX_LENGTH = 212;
2
2
  export const FEED_TEXT_MAX_LINES = 3;
3
- export const DEFAULT_PROPS = {
4
- name: 'Account Name',
5
- profileImage: 'https://static.licdn.com/sc/h/1c5u578iilxfi4m4dvc4q810q',
6
- };
7
3
  //# sourceMappingURL=constants.js.map
package/dist/esm/linkedin-preview/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/linkedin-preview/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,yDAAyD;CACvE,CAAC"}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/linkedin-preview/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC"}
package/dist/esm/linkedin-preview/icons/default-avatar.js ADDED
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ export const DefaultAvatar = () => {
3
+ return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", width: "128", height: "128", children: [_jsx("path", { fill: "#e7e2dc", d: "M0 0h128v128H0z" }), _jsx("path", { d: "M88.41 84.67a32 32 0 10-48.82 0 66.13 66.13 0 0148.82 0z", fill: "#788fa5" }), _jsx("path", { d: "M88.41 84.67a32 32 0 01-48.82 0A66.79 66.79 0 000 128h128a66.79 66.79 0 00-39.59-43.33z", fill: "#9db3c8" }), _jsx("path", { d: "M64 96a31.93 31.93 0 0024.41-11.33 66.13 66.13 0 00-48.82 0A31.93 31.93 0 0064 96z", fill: "#56687a" })] }));
4
+ };
5
+ //# sourceMappingURL=default-avatar.js.map
package/dist/esm/linkedin-preview/icons/default-avatar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/linkedin-preview/icons/default-avatar.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,eAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,aACrF,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,iBAAiB,GAAG,EAC3C,eAAM,CAAC,EAAC,0DAA0D,EAAC,IAAI,EAAC,SAAS,GAAG,EACpF,eACC,CAAC,EAAC,yFAAyF,EAC3F,IAAI,EAAC,SAAS,GACb,EACF,eACC,CAAC,EAAC,oFAAoF,EACtF,IAAI,EAAC,SAAS,GACb,IACG,CACN,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/linkedin-preview/link-preview.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { DEFAULT_PROPS } from './constants';
3
2
  import { LinkedInPostPreview } from './post-preview';
4
3
  export function LinkedInLinkPreview(props) {
5
- return (_jsx(LinkedInPostPreview, { ...DEFAULT_PROPS, ...props,
4
+ return (_jsx(LinkedInPostPreview, { name: "", profileImage: "", ...props,
6
5
  // Override the props that are irrelevant to link preview
7
6
  description: "", media: undefined }));
8
7
  }
package/dist/esm/linkedin-preview/link-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAQrD,MAAM,UAAU,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,KAAC,mBAAmB,OACd,aAAa,KACb,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAQrD,MAAM,UAAU,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,KAAC,mBAAmB,IACnB,IAAI,EAAC,EAAE,EACP,YAAY,EAAC,EAAE,KACV,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC"}
package/dist/esm/linkedin-preview/post-preview.js CHANGED
@@ -2,10 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { __, sprintf } from '@wordpress/i18n';
3
3
  import { baseDomain, preparePreviewText } from '../helpers';
4
4
  import { FEED_TEXT_MAX_LENGTH, FEED_TEXT_MAX_LINES } from './constants';
5
+ import { DefaultAvatar } from './icons/default-avatar';
5
6
  import './style.scss';
6
7
  export function LinkedInPostPreview({ articleReadTime = 5, image, jobTitle, name, profileImage, description, media, title, url, }) {
7
8
  const hasMedia = !!media?.length;
8
- return (_jsx("div", { className: "linkedin-preview__wrapper", children: _jsxs("section", { className: `linkedin-preview__container ${hasMedia ? 'has-media' : ''}`, children: [_jsxs("div", { className: "linkedin-preview__header", children: [_jsx("div", { className: "linkedin-preview__header--avatar", children: _jsx("img", { src: profileImage, alt: "" }) }), _jsxs("div", { className: "linkedin-preview__header--profile", children: [_jsxs("div", { className: "linkedin-preview__header--profile-info", children: [_jsx("div", { className: "linkedin-preview__header--profile-name", children: name }), _jsx("span", { children: "\u2022" }), _jsx("div", { className: "linkedin-preview__header--profile-actor", children:
9
+ return (_jsx("div", { className: "linkedin-preview__wrapper", children: _jsxs("section", { className: `linkedin-preview__container ${hasMedia ? 'has-media' : ''}`, children: [_jsxs("div", { className: "linkedin-preview__header", children: [_jsx("div", { className: "linkedin-preview__header--avatar", children: profileImage ? _jsx("img", { src: profileImage, alt: "" }) : _jsx(DefaultAvatar, {}) }), _jsxs("div", { className: "linkedin-preview__header--profile", children: [_jsxs("div", { className: "linkedin-preview__header--profile-info", children: [_jsx("div", { className: "linkedin-preview__header--profile-name", children: name || __('Account Name', 'social-previews') }), _jsx("span", { children: "\u2022" }), _jsx("div", { className: "linkedin-preview__header--profile-actor", children:
9
10
  // translators: refers to the actor level of the post being shared, e.g. "1st", "2nd", "3rd", etc.
10
11
  __('1st', 'social-previews') })] }), jobTitle ? (_jsx("div", { className: "linkedin-preview__header--profile-title", children: jobTitle })) : null, _jsxs("div", { className: "linkedin-preview__header--profile-meta", children: [_jsx("span", { children:
11
12
  // translators: refers to the time since the post was published, e.g. "1h"
package/dist/esm/linkedin-preview/post-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"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"}
package/dist/esm/linkedin-preview/previews.js CHANGED
@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { ExternalLink } from '@wordpress/components';
3
3
  import { __ } from '@wordpress/i18n';
4
4
  import SectionHeading from '../shared/section-heading';
5
- import { DEFAULT_PROPS } from './constants';
6
5
  import { LinkedInLinkPreview } from './link-preview';
7
6
  import { LinkedInPostPreview } from './post-preview';
8
7
  export const LinkedInPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
@@ -10,6 +9,6 @@ export const LinkedInPreviews = ({ headingLevel, hideLinkPreview, hidePostPrevie
10
9
  // translators: refers to a social post on LinkedIn
11
10
  __('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on LinkedIn:', 'social-previews') }), _jsx(LinkedInPostPreview, { ...props })] })), !hideLinkPreview && (_jsxs("section", { className: "social-preview__section linkedin-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
12
11
  // translators: refers to a link to a LinkedIn post
13
- __('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on LinkedIn.', 'social-previews'), "\u00A0", _jsx(ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: __('Learn more about links', 'social-previews') })] }), _jsx(LinkedInLinkPreview, { ...props, ...DEFAULT_PROPS })] }))] }));
12
+ __('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on LinkedIn.', 'social-previews'), "\u00A0", _jsx(ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: __('Learn more about links', 'social-previews') })] }), _jsx(LinkedInLinkPreview, { ...props, name: "", profileImage: "" })] }))] }));
14
13
  };
15
14
  //# sourceMappingURL=previews.js.map
package/dist/esm/linkedin-preview/previews.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/linkedin-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,CAAC,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,eAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,mDAAmD,aACrE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,KAAC,mBAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,mDAAmD,aACrE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,EAAE,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,aAAG,SAAS,EAAC,8BAA8B,aACxC,EAAE,CACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,KAAC,YAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,EAAE,CAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,KAAC,mBAAmB,OAAM,KAAK,KAAQ,aAAa,GAAK,IAChD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/linkedin-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,CAAC,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,eAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,mDAAmD,aACrE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,KAAC,mBAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,mDAAmD,aACrE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,EAAE,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,aAAG,SAAS,EAAC,8BAA8B,aACxC,EAAE,CACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,KAAC,YAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,EAAE,CAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,KAAC,mBAAmB,OAAM,KAAK,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,GAAG,IACnD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/linkedin-preview/style.scss CHANGED
@@ -38,13 +38,18 @@
38
38
  margin-bottom: 0.8rem;
39
39
 
40
40
  &--avatar {
41
+ width: 48px;
42
+ height: 48px;
43
+ border-radius: 50%;
44
+ overflow: hidden;
45
+ display: flex;
46
+ align-items: center;
41
47
  flex-shrink: 0;
42
48
  }
43
49
 
44
50
  &--avatar img {
45
- width: 48px;
46
- height: 48px;
47
- border-radius: 50%;
51
+ width: 100%;
52
+ object-fit: contain;
48
53
  }
49
54
 
50
55
  &--profile {
package/dist/esm/twitter-preview/header.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { __ } from '@wordpress/i18n';
2
3
  import { formatTweetDate } from '../helpers';
3
4
  export const Header = ({ name, screenName, date }) => {
4
- return (_jsxs("div", { className: "twitter-preview__header", children: [_jsx("span", { className: "twitter-preview__name", children: name }), _jsx("span", { className: "twitter-preview__screen-name", children: screenName }), _jsx("span", { children: "\u00B7" }), _jsx("span", { className: "twitter-preview__date", children: formatTweetDate(date) })] }));
5
+ return (_jsxs("div", { className: "twitter-preview__header", children: [_jsx("span", { className: "twitter-preview__name", children: name || __('Account Name', 'social-previews') }), _jsx("span", { className: "twitter-preview__screen-name", children: screenName || '@account' }), _jsx("span", { children: "\u00B7" }), _jsx("span", { className: "twitter-preview__date", children: formatTweetDate(date || Date.now()) })] }));
5
6
  };
6
7
  //# sourceMappingURL=header.js.map
package/dist/esm/twitter-preview/header.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/twitter-preview/header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,MAAM,CAAC,MAAM,MAAM,GAA4B,CAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAG,EAAE;IAC/E,OAAO,CACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,eAAM,SAAS,EAAC,uBAAuB,YAAG,IAAI,GAAS,EACvD,eAAM,SAAS,EAAC,8BAA8B,YAAG,UAAU,GAAS,EACpE,oCAAc,EACd,eAAM,SAAS,EAAC,uBAAuB,YAAG,eAAe,CAAE,IAAI,CAAE,GAAS,IACrE,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/twitter-preview/header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,MAAM,CAAC,MAAM,MAAM,GAA4B,CAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAG,EAAE;IAC/E,OAAO,CACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,eAAM,SAAS,EAAC,uBAAuB,YACpC,IAAI,IAAI,EAAE,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAC3C,EACP,eAAM,SAAS,EAAC,8BAA8B,YAAG,UAAU,IAAI,UAAU,GAAS,EAClF,oCAAc,EACd,eAAM,SAAS,EAAC,uBAAuB,YAAG,eAAe,CAAE,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE,CAAE,GAAS,IACnF,CACN,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/twitter-preview/icons/default-avatar.js ADDED
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ export const DefaultAvatar = () => {
3
+ return (_jsxs("svg", { version: "1.0", xmlns: "http://www.w3.org/2000/svg", width: "271pt", height: "270pt", viewBox: "0 0 271 270", children: [_jsx("rect", { width: "100%", height: "100%", fill: "#ccd5de" }), _jsxs("g", { transform: "translate(0,270) scale(0.1,-0.1)", fill: "#647785", stroke: "none", children: [_jsx("path", { d: "M1251 2089 c-81 -14 -178 -65 -239 -125 -64 -65 -124 -185 -149 -299 -24 -111 -24 -339 -1 -415 38 -121 108 -193 227 -231 83 -27 339 -38 449 -19 139 23 236 91 286 200 59 130 52 395 -15 577 -88 235 -301 354 -558 312z" }), _jsx("path", { d: "M1197 795 c-358 -68 -643 -357 -721 -732 l-14 -63 890 0 890 0 -7 42 c-11 70 -64 218 -102 288 -121 224 -336 394 -573 454 -92 24 -267 29 -363 11z" })] })] }));
4
+ };
5
+ //# sourceMappingURL=default-avatar.js.map
package/dist/esm/twitter-preview/icons/default-avatar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/twitter-preview/icons/default-avatar.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,eACC,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,aAAa,aAErB,eAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,GAAG,EAClD,aAAG,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,aAC3E,eAAM,CAAC,EAAC,sNAAsN,GAAG,EACjO,eAAM,CAAC,EAAC,gJAAgJ,GAAG,IACxJ,IACC,CACN,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/twitter-preview/link-preview.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { DEFAULT_PROPS } from './constants';
3
2
  import { TwitterPostPreview } from './post-preview';
4
3
  export const TwitterLinkPreview = (props) => {
5
- return (_jsx(TwitterPostPreview, { ...DEFAULT_PROPS, ...props,
4
+ return (_jsx(TwitterPostPreview, { ...props,
6
5
  // Override the props that are irrelevant to link preview
7
6
  text: "", media: undefined }));
8
7
  };
package/dist/esm/twitter-preview/link-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/link-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAQpD,MAAM,CAAC,MAAM,kBAAkB,GAAwC,CAAE,KAAK,EAAG,EAAE;IAClF,OAAO,CACN,KAAC,kBAAkB,OACb,aAAa,KACb,KAAK;QACV,yDAAyD;QACzD,IAAI,EAAC,EAAE,EACP,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/link-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CAAE,KAAK,EAAG,EAAE;IAC9E,OAAO,CACN,KAAC,kBAAkB,OACb,KAAK;QACV,yDAAyD;QACzD,IAAI,EAAC,EAAE,EACP,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/twitter-preview/previews.js CHANGED
@@ -10,11 +10,11 @@ export const TwitterPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview
10
10
  }
11
11
  return (_jsxs("div", { className: "social-preview twitter-preview", children: [!hidePostPreview && (_jsxs("section", { className: "social-preview__section twitter-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
12
12
  // translators: refers to a social post on Twitter
13
- __('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on Twitter:', 'social-previews') }), tweets.map((tweet, index) => {
13
+ __('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on Twitter:', 'social-previews') }), tweets.map(({ date, ...tweet }, index) => {
14
14
  const isLast = index + 1 === tweets.length;
15
15
  return (_jsx(TwitterPostPreview, { ...tweet, showThreadConnector: !isLast }, `twitter-preview__tweet-${index}`));
16
16
  })] })), !hideLinkPreview && (_jsxs("section", { className: "social-preview__section twitter-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
17
17
  // translators: refers to a link to a Twitter post
18
- __('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on Twitter.', 'social-previews'), "\u00A0", _jsx(ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: __('Learn more about links', 'social-previews') })] }), _jsx(TwitterLinkPreview, { ...tweets[0] })] }))] }));
18
+ __('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on Twitter.', 'social-previews'), "\u00A0", _jsx(ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: __('Learn more about links', 'social-previews') })] }), _jsx(TwitterLinkPreview, { ...tweets[0], name: "", profileImage: "", screenName: "" })] }))] }));
19
19
  };
20
20
  //# sourceMappingURL=previews.js.map
package/dist/esm/twitter-preview/previews.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/twitter-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,CAAC,MAAM,eAAe,GAAqC,CAAE,EAClE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,MAAM,GACN,EAAG,EAAE;IACL,IAAK,CAAE,MAAM,EAAE,MAAM,EAAG;QACvB,OAAO,IAAI,CAAC;KACZ;IACD,OAAO,CACN,eAAK,SAAS,EAAC,gCAAgC,aAC5C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,kDAAkD,aACpE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CAAE,0DAA0D,EAAE,iBAAiB,CAAE,GAClF,EACF,MAAM,CAAC,GAAG,CAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;wBAChC,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBAC3C,OAAO,CACN,KAAC,kBAAkB,OAEb,KAAK,EACV,mBAAmB,EAAG,CAAE,MAAM,IAFxB,0BAA2B,KAAM,EAAE,CAGxC,CACF,CAAC;oBACH,CAAC,CAAE,IACM,CACV,EACC,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,kDAAkD,aACpE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,EAAE,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,aAAG,SAAS,EAAC,8BAA8B,aACxC,EAAE,CACH,gGAAgG,EAChG,iBAAiB,CACjB,YAED,KAAC,YAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,EAAE,CAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,KAAC,kBAAkB,OAAM,MAAM,CAAE,CAAC,CAAE,GAAK,IAChC,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/twitter-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,CAAC,MAAM,eAAe,GAAqC,CAAE,EAClE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,MAAM,GACN,EAAG,EAAE;IACL,IAAK,CAAE,MAAM,EAAE,MAAM,EAAG;QACvB,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,eAAK,SAAS,EAAC,gCAAgC,aAC5C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,kDAAkD,aACpE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CAAE,0DAA0D,EAAE,iBAAiB,CAAE,GAClF,EACF,MAAM,CAAC,GAAG,CAAE,CAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EAAG,EAAE;wBAC7C,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBAC3C,OAAO,CACN,KAAC,kBAAkB,OAEb,KAAK,EACV,mBAAmB,EAAG,CAAE,MAAM,IAFxB,0BAA2B,KAAM,EAAE,CAGxC,CACF,CAAC;oBACH,CAAC,CAAE,IACM,CACV,EACC,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,kDAAkD,aACpE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,EAAE,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,aAAG,SAAS,EAAC,8BAA8B,aACxC,EAAE,CACH,gGAAgG,EAChG,iBAAiB,CACjB,YAED,KAAC,YAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,EAAE,CAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,KAAC,kBAAkB,OAAM,MAAM,CAAE,CAAC,CAAE,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,GAAG,IACtE,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/twitter-preview/sidebar.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { __ } from '@wordpress/i18n';
3
- import { DEFAULT_PROPS } from './constants';
3
+ import { DefaultAvatar } from './icons/default-avatar';
4
4
  export const Sidebar = ({ profileImage, showThreadConnector }) => {
5
- return (_jsxs("div", { className: "twitter-preview__sidebar", children: [_jsx("div", { className: "twitter-preview__profile-image", children: _jsx("img", { alt: __('Twitter profile image', 'social-previews'), src: profileImage || DEFAULT_PROPS.profileImage }) }), showThreadConnector && _jsx("div", { className: "twitter-preview__connector" })] }));
5
+ return (_jsxs("div", { className: "twitter-preview__sidebar", children: [_jsx("div", { className: "twitter-preview__profile-image", children: profileImage ? (_jsx("img", { alt: __('Twitter profile image', 'social-previews'), src: profileImage })) : (_jsx(DefaultAvatar, {})) }), showThreadConnector && _jsx("div", { className: "twitter-preview__connector" })] }));
6
6
  };
7
7
  //# sourceMappingURL=sidebar.js.map
package/dist/esm/twitter-preview/sidebar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../src/twitter-preview/sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,CAAC,MAAM,OAAO,GAA6B,CAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAG,EAAE;IAC5F,OAAO,CACN,eAAK,SAAS,EAAC,0BAA0B,aACxC,cAAK,SAAS,EAAC,gCAAgC,YAC9C,cACC,GAAG,EAAG,EAAE,CAAE,uBAAuB,EAAE,iBAAiB,CAAE,EACtD,GAAG,EAAG,YAAY,IAAI,aAAa,CAAC,YAAY,GAC/C,GACG,EACJ,mBAAmB,IAAI,cAAK,SAAS,EAAC,4BAA4B,GAAG,IAClE,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../src/twitter-preview/sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,MAAM,CAAC,MAAM,OAAO,GAA6B,CAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAG,EAAE;IAC5F,OAAO,CACN,eAAK,SAAS,EAAC,0BAA0B,aACxC,cAAK,SAAS,EAAC,gCAAgC,YAC5C,YAAY,CAAC,CAAC,CAAC,CAChB,cAAK,GAAG,EAAG,EAAE,CAAE,uBAAuB,EAAE,iBAAiB,CAAE,EAAG,GAAG,EAAG,YAAY,GAAK,CACrF,CAAC,CAAC,CAAC,CACH,KAAC,aAAa,KAAG,CACjB,GACI,EACJ,mBAAmB,IAAI,cAAK,SAAS,EAAC,4BAA4B,GAAG,IAClE,CACN,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/twitter-preview/style.scss CHANGED
@@ -49,11 +49,16 @@
49
49
  justify-items: center;
50
50
 
51
51
  .twitter-preview__profile-image {
52
+ display: flex;
53
+ align-items: center;
54
+ max-width: 30px;
55
+ max-height: 30px;
56
+ border-radius: 15px; /* stylelint-disable-line scales/radii */
57
+ overflow: hidden;
58
+
52
59
  img {
53
- height: 30px;
54
- width: 30px;
55
- border-radius: 15px; /* stylelint-disable-line scales/radii */
56
60
  object-fit: cover;
61
+ width: 100%;
57
62
  }
58
63
  }
59
64