@automattic/social-previews 2.0.1-beta.8 → 2.0.1

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 (231) hide show
  1. package/dist/cjs/facebook-preview/custom-text.js.map +1 -1
  2. package/dist/cjs/facebook-preview/hooks/use-image-hook.js.map +1 -1
  3. package/dist/cjs/facebook-preview/post/header/index.js.map +1 -1
  4. package/dist/cjs/helpers.js +22 -1
  5. package/dist/cjs/helpers.js.map +1 -1
  6. package/dist/cjs/index.js +1 -0
  7. package/dist/cjs/index.js.map +1 -1
  8. package/dist/cjs/instagram-preview/style.scss +6 -1
  9. package/dist/cjs/linkedin-preview/link-preview.js +2 -1
  10. package/dist/cjs/linkedin-preview/link-preview.js.map +1 -1
  11. package/dist/cjs/linkedin-preview/post-preview.js +1 -1
  12. package/dist/cjs/linkedin-preview/post-preview.js.map +1 -1
  13. package/dist/cjs/mastodon-preview/constants.js +2 -1
  14. package/dist/cjs/mastodon-preview/constants.js.map +1 -1
  15. package/dist/cjs/mastodon-preview/post/actions/index.js +1 -31
  16. package/dist/cjs/mastodon-preview/post/actions/index.js.map +1 -1
  17. package/dist/cjs/mastodon-preview/post/actions/styles.scss +8 -23
  18. package/dist/cjs/mastodon-preview/post/body/index.js +8 -3
  19. package/dist/cjs/mastodon-preview/post/body/index.js.map +1 -1
  20. package/dist/cjs/mastodon-preview/post/card/index.js +4 -2
  21. package/dist/cjs/mastodon-preview/post/card/index.js.map +1 -1
  22. package/dist/cjs/mastodon-preview/post/card/styles.scss +37 -13
  23. package/dist/cjs/mastodon-preview/post/header/index.js +4 -6
  24. package/dist/cjs/mastodon-preview/post/header/index.js.map +1 -1
  25. package/dist/cjs/mastodon-preview/post/icons/index.js +5 -3
  26. package/dist/cjs/mastodon-preview/post/icons/index.js.map +1 -1
  27. package/dist/cjs/mastodon-preview/post-preview.js +6 -4
  28. package/dist/cjs/mastodon-preview/post-preview.js.map +1 -1
  29. package/dist/cjs/mastodon-preview/styles.scss +31 -0
  30. package/dist/cjs/nextdoor-preview/constants.js +6 -0
  31. package/dist/cjs/nextdoor-preview/constants.js.map +1 -0
  32. package/dist/cjs/nextdoor-preview/footer-actions.js +13 -0
  33. package/dist/cjs/nextdoor-preview/footer-actions.js.map +1 -0
  34. package/dist/cjs/nextdoor-preview/icons/chevron-icon.js +9 -0
  35. package/dist/cjs/nextdoor-preview/icons/chevron-icon.js.map +1 -0
  36. package/dist/cjs/nextdoor-preview/icons/comment-icon.js +9 -0
  37. package/dist/cjs/nextdoor-preview/icons/comment-icon.js.map +1 -0
  38. package/dist/cjs/nextdoor-preview/icons/default-avatar.js +9 -0
  39. package/dist/cjs/nextdoor-preview/icons/default-avatar.js.map +1 -0
  40. package/dist/cjs/nextdoor-preview/icons/default-image.js +9 -0
  41. package/dist/cjs/nextdoor-preview/icons/default-image.js.map +1 -0
  42. package/dist/cjs/nextdoor-preview/icons/globe-icon.js +9 -0
  43. package/dist/cjs/nextdoor-preview/icons/globe-icon.js.map +1 -0
  44. package/dist/cjs/nextdoor-preview/icons/like-icon.js +9 -0
  45. package/dist/cjs/nextdoor-preview/icons/like-icon.js.map +1 -0
  46. package/dist/cjs/nextdoor-preview/icons/share-icon.js +9 -0
  47. package/dist/cjs/nextdoor-preview/icons/share-icon.js.map +1 -0
  48. package/dist/cjs/nextdoor-preview/index.js +7 -0
  49. package/dist/cjs/nextdoor-preview/index.js.map +1 -0
  50. package/dist/cjs/nextdoor-preview/link-preview.js +13 -0
  51. package/dist/cjs/nextdoor-preview/link-preview.js.map +1 -0
  52. package/dist/cjs/nextdoor-preview/post-preview.js +31 -0
  53. package/dist/cjs/nextdoor-preview/post-preview.js.map +1 -0
  54. package/dist/cjs/nextdoor-preview/previews.js +19 -0
  55. package/dist/cjs/nextdoor-preview/previews.js.map +1 -0
  56. package/dist/cjs/nextdoor-preview/style.scss +211 -0
  57. package/dist/cjs/nextdoor-preview/types.js +3 -0
  58. package/dist/cjs/nextdoor-preview/types.js.map +1 -0
  59. package/dist/cjs/tumblr-preview/post/icons/index.js.map +1 -1
  60. package/dist/cjs/tumblr-preview/previews.js +2 -1
  61. package/dist/cjs/tumblr-preview/previews.js.map +1 -1
  62. package/dist/cjs/tumblr-preview/variables.scss +0 -1
  63. package/dist/cjs/twitter-preview/card.js +2 -2
  64. package/dist/cjs/twitter-preview/card.js.map +1 -1
  65. package/dist/cjs/twitter-preview/media.js +2 -2
  66. package/dist/cjs/twitter-preview/media.js.map +1 -1
  67. package/dist/cjs/twitter-preview/post-preview.js +1 -1
  68. package/dist/cjs/twitter-preview/post-preview.js.map +1 -1
  69. package/dist/cjs/twitter-preview/previews.js +2 -2
  70. package/dist/cjs/twitter-preview/previews.js.map +1 -1
  71. package/dist/cjs/twitter-preview/quote-tweet.js.map +1 -1
  72. package/dist/cjs/twitter-preview/text.js.map +1 -1
  73. package/dist/esm/facebook-preview/custom-text.js.map +1 -1
  74. package/dist/esm/facebook-preview/hooks/use-image-hook.js.map +1 -1
  75. package/dist/esm/facebook-preview/post/header/index.js.map +1 -1
  76. package/dist/esm/helpers.js +20 -0
  77. package/dist/esm/helpers.js.map +1 -1
  78. package/dist/esm/index.js +1 -0
  79. package/dist/esm/index.js.map +1 -1
  80. package/dist/esm/instagram-preview/style.scss +6 -1
  81. package/dist/esm/linkedin-preview/link-preview.js +2 -1
  82. package/dist/esm/linkedin-preview/link-preview.js.map +1 -1
  83. package/dist/esm/linkedin-preview/post-preview.js +2 -2
  84. package/dist/esm/linkedin-preview/post-preview.js.map +1 -1
  85. package/dist/esm/mastodon-preview/constants.js +1 -0
  86. package/dist/esm/mastodon-preview/constants.js.map +1 -1
  87. package/dist/esm/mastodon-preview/post/actions/index.js +1 -30
  88. package/dist/esm/mastodon-preview/post/actions/index.js.map +1 -1
  89. package/dist/esm/mastodon-preview/post/actions/styles.scss +8 -23
  90. package/dist/esm/mastodon-preview/post/body/index.js +8 -3
  91. package/dist/esm/mastodon-preview/post/body/index.js.map +1 -1
  92. package/dist/esm/mastodon-preview/post/card/index.js +4 -3
  93. package/dist/esm/mastodon-preview/post/card/index.js.map +1 -1
  94. package/dist/esm/mastodon-preview/post/card/styles.scss +37 -13
  95. package/dist/esm/mastodon-preview/post/header/index.js +5 -6
  96. package/dist/esm/mastodon-preview/post/header/index.js.map +1 -1
  97. package/dist/esm/mastodon-preview/post/icons/index.js +3 -3
  98. package/dist/esm/mastodon-preview/post/icons/index.js.map +1 -1
  99. package/dist/esm/mastodon-preview/post-preview.js +6 -4
  100. package/dist/esm/mastodon-preview/post-preview.js.map +1 -1
  101. package/dist/esm/mastodon-preview/styles.scss +31 -0
  102. package/dist/esm/nextdoor-preview/constants.js +3 -0
  103. package/dist/esm/nextdoor-preview/constants.js.map +1 -0
  104. package/dist/esm/nextdoor-preview/footer-actions.js +9 -0
  105. package/dist/esm/nextdoor-preview/footer-actions.js.map +1 -0
  106. package/dist/esm/nextdoor-preview/icons/chevron-icon.js +5 -0
  107. package/dist/esm/nextdoor-preview/icons/chevron-icon.js.map +1 -0
  108. package/dist/esm/nextdoor-preview/icons/comment-icon.js +5 -0
  109. package/dist/esm/nextdoor-preview/icons/comment-icon.js.map +1 -0
  110. package/dist/esm/nextdoor-preview/icons/default-avatar.js +5 -0
  111. package/dist/esm/nextdoor-preview/icons/default-avatar.js.map +1 -0
  112. package/dist/esm/nextdoor-preview/icons/default-image.js +5 -0
  113. package/dist/esm/nextdoor-preview/icons/default-image.js.map +1 -0
  114. package/dist/esm/nextdoor-preview/icons/globe-icon.js +5 -0
  115. package/dist/esm/nextdoor-preview/icons/globe-icon.js.map +1 -0
  116. package/dist/esm/nextdoor-preview/icons/like-icon.js +5 -0
  117. package/dist/esm/nextdoor-preview/icons/like-icon.js.map +1 -0
  118. package/dist/esm/nextdoor-preview/icons/share-icon.js +5 -0
  119. package/dist/esm/nextdoor-preview/icons/share-icon.js.map +1 -0
  120. package/dist/esm/nextdoor-preview/index.js +4 -0
  121. package/dist/esm/nextdoor-preview/index.js.map +1 -0
  122. package/dist/esm/nextdoor-preview/link-preview.js +9 -0
  123. package/dist/esm/nextdoor-preview/link-preview.js.map +1 -0
  124. package/dist/esm/nextdoor-preview/post-preview.js +26 -0
  125. package/dist/esm/nextdoor-preview/post-preview.js.map +1 -0
  126. package/dist/esm/nextdoor-preview/previews.js +14 -0
  127. package/dist/esm/nextdoor-preview/previews.js.map +1 -0
  128. package/dist/esm/nextdoor-preview/style.scss +211 -0
  129. package/dist/esm/nextdoor-preview/types.js +2 -0
  130. package/dist/esm/nextdoor-preview/types.js.map +1 -0
  131. package/dist/esm/tumblr-preview/post/icons/index.js.map +1 -1
  132. package/dist/esm/tumblr-preview/previews.js +2 -1
  133. package/dist/esm/tumblr-preview/previews.js.map +1 -1
  134. package/dist/esm/tumblr-preview/variables.scss +0 -1
  135. package/dist/esm/twitter-preview/card.js +2 -2
  136. package/dist/esm/twitter-preview/card.js.map +1 -1
  137. package/dist/esm/twitter-preview/media.js +2 -2
  138. package/dist/esm/twitter-preview/media.js.map +1 -1
  139. package/dist/esm/twitter-preview/post-preview.js +1 -1
  140. package/dist/esm/twitter-preview/post-preview.js.map +1 -1
  141. package/dist/esm/twitter-preview/previews.js +2 -2
  142. package/dist/esm/twitter-preview/previews.js.map +1 -1
  143. package/dist/esm/twitter-preview/quote-tweet.js.map +1 -1
  144. package/dist/esm/twitter-preview/text.js.map +1 -1
  145. package/dist/tsconfig-cjs.tsbuildinfo +1 -1
  146. package/dist/tsconfig.tsbuildinfo +1 -1
  147. package/dist/types/helpers.d.ts +11 -3
  148. package/dist/types/helpers.d.ts.map +1 -1
  149. package/dist/types/index.d.ts +1 -0
  150. package/dist/types/index.d.ts.map +1 -1
  151. package/dist/types/linkedin-preview/link-preview.d.ts.map +1 -1
  152. package/dist/types/linkedin-preview/post-preview.d.ts.map +1 -1
  153. package/dist/types/mastodon-preview/constants.d.ts +1 -0
  154. package/dist/types/mastodon-preview/constants.d.ts.map +1 -1
  155. package/dist/types/mastodon-preview/post/actions/index.d.ts.map +1 -1
  156. package/dist/types/mastodon-preview/post/body/index.d.ts.map +1 -1
  157. package/dist/types/mastodon-preview/post/card/index.d.ts.map +1 -1
  158. package/dist/types/mastodon-preview/post/header/index.d.ts.map +1 -1
  159. package/dist/types/mastodon-preview/post/icons/index.d.ts +1 -6
  160. package/dist/types/mastodon-preview/post/icons/index.d.ts.map +1 -1
  161. package/dist/types/mastodon-preview/post-preview.d.ts.map +1 -1
  162. package/dist/types/nextdoor-preview/constants.d.ts +3 -0
  163. package/dist/types/nextdoor-preview/constants.d.ts.map +1 -0
  164. package/dist/types/nextdoor-preview/footer-actions.d.ts +2 -0
  165. package/dist/types/nextdoor-preview/footer-actions.d.ts.map +1 -0
  166. package/dist/types/nextdoor-preview/icons/chevron-icon.d.ts +2 -0
  167. package/dist/types/nextdoor-preview/icons/chevron-icon.d.ts.map +1 -0
  168. package/dist/types/nextdoor-preview/icons/comment-icon.d.ts +2 -0
  169. package/dist/types/nextdoor-preview/icons/comment-icon.d.ts.map +1 -0
  170. package/dist/types/nextdoor-preview/icons/default-avatar.d.ts +3 -0
  171. package/dist/types/nextdoor-preview/icons/default-avatar.d.ts.map +1 -0
  172. package/dist/types/nextdoor-preview/icons/default-image.d.ts +2 -0
  173. package/dist/types/nextdoor-preview/icons/default-image.d.ts.map +1 -0
  174. package/dist/types/nextdoor-preview/icons/globe-icon.d.ts +2 -0
  175. package/dist/types/nextdoor-preview/icons/globe-icon.d.ts.map +1 -0
  176. package/dist/types/nextdoor-preview/icons/like-icon.d.ts +2 -0
  177. package/dist/types/nextdoor-preview/icons/like-icon.d.ts.map +1 -0
  178. package/dist/types/nextdoor-preview/icons/share-icon.d.ts +2 -0
  179. package/dist/types/nextdoor-preview/icons/share-icon.d.ts.map +1 -0
  180. package/dist/types/nextdoor-preview/index.d.ts +4 -0
  181. package/dist/types/nextdoor-preview/index.d.ts.map +1 -0
  182. package/dist/types/nextdoor-preview/link-preview.d.ts +6 -0
  183. package/dist/types/nextdoor-preview/link-preview.d.ts.map +1 -0
  184. package/dist/types/nextdoor-preview/post-preview.d.ts +4 -0
  185. package/dist/types/nextdoor-preview/post-preview.d.ts.map +1 -0
  186. package/dist/types/nextdoor-preview/previews.d.ts +4 -0
  187. package/dist/types/nextdoor-preview/previews.d.ts.map +1 -0
  188. package/dist/types/nextdoor-preview/types.d.ts +8 -0
  189. package/dist/types/nextdoor-preview/types.d.ts.map +1 -0
  190. package/dist/types/tumblr-preview/previews.d.ts.map +1 -1
  191. package/package.json +71 -71
  192. package/src/helpers.tsx +26 -3
  193. package/src/index.ts +1 -0
  194. package/src/instagram-preview/style.scss +6 -1
  195. package/src/linkedin-preview/link-preview.tsx +2 -0
  196. package/src/linkedin-preview/post-preview.tsx +4 -2
  197. package/src/mastodon-preview/constants.ts +3 -0
  198. package/src/mastodon-preview/post/actions/index.tsx +57 -42
  199. package/src/mastodon-preview/post/actions/styles.scss +8 -23
  200. package/src/mastodon-preview/post/body/index.tsx +14 -10
  201. package/src/mastodon-preview/post/card/index.tsx +21 -4
  202. package/src/mastodon-preview/post/card/styles.scss +37 -13
  203. package/src/mastodon-preview/post/header/index.tsx +7 -9
  204. package/src/mastodon-preview/post/icons/index.tsx +13 -7
  205. package/src/mastodon-preview/post-preview.tsx +23 -11
  206. package/src/mastodon-preview/styles.scss +31 -0
  207. package/src/nextdoor-preview/constants.ts +2 -0
  208. package/src/nextdoor-preview/footer-actions.tsx +23 -0
  209. package/src/nextdoor-preview/icons/chevron-icon.tsx +11 -0
  210. package/src/nextdoor-preview/icons/comment-icon.tsx +12 -0
  211. package/src/nextdoor-preview/icons/default-avatar.tsx +3 -0
  212. package/src/nextdoor-preview/icons/default-image.tsx +23 -0
  213. package/src/nextdoor-preview/icons/globe-icon.tsx +12 -0
  214. package/src/nextdoor-preview/icons/like-icon.tsx +12 -0
  215. package/src/nextdoor-preview/icons/share-icon.tsx +12 -0
  216. package/src/nextdoor-preview/index.tsx +3 -0
  217. package/src/nextdoor-preview/link-preview.tsx +22 -0
  218. package/src/nextdoor-preview/post-preview.tsx +117 -0
  219. package/src/nextdoor-preview/previews.tsx +53 -0
  220. package/src/nextdoor-preview/style.scss +211 -0
  221. package/src/nextdoor-preview/types.ts +9 -0
  222. package/src/tumblr-preview/previews.tsx +3 -1
  223. package/src/tumblr-preview/variables.scss +0 -1
  224. package/src/twitter-preview/card.tsx +2 -2
  225. package/src/twitter-preview/media.tsx +2 -2
  226. package/src/twitter-preview/post-preview.tsx +3 -3
  227. package/src/twitter-preview/previews.tsx +2 -2
  228. package/CHANGELOG.md +0 -62
  229. package/dist/cjs/mastodon-preview/post/icons/styles.scss +0 -50
  230. package/dist/esm/mastodon-preview/post/icons/styles.scss +0 -50
  231. package/src/mastodon-preview/post/icons/styles.scss +0 -50
@@ -0,0 +1 @@
1
+ {"version":3,"file":"footer-actions.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/footer-actions.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,uDAAmD;AACnD,iDAA6C;AAC7C,mDAA+C;AAE/C,SAAgB,aAAa;IAC5B,OAAO,CACN,iCAAK,SAAS,EAAC,mCAAmC,aACjD,iCAAK,SAAS,EAAC,wCAAwC,aACtD,uBAAC,oBAAQ,KAAG,EACZ,2CAAQ,IAAA,SAAE,EAAE,MAAM,EAAE,iBAAiB,CAAE,GAAS,IAC3C,EACN,iCAAK,SAAS,EAAC,wCAAwC,aACtD,uBAAC,0BAAW,KAAG,EACf,2CAAQ,IAAA,SAAE,EAAE,SAAS,EAAE,iBAAiB,CAAE,GAAS,IAC9C,EACN,iCAAK,SAAS,EAAC,wCAAwC,aACtD,uBAAC,sBAAS,KAAG,EACb,2CAAQ,IAAA,SAAE,EAAE,OAAO,EAAE,iBAAiB,CAAE,GAAS,IAC5C,IACD,CACN,CAAC;AACH,CAAC;AAjBD,sCAiBC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ChevronIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function ChevronIcon() {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { fill: "#dfe1e4", fillRule: "evenodd", d: "M7.127 13.876a.732.732 0 1 0 1.035 1.035l4.75-4.749a.732.732 0 0 0 0-1.035L8.123 4.34A.732.732 0 0 0 7.09 5.375l4.27 4.27-4.232 4.23Z" }) }));
7
+ }
8
+ exports.ChevronIcon = ChevronIcon;
9
+ //# sourceMappingURL=chevron-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chevron-icon.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/chevron-icon.tsx"],"names":[],"mappings":";;;;AAAA,SAAgB,WAAW;IAC1B,OAAO,CACN,gCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YACjE,iCACC,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uIAAuI,GAClI,GACH,CACN,CAAC;AACH,CAAC;AAVD,kCAUC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.CommentIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function CommentIcon() {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M2 10.031C2 5.596 5.574 2 10 2h4c4.427 0 8 3.596 8 8.031 0 4.435-3.573 8.031-8 8.031h-1.52a17.033 17.033 0 0 1-1.377 1.467c-.991.938-2.456 2.079-4.086 2.437a1.403 1.403 0 0 1-1.458-.565 1.55 1.55 0 0 1-.195-1.394c.28-.823.395-1.734.434-2.464.014-.257.018-.485.018-.672A8.017 8.017 0 0 1 2 10.031Zm5.798 6.178a7.02 7.02 0 0 1 .016.418c.005.252.004.606-.019 1.023-.03.573-.103 1.285-.266 2.024.775-.377 1.54-.974 2.202-1.598a15.066 15.066 0 0 0 1.448-1.586l.017-.022.003-.004a1 1 0 0 1 .801-.402h2c3.314 0 6-2.692 6-6.03C20 6.691 17.314 4 14 4h-4c-3.314 0-6 2.692-6 6.031 0 2.336 1.32 4.36 3.258 5.359.308.159.515.474.54.82Z", clipRule: "evenodd" }) }));
7
+ }
8
+ exports.CommentIcon = CommentIcon;
9
+ //# sourceMappingURL=comment-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comment-icon.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/comment-icon.tsx"],"names":[],"mappings":";;;;AAAA,SAAgB,WAAW;IAC1B,OAAO,CACN,gCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAC7E,iCACC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gnBAAgnB,EAClnB,QAAQ,EAAC,SAAS,GACX,GACH,CACN,CAAC;AACH,CAAC;AAXD,kCAWC"}
@@ -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.jsx)("div", { className: "nextdoor-preview__default-avatar", children: "A" });
7
+ };
8
+ exports.DefaultAvatar = DefaultAvatar;
9
+ //# sourceMappingURL=default-avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/default-avatar.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,gCAAK,SAAS,EAAC,kCAAkC,kBAAQ,CAAC;AAClE,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DefaultImage = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function DefaultImage() {
6
+ return ((0, jsx_runtime_1.jsx)("div", { className: "nextdoor-preview__default-image", children: (0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", color: "#055c00", children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M13.207 5.207c1.51-1.51 4.076-1.51 5.586 0 1.51 1.51 1.51 4.076 0 5.586l-2.1 2.1c-1.51 1.51-4.077 1.51-5.586 0a1 1 0 1 0-1.414 1.414c2.29 2.29 6.123 2.29 8.414 0l2.1-2.1c2.29-2.29 2.29-6.124 0-8.414s-6.124-2.29-8.414 0l-.7.7a1 1 0 0 0 1.414 1.414l.7-.7Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M7.307 11.107c1.51-1.51 4.076-1.51 5.586 0a1 1 0 0 0 1.414-1.414c-2.29-2.29-6.124-2.29-8.414 0l-2.1 2.1c-2.29 2.29-2.29 6.123 0 8.414 2.29 2.29 6.124 2.29 8.414 0l.7-.7a1 1 0 0 0-1.414-1.414l-.7.7c-1.51 1.51-4.076 1.51-5.586 0-1.51-1.51-1.51-4.076 0-5.586l2.1-2.1Z" })] }) }));
7
+ }
8
+ exports.DefaultImage = DefaultImage;
9
+ //# sourceMappingURL=default-image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-image.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/default-image.tsx"],"names":[],"mappings":";;;;AAAA,SAAgB,YAAY;IAC3B,OAAO,CACN,gCAAK,SAAS,EAAC,iCAAiC,YAC/C,iCACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,iBACP,MAAM,EAClB,KAAK,EAAC,SAAS,aAEf,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+PAA+P,GAC1P,EACR,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0QAA0Q,GACrQ,IACH,GACD,CACN,CAAC;AACH,CAAC;AAtBD,oCAsBC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.GlobeIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function GlobeIcon() {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm9.495-7.643c.286-.335.46-.357.505-.357.045 0 .219.022.505.357.282.33.581.868.852 1.619.464 1.283.79 3.034.872 5.024H9.771c.082-1.99.408-3.741.871-5.024.272-.751.571-1.289.854-1.62ZM7.77 11c.084-2.181.439-4.171.992-5.704.093-.255.192-.502.298-.738A8.009 8.009 0 0 0 4.062 11h3.707Zm-3.707 2h3.707c.084 2.181.439 4.171.992 5.704.093.255.192.502.298.738A8.009 8.009 0 0 1 4.062 13Zm15.876-2a8.009 8.009 0 0 0-4.997-6.442c.106.236.205.483.298.738.553 1.533.908 3.523.992 5.704h3.707Zm-3.707 2h3.707a8.009 8.009 0 0 1-4.997 6.442c.106-.236.205-.483.298-.738.553-1.533.908-3.523.992-5.704Zm-2.002 0c-.082 1.99-.408 3.741-.871 5.024-.272.751-.571 1.289-.854 1.62-.285.334-.46.356-.504.356-.045 0-.219-.022-.505-.357-.282-.33-.581-.868-.852-1.619-.464-1.283-.79-3.034-.872-5.024h4.458Z", clipRule: "evenodd" }) }));
7
+ }
8
+ exports.GlobeIcon = GlobeIcon;
9
+ //# sourceMappingURL=globe-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"globe-icon.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/globe-icon.tsx"],"names":[],"mappings":";;;;AAAA,SAAgB,SAAS;IACxB,OAAO,CACN,gCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAC7E,iCACC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,m1BAAm1B,EACr1B,QAAQ,EAAC,SAAS,GACX,GACH,CACN,CAAC;AACH,CAAC;AAXD,8BAWC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.LikeIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function LikeIcon() {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.275 8.752a1.5 1.5 0 0 1-2.55 0C9.75 7.18 8.719 5.617 6.565 6.074 5.248 6.352 4 7.433 4 9.644c0 2.153 1.348 4.592 4.259 7.236A28.475 28.475 0 0 0 12 19.74a28.475 28.475 0 0 0 3.741-2.86C18.651 14.236 20 11.797 20 9.643c0-2.21-1.25-3.29-2.564-3.57-2.155-.456-3.187 1.106-4.16 2.68Zm-2.581-3.48C7.634 2.58 2 4.217 2 9.643c0 2.996 1.85 5.934 4.914 8.717 1.478 1.343 3.1 2.585 4.839 3.575a.5.5 0 0 0 .494 0c1.739-.99 3.361-2.232 4.84-3.575C20.148 15.577 22 12.64 22 9.643c0-5.426-5.634-7.062-8.694-4.371A5.287 5.287 0 0 0 12 7.04a5.287 5.287 0 0 0-1.306-1.77Z", clipRule: "evenodd" }) }));
7
+ }
8
+ exports.LikeIcon = LikeIcon;
9
+ //# sourceMappingURL=like-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"like-icon.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/like-icon.tsx"],"names":[],"mappings":";;;;AAAA,SAAgB,QAAQ;IACvB,OAAO,CACN,gCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAC7E,iCACC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gjBAAgjB,EACljB,QAAQ,EAAC,SAAS,GACX,GACH,CACN,CAAC;AACH,CAAC;AAXD,4BAWC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ShareIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function ShareIcon() {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.617 2.076a1 1 0 0 1 1.09.217l9 9a1 1 0 0 1 0 1.414l-9 9A1 1 0 0 1 11 21v-4.436c-2.849.366-5.261 2.271-6.384 4.837a1 1 0 0 1-1.856-.06C2.338 20.182 2 18.86 2 17.5a9.959 9.959 0 0 1 9-9.951V3a1 1 0 0 1 .617-.924ZM13 5.414V8.5a1 1 0 0 1-1 1c-4.448 0-8 3.552-8 8 0 .31.023.625.066.94C5.905 16.067 8.776 14.5 12 14.5a1 1 0 0 1 1 1v3.086L19.586 12 13 5.414Z", clipRule: "evenodd" }) }));
7
+ }
8
+ exports.ShareIcon = ShareIcon;
9
+ //# sourceMappingURL=share-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"share-icon.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/share-icon.tsx"],"names":[],"mappings":";;;;AAAA,SAAgB,SAAS;IACxB,OAAO,CACN,gCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAC7E,iCACC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qWAAqW,EACvW,QAAQ,EAAC,SAAS,GACX,GACH,CACN,CAAC;AACH,CAAC;AAXD,8BAWC"}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./link-preview"), exports);
5
+ tslib_1.__exportStar(require("./post-preview"), exports);
6
+ tslib_1.__exportStar(require("./previews"), exports);
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/index.tsx"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,yDAA+B;AAC/B,qDAA2B"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.NextdoorLinkPreview = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const helpers_1 = require("../helpers");
6
+ const post_preview_1 = require("./post-preview");
7
+ function NextdoorLinkPreview(props) {
8
+ return ((0, jsx_runtime_1.jsx)(post_preview_1.NextdoorPostPreview, { name: "", profileImage: "", ...props,
9
+ // Override the props that are irrelevant to link preview
10
+ description: "", media: undefined, title: props.title || (0, helpers_1.getTitleFromDescription)(props.description) }));
11
+ }
12
+ exports.NextdoorLinkPreview = NextdoorLinkPreview;
13
+ //# sourceMappingURL=link-preview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqD;AACrD,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,EACjB,KAAK,EAAG,KAAK,CAAC,KAAK,IAAI,IAAA,iCAAuB,EAAE,KAAK,CAAC,WAAW,CAAE,GAClE,CACF,CAAC;AACH,CAAC;AAZD,kDAYC"}
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.NextdoorPostPreview = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const i18n_1 = require("@wordpress/i18n");
7
+ const clsx_1 = tslib_1.__importDefault(require("clsx"));
8
+ const helpers_1 = require("../helpers");
9
+ const constants_1 = require("./constants");
10
+ const footer_actions_1 = require("./footer-actions");
11
+ const chevron_icon_1 = require("./icons/chevron-icon");
12
+ const default_avatar_1 = require("./icons/default-avatar");
13
+ const default_image_1 = require("./icons/default-image");
14
+ const globe_icon_1 = require("./icons/globe-icon");
15
+ require("./style.scss");
16
+ function NextdoorPostPreview({ image, name, profileImage, description, neighborhood, media, title, url, }) {
17
+ const hasMedia = !!media?.length;
18
+ return ((0, jsx_runtime_1.jsx)("div", { className: "nextdoor-preview__wrapper", children: (0, jsx_runtime_1.jsx)("section", { className: `nextdoor-preview__container ${hasMedia ? 'has-media' : ''}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "nextdoor-preview__content", children: [(0, jsx_runtime_1.jsxs)("div", { className: "nextdoor-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "nextdoor-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: "nextdoor-preview__header--details", children: [(0, jsx_runtime_1.jsx)("div", { className: "nextdoor-preview__header--name", children: name || (0, i18n_1.__)('Account Name', 'social-previews') }), (0, jsx_runtime_1.jsxs)("div", { className: "nextdoor-preview__header--meta", children: [(0, jsx_runtime_1.jsx)("span", { children: neighborhood || (0, i18n_1.__)('Neighborhood', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { children: (0, helpers_1.formatNextdoorDate)(Date.now()) }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)(globe_icon_1.GlobeIcon, {})] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "nextdoor-preview__body", children: [description ? ((0, jsx_runtime_1.jsx)("div", { className: "nextdoor-preview__caption", children: (0, helpers_1.preparePreviewText)(description, {
19
+ platform: 'nextdoor',
20
+ maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
21
+ maxLines: constants_1.FEED_TEXT_MAX_LINES,
22
+ }) })) : null, hasMedia ? ((0, jsx_runtime_1.jsx)("div", { className: "nextdoor-preview__media", children: media.map((mediaItem, index) => {
23
+ return ((0, jsx_runtime_1.jsx)("div", { className: "nextdoor-preview__media-item", children: mediaItem?.type?.startsWith('video/') ? (
24
+ // eslint-disable-next-line jsx-a11y/media-has-caption
25
+ (0, jsx_runtime_1.jsx)("video", { controls: true, children: (0, jsx_runtime_1.jsx)("source", { src: mediaItem.url, type: mediaItem.type }) })) : ((0, jsx_runtime_1.jsx)("img", { alt: mediaItem.alt || '', src: mediaItem.url })) }, `nextdoor-preview__media-item-${index}`));
26
+ }) })) : null, (0, jsx_runtime_1.jsxs)("article", { className: (0, clsx_1.default)('nextdoor-preview__card', {
27
+ 'small-preview': !image || hasMedia,
28
+ }), children: [image ? ((0, jsx_runtime_1.jsx)("img", { className: "nextdoor-preview__image", src: image, alt: "" })) : ((0, jsx_runtime_1.jsx)(default_image_1.DefaultImage, {})), url ? ((0, jsx_runtime_1.jsxs)("div", { className: "nextdoor-preview__description", children: [(0, jsx_runtime_1.jsx)("h2", { className: "nextdoor-preview__description--title", children: title || (0, helpers_1.getTitleFromDescription)(description) }), (0, jsx_runtime_1.jsx)("span", { className: "nextdoor-preview__description--url", children: (0, helpers_1.baseDomain)(url) })] })) : null, hasMedia ? ((0, jsx_runtime_1.jsx)("div", { className: "nextdoor-preview__card--chevron-wrapper", children: (0, jsx_runtime_1.jsx)(chevron_icon_1.ChevronIcon, {}) })) : null] })] }), (0, jsx_runtime_1.jsx)("div", { className: "nextdoor-preview__footer", children: (0, jsx_runtime_1.jsx)(footer_actions_1.FooterActions, {}) })] }) }) }));
29
+ }
30
+ exports.NextdoorPostPreview = NextdoorPostPreview;
31
+ //# sourceMappingURL=post-preview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/post-preview.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAqC;AACrC,wDAAwB;AACxB,wCAKoB;AACpB,2CAAwE;AACxE,qDAAiD;AACjD,uDAAmD;AACnD,2DAAuD;AACvD,yDAAqD;AACrD,mDAA+C;AAG/C,wBAAsB;AAEtB,SAAgB,mBAAmB,CAAE,EACpC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,GACmB;IACtB,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,EAAE,MAAM,CAAC;IAElC,OAAO,CACN,gCAAK,SAAS,EAAC,2BAA2B,YACzC,oCAAS,SAAS,EAAG,+BAAgC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAG,EAAE,YAClF,iCAAK,SAAS,EAAC,2BAA2B,aACzC,iCAAK,SAAS,EAAC,0BAA0B,aACxC,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,YAAY,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,8BAAa,KAAG,GACnE,EACN,iCAAK,SAAS,EAAC,mCAAmC,aACjD,gCAAK,SAAS,EAAC,gCAAgC,YAC5C,IAAI,IAAI,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAC5C,EACN,iCAAK,SAAS,EAAC,gCAAgC,aAC9C,2CAAQ,YAAY,IAAI,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAAS,EACxE,sDAAc,EACd,2CAAQ,IAAA,4BAAkB,EAAE,IAAI,CAAC,GAAG,EAAE,CAAE,GAAS,EACjD,sDAAc,EAEd,uBAAC,sBAAS,KAAG,IACR,IACD,IACD,EACN,iCAAK,SAAS,EAAC,wBAAwB,aACpC,WAAW,CAAC,CAAC,CAAC,CACf,gCAAK,SAAS,EAAC,2BAA2B,YACvC,IAAA,4BAAkB,EAAE,WAAW,EAAE;oCAClC,QAAQ,EAAE,UAAU;oCACpB,QAAQ,EAAE,gCAAoB;oCAC9B,QAAQ,EAAE,+BAAmB;iCAC7B,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,EACN,QAAQ,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAC,yBAAyB,YACrC,KAAK,CAAC,GAAG,CAAE,CAAE,SAAS,EAAE,KAAK,EAAG,EAAE;oCACnC,OAAO,CACN,gCAEC,SAAS,EAAC,8BAA8B,YAEtC,SAAS,EAAE,IAAI,EAAE,UAAU,CAAE,QAAQ,CAAE,CAAC,CAAC,CAAC;wCAC3C,sDAAsD;wCACtD,kCAAO,QAAQ,kBACd,mCAAQ,GAAG,EAAG,SAAS,CAAC,GAAG,EAAG,IAAI,EAAG,SAAS,CAAC,IAAI,GAAK,GACjD,CACR,CAAC,CAAC,CAAC,CACH,gCAAK,GAAG,EAAG,SAAS,CAAC,GAAG,IAAI,EAAE,EAAG,GAAG,EAAG,SAAS,CAAC,GAAG,GAAK,CACzD,IAVK,gCAAiC,KAAM,EAAE,CAW1C,CACN,CAAC;gCACH,CAAC,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,EAER,qCACC,SAAS,EAAG,IAAA,cAAI,EAAE,wBAAwB,EAAE;oCAC3C,eAAe,EAAE,CAAE,KAAK,IAAI,QAAQ;iCACpC,CAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,CAChE,CAAC,CAAC,CAAC,CACH,uBAAC,4BAAY,KAAG,CAChB,EACC,GAAG,CAAC,CAAC,CAAC,CACP,iCAAK,SAAS,EAAC,+BAA+B,aAC7C,+BAAI,SAAS,EAAC,sCAAsC,YACjD,KAAK,IAAI,IAAA,iCAAuB,EAAE,WAAW,CAAE,GAC7C,EACL,iCAAM,SAAS,EAAC,oCAAoC,YAAG,IAAA,oBAAU,EAAE,GAAG,CAAE,GAAS,IAC5E,CACN,CAAC,CAAC,CAAC,IAAI,EACN,QAAQ,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAC,yCAAyC,YACvD,uBAAC,0BAAW,KAAG,GACV,CACN,CAAC,CAAC,CAAC,IAAI,IACC,IACL,EACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,uBAAC,8BAAa,KAAG,GACZ,IACD,GACG,GACL,CACN,CAAC;AACH,CAAC;AAlGD,kDAkGC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.NextdoorPreviews = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const components_1 = require("@wordpress/components");
7
+ const i18n_1 = require("@wordpress/i18n");
8
+ const section_heading_1 = tslib_1.__importDefault(require("../shared/section-heading"));
9
+ const link_preview_1 = require("./link-preview");
10
+ const post_preview_1 = require("./post-preview");
11
+ const NextdoorPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
12
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "social-preview nextdoor-preview", children: [!hidePostPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section nextdoor-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children:
13
+ // translators: refers to a social post on Nextdoor
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 Nextdoor:', 'social-previews') }), (0, jsx_runtime_1.jsx)(post_preview_1.NextdoorPostPreview, { ...props })] })), !hideLinkPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section nextdoor-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children:
15
+ // translators: refers to a link to a Nextdoor post
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 Nextdoor.', '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.NextdoorLinkPreview, { ...props, name: "", profileImage: "" })] }))] }));
17
+ };
18
+ exports.NextdoorPreviews = NextdoorPreviews;
19
+ //# sourceMappingURL=previews.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/nextdoor-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"}
@@ -0,0 +1,211 @@
1
+ .nextdoor-preview {
2
+ &__wrapper {
3
+ max-width: clamp(200px, 100%, 600px);
4
+ }
5
+
6
+ // When the preview is in a section of all previews
7
+ &__section &__wrapper {
8
+ padding: 0;
9
+ }
10
+
11
+ &__section.social-preview__section {
12
+ width: clamp(200px, 100%, 600px);
13
+ }
14
+
15
+ &__container {
16
+
17
+ box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
18
+ /* stylelint-disable-next-line scales/radii */
19
+ border-radius: 8px;
20
+ overflow: hidden;
21
+ background-color: #fff;
22
+
23
+ &.small-preview {
24
+ // When the preview has media, we want to hide the border radius on the bottom
25
+ border-end-end-radius: 0;
26
+ border-end-start-radius: 0;
27
+ }
28
+ }
29
+
30
+ &__header {
31
+ display: flex;
32
+ gap: 0.5rem;
33
+ margin-bottom: 8px;
34
+ align-items: center;
35
+
36
+ &--avatar {
37
+ width: 40px;
38
+ height: 40px;
39
+ border-radius: 50%;
40
+ overflow: hidden;
41
+ display: flex;
42
+ align-items: center;
43
+ flex-shrink: 0;
44
+ }
45
+
46
+ &--avatar img {
47
+ width: 100%;
48
+ object-fit: contain;
49
+ }
50
+
51
+ &--details {
52
+ display: flex;
53
+ flex-direction: column;
54
+ }
55
+
56
+ &--name {
57
+ white-space: nowrap;
58
+ overflow: hidden;
59
+ text-overflow: ellipsis;
60
+ font-weight: 600;
61
+ font-size: 1rem;
62
+ line-height: 20px;
63
+ letter-spacing: -0.32px;
64
+ }
65
+
66
+ &--meta {
67
+ display: flex;
68
+ align-items: center;
69
+ gap: 0.25rem;
70
+ color: #666;
71
+ letter-spacing: -0.32px;
72
+ /* stylelint-disable-next-line declaration-property-unit-allowed-list */
73
+ font-size: 14px;
74
+ line-height: 19px;
75
+ white-space: pre-wrap;
76
+ }
77
+ }
78
+
79
+ &__footer {
80
+ margin-top: 24px;
81
+ display: flex;
82
+ flex-direction: row;
83
+ justify-content: flex-end;
84
+
85
+ &--actions {
86
+ display: flex;
87
+ align-items: center;
88
+ gap: 1rem;
89
+ }
90
+
91
+ &--actions-item {
92
+ display: flex;
93
+ align-items: center;
94
+ gap: 0.25rem;
95
+ /* stylelint-disable-next-line declaration-property-unit-allowed-list */
96
+ font-size: 13px;
97
+ font-weight: 600;
98
+ line-height: 16px;
99
+ }
100
+ }
101
+
102
+ &__content {
103
+ padding: 12px 16px;
104
+ }
105
+
106
+ &__card {
107
+ /* stylelint-disable-next-line scales/radii */
108
+ border-radius: 16px;
109
+ box-shadow: rgba(0, 0, 0, 0.08) 0 1px 4px 0, rgba(0, 0, 0, 0.2) 0 0 2px 0;
110
+ display: flex;
111
+ flex-direction: column;
112
+ margin-top: 12px;
113
+ overflow: hidden;
114
+
115
+ &.small-preview {
116
+ flex-direction: row;
117
+ align-items: center;
118
+ }
119
+
120
+ &--chevron-wrapper {
121
+ width: 40px;
122
+ min-width: 40px;
123
+ display: flex;
124
+ align-items: center;
125
+ justify-content: center;
126
+ }
127
+ }
128
+
129
+ &__caption {
130
+ margin-bottom: 20px;
131
+ font-size: 1rem;
132
+ line-height: 20px;
133
+ font-weight: 400;
134
+ }
135
+
136
+ &__media-item {
137
+ display: flex;
138
+
139
+ img,
140
+ video {
141
+ width: 100%;
142
+ object-fit: cover;
143
+ }
144
+ }
145
+
146
+ &__description {
147
+ padding: 16px;
148
+ display: flex;
149
+ flex-direction: column;
150
+ overflow: hidden;
151
+
152
+ .small-preview & {
153
+ padding: 10px;
154
+ flex-grow: 1;
155
+ }
156
+
157
+ &--title {
158
+ margin: 0;
159
+ font-weight: 600;
160
+ white-space: nowrap;
161
+ text-overflow: ellipsis;
162
+ overflow: hidden;
163
+ /* stylelint-disable-next-line declaration-property-unit-allowed-list */
164
+ font-size: 15px;
165
+ line-height: 20px;
166
+ }
167
+
168
+ &--url {
169
+ /* stylelint-disable-next-line declaration-property-unit-allowed-list */
170
+ font-size: 13px;
171
+ color: #666;
172
+ }
173
+ }
174
+
175
+ &__media {
176
+ // compensate for the content padding
177
+ margin-inline: -16px;
178
+ }
179
+
180
+ &__image {
181
+ object-fit: cover;
182
+ width: 100%;
183
+ aspect-ratio: 16/9;
184
+
185
+ .small-preview & {
186
+ width: 62px;
187
+ height: 62px;
188
+ }
189
+ }
190
+
191
+ &__default-avatar {
192
+ width: 40px;
193
+ height: 40px;
194
+ border-radius: 50%;
195
+ background-color: rgb(140 110 99);
196
+ color: #fff;
197
+ display: flex;
198
+ justify-content: center;
199
+ align-items: center;
200
+ font-size: x-large;
201
+ }
202
+
203
+ &__default-image {
204
+ background-color: #f1ffca;
205
+ height: 62px;
206
+ width: 62px;
207
+ display: flex;
208
+ align-items: center;
209
+ justify-content: center;
210
+ }
211
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/types.ts"],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/tumblr-preview/post/icons/index.tsx"],"names":[],"mappings":";;;AAAA,yBAAuB;AAEvB,MAAM,cAAc,GAAiC,CAAE,EAAE,IAAI,EAAE,EAAG,EAAE;IACnE,IAAI,GAAG,CAAC;IAER,QAAS,IAAI,EAAG;QACf,KAAK,OAAO;YACX,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,WAAW,YACvB,iCAAM,CAAC,EAAC,smCAAsmC,GAAQ,GACjnC,CACN,CAAC;YACF,MAAM;QACP,KAAK,QAAQ;YACZ,GAAG,GAAG,CACL,iCAAK,OAAO,EAAC,WAAW,aACvB,iCAAM,CAAC,EAAC,gJAAgJ,GAAQ,EAChK,iCAAM,CAAC,EAAC,kLAAkL,GAAQ,IAC7L,CACN,CAAC;YACF,MAAM;QACP,KAAK,MAAM;YACV,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,eAAe,YAC3B,iCAAM,CAAC,EAAC,8NAA8N,GAAQ,GACzO,CACN,CAAC;YACF,MAAM;QACP,KAAK,OAAO;YACX,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,WAAW,YACvB,iCAAM,CAAC,EAAC,gnBAAgnB,GAAQ,GAC3nB,CACN,CAAC;YACF,MAAM;QACP,KAAK,OAAO;YACX,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,WAAW,YACvB,iCAAM,CAAC,EAAC,0RAA0R,GAAQ,GACrS,CACN,CAAC;YACF,MAAM;QACP,KAAK,QAAQ;YACZ,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,aAAa,YACzB,iCAAM,CAAC,EAAC,+NAA+N,GAAQ,GAC1O,CACN,CAAC;YACF,MAAM;QACP,KAAK,MAAM;YACV,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,WAAW,YACvB,iCAAM,CAAC,EAAC,2sBAA2sB,GAAQ,GACttB,CACN,CAAC;YACF,MAAM;QACP,KAAK,UAAU;YACd,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,cAAc,YAC1B,iCAAM,CAAC,EAAC,oOAAoO,GAAQ,GAC/O,CACN,CAAC;YACF,MAAM;KACP;IAED,OAAO,CACN,iCAAM,SAAS,EAAG,uDAAwD,IAAK,EAAE,YAC9E,GAAG,GACC,CACP,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/tumblr-preview/post/icons/index.tsx"],"names":[],"mappings":";;;AAAA,yBAAuB;AAEvB,MAAM,cAAc,GAAiC,CAAE,EAAE,IAAI,EAAE,EAAG,EAAE;IACnE,IAAI,GAAG,CAAC;IAER,QAAS,IAAI,EAAG,CAAC;QAChB,KAAK,OAAO;YACX,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,WAAW,YACvB,iCAAM,CAAC,EAAC,smCAAsmC,GAAQ,GACjnC,CACN,CAAC;YACF,MAAM;QACP,KAAK,QAAQ;YACZ,GAAG,GAAG,CACL,iCAAK,OAAO,EAAC,WAAW,aACvB,iCAAM,CAAC,EAAC,gJAAgJ,GAAQ,EAChK,iCAAM,CAAC,EAAC,kLAAkL,GAAQ,IAC7L,CACN,CAAC;YACF,MAAM;QACP,KAAK,MAAM;YACV,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,eAAe,YAC3B,iCAAM,CAAC,EAAC,8NAA8N,GAAQ,GACzO,CACN,CAAC;YACF,MAAM;QACP,KAAK,OAAO;YACX,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,WAAW,YACvB,iCAAM,CAAC,EAAC,gnBAAgnB,GAAQ,GAC3nB,CACN,CAAC;YACF,MAAM;QACP,KAAK,OAAO;YACX,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,WAAW,YACvB,iCAAM,CAAC,EAAC,0RAA0R,GAAQ,GACrS,CACN,CAAC;YACF,MAAM;QACP,KAAK,QAAQ;YACZ,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,aAAa,YACzB,iCAAM,CAAC,EAAC,+NAA+N,GAAQ,GAC1O,CACN,CAAC;YACF,MAAM;QACP,KAAK,MAAM;YACV,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,WAAW,YACvB,iCAAM,CAAC,EAAC,2sBAA2sB,GAAQ,GACttB,CACN,CAAC;YACF,MAAM;QACP,KAAK,UAAU;YACd,GAAG,GAAG,CACL,gCAAK,OAAO,EAAC,cAAc,YAC1B,iCAAM,CAAC,EAAC,oOAAoO,GAAQ,GAC/O,CACN,CAAC;YACF,MAAM;IACR,CAAC;IAED,OAAO,CACN,iCAAM,SAAS,EAAG,uDAAwD,IAAK,EAAE,YAC9E,GAAG,GACC,CACP,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -8,9 +8,10 @@ const section_heading_1 = require("../shared/section-heading");
8
8
  const link_preview_1 = require("./link-preview");
9
9
  const post_preview_1 = require("./post-preview");
10
10
  const TumblrPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
11
+ const hasMedia = !!props.media?.length;
11
12
  return ((0, jsx_runtime_1.jsxs)("div", { className: "social-preview tumblr-preview", children: [!hidePostPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section tumblr-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.SectionHeading, { level: headingLevel, children:
12
13
  // translators: refers to a social post on Tumblr
13
- (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 Tumblr:', 'social-previews') }), (0, jsx_runtime_1.jsx)(post_preview_1.TumblrPostPreview, { ...props })] })), !hideLinkPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section tumblr-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.SectionHeading, { level: headingLevel, children:
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 Tumblr:', 'social-previews') }), hasMedia ? (0, jsx_runtime_1.jsx)(post_preview_1.TumblrPostPreview, { ...props }) : (0, jsx_runtime_1.jsx)(link_preview_1.TumblrLinkPreview, { ...props })] })), !hideLinkPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section tumblr-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.SectionHeading, { level: headingLevel, children:
14
15
  // translators: refers to a link on Tumblr
15
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 Tumblr.', '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.TumblrLinkPreview, { ...props, user: undefined })] }))] }));
16
17
  };
@@ -1 +1 @@
1
- {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/tumblr-preview/previews.tsx"],"names":[],"mappings":";;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,+DAA2D;AAE3D,iDAAmD;AACnD,iDAAmD;AAK5C,MAAM,cAAc,GAAoC,CAAE,EAChE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,+BAA+B,aAC3C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,iDAAiD,aACnE,uBAAC,gCAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,iDAAiD;wBACjD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,yDAAyD,EAAE,iBAAiB,CAAE,GACjF,EACJ,uBAAC,gCAAiB,OAAM,KAAK,GAAK,IACzB,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,iDAAiD,aACnE,uBAAC,gCAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,0CAA0C;wBAC1C,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,+FAA+F,EAC/F,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,gCAAiB,OAAM,KAAK,EAAG,IAAI,EAAG,SAAS,GAAK,IAC5C,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB"}
1
+ {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/tumblr-preview/previews.tsx"],"names":[],"mappings":";;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,+DAA2D;AAE3D,iDAAmD;AACnD,iDAAmD;AAK5C,MAAM,cAAc,GAAoC,CAAE,EAChE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC;IAExC,OAAO,CACN,iCAAK,SAAS,EAAC,+BAA+B,aAC3C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,iDAAiD,aACnE,uBAAC,gCAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,iDAAiD;wBACjD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,yDAAyD,EAAE,iBAAiB,CAAE,GACjF,EACF,QAAQ,CAAC,CAAC,CAAC,uBAAC,gCAAiB,OAAM,KAAK,GAAK,CAAC,CAAC,CAAC,uBAAC,gCAAiB,OAAM,KAAK,GAAK,IAC3E,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,iDAAiD,aACnE,uBAAC,gCAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,0CAA0C;wBAC1C,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,+FAA+F,EAC/F,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,gCAAiB,OAAM,KAAK,EAAG,IAAI,EAAG,SAAS,GAAK,IAC5C,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA/CW,QAAA,cAAc,kBA+CzB"}
@@ -4,7 +4,6 @@ $tumblr-preview-text-color: #000;
4
4
  $tumblr-preview-background-color: #fff;
5
5
  $tumblr-preview-action-text-color: rgba(0, 0, 0, 0.65);
6
6
  $tumblr-preview-font-family: "Favorit", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
7
- /* stylelint-disable-next-line scales/radii */
8
7
  $tumblr-preview-border-radius: 3px;
9
8
  /* stylelint-disable-next-line scales/radii */
10
9
  $tumblr-preview-window-border-radius: 6px;
@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Card = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const classnames_1 = tslib_1.__importDefault(require("classnames"));
6
+ const clsx_1 = tslib_1.__importDefault(require("clsx"));
7
7
  const helpers_1 = require("../helpers");
8
8
  const DESCRIPTION_LENGTH = 200;
9
9
  const twitterDescription = (0, helpers_1.firstValid)((0, helpers_1.shortEnough)(DESCRIPTION_LENGTH), (0, helpers_1.hardTruncation)(DESCRIPTION_LENGTH));
10
10
  const Card = ({ description, image, title, cardType, url, }) => {
11
- const cardClassNames = (0, classnames_1.default)(`twitter-preview__card-${cardType}`, {
11
+ const cardClassNames = (0, clsx_1.default)(`twitter-preview__card-${cardType}`, {
12
12
  'twitter-preview__card-has-image': !!image,
13
13
  });
14
14
  return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__card", children: (0, jsx_runtime_1.jsxs)("div", { className: cardClassNames, children: [image && (0, jsx_runtime_1.jsx)("img", { className: "twitter-preview__card-image", src: image, alt: "" }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__card-body", children: [(0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__card-url", children: (0, helpers_1.baseDomain)(url || '') }), (0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__card-title", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__card-description", children: twitterDescription((0, helpers_1.stripHtmlTags)(description)) })] })] }) }));
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/twitter-preview/card.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoC;AACpC,wCAAgG;AAGhG,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EACpC,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAC;AAEK,MAAM,IAAI,GAAiC,CAAE,EACnD,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAE,yBAA0B,QAAS,EAAE,EAAE;QACzE,iCAAiC,EAAE,CAAC,CAAE,KAAK;KAC3C,CAAE,CAAC;IAEJ,OAAO,CACN,gCAAK,SAAS,EAAC,uBAAuB,YACrC,iCAAK,SAAS,EAAG,cAAc,aAC5B,KAAK,IAAI,gCAAK,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,EAC/E,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,gCAAK,SAAS,EAAC,2BAA2B,YAAG,IAAA,oBAAU,EAAE,GAAG,IAAI,EAAE,CAAE,GAAQ,EAC5E,gCAAK,SAAS,EAAC,6BAA6B,YAAG,KAAK,GAAQ,EAC5D,gCAAK,SAAS,EAAC,mCAAmC,YAC/C,kBAAkB,CAAE,IAAA,uBAAa,EAAE,WAAW,CAAE,CAAE,GAC/C,IACD,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AAzBW,QAAA,IAAI,QAyBf"}
1
+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/twitter-preview/card.tsx"],"names":[],"mappings":";;;;;AAAA,wDAAwB;AACxB,wCAAgG;AAGhG,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EACpC,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAC;AAEK,MAAM,IAAI,GAAiC,CAAE,EACnD,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,cAAc,GAAG,IAAA,cAAI,EAAE,yBAA0B,QAAS,EAAE,EAAE;QACnE,iCAAiC,EAAE,CAAC,CAAE,KAAK;KAC3C,CAAE,CAAC;IAEJ,OAAO,CACN,gCAAK,SAAS,EAAC,uBAAuB,YACrC,iCAAK,SAAS,EAAG,cAAc,aAC5B,KAAK,IAAI,gCAAK,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,EAC/E,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,gCAAK,SAAS,EAAC,2BAA2B,YAAG,IAAA,oBAAU,EAAE,GAAG,IAAI,EAAE,CAAE,GAAQ,EAC5E,gCAAK,SAAS,EAAC,6BAA6B,YAAG,KAAK,GAAQ,EAC5D,gCAAK,SAAS,EAAC,mCAAmC,YAC/C,kBAAkB,CAAE,IAAA,uBAAa,EAAE,WAAW,CAAE,CAAE,GAC/C,IACD,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AAzBW,QAAA,IAAI,QAyBf"}
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Media = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const classnames_1 = tslib_1.__importDefault(require("classnames"));
6
+ const clsx_1 = tslib_1.__importDefault(require("clsx"));
7
7
  const react_1 = require("react");
8
8
  const Media = ({ media }) => {
9
9
  // Ensure we're only trying to show valid media, and the correct quantity.
@@ -31,7 +31,7 @@ const Media = ({ media }) => {
31
31
  return null;
32
32
  }
33
33
  const isVideo = filteredMedia[0].type.startsWith('video/');
34
- const mediaClasses = (0, classnames_1.default)([
34
+ const mediaClasses = (0, clsx_1.default)([
35
35
  'twitter-preview__media',
36
36
  'twitter-preview__media-children-' + filteredMedia.length,
37
37
  ]);
@@ -1 +1 @@
1
- {"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/twitter-preview/media.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoC;AACpC,iCAAiC;AAG1B,MAAM,KAAK,GAA2B,CAAE,EAAE,KAAK,EAAE,EAAG,EAAE;IAC5D,0EAA0E;IAC1E,MAAM,aAAa,GAAG,KAAK;QAC1B,mDAAmD;SAClD,MAAM,CACN,CAAE,SAAS,EAAG,EAAE,CACf,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,CAC/E;SACA,MAAM,CAAE,CAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAG,EAAE;QACpC,oCAAoC;QACpC,IAAK,CAAC,KAAK,GAAG,EAAG;YAChB,OAAO,IAAI,CAAC;SACZ;QAED,sEAAsE;QACtE,IAAK,KAAK,CAAE,CAAC,CAAE,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,WAAW,KAAK,KAAK,CAAE,CAAC,CAAE,CAAC,IAAI,EAAG;YAChF,OAAO,KAAK,CAAC;SACb;QAED,mFAAmF;QACnF,IAAK,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,WAAW,KAAK,SAAS,CAAC,IAAI,EAAG;YAC9E,OAAO,KAAK,CAAC;SACb;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAE;QACH,2DAA2D;SAC1D,KAAK,CAAE,CAAC,EAAE,CAAC,CAAE,CAAC;IAEhB,IAAK,CAAC,KAAK,aAAa,CAAC,MAAM,EAAG;QACjC,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,OAAO,GAAG,aAAa,CAAE,CAAC,CAAE,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,CAAC;IAE/D,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAE;QAChC,wBAAwB;QACxB,kCAAkC,GAAG,aAAa,CAAC,MAAM;KACzD,CAAE,CAAC;IAEJ,OAAO,CACN,gCAAK,SAAS,EAAG,YAAY,YAC1B,aAAa,CAAC,GAAG,CAAE,CAAE,SAAS,EAAE,KAAK,EAAG,EAAE,CAAC,CAC5C,uBAAC,gBAAQ,cACN,OAAO,CAAC,CAAC,CAAC;YACX,sDAAsD;YACtD,kCAAO,QAAQ,kBACd,mCAAQ,GAAG,EAAG,SAAS,CAAC,GAAG,EAAG,IAAI,EAAG,SAAS,CAAC,IAAI,GAAK,GACjD,CACR,CAAC,CAAC,CAAC,CACH,gCAAK,GAAG,EAAG,SAAS,CAAC,GAAG,IAAI,EAAE,EAAG,GAAG,EAAG,SAAS,CAAC,GAAG,GAAK,CACzD,IARc,+BAAgC,KAAM,EAAE,CAS7C,CACX,CAAE,GACE,CACN,CAAC;AACH,CAAC,CAAC;AAxDW,QAAA,KAAK,SAwDhB"}
1
+ {"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/twitter-preview/media.tsx"],"names":[],"mappings":";;;;;AAAA,wDAAwB;AACxB,iCAAiC;AAG1B,MAAM,KAAK,GAA2B,CAAE,EAAE,KAAK,EAAE,EAAG,EAAE;IAC5D,0EAA0E;IAC1E,MAAM,aAAa,GAAG,KAAK;QAC1B,mDAAmD;SAClD,MAAM,CACN,CAAE,SAAS,EAAG,EAAE,CACf,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,CAC/E;SACA,MAAM,CAAE,CAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAG,EAAE;QACpC,oCAAoC;QACpC,IAAK,CAAC,KAAK,GAAG,EAAG,CAAC;YACjB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,sEAAsE;QACtE,IAAK,KAAK,CAAE,CAAC,CAAE,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,WAAW,KAAK,KAAK,CAAE,CAAC,CAAE,CAAC,IAAI,EAAG,CAAC;YACjF,OAAO,KAAK,CAAC;QACd,CAAC;QAED,mFAAmF;QACnF,IAAK,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,WAAW,KAAK,SAAS,CAAC,IAAI,EAAG,CAAC;YAC/E,OAAO,KAAK,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAE;QACH,2DAA2D;SAC1D,KAAK,CAAE,CAAC,EAAE,CAAC,CAAE,CAAC;IAEhB,IAAK,CAAC,KAAK,aAAa,CAAC,MAAM,EAAG,CAAC;QAClC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,OAAO,GAAG,aAAa,CAAE,CAAC,CAAE,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,CAAC;IAE/D,MAAM,YAAY,GAAG,IAAA,cAAI,EAAE;QAC1B,wBAAwB;QACxB,kCAAkC,GAAG,aAAa,CAAC,MAAM;KACzD,CAAE,CAAC;IAEJ,OAAO,CACN,gCAAK,SAAS,EAAG,YAAY,YAC1B,aAAa,CAAC,GAAG,CAAE,CAAE,SAAS,EAAE,KAAK,EAAG,EAAE,CAAC,CAC5C,uBAAC,gBAAQ,cACN,OAAO,CAAC,CAAC,CAAC;YACX,sDAAsD;YACtD,kCAAO,QAAQ,kBACd,mCAAQ,GAAG,EAAG,SAAS,CAAC,GAAG,EAAG,IAAI,EAAG,SAAS,CAAC,IAAI,GAAK,GACjD,CACR,CAAC,CAAC,CAAC,CACH,gCAAK,GAAG,EAAG,SAAS,CAAC,GAAG,IAAI,EAAE,EAAG,GAAG,EAAG,SAAS,CAAC,GAAG,GAAK,CACzD,IARc,+BAAgC,KAAM,EAAE,CAS7C,CACX,CAAE,GACE,CACN,CAAC;AACH,CAAC,CAAC;AAxDW,QAAA,KAAK,SAwDhB"}
@@ -12,7 +12,7 @@ const text_1 = require("./text");
12
12
  require("./style.scss");
13
13
  const TwitterPostPreview = ({ date, description, image, media, name, profileImage, screenName, showThreadConnector, text, title, tweet, cardType, url, }) => {
14
14
  const hasMedia = !!media?.length;
15
- return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__container", children: [(0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__main", children: [(0, jsx_runtime_1.jsx)(header_1.Header, { name: name, screenName: screenName, date: date }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__content", children: [text ? (0, jsx_runtime_1.jsx)(text_1.Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? (0, jsx_runtime_1.jsx)(media_1.Media, { media: media }) : null, tweet ? (0, jsx_runtime_1.jsx)(quote_tweet_1.QuoteTweet, { tweet: tweet }) : null, !hasMedia && title && description && url && ((0, jsx_runtime_1.jsx)(card_1.Card, { description: description, image: image, title: title, cardType: cardType || '', url: url }))] }), (0, jsx_runtime_1.jsx)(footer_1.Footer, {})] })] }) }));
15
+ return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__container", children: [(0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__main", children: [(0, jsx_runtime_1.jsx)(header_1.Header, { name: name, screenName: screenName, date: date }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__content", children: [text ? (0, jsx_runtime_1.jsx)(text_1.Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? (0, jsx_runtime_1.jsx)(media_1.Media, { media: media }) : null, tweet ? (0, jsx_runtime_1.jsx)(quote_tweet_1.QuoteTweet, { tweet: tweet }) : null, !hasMedia && url && ((0, jsx_runtime_1.jsx)(card_1.Card, { description: description || '', image: image, title: title || '', cardType: cardType || '', url: url }))] }), (0, jsx_runtime_1.jsx)(footer_1.Footer, {})] })] }) }));
16
16
  };
17
17
  exports.TwitterPostPreview = TwitterPostPreview;
18
18
  //# sourceMappingURL=post-preview.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8B;AAC9B,qCAAkC;AAClC,qCAAkC;AAClC,mCAAgC;AAChC,+CAA2C;AAC3C,uCAAoC;AACpC,iCAA8B;AAG9B,wBAAsB;AAEf,MAAM,kBAAkB,GAAoC,CAAE,EACpE,IAAI,EACJ,WAAW,EACX,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,EAAE,MAAM,CAAC;IAElC,OAAO,CACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,uBAAC,iBAAO,IAAC,YAAY,EAAG,YAAY,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,EACrF,iCAAK,SAAS,EAAC,uBAAuB,aACrC,uBAAC,eAAM,IAAC,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,UAAU,EAAG,IAAI,EAAG,IAAI,GAAK,EAChE,iCAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAG,IAAI,EAAG,GAAG,EAAG,GAAG,IAAI,EAAE,EAAG,SAAS,EAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,CAAC,CAAC,CAAC,uBAAC,aAAK,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,CAAC,CAAC,uBAAC,wBAAU,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,CAAE,QAAQ,IAAI,KAAK,IAAI,WAAW,IAAI,GAAG,IAAI,CAC9C,uBAAC,WAAI,IACJ,WAAW,EAAG,WAAW,EACzB,KAAK,EAAG,KAAK,EACb,KAAK,EAAG,KAAK,EACb,QAAQ,EAAG,QAAQ,IAAI,EAAE,EACzB,GAAG,EAAG,GAAG,GACR,CACF,IACI,EACN,uBAAC,eAAM,KAAG,IACL,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AA1CW,QAAA,kBAAkB,sBA0C7B"}
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8B;AAC9B,qCAAkC;AAClC,qCAAkC;AAClC,mCAAgC;AAChC,+CAA2C;AAC3C,uCAAoC;AACpC,iCAA8B;AAG9B,wBAAsB;AAEf,MAAM,kBAAkB,GAAoC,CAAE,EACpE,IAAI,EACJ,WAAW,EACX,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,EAAE,MAAM,CAAC;IAElC,OAAO,CACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,uBAAC,iBAAO,IAAC,YAAY,EAAG,YAAY,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,EACrF,iCAAK,SAAS,EAAC,uBAAuB,aACrC,uBAAC,eAAM,IAAC,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,UAAU,EAAG,IAAI,EAAG,IAAI,GAAK,EAChE,iCAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAG,IAAI,EAAG,GAAG,EAAG,GAAG,IAAI,EAAE,EAAG,SAAS,EAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,CAAC,CAAC,CAAC,uBAAC,aAAK,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,CAAC,CAAC,uBAAC,wBAAU,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,CAAE,QAAQ,IAAI,GAAG,IAAI,CACtB,uBAAC,WAAI,IACJ,WAAW,EAAG,WAAW,IAAI,EAAE,EAC/B,KAAK,EAAG,KAAK,EACb,KAAK,EAAG,KAAK,IAAI,EAAE,EACnB,QAAQ,EAAG,QAAQ,IAAI,EAAE,EACzB,GAAG,EAAG,GAAG,GACR,CACF,IACI,EACN,uBAAC,eAAM,KAAG,IACL,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AA1CW,QAAA,kBAAkB,sBA0C7B"}
@@ -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 X:', 'social-previews') }), tweets.map((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], name: "", profileImage: "", screenName: "" })] }))] }));
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 X.', '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
@@ -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;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,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,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"}
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,CAAC;QACxB,OAAO,IAAI,CAAC;IACb,CAAC;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,oDAAoD,EAAE,iBAAiB,CAAE,GAC5E,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,0FAA0F,EAC1F,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"quote-tweet.js","sourceRoot":"","sources":["../../../src/twitter-preview/quote-tweet.tsx"],"names":[],"mappings":";;;;AAAA,sDAAgD;AAGzC,MAAM,UAAU,GAAgC,CAAE,EAAE,KAAK,EAAE,EAAG,EAAE;IACtE,IAAK,CAAE,KAAK,EAAG;QACd,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,iCAAK,SAAS,EAAC,8BAA8B,aAC5C,uBAAC,oBAAO,IACP,IAAI,EAAG,uFAAwF,KAAM,qBAAqB,EAC1H,OAAO,EAAG,CAAE,yCAAyC,CAAE,EACvD,KAAK,EAAC,gBAAgB,GACrB,EACF,gCAAK,SAAS,EAAC,sCAAsC,GAAG,IACnD,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB"}
1
+ {"version":3,"file":"quote-tweet.js","sourceRoot":"","sources":["../../../src/twitter-preview/quote-tweet.tsx"],"names":[],"mappings":";;;;AAAA,sDAAgD;AAGzC,MAAM,UAAU,GAAgC,CAAE,EAAE,KAAK,EAAE,EAAG,EAAE;IACtE,IAAK,CAAE,KAAK,EAAG,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,iCAAK,SAAS,EAAC,8BAA8B,aAC5C,uBAAC,oBAAO,IACP,IAAI,EAAG,uFAAwF,KAAM,qBAAqB,EAC1H,OAAO,EAAG,CAAE,yCAAyC,CAAE,EACvD,KAAK,EAAC,gBAAgB,GACrB,EACF,gCAAK,SAAS,EAAC,sCAAsC,GAAG,IACnD,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB"}
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/twitter-preview/text.tsx"],"names":[],"mappings":";;;;AAAA,wCAAgD;AAGzC,MAAM,IAAI,GAA0B,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAG,EAAE;IACzE,IAAK,CAAE,IAAI,EAAG;QACb,OAAO,IAAI,CAAC;KACZ;IACD,iDAAiD;IACjD,MAAM,SAAS,GACd,GAAG,IAAI,CAAE,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAE,GAAG,CAAE;QACzC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAE,GAAG,CAAE,CAAE;QAC9C,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACN,gCAAK,SAAS,EAAC,uBAAuB,YACnC,IAAA,4BAAkB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAE,GACrD,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,IAAI,QAef"}
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/twitter-preview/text.tsx"],"names":[],"mappings":";;;;AAAA,wCAAgD;AAGzC,MAAM,IAAI,GAA0B,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAG,EAAE;IACzE,IAAK,CAAE,IAAI,EAAG,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IACD,iDAAiD;IACjD,MAAM,SAAS,GACd,GAAG,IAAI,CAAE,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAE,GAAG,CAAE;QACzC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAE,GAAG,CAAE,CAAE;QAC9C,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACN,gCAAK,SAAS,EAAC,uBAAuB,YACnC,IAAA,4BAAkB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAE,GACrD,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,IAAI,QAef"}
@@ -1 +1 @@
1
- {"version":3,"file":"custom-text.js","sourceRoot":"","sources":["../../../src/facebook-preview/custom-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAQ/C,MAAM,UAAU,GAAsB,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,EAAG,EAAE;IAC1E,IAAI,QAAQ,CAAC;IAEb,IAAK,eAAe,IAAI,MAAM,CAAE,IAAI,EAAE,GAAG,CAAE,EAAG;QAC7C,QAAQ,GAAG,CACV,YACC,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAG,GAAG,EACV,GAAG,EAAC,8BAA8B,EAClC,MAAM,EAAC,QAAQ,YAEb,GAAG,GACF,CACJ,CAAC;KACF;IAED,OAAO,CACN,aAAG,SAAS,EAAC,+BAA+B,aAC3C,yBACG,kBAAkB,CAAE,IAAI,EAAE;oBAC3B,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,kBAAkB;iBAC5B,CAAE,GACG,EACL,QAAQ,IACP,CACJ,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"custom-text.js","sourceRoot":"","sources":["../../../src/facebook-preview/custom-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAQ/C,MAAM,UAAU,GAAsB,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,EAAG,EAAE;IAC1E,IAAI,QAAQ,CAAC;IAEb,IAAK,eAAe,IAAI,MAAM,CAAE,IAAI,EAAE,GAAG,CAAE,EAAG,CAAC;QAC9C,QAAQ,GAAG,CACV,YACC,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAG,GAAG,EACV,GAAG,EAAC,8BAA8B,EAClC,MAAM,EAAC,QAAQ,YAEb,GAAG,GACF,CACJ,CAAC;IACH,CAAC;IAED,OAAO,CACN,aAAG,SAAS,EAAC,+BAA+B,aAC3C,yBACG,kBAAkB,CAAE,IAAI,EAAE;oBAC3B,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,kBAAkB;iBAC5B,CAAE,GACG,EACL,QAAQ,IACP,CACJ,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}