@mjhls/mjh-framework 1.0.1005-ce-test-v3 → 1.0.1005-next12

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 (356) hide show
  1. package/dist/cjs/AD.js +1 -1
  2. package/dist/cjs/AD300x250.js +21 -22
  3. package/dist/cjs/AD300x250x600.js +21 -22
  4. package/dist/cjs/AD728x90.js +24 -25
  5. package/dist/cjs/ADFloatingFooter.js +20 -21
  6. package/dist/cjs/ADFooter.js +4 -4
  7. package/dist/cjs/ADGutter.js +20 -21
  8. package/dist/cjs/{ADInfeed-e87afe8a.js → ADInfeed-08a6ef56.js} +4 -4
  9. package/dist/cjs/ADSkyscraper.js +20 -21
  10. package/dist/cjs/ADSponsoredResources.js +20 -21
  11. package/dist/cjs/ADWebcast.js +20 -21
  12. package/dist/cjs/ADWelcome.js +17 -18
  13. package/dist/cjs/{ADlgInfeed-b5a3d436.js → ADlgInfeed-f46139b2.js} +4 -4
  14. package/dist/cjs/AccordionPanel.js +6 -6
  15. package/dist/cjs/AdSlot.js +19 -20
  16. package/dist/cjs/AdSlotsProvider.js +11 -12
  17. package/dist/cjs/AlgoliaSearch.js +31 -14300
  18. package/dist/cjs/AlphabeticList.js +8 -8
  19. package/dist/cjs/ArticleCarousel.js +13 -13
  20. package/dist/cjs/ArticleProgramLandingPage.js +52 -52
  21. package/dist/cjs/ArticleSeriesLandingPage.js +29 -30
  22. package/dist/cjs/ArticleSeriesListing.js +30 -31
  23. package/dist/cjs/Auth.js +355 -494
  24. package/dist/cjs/AuthWrapper.js +13 -1772
  25. package/dist/cjs/{AuthorComponent-39b37d84.js → AuthorComponent-17e1c62b.js} +1 -1
  26. package/dist/cjs/Beam.js +6 -6
  27. package/dist/cjs/{BlockContent-9ebd251f.js → BlockContent-8b494587.js} +34 -34
  28. package/dist/cjs/Breadcrumbs.js +6 -6
  29. package/dist/cjs/CMEDeck.js +22 -27
  30. package/dist/cjs/Column1.js +1 -1
  31. package/dist/cjs/Column2.js +14 -14
  32. package/dist/cjs/Column3.js +30 -31
  33. package/dist/cjs/ConferenceArticleCard.js +10 -10
  34. package/dist/cjs/ContentCardPaginated.js +37 -37
  35. package/dist/cjs/DeckContent.js +31 -32
  36. package/dist/cjs/DeckQueue.js +29 -30
  37. package/dist/cjs/DeckQueuePaginated.js +33 -33
  38. package/dist/cjs/{Dfp-9be904d5.js → Dfp-bcaa7e3f.js} +13 -14
  39. package/dist/cjs/EventsDeck.js +54 -27
  40. package/dist/cjs/ExternalResources.js +48 -48
  41. package/dist/cjs/Feature.js +7 -7
  42. package/dist/cjs/ForbesHero.js +10 -10
  43. package/dist/cjs/GridContent.js +45 -46
  44. package/dist/cjs/GridContentPaginated.js +47 -47
  45. package/dist/cjs/GridHero.js +11 -11
  46. package/dist/cjs/GroupDeck.js +12 -12
  47. package/dist/cjs/HamMagazine.js +28 -28
  48. package/dist/cjs/Header.js +1 -1
  49. package/dist/cjs/HealthCareProfessionalModal.js +2 -2
  50. package/dist/cjs/Hero.js +7 -7
  51. package/dist/cjs/HighlightenVideo.js +2 -2
  52. package/dist/cjs/HorizontalArticleListing.js +50 -50
  53. package/dist/cjs/HorizontalHero.js +8 -8
  54. package/dist/cjs/ImageSlider-10cd194f.js +1383 -0
  55. package/dist/cjs/IssueContentDeck.js +11 -11
  56. package/dist/cjs/IssueDeck.js +14 -14
  57. package/dist/cjs/IssueLanding.js +58 -58
  58. package/dist/cjs/LeftNav.js +21 -22
  59. package/dist/cjs/MasterDeck.js +30 -31
  60. package/dist/cjs/MasterDeckPaginated.js +33 -33
  61. package/dist/cjs/{MediaSeriesCard-594c5edf.js → MediaSeriesCard-a6e3f32e.js} +5 -5
  62. package/dist/cjs/MediaSeriesLanding.js +54 -55
  63. package/dist/cjs/MediaSeriesLandingPaginated.js +60 -60
  64. package/dist/cjs/NavDvm.js +13 -13
  65. package/dist/cjs/NavMagazine.js +31 -31
  66. package/dist/cjs/NavNative.js +32 -32
  67. package/dist/cjs/OncliveHero.js +7 -7
  68. package/dist/cjs/OncliveLargeHero.js +11 -11
  69. package/dist/cjs/PageFilter.js +4 -4
  70. package/dist/cjs/Pagination-7624a3bd.js +90 -0
  71. package/dist/cjs/PartnerDetailListing.js +64 -65
  72. package/dist/cjs/PartnerDetailListingPaginated.js +64 -64
  73. package/dist/cjs/PdfDownload.js +2 -2
  74. package/dist/cjs/PixelTracking.js +7 -7
  75. package/dist/cjs/PodcastsLanding.js +63 -63
  76. package/dist/cjs/PopUpModal.js +4 -4
  77. package/dist/cjs/PtceDeck.js +10 -10
  78. package/dist/cjs/PubSection.js +32 -33
  79. package/dist/cjs/PubToc.js +6 -6
  80. package/dist/cjs/PublicationDeck.js +11 -11
  81. package/dist/cjs/{PublicationFeature-5ccf9b13.js → PublicationFeature-6f89fb97.js} +2 -2
  82. package/dist/cjs/PublicationLanding.js +27 -31
  83. package/dist/cjs/QueueDeckExpanded.js +35 -36
  84. package/dist/cjs/QueueDeckExpandedPaginated.js +38 -38
  85. package/dist/cjs/RecentNews.js +4 -4
  86. package/dist/cjs/RelatedContent.js +10 -10
  87. package/dist/cjs/Schema.js +10 -10
  88. package/dist/cjs/Search.js +6 -6
  89. package/dist/cjs/Segment.js +4 -4
  90. package/dist/cjs/SeriesListingDeck.js +17 -18
  91. package/dist/cjs/{SeriesSlider-594b19eb.js → SeriesSlider-08699353.js} +10 -10
  92. package/dist/cjs/SetCookie.js +1 -1
  93. package/dist/cjs/SideFooter.js +11 -11
  94. package/dist/cjs/{SocialSearchComponent-d2ab3d62.js → SocialSearchComponent-59192efd.js} +11 -11
  95. package/dist/cjs/TaxonomyCard.js +12 -12
  96. package/dist/cjs/TaxonomyDescription.js +48 -48
  97. package/dist/cjs/TemplateNormal.js +44 -45
  98. package/dist/cjs/ThumbnailCard.js +10 -10
  99. package/dist/cjs/{Tooltip-f075b7ef.js → Tooltip-7be5df78.js} +804 -1029
  100. package/dist/cjs/Ustream.js +21 -21
  101. package/dist/cjs/VerticalHero.js +6 -6
  102. package/dist/cjs/VideoProgramLandingPage.js +54 -54
  103. package/dist/cjs/VideoSeriesCard.js +13 -13
  104. package/dist/cjs/VideoSeriesFilter.js +7 -7
  105. package/dist/cjs/VideoSeriesLandingPage.js +35 -36
  106. package/dist/cjs/VideoSeriesListing.js +30 -31
  107. package/dist/cjs/View.js +120 -123
  108. package/dist/cjs/YahooHero.js +13 -13
  109. package/dist/cjs/YoutubeGroup.js +17 -17
  110. package/dist/cjs/{_is-array-54228b29.js → _is-array-aa52fa1e.js} +6 -6
  111. package/dist/cjs/{_iter-detect-b1df62f0.js → _iter-detect-05795553.js} +7 -7
  112. package/dist/cjs/{_object-pie-083f2dd6.js → _object-pie-68c5bcbc.js} +4 -4
  113. package/dist/cjs/{_object-sap-d1978572.js → _object-sap-171b9ea5.js} +1 -1
  114. package/dist/cjs/{_object-to-array-ce86cae7.js → _object-to-array-9bac8737.js} +2 -2
  115. package/dist/cjs/{asyncToGenerator-77821af0.js → asyncToGenerator-df19209d.js} +30 -30
  116. package/dist/cjs/{core.get-iterator-method-5643aa10.js → core.get-iterator-method-f3c44602.js} +35 -35
  117. package/dist/cjs/{debounce-d4a2369b.js → debounce-529c8d06.js} +2 -2
  118. package/dist/cjs/{define-property-e8404b64.js → define-property-21887c62.js} +6 -6
  119. package/dist/cjs/{entities-df1aed86.js → entities-310b46ee.js} +1 -5
  120. package/dist/cjs/{eq-5fc26c07.js → eq-bb2843ed.js} +1 -1
  121. package/dist/cjs/{extends-7c86182f.js → extends-7df78678.js} +7 -8
  122. package/dist/cjs/faundadb.js +5 -5
  123. package/dist/cjs/{get-5839e5b5.js → get-adbb11e3.js} +21 -21
  124. package/dist/cjs/getPtceActivities.js +4 -4
  125. package/dist/cjs/getRelatedArticle.js +68 -132
  126. package/dist/cjs/getRootDocGroup.js +4 -4
  127. package/dist/cjs/getSerializers.js +48 -48
  128. package/dist/cjs/{getTargeting-ba942d9a.js → getTargeting-5eabd6e2.js} +2 -2
  129. package/dist/cjs/getTargeting.js +6 -6
  130. package/dist/{esm/iconBase-ccc56b97.js → cjs/iconBase-68959171.js} +5 -2
  131. package/dist/cjs/{index-fc2f1ca2.js → index-44481153.js} +488 -42
  132. package/dist/cjs/{index-f86bb269.js → index-99edf08a.js} +45 -44
  133. package/dist/cjs/{index-eadd5035.js → index-9d365128.js} +7 -7
  134. package/dist/cjs/{index-144b90c4.js → index-b278e08f.js} +167 -429
  135. package/dist/cjs/{index-d48b231c.js → index-b5eb3ff8.js} +6 -11
  136. package/dist/cjs/{index.esm-c1e16606.js → index.esm-44f3e2d0.js} +1 -1
  137. package/dist/cjs/{index.esm-d81454e7.js → index.esm-48e0f0d8.js} +1 -1
  138. package/dist/cjs/{index.esm-1461604c.js → index.esm-f4cf6943.js} +2 -2
  139. package/dist/cjs/{index.esm-d51c9ac6.js → index.esm-f93506ac.js} +1 -1
  140. package/dist/cjs/index.js +146 -148
  141. package/dist/cjs/{inherits-de66ea16.js → inherits-420ee86f.js} +18 -21
  142. package/dist/cjs/{isSymbol-03abbdf0.js → isSymbol-04666465.js} +15 -15
  143. package/dist/cjs/{keys-e982b3fa.js → keys-d207942e.js} +6 -6
  144. package/dist/cjs/{lodash-f0783643.js → lodash-7fd85bcf.js} +10 -58
  145. package/dist/cjs/main-7b5e57b0.js +898 -0
  146. package/dist/cjs/{moment-aca40de1.js → moment-ca3bd9fb.js} +1 -1
  147. package/dist/cjs/{react-social-icons-af932527.js → react-social-icons-07939b41.js} +17 -17
  148. package/dist/cjs/{slicedToArray-067dd3bc.js → slicedToArray-f6d4eaa8.js} +12 -12
  149. package/dist/cjs/{smoothscroll-99df7f93.js → smoothscroll-5054361f.js} +1 -1
  150. package/dist/cjs/{stringify-f7a37a8d.js → stringify-bbc68047.js} +5 -5
  151. package/dist/cjs/timeDifferenceCalc.js +1 -1
  152. package/dist/cjs/{toConsumableArray-d7797c2b.js → toConsumableArray-c9b8a0d0.js} +7 -7
  153. package/dist/cjs/{toNumber-5e1fac58.js → toNumber-36d1e7e5.js} +5 -40
  154. package/dist/cjs/{typeof-567e31ff.js → typeof-ec08d471.js} +34 -34
  155. package/dist/cjs/urlFor.js +4 -4
  156. package/dist/cjs/{urlForFile-29d3815a.js → urlForFile-ad96158c.js} +1 -1
  157. package/dist/cjs/{ustream-api-3819e4aa.js → ustream-api-9ebe112f.js} +5 -5
  158. package/dist/cjs/{util-93a37fd0.js → util-f2c1b65b.js} +1 -12
  159. package/dist/cjs/{web.dom.iterable-d98303e0.js → web.dom.iterable-e34bf324.js} +2 -2
  160. package/dist/esm/AD.js +8 -8
  161. package/dist/esm/AD300x250.js +25 -26
  162. package/dist/esm/AD300x250x600.js +25 -26
  163. package/dist/esm/AD728x90.js +28 -29
  164. package/dist/esm/ADFloatingFooter.js +27 -28
  165. package/dist/esm/ADFooter.js +10 -10
  166. package/dist/esm/ADGutter.js +27 -28
  167. package/dist/esm/{ADInfeed-5765a73a.js → ADInfeed-36973a76.js} +9 -9
  168. package/dist/esm/ADSkyscraper.js +27 -28
  169. package/dist/esm/ADSponsoredResources.js +27 -28
  170. package/dist/esm/ADWebcast.js +27 -28
  171. package/dist/esm/ADWelcome.js +28 -29
  172. package/dist/esm/{ADlgInfeed-5e36f317.js → ADlgInfeed-f6e898d5.js} +8 -8
  173. package/dist/esm/AccordionPanel.js +23 -23
  174. package/dist/esm/AdSlot.js +23 -24
  175. package/dist/esm/AdSlotsProvider.js +13 -14
  176. package/dist/esm/AlgoliaSearch.js +56 -14325
  177. package/dist/esm/AlphabeticList.js +21 -21
  178. package/dist/esm/ArticleCarousel.js +17 -17
  179. package/dist/esm/ArticleProgramLandingPage.js +59 -59
  180. package/dist/esm/ArticleSeriesLandingPage.js +36 -37
  181. package/dist/esm/ArticleSeriesListing.js +55 -56
  182. package/dist/esm/Auth.js +427 -565
  183. package/dist/esm/AuthWrapper.js +27 -1787
  184. package/dist/esm/{AuthorComponent-11adff02.js → AuthorComponent-b0a47123.js} +11 -11
  185. package/dist/esm/Beam.js +7 -7
  186. package/dist/esm/{BlockContent-1e73bd2c.js → BlockContent-d05b5b23.js} +35 -35
  187. package/dist/esm/Breadcrumbs.js +16 -16
  188. package/dist/esm/CMEDeck.js +78 -83
  189. package/dist/esm/Column1.js +7 -6
  190. package/dist/esm/Column2.js +25 -24
  191. package/dist/esm/Column3.js +50 -50
  192. package/dist/esm/ConferenceArticleCard.js +24 -24
  193. package/dist/esm/{ConferenceBanner-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
  194. package/dist/esm/ContentCardPaginated.js +73 -73
  195. package/dist/esm/DeckContent.js +77 -78
  196. package/dist/esm/DeckQueue.js +71 -72
  197. package/dist/esm/DeckQueuePaginated.js +64 -64
  198. package/dist/esm/{Dfp-102f0beb.js → Dfp-e151d2de.js} +21 -22
  199. package/dist/esm/EventsDeck.js +114 -87
  200. package/dist/esm/ExternalResources.js +76 -76
  201. package/dist/esm/Feature.js +22 -22
  202. package/dist/esm/ForbesHero.js +34 -34
  203. package/dist/esm/GridContent.js +146 -147
  204. package/dist/esm/GridContentPaginated.js +135 -135
  205. package/dist/esm/GridHero.js +36 -36
  206. package/dist/esm/GroupDeck.js +46 -46
  207. package/dist/esm/HamMagazine.js +106 -105
  208. package/dist/esm/Header.js +10 -9
  209. package/dist/esm/HealthCareProfessionalModal.js +13 -13
  210. package/dist/esm/Hero.js +14 -14
  211. package/dist/esm/HighlightenVideo.js +15 -15
  212. package/dist/esm/HorizontalArticleListing.js +73 -73
  213. package/dist/esm/HorizontalHero.js +27 -27
  214. package/dist/esm/ImageSlider-5ae6287a.js +1375 -0
  215. package/dist/esm/IssueContentDeck.js +49 -49
  216. package/dist/esm/IssueDeck.js +46 -46
  217. package/dist/esm/IssueLanding.js +67 -67
  218. package/dist/esm/KMTracker.js +1 -1
  219. package/dist/esm/LeftNav.js +35 -35
  220. package/dist/esm/MasterDeck.js +64 -65
  221. package/dist/esm/MasterDeckPaginated.js +56 -56
  222. package/dist/esm/{MediaSeriesCard-f56c8274.js → MediaSeriesCard-66045ffb.js} +19 -19
  223. package/dist/esm/MediaSeriesLanding.js +80 -81
  224. package/dist/esm/MediaSeriesLandingPaginated.js +84 -84
  225. package/dist/esm/NavDvm.js +57 -56
  226. package/dist/esm/{NavFooter-3272e9cd.js → NavFooter-da30eae3.js} +12 -12
  227. package/dist/esm/NavMagazine.js +114 -113
  228. package/dist/esm/NavNative.js +104 -103
  229. package/dist/esm/OncliveHero.js +20 -20
  230. package/dist/esm/OncliveLargeHero.js +59 -59
  231. package/dist/esm/PageFilter.js +11 -11
  232. package/dist/esm/Pagination-1e09918f.js +82 -0
  233. package/dist/esm/PartnerDetailListing.js +100 -101
  234. package/dist/esm/PartnerDetailListingPaginated.js +99 -99
  235. package/dist/esm/PdfDownload.js +8 -8
  236. package/dist/esm/PixelTracking.js +16 -16
  237. package/dist/esm/PodcastsLanding.js +75 -75
  238. package/dist/esm/PopUpModal.js +13 -13
  239. package/dist/esm/PtceDeck.js +24 -24
  240. package/dist/esm/PubSection.js +38 -39
  241. package/dist/esm/PubToc.js +11 -11
  242. package/dist/esm/PublicationDeck.js +43 -43
  243. package/dist/esm/{PublicationFeature-d88e76b9.js → PublicationFeature-0379cc20.js} +23 -23
  244. package/dist/esm/PublicationLanding.js +75 -79
  245. package/dist/esm/QueueDeckExpanded.js +274 -275
  246. package/dist/esm/QueueDeckExpandedPaginated.js +254 -254
  247. package/dist/esm/RecentNews.js +21 -21
  248. package/dist/esm/RelatedContent.js +24 -24
  249. package/dist/esm/RelatedTopicsDropdown.js +12 -12
  250. package/dist/esm/RolesDeck.js +14 -14
  251. package/dist/esm/Schema.js +13 -13
  252. package/dist/esm/Search.js +11 -11
  253. package/dist/esm/Segment.js +5 -5
  254. package/dist/esm/SeriesListingDeck.js +31 -32
  255. package/dist/esm/{SeriesSlider-f771e20d.js → SeriesSlider-b364d074.js} +31 -31
  256. package/dist/esm/SetCookie.js +2 -2
  257. package/dist/esm/SideFooter.js +30 -30
  258. package/dist/esm/SocialIcons.js +8 -8
  259. package/dist/esm/{SocialSearchComponent-165b4ae7.js → SocialSearchComponent-09b55779.js} +33 -33
  260. package/dist/esm/SocialShare.js +26 -26
  261. package/dist/esm/TaxonomyCard.js +45 -45
  262. package/dist/esm/TaxonomyDescription.js +53 -53
  263. package/dist/esm/TemplateNormal.js +65 -66
  264. package/dist/esm/ThumbnailCard.js +18 -18
  265. package/dist/esm/{Tooltip-95655b44.js → Tooltip-af3e4ee9.js} +792 -1017
  266. package/dist/esm/Ustream.js +30 -30
  267. package/dist/esm/VerticalHero.js +18 -18
  268. package/dist/esm/VideoProgramLandingPage.js +67 -67
  269. package/dist/esm/VideoSeriesCard.js +26 -26
  270. package/dist/esm/VideoSeriesFilter.js +14 -14
  271. package/dist/esm/VideoSeriesLandingPage.js +41 -42
  272. package/dist/esm/VideoSeriesListing.js +71 -72
  273. package/dist/esm/View.js +327 -331
  274. package/dist/esm/YahooHero.js +34 -34
  275. package/dist/esm/YoutubeGroup.js +49 -49
  276. package/dist/esm/{_is-array-8d21b9e3.js → _is-array-31d40a83.js} +6 -6
  277. package/dist/esm/{_iter-detect-98db3b07.js → _iter-detect-72edfd60.js} +7 -7
  278. package/dist/esm/{_object-pie-133f504a.js → _object-pie-33c40e79.js} +4 -4
  279. package/dist/esm/{_object-sap-7cee6f84.js → _object-sap-4201ccf6.js} +1 -1
  280. package/dist/esm/{_object-to-array-2300e51b.js → _object-to-array-fa0feeff.js} +2 -2
  281. package/dist/esm/{asyncToGenerator-958ef5fc.js → asyncToGenerator-9c835201.js} +30 -30
  282. package/dist/esm/{brightcove-react-player-loader.es-57a70a56.js → brightcove-react-player-loader.es-4abff0b1.js} +3 -3
  283. package/dist/esm/{core.get-iterator-method-ea258bb1.js → core.get-iterator-method-8c71f470.js} +36 -36
  284. package/dist/esm/{debounce-533d9748.js → debounce-9207d8ee.js} +2 -2
  285. package/dist/esm/define-property-a8a00786.js +18 -0
  286. package/dist/esm/{entities-6d9154b4.js → entities-7cc3bf45.js} +1 -5
  287. package/dist/esm/{eq-bdcbf886.js → eq-b470f743.js} +1 -1
  288. package/dist/esm/{extends-6d8e3924.js → extends-7fbbe94e.js} +8 -8
  289. package/dist/esm/faundadb.js +5 -5
  290. package/dist/esm/{get-3c308da4.js → get-1e515072.js} +21 -21
  291. package/dist/esm/getKeywords.js +1 -1
  292. package/dist/esm/getPtceActivities.js +4 -4
  293. package/dist/esm/getQuery.js +1 -1
  294. package/dist/esm/getRelatedArticle.js +70 -134
  295. package/dist/esm/getRootDocGroup.js +5 -5
  296. package/dist/esm/getSerializers.js +48 -48
  297. package/dist/esm/getSeriesDetail.js +1 -1
  298. package/dist/esm/{getTargeting-9bd28724.js → getTargeting-eed01f73.js} +2 -2
  299. package/dist/esm/getTargeting.js +6 -6
  300. package/dist/{cjs/iconBase-be4097c0.js → esm/iconBase-602d52fe.js} +8 -33
  301. package/dist/esm/{index-f0fc23eb.js → index-1819118a.js} +490 -44
  302. package/dist/esm/{index-5d8b0a9d.js → index-3a7c5bbe.js} +581 -844
  303. package/dist/esm/{index-3f5c03b2.js → index-51a80699.js} +6 -11
  304. package/dist/esm/{index-755f2cc2.js → index-6c12bdd5.js} +10 -10
  305. package/dist/esm/{index-79cfd25c.js → index-fa2ffe86.js} +45 -44
  306. package/dist/esm/{index.es-a6137319.js → index.es-c6222053.js} +5 -5
  307. package/dist/esm/{index.esm-eb1e8e80.js → index.esm-55f22b35.js} +1 -1
  308. package/dist/esm/{index.esm-07c37a92.js → index.esm-9d701385.js} +16 -16
  309. package/dist/esm/{index.esm-9b042655.js → index.esm-c6715e80.js} +1 -1
  310. package/dist/esm/{index.esm-1bd8a0a8.js → index.esm-d1125763.js} +1 -1
  311. package/dist/esm/index.js +172 -174
  312. package/dist/esm/{inherits-a6ba2ec4.js → inherits-d26c739e.js} +19 -19
  313. package/dist/esm/{isSymbol-a7e9aafe.js → isSymbol-1981418f.js} +15 -15
  314. package/dist/esm/keys-5e9bd229.js +23 -0
  315. package/dist/esm/{lodash-f97fd99a.js → lodash-ec8c6b48.js} +10 -58
  316. package/dist/esm/main-43ca42fe.js +886 -0
  317. package/dist/esm/{moment-bc12cb97.js → moment-b6f49411.js} +1 -1
  318. package/dist/esm/{react-social-icons-9be47857.js → react-social-icons-3822f1ce.js} +20 -20
  319. package/dist/esm/{slicedToArray-6ebcbfea.js → slicedToArray-99bcfd93.js} +12 -12
  320. package/dist/esm/{smoothscroll-fa4e3f8c.js → smoothscroll-0cd4c7a6.js} +1 -1
  321. package/dist/esm/stringify-0c65d837.js +15 -0
  322. package/dist/esm/timeDifferenceCalc.js +2 -2
  323. package/dist/esm/{toConsumableArray-f7074d7c.js → toConsumableArray-47a5394a.js} +7 -7
  324. package/dist/esm/{toNumber-5aeba6e7.js → toNumber-2f7a84cd.js} +5 -40
  325. package/dist/esm/{typeof-e9fc0c5d.js → typeof-d92ed6e0.js} +34 -34
  326. package/dist/esm/urlFor.js +5 -5
  327. package/dist/esm/{urlForFile-b69adffc.js → urlForFile-0fc42ed8.js} +1 -1
  328. package/dist/esm/{ustream-api-d3714624.js → ustream-api-cbba615a.js} +5 -5
  329. package/dist/esm/{util-8ed16d48.js → util-7700fc59.js} +1 -12
  330. package/dist/esm/{visibility-sensor-72fd8f8b.js → visibility-sensor-f40c2564.js} +2 -2
  331. package/dist/esm/{web.dom.iterable-ab4dea5c.js → web.dom.iterable-406140e0.js} +2 -2
  332. package/package.json +1 -2
  333. package/dist/cjs/CEDeckSupabase.js +0 -450
  334. package/dist/cjs/ImageSlider-6c00b878.js +0 -2813
  335. package/dist/cjs/Pagination-2a3d0103.js +0 -97
  336. package/dist/cjs/defineProperty-9673846a.js +0 -34
  337. package/dist/cjs/defineProperty-e0fb52c5.js +0 -73
  338. package/dist/cjs/events-1b438fe7.js +0 -469
  339. package/dist/cjs/getTIData.js +0 -92
  340. package/dist/cjs/index-50be6759.js +0 -105
  341. package/dist/cjs/main-f1c77adb.js +0 -973
  342. package/dist/cjs/typeof-1358762e.js +0 -33
  343. package/dist/esm/CEDeckSupabase.js +0 -444
  344. package/dist/esm/ImageSlider-f84174cb.js +0 -2804
  345. package/dist/esm/Pagination-dc30727b.js +0 -90
  346. package/dist/esm/define-property-5f1bda73.js +0 -18
  347. package/dist/esm/defineProperty-23a8f8cd.js +0 -68
  348. package/dist/esm/defineProperty-8c30428f.js +0 -32
  349. package/dist/esm/events-6c3a7a63.js +0 -467
  350. package/dist/esm/getTIData.js +0 -90
  351. package/dist/esm/index-98ca9cec.js +0 -100
  352. package/dist/esm/keys-31dcdb31.js +0 -23
  353. package/dist/esm/main-1894c974.js +0 -961
  354. package/dist/esm/stringify-2b084bee.js +0 -15
  355. package/dist/esm/typeof-2f07d0e8.js +0 -30
  356. package/dist/cjs/{brightcove-react-player-loader.es-a195642e.js → brightcove-react-player-loader.es-5c98aec7.js} +1 -1
@@ -1,2813 +0,0 @@
1
- 'use strict';
2
-
3
- var defineProperty = require('./defineProperty-e0fb52c5.js');
4
- var React = require('react');
5
- var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
6
- var PropTypes = require('prop-types');
7
- var slicedToArray = require('./slicedToArray-067dd3bc.js');
8
- var smoothscroll = require('./smoothscroll-99df7f93.js');
9
- var urlFor = require('./urlFor.js');
10
-
11
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
15
-
16
- var canUseDOM = !!(
17
- typeof window !== 'undefined' &&
18
- window.document &&
19
- window.document.createElement
20
- );
21
-
22
- var canUseDom = canUseDOM;
23
-
24
- var objectWithoutPropertiesLoose = _commonjsHelpers.createCommonjsModule(function (module) {
25
- function _objectWithoutPropertiesLoose(source, excluded) {
26
- if (source == null) return {};
27
- var target = {};
28
- var sourceKeys = Object.keys(source);
29
- var key, i;
30
-
31
- for (i = 0; i < sourceKeys.length; i++) {
32
- key = sourceKeys[i];
33
- if (excluded.indexOf(key) >= 0) continue;
34
- target[key] = source[key];
35
- }
36
-
37
- return target;
38
- }
39
-
40
- module.exports = _objectWithoutPropertiesLoose;
41
- module.exports["default"] = module.exports, module.exports.__esModule = true;
42
- });
43
-
44
- _commonjsHelpers.unwrapExports(objectWithoutPropertiesLoose);
45
-
46
- var objectWithoutProperties = _commonjsHelpers.createCommonjsModule(function (module) {
47
- function _objectWithoutProperties(source, excluded) {
48
- if (source == null) return {};
49
- var target = objectWithoutPropertiesLoose(source, excluded);
50
- var key, i;
51
-
52
- if (Object.getOwnPropertySymbols) {
53
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
54
-
55
- for (i = 0; i < sourceSymbolKeys.length; i++) {
56
- key = sourceSymbolKeys[i];
57
- if (excluded.indexOf(key) >= 0) continue;
58
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
59
- target[key] = source[key];
60
- }
61
- }
62
-
63
- return target;
64
- }
65
-
66
- module.exports = _objectWithoutProperties;
67
- module.exports["default"] = module.exports, module.exports.__esModule = true;
68
- });
69
-
70
- var _objectWithoutProperties = _commonjsHelpers.unwrapExports(objectWithoutProperties);
71
-
72
- var LoginStatus$1 = {
73
- CONNECTED: 'connected',
74
- AUTHORIZATION_EXPIRED: 'authorization_expired',
75
- NOT_AUTHORIZED: 'not_authorized',
76
- UNKNOWN: 'unknown'
77
- };
78
-
79
- function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
80
-
81
- function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(source, true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
82
- const Method = {
83
- GET: 'get',
84
- POST: 'post',
85
- DELETE: 'delete'
86
- };
87
- class Facebook$1 {
88
- constructor(options = {}) {
89
- this.options = _objectSpread$3({
90
- domain: 'connect.facebook.net',
91
- version: 'v3.2',
92
- cookie: false,
93
- status: false,
94
- xfbml: false,
95
- language: 'en_US',
96
- frictionlessRequests: false,
97
- debug: false,
98
- chatSupport: false
99
- }, options);
100
-
101
- if (!this.options.appId) {
102
- throw new Error('You need to set appId');
103
- }
104
-
105
- if (!this.options.wait) {
106
- this.init();
107
- }
108
- }
109
-
110
- getAppId() {
111
- return this.options.appId;
112
- }
113
-
114
- init() {
115
- var _this = this;
116
-
117
- return defineProperty._asyncToGenerator(function* () {
118
- if (_this.loadingPromise) {
119
- return _this.loadingPromise;
120
- }
121
-
122
- _this.loadingPromise = new Promise(resolve => {
123
- const _this$options = _this.options,
124
- {
125
- domain,
126
- language,
127
- debug,
128
- chatSupport
129
- } = _this$options,
130
- restOptions = _objectWithoutProperties(_this$options, ["domain", "language", "debug", "chatSupport"]);
131
-
132
- window.fbAsyncInit = () => {
133
- window.FB.init({
134
- appId: restOptions.appId,
135
- version: restOptions.version,
136
- cookie: restOptions.cookie,
137
- status: restOptions.status,
138
- xfbml: restOptions.xfbml,
139
- frictionlessRequests: _this.frictionlessRequests
140
- });
141
- resolve(window.FB);
142
- };
143
-
144
- if (window.document.getElementById('facebook-jssdk')) {
145
- return resolve(window.FB);
146
- }
147
-
148
- const js = window.document.createElement('script');
149
- js.id = 'facebook-jssdk';
150
- js.async = true;
151
- js.defer = true;
152
- js.src = `https://${domain}/${language}/sdk${chatSupport ? '/xfbml.customerchat' : ''}${debug ? '/debug' : ''}.js`;
153
- window.document.body.appendChild(js);
154
- });
155
- return _this.loadingPromise;
156
- })();
157
- }
158
-
159
- process(method, before = [], after = []) {
160
- var _this2 = this;
161
-
162
- return defineProperty._asyncToGenerator(function* () {
163
- const fb = yield _this2.init();
164
- return new Promise((resolve, reject) => {
165
- fb[method](...before, response => {
166
- if (!response) {
167
- if (method === 'ui') return;
168
- reject(new Error('Response is undefined'));
169
- } else if (response.error) {
170
- const {
171
- code,
172
- type,
173
- message
174
- } = response.error;
175
- const error = new Error(message);
176
- error.code = code;
177
- error.type = type;
178
- reject(error);
179
- } else {
180
- resolve(response);
181
- }
182
- }, ...after);
183
- });
184
- })();
185
- }
186
-
187
- ui(options) {
188
- var _this3 = this;
189
-
190
- return defineProperty._asyncToGenerator(function* () {
191
- return _this3.process('ui', [options]);
192
- })();
193
- }
194
-
195
- api(path, method = Method.GET, params = {}) {
196
- var _this4 = this;
197
-
198
- return defineProperty._asyncToGenerator(function* () {
199
- return _this4.process('api', [path, method, params]);
200
- })();
201
- }
202
-
203
- login(opts = null) {
204
- var _this5 = this;
205
-
206
- return defineProperty._asyncToGenerator(function* () {
207
- return _this5.process('login', [], [opts]);
208
- })();
209
- }
210
-
211
- logout() {
212
- var _this6 = this;
213
-
214
- return defineProperty._asyncToGenerator(function* () {
215
- return _this6.process('logout');
216
- })();
217
- }
218
-
219
- getLoginStatus() {
220
- var _this7 = this;
221
-
222
- return defineProperty._asyncToGenerator(function* () {
223
- return _this7.process('getLoginStatus');
224
- })();
225
- }
226
-
227
- getAuthResponse() {
228
- var _this8 = this;
229
-
230
- return defineProperty._asyncToGenerator(function* () {
231
- return _this8.process('getAuthResponse');
232
- })();
233
- }
234
-
235
- getTokenDetail(loginResponse) {
236
- var _this9 = this;
237
-
238
- return defineProperty._asyncToGenerator(function* () {
239
- if (loginResponse.status === LoginStatus$1.CONNECTED && loginResponse.authResponse) {
240
- return loginResponse.authResponse;
241
- }
242
-
243
- const response = yield _this9.getLoginStatus();
244
-
245
- if (response.status === LoginStatus$1.CONNECTED && response.authResponse) {
246
- return response.authResponse;
247
- }
248
-
249
- throw new Error('Token is undefined');
250
- })();
251
- }
252
-
253
- getProfile(params) {
254
- var _this10 = this;
255
-
256
- return defineProperty._asyncToGenerator(function* () {
257
- return _this10.api('/me', Method.GET, params);
258
- })();
259
- }
260
-
261
- getTokenDetailWithProfile(params, response) {
262
- var _this11 = this;
263
-
264
- return defineProperty._asyncToGenerator(function* () {
265
- const tokenDetail = yield _this11.getTokenDetail(response);
266
- const profile = yield _this11.getProfile(params);
267
- return {
268
- profile,
269
- tokenDetail
270
- };
271
- })();
272
- }
273
-
274
- getToken() {
275
- var _this12 = this;
276
-
277
- return defineProperty._asyncToGenerator(function* () {
278
- const authResponse = yield _this12.getTokenDetail();
279
- return authResponse.accessToken;
280
- })();
281
- }
282
-
283
- getUserId() {
284
- var _this13 = this;
285
-
286
- return defineProperty._asyncToGenerator(function* () {
287
- const authResponse = yield _this13.getTokenDetail();
288
- return authResponse.userID;
289
- })();
290
- }
291
-
292
- sendInvite(to, options) {
293
- var _this14 = this;
294
-
295
- return defineProperty._asyncToGenerator(function* () {
296
- return _this14.ui(_objectSpread$3({
297
- to,
298
- method: 'apprequests'
299
- }, options));
300
- })();
301
- }
302
-
303
- postAction(ogNamespace, ogAction, ogObject, ogObjectUrl, noFeedStory) {
304
- var _this15 = this;
305
-
306
- return defineProperty._asyncToGenerator(function* () {
307
- let url = `/me/${ogNamespace}:${ogAction}?${ogObject}=${encodeURIComponent(ogObjectUrl)}`;
308
-
309
- if (noFeedStory === true) {
310
- url += '&no_feed_story=true';
311
- }
312
-
313
- return _this15.api(url, Method.POST);
314
- })();
315
- }
316
-
317
- getPermissions() {
318
- var _this16 = this;
319
-
320
- return defineProperty._asyncToGenerator(function* () {
321
- const response = yield _this16.api('/me/permissions');
322
- return response.data;
323
- })();
324
- }
325
-
326
- hasPermissions(permissions) {
327
- var _this17 = this;
328
-
329
- return defineProperty._asyncToGenerator(function* () {
330
- const usersPermissions = yield _this17.getPermissions();
331
- const findedPermissions = permissions.filter(p => {
332
- const currentPermission = usersPermissions.find(row => {
333
- const {
334
- permission,
335
- status
336
- } = row;
337
- return status === 'granted' && permission === p;
338
- });
339
- return !!currentPermission;
340
- });
341
- return findedPermissions.length === permissions.length;
342
- })();
343
- }
344
-
345
- subscribe(eventName, callback) {
346
- var _this18 = this;
347
-
348
- return defineProperty._asyncToGenerator(function* () {
349
- const fb = yield _this18.init();
350
- fb.Event.subscribe(eventName, callback);
351
- })();
352
- }
353
-
354
- unsubscribe(eventName, callback) {
355
- var _this19 = this;
356
-
357
- return defineProperty._asyncToGenerator(function* () {
358
- const fb = yield _this19.init();
359
- fb.Event.unsubscribe(eventName, callback);
360
- })();
361
- }
362
-
363
- parse(parentNode) {
364
- var _this20 = this;
365
-
366
- return defineProperty._asyncToGenerator(function* () {
367
- const fb = yield _this20.init();
368
-
369
- if (typeof parentNode === 'undefined') {
370
- fb.XFBML.parse();
371
- } else {
372
- fb.XFBML.parse(parentNode);
373
- }
374
- })();
375
- }
376
-
377
- getRequests() {
378
- var _this21 = this;
379
-
380
- return defineProperty._asyncToGenerator(function* () {
381
- return _this21.api('/me/apprequests');
382
- })();
383
- }
384
-
385
- removeRequest(requestID) {
386
- var _this22 = this;
387
-
388
- return defineProperty._asyncToGenerator(function* () {
389
- return _this22.api(requestID, Method.DELETE);
390
- })();
391
- }
392
-
393
- setAutoGrow() {
394
- var _this23 = this;
395
-
396
- return defineProperty._asyncToGenerator(function* () {
397
- const fb = yield _this23.init();
398
- fb.Canvas.setAutoGrow();
399
- })();
400
- }
401
-
402
- paySimple(product, quantity = 1) {
403
- var _this24 = this;
404
-
405
- return defineProperty._asyncToGenerator(function* () {
406
- return _this24.ui({
407
- method: 'pay',
408
- action: 'purchaseitem',
409
- product,
410
- quantity
411
- });
412
- })();
413
- }
414
-
415
- pay(product, options) {
416
- var _this25 = this;
417
-
418
- return defineProperty._asyncToGenerator(function* () {
419
- return _this25.ui(_objectSpread$3({
420
- method: 'pay',
421
- action: 'purchaseitem',
422
- product
423
- }, options));
424
- })();
425
- }
426
-
427
- }
428
- /*
429
- sendToFriends: function(options, callback) {
430
- if(!options) {
431
- options = {};
432
- }
433
-
434
- options.method = 'send';
435
-
436
- this.afterLoad(function(err, fbApi) {
437
- if(err) {
438
- return callback(err);
439
- }
440
-
441
- FB.ui(options, function(response) {
442
- fbApi._callCallbackByResponse(callback, response);
443
- });
444
- });
445
- },
446
-
447
- sendMessage: function(message, name, caption, description, url, imgUrl, callback) {
448
- this.afterLoad(function(err, fbApi) {
449
- if(err) {
450
- return callback(err);
451
- }
452
-
453
- FB.ui({
454
- method: 'stream.publish',
455
- message: message,
456
- attachment: {
457
- name: name,
458
- caption: caption,
459
- description: description,
460
- href: url,
461
- media:[{
462
- type: 'image',
463
- src: imgUrl,
464
- href: url
465
- }]
466
- },
467
- action_links: [{
468
- text: 'Code',
469
- href: url
470
- }],
471
- user_prompt_message: message
472
- },
473
- function(response) {
474
- fbApi._callCallbackByResponse(callback, response);
475
- });
476
- });
477
- },
478
-
479
- sendInviteForm: function(options, callback) {
480
- if(typeof options === 'function') {
481
- callback = options;
482
- options = {};
483
- }
484
-
485
- this.afterLoad(function(err, fbApi) {
486
- if(err) {
487
- return callback(err);
488
- }
489
-
490
- options.method = options.method || 'apprequests';
491
-
492
-
493
- FB.ui(options, function(response) {
494
- fbApi._callCallbackByResponse(callback, response);
495
- });
496
- });
497
- },
498
-
499
- checkPageLike: function(pageID, callback) {
500
- this.afterLoad(function(err, fbApi) {
501
- if(err) {
502
- return callback(err);
503
- }
504
-
505
- fbApi.getUserID(function(err, userID) {
506
- if(err) {
507
- return callback(err);
508
- }
509
-
510
- var fqlQuery = `SELECT uid FROM page_fan WHERE page_id = ${pageID} and uid = ${userID}`;
511
- var query = FB.Data.query(fqlQuery);
512
-
513
- query.wait(function(rows) {
514
- if (rows.length === 1 && rows[0].uid === userID) {
515
- callback(null, true, query);
516
- }
517
- else {
518
- callback(null, false, query);
519
- }
520
- });
521
- });
522
- });
523
- },
524
-
525
- sendMessageToFriend: function (friendID, link, callback) {
526
- this.afterLoad(function(err, fbApi) {
527
- if(err) {
528
- return callback(err);
529
- }
530
-
531
- FB.ui({
532
- to: friendID,
533
- method: 'send',
534
- link: link
535
- }, function(response) {
536
- fbApi._callCallbackByResponse(callback, response);
537
- });
538
- });
539
- },
540
-
541
- _prepareUsers: function(data) {
542
- var users=[];
543
-
544
- for(var index in data) {
545
- var userData=data[index];
546
-
547
- var user = {
548
- provider_uid: 'facebook'+'_'+userData.uid,
549
- provider: 'facebook',
550
- id: userData.uid,
551
- name: userData.name,
552
- first_name: userData.first_name,
553
- last_name: userData.last_name,
554
- status: (userData.status!==null) ? userData.status : null,
555
- image: '//graph.facebook.com/'+userData.uid+'/picture?'
556
- };
557
-
558
- users.push(user);
559
- }
560
-
561
- return users;
562
- },
563
-
564
- getUserList: function(callback) {
565
- this.afterLoad(function(err, fbApi) {
566
- if(err) {
567
- return callback(err);
568
- }
569
-
570
- FB.api('fql', {
571
- q: `
572
- SELECT uid, name, first_name, last_name, online_presence, status
573
- FROM user
574
- WHERE uid IN
575
- ( SELECT uid2 FROM friend WHERE uid1 = me()) ORDER BY name
576
- `,
577
- }, function (response)
578
- {
579
- var users = fbApi._prepareUsers(response.data);
580
- callback(null, users, response);
581
- });
582
- });
583
- },
584
-
585
- postFeed: function(options, callback) {
586
- this.afterLoad(function(err, fbApi) {
587
- if(err) {
588
- return callback(err);
589
- }
590
-
591
- options.method='feed';
592
-
593
- FB.ui(options, function(response) {
594
- fbApi._callCallbackByResponse(callback, response);
595
- });
596
- });
597
- },
598
-
599
- //need publish_stream
600
- createAlbum: function(name, description, callback) {
601
- this.afterLoad(function(err, fbApi) {
602
- if(err) {
603
- return callback(err);
604
- }
605
-
606
- FB.api('/me/albums', 'post', {
607
- name: name,
608
- description: description
609
- },function(response) {
610
- fbApi._callCallbackByResponse(callback, response);
611
- });
612
- });
613
- },
614
-
615
- //need publish_stream
616
- addImageToAlbum: function(albumID, imageURL, message, callback) {
617
- this.afterLoad(function(err, fbApi) {
618
- if(err) {
619
- return callback(err);
620
- }
621
-
622
- FB.api('/'+albumID+'/photos', 'post', {
623
- message: message,
624
- url: imageURL
625
- }, function(response) {
626
- fbApi._callCallbackByResponse(callback, response);
627
- });
628
- });
629
- },
630
-
631
- //'user_photos'
632
- getAlbums: function(callback) {
633
- this.afterLoad(function(err, fbApi) {
634
- if(err) {
635
- return callback(err);
636
- }
637
-
638
- FB.api('/me/albums', function(response) {
639
- fbApi._callCallbackByResponse(callback, response);
640
- });
641
- });
642
- },
643
-
644
- //'user_photos'
645
- getAlbumPhotos: function(albumID, callback) {
646
- this.afterLoad(function(err, fbApi) {
647
- if(err) {
648
- return callback(err);
649
- }
650
-
651
- FB.api('/'+albumID+'/photos', function(response) {
652
- fbApi._callCallbackByResponse(callback, response);
653
- });
654
- });
655
- },
656
-
657
- //'user_photos'
658
- getAlbumCoverPicture: function(albumID, callback) {
659
- this.afterLoad(function(err, fbApi) {
660
- if(err) {
661
- return callback(err);
662
- }
663
-
664
- FB.api('/'+albumID+'/picture', function(response) {
665
- fbApi._callCallbackByResponse(callback, response);
666
- });
667
- });
668
- },
669
-
670
- //'publish_stream'
671
- postPhoto: function(photoUrl, message, callback) {
672
- this.afterLoad(function(err, fbApi) {
673
- if(err) {
674
- return callback(err);
675
- }
676
-
677
- FB.api('/me/photos', 'post', {
678
- message: message,
679
- url: photoUrl
680
- },function(response) {
681
- fbApi._callCallbackByResponse(callback, response);
682
- });
683
- });
684
- },
685
-
686
- getPageInfo: function(callback) {
687
- this.afterLoad(function(err, fbApi) {
688
- if(err) {
689
- return callback(err);
690
- }
691
-
692
- FB.Canvas.getPageInfo(function(response) {
693
- fbApi._callCallbackByResponse(callback, response);
694
- });
695
- });
696
- }
697
- */
698
-
699
- var FacebookContext = React.createContext();
700
-
701
- let api = null;
702
- class Facebook extends React.Component {
703
- constructor(...args) {
704
- var _this;
705
-
706
- super(...args);
707
- _this = this;
708
-
709
- defineProperty._defineProperty(this, "state", {
710
- isReady: false
711
- });
712
-
713
- defineProperty._defineProperty(this, "handleInit",
714
- /*#__PURE__*/
715
- defineProperty._asyncToGenerator(function* () {
716
- // do not run if SSR
717
- if (!canUseDom) {
718
- throw new Error('You can not use Facebook without DOM');
719
- }
720
-
721
- const {
722
- isReady
723
- } = _this.state;
724
-
725
- if (isReady) {
726
- return api;
727
- }
728
-
729
- if (!api) {
730
- const {
731
- domain,
732
- version,
733
- appId,
734
- cookie,
735
- status,
736
- xfbml,
737
- language,
738
- frictionlessRequests,
739
- wait,
740
- debug,
741
- chatSupport
742
- } = _this.props;
743
- api = new Facebook$1({
744
- domain,
745
- appId,
746
- version,
747
- cookie,
748
- status,
749
- xfbml,
750
- language,
751
- frictionlessRequests,
752
- wait,
753
- debug,
754
- chatSupport
755
- });
756
- }
757
-
758
- yield api.init();
759
-
760
- if (!_this.state.isReady) {
761
- _this.setState({
762
- isReady: true
763
- });
764
- }
765
-
766
- return api;
767
- }));
768
- }
769
-
770
- componentDidMount() {
771
- const {
772
- wait
773
- } = this.props;
774
-
775
- if (!wait) {
776
- this.handleInit();
777
- }
778
- }
779
-
780
- render() {
781
- const {
782
- children
783
- } = this.props;
784
- const {
785
- isReady,
786
- error
787
- } = this.state;
788
- const {
789
- handleInit
790
- } = this;
791
- const value = {
792
- isReady,
793
- error,
794
- handleInit,
795
- api
796
- };
797
- return React__default['default'].createElement(FacebookContext.Provider, {
798
- value: value
799
- }, children);
800
- }
801
-
802
- }
803
-
804
- defineProperty._defineProperty(Facebook, "defaultProps", {
805
- version: 'v3.1',
806
- cookie: false,
807
- status: false,
808
- xfbml: false,
809
- language: 'en_US',
810
- frictionlessRequests: false,
811
- domain: 'connect.facebook.net',
812
- children: undefined,
813
- wait: false,
814
- debug: false,
815
- chatSupport: false
816
- });
817
-
818
- var _extends_1 = _commonjsHelpers.createCommonjsModule(function (module) {
819
- function _extends() {
820
- module.exports = _extends = Object.assign || function (target) {
821
- for (var i = 1; i < arguments.length; i++) {
822
- var source = arguments[i];
823
-
824
- for (var key in source) {
825
- if (Object.prototype.hasOwnProperty.call(source, key)) {
826
- target[key] = source[key];
827
- }
828
- }
829
- }
830
-
831
- return target;
832
- };
833
-
834
- module.exports["default"] = module.exports, module.exports.__esModule = true;
835
- return _extends.apply(this, arguments);
836
- }
837
-
838
- module.exports = _extends;
839
- module.exports["default"] = module.exports, module.exports.__esModule = true;
840
- });
841
-
842
- var _extends = _commonjsHelpers.unwrapExports(_extends_1);
843
-
844
- class Initialize extends React.Component {
845
- componentDidMount() {
846
- this.$isMounted = true;
847
- this.prepare();
848
- }
849
-
850
- componentWillUnmount() {
851
- this.$isMounted = false;
852
- }
853
-
854
- prepare() {
855
- var _this = this;
856
-
857
- return defineProperty._asyncToGenerator(function* () {
858
- const {
859
- onReady,
860
- handleInit
861
- } = _this.props;
862
- const api = yield handleInit();
863
-
864
- if (onReady && _this.$isMounted) {
865
- onReady(api);
866
- }
867
- })();
868
- }
869
-
870
- render() {
871
- const {
872
- children,
873
- isReady,
874
- api
875
- } = this.props;
876
- const childrenProps = {
877
- isReady,
878
- api
879
- };
880
-
881
- if (typeof children === 'function') {
882
- return children(childrenProps);
883
- }
884
-
885
- return children;
886
- }
887
-
888
- }
889
-
890
- defineProperty._defineProperty(Initialize, "defaultProps", {
891
- onReady: undefined,
892
- api: undefined
893
- });
894
-
895
- var Initialize$1 = React.forwardRef((props, ref) => React__default['default'].createElement(FacebookContext.Consumer, null, ({
896
- handleInit,
897
- isReady,
898
- api
899
- }) => React__default['default'].createElement(Initialize, _extends({}, props, {
900
- handleInit: handleInit,
901
- isReady: isReady,
902
- api: api,
903
- ref: ref
904
- }))));
905
-
906
- class Parser extends React.Component {
907
- constructor(...args) {
908
- super(...args);
909
-
910
- defineProperty._defineProperty(this, "state", {});
911
-
912
- defineProperty._defineProperty(this, "handleReady", api => {
913
- this.setState({
914
- api
915
- }, this.handleParse);
916
- });
917
-
918
- defineProperty._defineProperty(this, "handleContainer", container => {
919
- this.setState({
920
- container
921
- }, this.handleParse);
922
- });
923
-
924
- defineProperty._defineProperty(this, "handleParse", () => {
925
- const {
926
- api,
927
- container
928
- } = this.state;
929
-
930
- if (!api || !container) {
931
- return;
932
- }
933
-
934
- api.parse(container);
935
- });
936
- }
937
-
938
- render() {
939
- const {
940
- className,
941
- children
942
- } = this.props;
943
- return React__default['default'].createElement("div", {
944
- className: className,
945
- ref: this.handleContainer
946
- }, React__default['default'].createElement(Initialize$1, {
947
- onReady: this.handleReady
948
- }, children({
949
- handleParse: this.handleParse
950
- })));
951
- }
952
-
953
- }
954
-
955
- defineProperty._defineProperty(Parser, "defaultProps", {
956
- className: undefined
957
- });
958
-
959
- function getCurrentHref() {
960
- if (!canUseDom) {
961
- return 'https://www.facebook.com';
962
- }
963
-
964
- return window.location.href;
965
- }
966
-
967
- class Like extends React.PureComponent {
968
- componentDidUpdate() {
969
- const {
970
- handleParse
971
- } = this.props;
972
- handleParse();
973
- }
974
-
975
- render() {
976
- const {
977
- href = getCurrentHref(),
978
- layout,
979
- colorScheme,
980
- action,
981
- showFaces,
982
- share,
983
- children,
984
- width,
985
- size,
986
- kidDirectedSite,
987
- referral
988
- } = this.props;
989
- return React__default['default'].createElement("div", {
990
- className: "fb-like",
991
- "data-ref": referral,
992
- "data-href": href,
993
- "data-layout": layout,
994
- "data-colorscheme": colorScheme,
995
- "data-action": action,
996
- "data-show-faces": showFaces,
997
- "data-share": share,
998
- "data-width": width,
999
- "data-size": size,
1000
- "data-kid-directed-site": kidDirectedSite
1001
- }, children);
1002
- }
1003
-
1004
- }
1005
-
1006
- defineProperty._defineProperty(Like, "defaultProps", {
1007
- layout: undefined,
1008
- showFaces: undefined,
1009
- colorScheme: undefined,
1010
- action: undefined,
1011
- share: undefined,
1012
- size: undefined,
1013
- kidDirectedSite: undefined,
1014
- children: undefined,
1015
- href: undefined,
1016
- referral: undefined,
1017
- width: undefined
1018
- });
1019
-
1020
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
1021
- handleParse
1022
- }) => React__default['default'].createElement(Like, _extends({}, props, {
1023
- handleParse: handleParse,
1024
- ref: ref
1025
- }))));
1026
-
1027
- function clearUndefinedProperties(obj) {
1028
- if (!obj) {
1029
- return obj;
1030
- }
1031
-
1032
- const newObj = {};
1033
- Object.keys(obj).forEach(propertyName => {
1034
- const value = obj[propertyName];
1035
-
1036
- if (value !== undefined) {
1037
- newObj[propertyName] = value;
1038
- }
1039
- });
1040
- return newObj;
1041
- }
1042
-
1043
- class Process extends React.Component {
1044
- constructor(...args) {
1045
- var _this;
1046
-
1047
- super(...args);
1048
- _this = this;
1049
-
1050
- defineProperty._defineProperty(this, "state", {
1051
- api: undefined
1052
- });
1053
-
1054
- defineProperty._defineProperty(this, "handleProcess",
1055
- /*#__PURE__*/
1056
- function () {
1057
- var _ref = defineProperty._asyncToGenerator(function* (fn, handleSuccess = () => {}) {
1058
- _this.setState({
1059
- data: undefined,
1060
- error: undefined,
1061
- loading: true
1062
- });
1063
-
1064
- try {
1065
- const {
1066
- api
1067
- } = _this.state;
1068
-
1069
- if (!api) {
1070
- throw new Error('Facebook is not initialized. Wait for isReady');
1071
- }
1072
-
1073
- const data = yield fn(api);
1074
-
1075
- _this.setState({
1076
- data,
1077
- loading: false
1078
- }, handleSuccess);
1079
-
1080
- return data;
1081
- } catch (error) {
1082
- _this.setState({
1083
- error,
1084
- loading: false
1085
- });
1086
-
1087
- throw error;
1088
- }
1089
- });
1090
-
1091
- return function (_x) {
1092
- return _ref.apply(this, arguments);
1093
- };
1094
- }());
1095
-
1096
- defineProperty._defineProperty(this, "handleReady", api => {
1097
- this.setState({
1098
- api
1099
- });
1100
- });
1101
- }
1102
-
1103
- render() {
1104
- const {
1105
- children
1106
- } = this.props;
1107
- const {
1108
- api,
1109
- loading,
1110
- data,
1111
- error
1112
- } = this.state;
1113
- return React__default['default'].createElement(Initialize$1, {
1114
- onReady: this.handleReady
1115
- }, children({
1116
- loading: !api || loading,
1117
- handleProcess: this.handleProcess,
1118
- data,
1119
- error
1120
- }));
1121
- }
1122
-
1123
- }
1124
-
1125
- class Send extends React.Component {
1126
- constructor(...args) {
1127
- var _this;
1128
-
1129
- super(...args);
1130
- _this = this;
1131
-
1132
- defineProperty._defineProperty(this, "handleClick",
1133
- /*#__PURE__*/
1134
- function () {
1135
- var _ref = defineProperty._asyncToGenerator(function* (evn) {
1136
- evn.preventDefault();
1137
- const {
1138
- handleProcess
1139
- } = _this.props;
1140
- return handleProcess(
1141
- /*#__PURE__*/
1142
- function () {
1143
- var _ref2 = defineProperty._asyncToGenerator(function* (api) {
1144
- const {
1145
- link = getCurrentHref(),
1146
- display,
1147
- appId = api.getAppId(),
1148
- to,
1149
- redirectURI
1150
- } = _this.props;
1151
- return api.ui(clearUndefinedProperties({
1152
- method: 'send',
1153
- link,
1154
- display,
1155
- app_id: appId,
1156
- to,
1157
- redirect_uri: redirectURI
1158
- }));
1159
- });
1160
-
1161
- return function (_x2) {
1162
- return _ref2.apply(this, arguments);
1163
- };
1164
- }());
1165
- });
1166
-
1167
- return function (_x) {
1168
- return _ref.apply(this, arguments);
1169
- };
1170
- }());
1171
- }
1172
-
1173
- render() {
1174
- const {
1175
- children,
1176
- loading
1177
- } = this.props;
1178
- return children({
1179
- loading,
1180
- handleClick: this.handleClick
1181
- });
1182
- }
1183
-
1184
- }
1185
-
1186
- defineProperty._defineProperty(Send, "defaultProps", {
1187
- to: undefined,
1188
- display: undefined,
1189
- appId: undefined,
1190
- redirectURI: undefined
1191
- });
1192
-
1193
- React.forwardRef((props, ref) => React__default['default'].createElement(Process, null, ({
1194
- loading,
1195
- handleProcess
1196
- }) => React__default['default'].createElement(Send, _extends({}, props, {
1197
- loading: loading,
1198
- handleProcess: handleProcess,
1199
- ref: ref
1200
- }))));
1201
-
1202
- class Share extends React.Component {
1203
- constructor(...args) {
1204
- var _this;
1205
-
1206
- super(...args);
1207
- _this = this;
1208
-
1209
- defineProperty._defineProperty(this, "handleClick",
1210
- /*#__PURE__*/
1211
- function () {
1212
- var _ref = defineProperty._asyncToGenerator(function* (evn) {
1213
- evn.preventDefault();
1214
- const {
1215
- handleProcess
1216
- } = _this.props;
1217
- return handleProcess(
1218
- /*#__PURE__*/
1219
- function () {
1220
- var _ref2 = defineProperty._asyncToGenerator(function* (api) {
1221
- const {
1222
- href = getCurrentHref(),
1223
- display,
1224
- appId = api.getAppId(),
1225
- hashtag,
1226
- redirectURI,
1227
- quote,
1228
- mobileIframe
1229
- } = _this.props;
1230
- return api.ui(clearUndefinedProperties({
1231
- method: 'share',
1232
- href,
1233
- display,
1234
- app_id: appId,
1235
- hashtag,
1236
- redirect_uri: redirectURI,
1237
- quote,
1238
- mobile_iframe: mobileIframe
1239
- }));
1240
- });
1241
-
1242
- return function (_x2) {
1243
- return _ref2.apply(this, arguments);
1244
- };
1245
- }());
1246
- });
1247
-
1248
- return function (_x) {
1249
- return _ref.apply(this, arguments);
1250
- };
1251
- }());
1252
- }
1253
-
1254
- render() {
1255
- const {
1256
- children,
1257
- loading,
1258
- error,
1259
- data
1260
- } = this.props;
1261
- return children({
1262
- loading,
1263
- handleClick: this.handleClick,
1264
- error,
1265
- data
1266
- });
1267
- }
1268
-
1269
- }
1270
-
1271
- defineProperty._defineProperty(Share, "defaultProps", {
1272
- href: undefined,
1273
- hashtag: undefined,
1274
- quote: undefined,
1275
- mobileIframe: undefined,
1276
- display: undefined,
1277
- appId: undefined,
1278
- redirectURI: undefined
1279
- });
1280
-
1281
- var Share$1 = React.forwardRef((props, ref) => React__default['default'].createElement(Process, null, ({
1282
- loading,
1283
- handleProcess,
1284
- data,
1285
- error
1286
- }) => React__default['default'].createElement(Share, _extends({}, props, {
1287
- loading: loading,
1288
- handleProcess: handleProcess,
1289
- data: data,
1290
- error: error,
1291
- ref: ref
1292
- }))));
1293
-
1294
- function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
1295
-
1296
- function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(source, true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1297
- _objectSpread$2({}, Share$1.defaultProps, {
1298
- className: undefined
1299
- });
1300
-
1301
- class Page extends React.PureComponent {
1302
- componentDidUpdate() {
1303
- const {
1304
- handleParse
1305
- } = this.props;
1306
- handleParse();
1307
- }
1308
-
1309
- render() {
1310
- const {
1311
- style,
1312
- href = getCurrentHref(),
1313
- tabs,
1314
- hideCover,
1315
- width,
1316
- height,
1317
- showFacepile,
1318
- hideCTA,
1319
- smallHeader,
1320
- adaptContainerWidth,
1321
- children
1322
- } = this.props;
1323
- return React__default['default'].createElement("div", {
1324
- className: "fb-page",
1325
- style: style,
1326
- "data-tabs": tabs,
1327
- "data-hide-cover": hideCover,
1328
- "data-show-facepile": showFacepile,
1329
- "data-hide-cta": hideCTA,
1330
- "data-href": href,
1331
- "data-small-header": smallHeader,
1332
- "data-adapt-container-width": adaptContainerWidth,
1333
- "data-height": height,
1334
- "data-width": width
1335
- }, children);
1336
- }
1337
-
1338
- }
1339
-
1340
- defineProperty._defineProperty(Page, "defaultProps", {
1341
- width: undefined,
1342
- height: undefined,
1343
- tabs: undefined,
1344
- hideCover: undefined,
1345
- showFacepile: undefined,
1346
- hideCTA: undefined,
1347
- smallHeader: undefined,
1348
- adaptContainerWidth: undefined,
1349
- children: undefined,
1350
- style: undefined,
1351
- href: undefined
1352
- });
1353
-
1354
- var Page$1 = React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
1355
- handleParse
1356
- }) => React__default['default'].createElement(Page, _extends({}, props, {
1357
- handleParse: handleParse,
1358
- ref: ref
1359
- }))));
1360
-
1361
- // 3.0 fields without app review https://developers.facebook.com/docs/facebook-login/permissions/?locale=en_US#reference-default
1362
- var Fields = ['id', 'first_name', 'last_name', 'middle_name', 'name', 'name_format', 'picture', 'short_name', 'email'];
1363
-
1364
- function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
1365
-
1366
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(source, true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1367
-
1368
- class Login extends React.Component {
1369
- constructor(...args) {
1370
- var _this;
1371
-
1372
- super(...args);
1373
- _this = this;
1374
-
1375
- defineProperty._defineProperty(this, "handleClick",
1376
- /*#__PURE__*/
1377
- function () {
1378
- var _ref = defineProperty._asyncToGenerator(function* (evn) {
1379
- evn.preventDefault();
1380
- const {
1381
- handleProcess,
1382
- onCompleted,
1383
- onError,
1384
- onSuccess
1385
- } = _this.props;
1386
-
1387
- try {
1388
- yield handleProcess(
1389
- /*#__PURE__*/
1390
- function () {
1391
- var _ref2 = defineProperty._asyncToGenerator(function* (api) {
1392
- const {
1393
- scope,
1394
- fields,
1395
- returnScopes,
1396
- rerequest,
1397
- reauthorize,
1398
- eventKey
1399
- } = _this.props;
1400
- const loginQpts = {
1401
- scope
1402
- };
1403
- const authType = [];
1404
-
1405
- if (returnScopes) {
1406
- loginQpts.return_scopes = true;
1407
- }
1408
-
1409
- if (rerequest) {
1410
- authType.push('rerequest');
1411
- }
1412
-
1413
- if (reauthorize) {
1414
- authType.push('reauthenticate');
1415
- }
1416
-
1417
- if (authType.length) {
1418
- loginQpts.auth_type = authType.join(',');
1419
- }
1420
-
1421
- const loginResponse = yield api.login(loginQpts);
1422
-
1423
- if (loginResponse.status !== 'connected') {
1424
- throw new Error('Unauthorized user');
1425
- }
1426
-
1427
- const data = yield api.getTokenDetailWithProfile({
1428
- fields
1429
- }, loginResponse);
1430
-
1431
- if (onCompleted) {
1432
- yield onCompleted(_objectSpread$1({}, data, {
1433
- eventKey
1434
- }));
1435
- }
1436
-
1437
- return data;
1438
- });
1439
-
1440
- return function (_x2) {
1441
- return _ref2.apply(this, arguments);
1442
- };
1443
- }(), onSuccess);
1444
- } catch (error) {
1445
- if (onError) {
1446
- onError(error);
1447
- }
1448
- }
1449
- });
1450
-
1451
- return function (_x) {
1452
- return _ref.apply(this, arguments);
1453
- };
1454
- }());
1455
- }
1456
-
1457
- render() {
1458
- const {
1459
- children,
1460
- loading,
1461
- error,
1462
- data
1463
- } = this.props;
1464
- return children({
1465
- loading,
1466
- handleClick: this.handleClick,
1467
- error,
1468
- data
1469
- });
1470
- }
1471
-
1472
- }
1473
-
1474
- defineProperty._defineProperty(Login, "defaultProps", {
1475
- scope: '',
1476
- fields: Fields,
1477
- returnScopes: false,
1478
- rerequest: false,
1479
- reauthorize: false,
1480
- onCompleted: undefined,
1481
- onError: undefined,
1482
- eventKey: undefined
1483
- });
1484
-
1485
- var Login$1 = React.forwardRef((props, ref) => React__default['default'].createElement(Process, null, ({
1486
- loading,
1487
- handleProcess,
1488
- data,
1489
- error
1490
- }) => React__default['default'].createElement(Login, _extends({}, props, {
1491
- loading: loading,
1492
- handleProcess: handleProcess,
1493
- data: data,
1494
- error: error,
1495
- ref: ref
1496
- }))));
1497
-
1498
- var spin = _commonjsHelpers.createCommonjsModule(function (module) {
1499
- (function (root, factory) {
1500
-
1501
- /* CommonJS */
1502
- if (module.exports) module.exports = factory();
1503
-
1504
- /* AMD module */
1505
- else root.Spinner = factory();
1506
- }(_commonjsHelpers.commonjsGlobal, function () {
1507
-
1508
- var prefixes = ['webkit', 'Moz', 'ms', 'O'] /* Vendor prefixes */
1509
- , animations = {} /* Animation rules keyed by their name */
1510
- , useCssAnimations /* Whether to use CSS animations or setTimeout */
1511
- , sheet; /* A stylesheet to hold the @keyframe or VML rules. */
1512
-
1513
- /**
1514
- * Utility function to create elements. If no tag name is given,
1515
- * a DIV is created. Optionally properties can be passed.
1516
- */
1517
- function createEl (tag, prop) {
1518
- var el = document.createElement(tag || 'div')
1519
- , n;
1520
-
1521
- for (n in prop) el[n] = prop[n];
1522
- return el
1523
- }
1524
-
1525
- /**
1526
- * Appends children and returns the parent.
1527
- */
1528
- function ins (parent /* child1, child2, ...*/) {
1529
- for (var i = 1, n = arguments.length; i < n; i++) {
1530
- parent.appendChild(arguments[i]);
1531
- }
1532
-
1533
- return parent
1534
- }
1535
-
1536
- /**
1537
- * Creates an opacity keyframe animation rule and returns its name.
1538
- * Since most mobile Webkits have timing issues with animation-delay,
1539
- * we create separate rules for each line/segment.
1540
- */
1541
- function addAnimation (alpha, trail, i, lines) {
1542
- var name = ['opacity', trail, ~~(alpha * 100), i, lines].join('-')
1543
- , start = 0.01 + i/lines * 100
1544
- , z = Math.max(1 - (1-alpha) / trail * (100-start), alpha)
1545
- , prefix = useCssAnimations.substring(0, useCssAnimations.indexOf('Animation')).toLowerCase()
1546
- , pre = prefix && '-' + prefix + '-' || '';
1547
-
1548
- if (!animations[name]) {
1549
- sheet.insertRule(
1550
- '@' + pre + 'keyframes ' + name + '{' +
1551
- '0%{opacity:' + z + '}' +
1552
- start + '%{opacity:' + alpha + '}' +
1553
- (start+0.01) + '%{opacity:1}' +
1554
- (start+trail) % 100 + '%{opacity:' + alpha + '}' +
1555
- '100%{opacity:' + z + '}' +
1556
- '}', sheet.cssRules.length);
1557
-
1558
- animations[name] = 1;
1559
- }
1560
-
1561
- return name
1562
- }
1563
-
1564
- /**
1565
- * Tries various vendor prefixes and returns the first supported property.
1566
- */
1567
- function vendor (el, prop) {
1568
- var s = el.style
1569
- , pp
1570
- , i;
1571
-
1572
- prop = prop.charAt(0).toUpperCase() + prop.slice(1);
1573
- if (s[prop] !== undefined) return prop
1574
- for (i = 0; i < prefixes.length; i++) {
1575
- pp = prefixes[i]+prop;
1576
- if (s[pp] !== undefined) return pp
1577
- }
1578
- }
1579
-
1580
- /**
1581
- * Sets multiple style properties at once.
1582
- */
1583
- function css (el, prop) {
1584
- for (var n in prop) {
1585
- el.style[vendor(el, n) || n] = prop[n];
1586
- }
1587
-
1588
- return el
1589
- }
1590
-
1591
- /**
1592
- * Fills in default values.
1593
- */
1594
- function merge (obj) {
1595
- for (var i = 1; i < arguments.length; i++) {
1596
- var def = arguments[i];
1597
- for (var n in def) {
1598
- if (obj[n] === undefined) obj[n] = def[n];
1599
- }
1600
- }
1601
- return obj
1602
- }
1603
-
1604
- /**
1605
- * Returns the line color from the given string or array.
1606
- */
1607
- function getColor (color, idx) {
1608
- return typeof color == 'string' ? color : color[idx % color.length]
1609
- }
1610
-
1611
- // Built-in defaults
1612
-
1613
- var defaults = {
1614
- lines: 12 // The number of lines to draw
1615
- , length: 7 // The length of each line
1616
- , width: 5 // The line thickness
1617
- , radius: 10 // The radius of the inner circle
1618
- , scale: 1.0 // Scales overall size of the spinner
1619
- , corners: 1 // Roundness (0..1)
1620
- , color: '#000' // #rgb or #rrggbb
1621
- , opacity: 1/4 // Opacity of the lines
1622
- , rotate: 0 // Rotation offset
1623
- , direction: 1 // 1: clockwise, -1: counterclockwise
1624
- , speed: 1 // Rounds per second
1625
- , trail: 100 // Afterglow percentage
1626
- , fps: 20 // Frames per second when using setTimeout()
1627
- , zIndex: 2e9 // Use a high z-index by default
1628
- , className: 'spinner' // CSS class to assign to the element
1629
- , top: '50%' // center vertically
1630
- , left: '50%' // center horizontally
1631
- , shadow: false // Whether to render a shadow
1632
- , hwaccel: false // Whether to use hardware acceleration (might be buggy)
1633
- , position: 'absolute' // Element positioning
1634
- };
1635
-
1636
- /** The constructor */
1637
- function Spinner (o) {
1638
- this.opts = merge(o || {}, Spinner.defaults, defaults);
1639
- }
1640
-
1641
- // Global defaults that override the built-ins:
1642
- Spinner.defaults = {};
1643
-
1644
- merge(Spinner.prototype, {
1645
- /**
1646
- * Adds the spinner to the given target element. If this instance is already
1647
- * spinning, it is automatically removed from its previous target b calling
1648
- * stop() internally.
1649
- */
1650
- spin: function (target) {
1651
- this.stop();
1652
-
1653
- var self = this
1654
- , o = self.opts
1655
- , el = self.el = createEl(null, {className: o.className});
1656
-
1657
- css(el, {
1658
- position: o.position
1659
- , width: 0
1660
- , zIndex: o.zIndex
1661
- , left: o.left
1662
- , top: o.top
1663
- });
1664
-
1665
- if (target) {
1666
- target.insertBefore(el, target.firstChild || null);
1667
- }
1668
-
1669
- el.setAttribute('role', 'progressbar');
1670
- self.lines(el, self.opts);
1671
-
1672
- if (!useCssAnimations) {
1673
- // No CSS animation support, use setTimeout() instead
1674
- var i = 0
1675
- , start = (o.lines - 1) * (1 - o.direction) / 2
1676
- , alpha
1677
- , fps = o.fps
1678
- , f = fps / o.speed
1679
- , ostep = (1 - o.opacity) / (f * o.trail / 100)
1680
- , astep = f / o.lines
1681
-
1682
- ;(function anim () {
1683
- i++;
1684
- for (var j = 0; j < o.lines; j++) {
1685
- alpha = Math.max(1 - (i + (o.lines - j) * astep) % f * ostep, o.opacity);
1686
-
1687
- self.opacity(el, j * o.direction + start, alpha, o);
1688
- }
1689
- self.timeout = self.el && setTimeout(anim, ~~(1000 / fps));
1690
- })();
1691
- }
1692
- return self
1693
- }
1694
-
1695
- /**
1696
- * Stops and removes the Spinner.
1697
- */
1698
- , stop: function () {
1699
- var el = this.el;
1700
- if (el) {
1701
- clearTimeout(this.timeout);
1702
- if (el.parentNode) el.parentNode.removeChild(el);
1703
- this.el = undefined;
1704
- }
1705
- return this
1706
- }
1707
-
1708
- /**
1709
- * Internal method that draws the individual lines. Will be overwritten
1710
- * in VML fallback mode below.
1711
- */
1712
- , lines: function (el, o) {
1713
- var i = 0
1714
- , start = (o.lines - 1) * (1 - o.direction) / 2
1715
- , seg;
1716
-
1717
- function fill (color, shadow) {
1718
- return css(createEl(), {
1719
- position: 'absolute'
1720
- , width: o.scale * (o.length + o.width) + 'px'
1721
- , height: o.scale * o.width + 'px'
1722
- , background: color
1723
- , boxShadow: shadow
1724
- , transformOrigin: 'left'
1725
- , transform: 'rotate(' + ~~(360/o.lines*i + o.rotate) + 'deg) translate(' + o.scale*o.radius + 'px' + ',0)'
1726
- , borderRadius: (o.corners * o.scale * o.width >> 1) + 'px'
1727
- })
1728
- }
1729
-
1730
- for (; i < o.lines; i++) {
1731
- seg = css(createEl(), {
1732
- position: 'absolute'
1733
- , top: 1 + ~(o.scale * o.width / 2) + 'px'
1734
- , transform: o.hwaccel ? 'translate3d(0,0,0)' : ''
1735
- , opacity: o.opacity
1736
- , animation: useCssAnimations && addAnimation(o.opacity, o.trail, start + i * o.direction, o.lines) + ' ' + 1 / o.speed + 's linear infinite'
1737
- });
1738
-
1739
- if (o.shadow) ins(seg, css(fill('#000', '0 0 4px #000'), {top: '2px'}));
1740
- ins(el, ins(seg, fill(getColor(o.color, i), '0 0 1px rgba(0,0,0,.1)')));
1741
- }
1742
- return el
1743
- }
1744
-
1745
- /**
1746
- * Internal method that adjusts the opacity of a single line.
1747
- * Will be overwritten in VML fallback mode below.
1748
- */
1749
- , opacity: function (el, i, val) {
1750
- if (i < el.childNodes.length) el.childNodes[i].style.opacity = val;
1751
- }
1752
-
1753
- });
1754
-
1755
-
1756
- function initVML () {
1757
-
1758
- /* Utility function to create a VML tag */
1759
- function vml (tag, attr) {
1760
- return createEl('<' + tag + ' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">', attr)
1761
- }
1762
-
1763
- // No CSS transforms but VML support, add a CSS rule for VML elements:
1764
- sheet.addRule('.spin-vml', 'behavior:url(#default#VML)');
1765
-
1766
- Spinner.prototype.lines = function (el, o) {
1767
- var r = o.scale * (o.length + o.width)
1768
- , s = o.scale * 2 * r;
1769
-
1770
- function grp () {
1771
- return css(
1772
- vml('group', {
1773
- coordsize: s + ' ' + s
1774
- , coordorigin: -r + ' ' + -r
1775
- })
1776
- , { width: s, height: s }
1777
- )
1778
- }
1779
-
1780
- var margin = -(o.width + o.length) * o.scale * 2 + 'px'
1781
- , g = css(grp(), {position: 'absolute', top: margin, left: margin})
1782
- , i;
1783
-
1784
- function seg (i, dx, filter) {
1785
- ins(
1786
- g
1787
- , ins(
1788
- css(grp(), {rotation: 360 / o.lines * i + 'deg', left: ~~dx})
1789
- , ins(
1790
- css(
1791
- vml('roundrect', {arcsize: o.corners})
1792
- , { width: r
1793
- , height: o.scale * o.width
1794
- , left: o.scale * o.radius
1795
- , top: -o.scale * o.width >> 1
1796
- , filter: filter
1797
- }
1798
- )
1799
- , vml('fill', {color: getColor(o.color, i), opacity: o.opacity})
1800
- , vml('stroke', {opacity: 0}) // transparent stroke to fix color bleeding upon opacity change
1801
- )
1802
- )
1803
- );
1804
- }
1805
-
1806
- if (o.shadow)
1807
- for (i = 1; i <= o.lines; i++) {
1808
- seg(i, -2, 'progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)');
1809
- }
1810
-
1811
- for (i = 1; i <= o.lines; i++) seg(i);
1812
- return ins(el, g)
1813
- };
1814
-
1815
- Spinner.prototype.opacity = function (el, i, val, o) {
1816
- var c = el.firstChild;
1817
- o = o.shadow && o.lines || 0;
1818
- if (c && i + o < c.childNodes.length) {
1819
- c = c.childNodes[i + o]; c = c && c.firstChild; c = c && c.firstChild;
1820
- if (c) c.opacity = val;
1821
- }
1822
- };
1823
- }
1824
-
1825
- if (typeof document !== 'undefined') {
1826
- sheet = (function () {
1827
- var el = createEl('style', {type : 'text/css'});
1828
- ins(document.getElementsByTagName('head')[0], el);
1829
- return el.sheet || el.styleSheet
1830
- }());
1831
-
1832
- var probe = css(createEl('group'), {behavior: 'url(#default#VML)'});
1833
-
1834
- if (!vendor(probe, 'transform') && probe.adj) initVML();
1835
- else useCssAnimations = vendor(probe, 'animation');
1836
- }
1837
-
1838
- return Spinner
1839
-
1840
- }));
1841
- });
1842
-
1843
- var dist = _commonjsHelpers.createCommonjsModule(function (module, exports) {
1844
-
1845
- Object.defineProperty(exports, "__esModule", {
1846
- value: true
1847
- });
1848
-
1849
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
1850
-
1851
-
1852
-
1853
- var _react2 = _interopRequireDefault(React__default['default']);
1854
-
1855
-
1856
-
1857
- var _propTypes2 = _interopRequireDefault(PropTypes__default['default']);
1858
-
1859
-
1860
-
1861
- var _spin2 = _interopRequireDefault(spin);
1862
-
1863
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1864
-
1865
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
1866
-
1867
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
1868
-
1869
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
1870
-
1871
- var Spinner = function (_Component) {
1872
- _inherits(Spinner, _Component);
1873
-
1874
- function Spinner() {
1875
- _classCallCheck(this, Spinner);
1876
-
1877
- return _possibleConstructorReturn(this, (Spinner.__proto__ || Object.getPrototypeOf(Spinner)).apply(this, arguments));
1878
- }
1879
-
1880
- _createClass(Spinner, [{
1881
- key: 'componentDidMount',
1882
- value: function componentDidMount() {
1883
- this.updateSpinner();
1884
- }
1885
- }, {
1886
- key: 'componentDidUpdate',
1887
- value: function componentDidUpdate() {
1888
- this.updateSpinner();
1889
- }
1890
- }, {
1891
- key: 'componentWillUnmount',
1892
- value: function componentWillUnmount() {
1893
- if (this.spinner) {
1894
- this.spinner.stop();
1895
- this.spinner = null;
1896
- }
1897
- }
1898
- }, {
1899
- key: 'updateSpinner',
1900
- value: function updateSpinner() {
1901
- var loaded = this.props.loaded;
1902
-
1903
- if (!loaded && !this.spinner) {
1904
- this.spinner = new _spin2.default(this.props.config);
1905
- this.spinner.spin(this.refs.loader);
1906
- } else if (loaded && this.spinner) {
1907
- this.spinner.stop();
1908
- this.spinner = null;
1909
- }
1910
- }
1911
- }, {
1912
- key: 'render',
1913
- value: function render() {
1914
- var _props = this.props,
1915
- loaded = _props.loaded,
1916
- className = _props.className;
1917
-
1918
-
1919
- if (loaded) {
1920
- return this.props.children ? React__default['default'].Children.only(this.props.children) : null;
1921
- }
1922
-
1923
- return _react2.default.createElement('div', { className: className, ref: 'loader' });
1924
- }
1925
- }]);
1926
-
1927
- return Spinner;
1928
- }(React__default['default'].Component);
1929
-
1930
- Spinner.propTypes = {
1931
- className: _propTypes2.default.string,
1932
- config: _propTypes2.default.object.isRequired,
1933
- loaded: _propTypes2.default.bool.isRequired,
1934
- children: _propTypes2.default.node
1935
- };
1936
- Spinner.defaultProps = {
1937
- config: {},
1938
- loaded: false,
1939
- className: 'loader'
1940
- };
1941
- exports.default = Spinner;
1942
- });
1943
-
1944
- _commonjsHelpers.unwrapExports(dist);
1945
-
1946
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
1947
-
1948
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1949
- _objectSpread({}, Login$1.defaultProps, {
1950
- className: undefined,
1951
- spinnerConfig: {},
1952
- spinner: true
1953
- });
1954
-
1955
- class EmbeddedPost extends React.PureComponent {
1956
- componentDidUpdate() {
1957
- const {
1958
- handleParse
1959
- } = this.props;
1960
- handleParse();
1961
- }
1962
-
1963
- render() {
1964
- const {
1965
- href,
1966
- width,
1967
- showText,
1968
- children
1969
- } = this.props;
1970
- return React__default['default'].createElement("div", {
1971
- className: "fb-post",
1972
- "data-href": href,
1973
- "data-width": width,
1974
- "data-show-text": showText
1975
- }, children);
1976
- }
1977
-
1978
- }
1979
-
1980
- defineProperty._defineProperty(EmbeddedPost, "defaultProps", {
1981
- width: undefined,
1982
- showText: undefined,
1983
- children: undefined
1984
- });
1985
-
1986
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
1987
- handleParse
1988
- }) => React__default['default'].createElement(EmbeddedPost, _extends({}, props, {
1989
- handleParse: handleParse,
1990
- ref: ref
1991
- }))));
1992
-
1993
- class EmbeddedVideo extends React.PureComponent {
1994
- componentDidUpdate() {
1995
- const {
1996
- handleParse
1997
- } = this.props;
1998
- handleParse();
1999
- }
2000
-
2001
- render() {
2002
- const {
2003
- href,
2004
- width,
2005
- showText,
2006
- allowFullScreen,
2007
- autoPlay,
2008
- showCaptions,
2009
- children
2010
- } = this.props;
2011
- return React__default['default'].createElement("div", {
2012
- className: "fb-video",
2013
- "data-href": href,
2014
- "data-width": width,
2015
- "data-show-text": showText,
2016
- "data-show-captions": showCaptions,
2017
- "data-autoplay": autoPlay,
2018
- "data-allowfullscreen": allowFullScreen
2019
- }, children);
2020
- }
2021
-
2022
- }
2023
-
2024
- defineProperty._defineProperty(EmbeddedVideo, "defaultProps", {
2025
- width: undefined,
2026
- showText: undefined,
2027
- allowFullScreen: undefined,
2028
- autoPlay: undefined,
2029
- showCaptions: undefined,
2030
- children: undefined
2031
- });
2032
-
2033
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
2034
- handleParse
2035
- }) => React__default['default'].createElement(EmbeddedVideo, _extends({}, props, {
2036
- handleParse: handleParse,
2037
- ref: ref
2038
- }))));
2039
-
2040
- class Comments extends React.PureComponent {
2041
- componentDidUpdate() {
2042
- const {
2043
- handleParse
2044
- } = this.props;
2045
- handleParse();
2046
- }
2047
-
2048
- render() {
2049
- const {
2050
- colorScheme,
2051
- href = getCurrentHref(),
2052
- numPosts,
2053
- orderBy,
2054
- width,
2055
- children,
2056
- mobile
2057
- } = this.props;
2058
- return React__default['default'].createElement("div", {
2059
- className: "fb-comments",
2060
- "data-colorscheme": colorScheme,
2061
- "data-numposts": numPosts,
2062
- "data-href": href,
2063
- "data-order-by": orderBy,
2064
- "data-width": width,
2065
- "data-skin": colorScheme,
2066
- "data-mobile": mobile
2067
- }, children);
2068
- }
2069
-
2070
- }
2071
-
2072
- defineProperty._defineProperty(Comments, "defaultProps", {
2073
- href: undefined,
2074
- numPosts: undefined,
2075
- orderBy: undefined,
2076
- width: undefined,
2077
- colorScheme: undefined,
2078
- children: undefined,
2079
- mobile: undefined
2080
- });
2081
-
2082
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
2083
- handleParse
2084
- }) => React__default['default'].createElement(Comments, _extends({}, props, {
2085
- handleParse: handleParse,
2086
- ref: ref
2087
- }))));
2088
-
2089
- class CommentsCount extends React.PureComponent {
2090
- componentDidUpdate() {
2091
- const {
2092
- handleParse
2093
- } = this.props;
2094
- handleParse();
2095
- }
2096
-
2097
- render() {
2098
- const {
2099
- href = getCurrentHref(),
2100
- children
2101
- } = this.props;
2102
- return React__default['default'].createElement("span", {
2103
- className: "fb-comments-count",
2104
- "data-href": href
2105
- }, children);
2106
- }
2107
-
2108
- }
2109
-
2110
- defineProperty._defineProperty(CommentsCount, "defaultProps", {
2111
- href: undefined,
2112
- children: undefined
2113
- });
2114
-
2115
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
2116
- handleParse
2117
- }) => React__default['default'].createElement(CommentsCount, _extends({}, props, {
2118
- handleParse: handleParse,
2119
- ref: ref
2120
- }))));
2121
-
2122
- class Feed extends React.Component {
2123
- constructor(...args) {
2124
- var _this;
2125
-
2126
- super(...args);
2127
- _this = this;
2128
-
2129
- defineProperty._defineProperty(this, "handleClick",
2130
- /*#__PURE__*/
2131
- function () {
2132
- var _ref = defineProperty._asyncToGenerator(function* (evn) {
2133
- evn.preventDefault();
2134
- const {
2135
- handleProcess
2136
- } = _this.props;
2137
- return handleProcess(
2138
- /*#__PURE__*/
2139
- function () {
2140
- var _ref2 = defineProperty._asyncToGenerator(function* (api) {
2141
- const {
2142
- link = getCurrentHref(),
2143
- display,
2144
- appId = api.getAppId(),
2145
- redirectURI,
2146
- from,
2147
- to,
2148
- picture,
2149
- source,
2150
- name,
2151
- caption,
2152
- description,
2153
- dataRef
2154
- } = _this.props;
2155
- return api.ui(clearUndefinedProperties({
2156
- method: 'feed',
2157
- link,
2158
- display,
2159
- app_id: appId,
2160
- redirect_uri: redirectURI,
2161
- from,
2162
- to,
2163
- picture,
2164
- source,
2165
- name,
2166
- caption,
2167
- description,
2168
- ref: dataRef
2169
- }));
2170
- });
2171
-
2172
- return function (_x2) {
2173
- return _ref2.apply(this, arguments);
2174
- };
2175
- }());
2176
- });
2177
-
2178
- return function (_x) {
2179
- return _ref.apply(this, arguments);
2180
- };
2181
- }());
2182
- }
2183
-
2184
- render() {
2185
- const {
2186
- children,
2187
- loading,
2188
- error,
2189
- data
2190
- } = this.props;
2191
- return children({
2192
- loading,
2193
- handleClick: this.handleClick,
2194
- error,
2195
- data
2196
- });
2197
- }
2198
-
2199
- }
2200
-
2201
- defineProperty._defineProperty(Feed, "defaultProps", {
2202
- link: undefined,
2203
- display: undefined,
2204
- appId: undefined,
2205
- redirectURI: undefined,
2206
- from: undefined,
2207
- to: undefined,
2208
- source: undefined,
2209
- picture: undefined,
2210
- name: undefined,
2211
- caption: undefined,
2212
- description: undefined,
2213
- dataRef: undefined
2214
- });
2215
-
2216
- React.forwardRef((props, ref) => React__default['default'].createElement(Process, null, ({
2217
- loading,
2218
- handleProcess,
2219
- error,
2220
- data
2221
- }) => React__default['default'].createElement(Feed, _extends({}, props, {
2222
- loading: loading,
2223
- handleProcess: handleProcess,
2224
- data: data,
2225
- error: error,
2226
- ref: ref
2227
- }))));
2228
-
2229
- class Group extends React.PureComponent {
2230
- componentDidUpdate() {
2231
- const {
2232
- handleParse
2233
- } = this.props;
2234
- handleParse();
2235
- }
2236
-
2237
- render() {
2238
- const {
2239
- style,
2240
- href = getCurrentHref(),
2241
- width,
2242
- showSocialContext,
2243
- showMetaData,
2244
- children,
2245
- skin
2246
- } = this.props;
2247
- return React__default['default'].createElement("div", {
2248
- className: "fb-group",
2249
- style: style,
2250
- "data-href": href,
2251
- "data-width": width,
2252
- "data-show-social-context": showSocialContext,
2253
- "data-show-metadata": showMetaData,
2254
- "data-skin": skin
2255
- }, children);
2256
- }
2257
-
2258
- }
2259
-
2260
- defineProperty._defineProperty(Group, "defaultProps", {
2261
- showSocialContext: undefined,
2262
- showMetaData: undefined,
2263
- width: undefined,
2264
- children: undefined,
2265
- style: undefined,
2266
- href: undefined,
2267
- skin: undefined
2268
- });
2269
-
2270
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
2271
- handleParse
2272
- }) => React__default['default'].createElement(Group, _extends({}, props, {
2273
- handleParse: handleParse,
2274
- ref: ref
2275
- }))));
2276
-
2277
- class LoginStatus extends React.Component {
2278
- constructor(..._args) {
2279
- var _this;
2280
-
2281
- super(..._args);
2282
- _this = this;
2283
-
2284
- defineProperty._defineProperty(this, "state", {});
2285
-
2286
- defineProperty._defineProperty(this, "handleReady",
2287
- /*#__PURE__*/
2288
- function () {
2289
- var _ref = defineProperty._asyncToGenerator(function* (api) {
2290
- const {
2291
- event
2292
- } = _this.props;
2293
-
2294
- _this.setState({
2295
- api
2296
- });
2297
-
2298
- yield api.subscribe(event, _this.handleChange);
2299
- });
2300
-
2301
- return function (_x) {
2302
- return _ref.apply(this, arguments);
2303
- };
2304
- }());
2305
-
2306
- defineProperty._defineProperty(this, "handleChange", (...args) => {
2307
- const {
2308
- onChange
2309
- } = this.props;
2310
-
2311
- if (onChange) {
2312
- onChange(...args);
2313
- }
2314
- });
2315
- }
2316
-
2317
- componentWillUnmount() {
2318
- const {
2319
- state: {
2320
- api
2321
- },
2322
- props: {
2323
- event
2324
- }
2325
- } = this;
2326
-
2327
- if (api) {
2328
- api.unsubscribe(event, this.handleChange);
2329
- }
2330
- }
2331
-
2332
- render() {
2333
- const {
2334
- children
2335
- } = this.props;
2336
- return React__default['default'].createElement(Initialize$1, {
2337
- onReady: this.handleReady
2338
- }, children);
2339
- }
2340
-
2341
- }
2342
-
2343
- defineProperty._defineProperty(LoginStatus, "defaultProps", {
2344
- onChange: undefined
2345
- });
2346
-
2347
- class Profile extends React.Component {
2348
- constructor(...args) {
2349
- var _this;
2350
-
2351
- super(...args);
2352
- _this = this;
2353
-
2354
- defineProperty._defineProperty(this, "state", {
2355
- loading: true
2356
- });
2357
-
2358
- defineProperty._defineProperty(this, "handleReady",
2359
- /*#__PURE__*/
2360
- function () {
2361
- var _ref = defineProperty._asyncToGenerator(function* (api) {
2362
- _this.api = api;
2363
-
2364
- _this.updateProfile();
2365
- });
2366
-
2367
- return function (_x) {
2368
- return _ref.apply(this, arguments);
2369
- };
2370
- }());
2371
-
2372
- defineProperty._defineProperty(this, "handleStatusChange", () => {
2373
- this.updateProfile();
2374
- });
2375
- }
2376
-
2377
- updateProfile() {
2378
- var _this2 = this;
2379
-
2380
- return defineProperty._asyncToGenerator(function* () {
2381
- const {
2382
- api,
2383
- props: {
2384
- fields
2385
- }
2386
- } = _this2;
2387
-
2388
- if (!api) {
2389
- return;
2390
- }
2391
-
2392
- try {
2393
- const response = yield api.getLoginStatus();
2394
-
2395
- if (response.status !== LoginStatus$1.CONNECTED) {
2396
- _this2.setState({
2397
- profile: undefined,
2398
- loading: false,
2399
- error: undefined
2400
- });
2401
-
2402
- return;
2403
- }
2404
-
2405
- const profile = yield api.getProfile({
2406
- fields
2407
- });
2408
-
2409
- _this2.setState({
2410
- profile,
2411
- loading: false,
2412
- error: undefined
2413
- });
2414
- } catch (error) {
2415
- _this2.setState({
2416
- profile: undefined,
2417
- loading: false,
2418
- error
2419
- });
2420
- }
2421
- })();
2422
- }
2423
-
2424
- render() {
2425
- const {
2426
- children
2427
- } = this.props;
2428
- const {
2429
- profile,
2430
- loading,
2431
- error
2432
- } = this.state;
2433
- return React__default['default'].createElement(Initialize$1, {
2434
- onReady: this.handleReady
2435
- }, React__default['default'].createElement(LoginStatus, {
2436
- event: "auth.statusChange",
2437
- onChange: this.handleStatusChange
2438
- }, children({
2439
- profile,
2440
- loading,
2441
- error
2442
- })));
2443
- }
2444
-
2445
- }
2446
-
2447
- defineProperty._defineProperty(Profile, "defaultProps", {
2448
- fields: Fields
2449
- });
2450
-
2451
- class CustomChat extends React.PureComponent {
2452
- componentDidUpdate() {
2453
- const {
2454
- handleParse
2455
- } = this.props;
2456
- handleParse();
2457
- }
2458
-
2459
- render() {
2460
- const {
2461
- children,
2462
- pageId,
2463
- themeColor,
2464
- loggedInGreeting,
2465
- loggedOutGreeting,
2466
- dataRef,
2467
- greetingDialogDisplay,
2468
- greetingDialogDelay
2469
- } = this.props;
2470
- return React__default['default'].createElement("div", {
2471
- className: "fb-customerchat",
2472
- page_id: pageId,
2473
- theme_color: themeColor,
2474
- logged_in_greeting: loggedInGreeting,
2475
- logged_out_greeting: loggedOutGreeting,
2476
- greeting_dialog_display: greetingDialogDisplay,
2477
- greeting_dialog_delay: greetingDialogDelay,
2478
- "data-ref": dataRef
2479
- }, children);
2480
- }
2481
-
2482
- }
2483
-
2484
- defineProperty._defineProperty(CustomChat, "defaultProps", {
2485
- children: undefined,
2486
- themeColor: undefined,
2487
- loggedInGreeting: undefined,
2488
- loggedOutGreeting: undefined,
2489
- dataRef: undefined,
2490
- greetingDialogDisplay: undefined,
2491
- greetingDialogDelay: undefined
2492
- });
2493
-
2494
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
2495
- handleParse
2496
- }) => React__default['default'].createElement(CustomChat, _extends({}, props, {
2497
- handleParse: handleParse,
2498
- ref: ref
2499
- }))));
2500
-
2501
- class MessageUs extends React.PureComponent {
2502
- componentDidUpdate() {
2503
- const {
2504
- handleParse
2505
- } = this.props;
2506
- handleParse();
2507
- }
2508
-
2509
- render() {
2510
- const {
2511
- color,
2512
- messengerAppId,
2513
- pageId,
2514
- children,
2515
- size
2516
- } = this.props;
2517
- return React__default['default'].createElement("div", {
2518
- className: "fb-messengermessageus",
2519
- messenger_app_id: messengerAppId,
2520
- page_id: pageId,
2521
- "data-color": color,
2522
- "data-size": size
2523
- }, children);
2524
- }
2525
-
2526
- }
2527
-
2528
- defineProperty._defineProperty(MessageUs, "defaultProps", {
2529
- color: undefined,
2530
- size: undefined,
2531
- children: undefined
2532
- });
2533
-
2534
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
2535
- handleParse
2536
- }) => React__default['default'].createElement(MessageUs, _extends({}, props, {
2537
- handleParse: handleParse,
2538
- ref: ref
2539
- }))));
2540
-
2541
- class MessengerCheckbox extends React.PureComponent {
2542
- componentDidUpdate() {
2543
- const {
2544
- handleParse
2545
- } = this.props;
2546
- handleParse();
2547
- }
2548
-
2549
- render() {
2550
- const {
2551
- origin,
2552
- prechecked,
2553
- allowLogin,
2554
- userRef,
2555
- messengerAppId,
2556
- pageId,
2557
- children,
2558
- size,
2559
- centerAlign,
2560
- skin
2561
- } = this.props;
2562
- return React__default['default'].createElement("div", {
2563
- className: "fb-messenger-checkbox",
2564
- messenger_app_id: messengerAppId,
2565
- page_id: pageId,
2566
- size: size,
2567
- origin: origin,
2568
- user_ref: userRef,
2569
- prechecked: prechecked,
2570
- allow_login: allowLogin,
2571
- skin: skin,
2572
- center_align: centerAlign
2573
- }, children);
2574
- }
2575
-
2576
- }
2577
-
2578
- defineProperty._defineProperty(MessengerCheckbox, "defaultProps", {
2579
- size: undefined,
2580
- allowLogin: undefined,
2581
- prechecked: undefined,
2582
- userRef: undefined,
2583
- children: undefined,
2584
- origin: undefined,
2585
- skin: undefined,
2586
- centerAlign: undefined
2587
- });
2588
-
2589
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
2590
- handleParse
2591
- }) => React__default['default'].createElement(MessengerCheckbox, _extends({}, props, {
2592
- handleParse: handleParse,
2593
- ref: ref
2594
- }))));
2595
-
2596
- // import MessengerColor from './constants/MessengerColor';
2597
-
2598
- class SendToMessenger extends React.PureComponent {
2599
- componentDidUpdate() {
2600
- const {
2601
- handleParse
2602
- } = this.props;
2603
- handleParse();
2604
- }
2605
-
2606
- render() {
2607
- const {
2608
- color,
2609
- messengerAppId,
2610
- pageId,
2611
- children,
2612
- dataRef,
2613
- size
2614
- } = this.props;
2615
- return React__default['default'].createElement("div", {
2616
- className: "fb-send-to-messenger",
2617
- messenger_app_id: messengerAppId,
2618
- page_id: pageId,
2619
- "data-color": color,
2620
- "data-size": size,
2621
- "data-ref": dataRef
2622
- }, children);
2623
- }
2624
-
2625
- }
2626
-
2627
- defineProperty._defineProperty(SendToMessenger, "defaultProps", {
2628
- color: undefined,
2629
- size: undefined,
2630
- dataRef: undefined,
2631
- children: undefined
2632
- });
2633
-
2634
- React.forwardRef((props, ref) => React__default['default'].createElement(Parser, null, ({
2635
- handleParse
2636
- }) => React__default['default'].createElement(SendToMessenger, _extends({}, props, {
2637
- handleParse: handleParse,
2638
- ref: ref
2639
- }))));
2640
-
2641
- var ImageSlider = function ImageSlider(props) {
2642
- var innerSlider = React.useRef(null);
2643
- var tile = React.useRef(null);
2644
- var viewableWindow = React.useRef(null);
2645
-
2646
- var _useState = React.useState(0),
2647
- _useState2 = slicedToArray._slicedToArray(_useState, 2),
2648
- tileSize = _useState2[0],
2649
- setTileSize = _useState2[1];
2650
-
2651
- var _useState3 = React.useState(false),
2652
- _useState4 = slicedToArray._slicedToArray(_useState3, 2),
2653
- showScroller = _useState4[0],
2654
- setShowScroller = _useState4[1];
2655
-
2656
- var _useState5 = React.useState(0),
2657
- _useState6 = slicedToArray._slicedToArray(_useState5, 2),
2658
- scrollPosition = _useState6[0],
2659
- setScrollPosition = _useState6[1];
2660
-
2661
- var client = props.client;
2662
-
2663
-
2664
- function scrollSlider(e, direction) {
2665
- var slide = e.target.parentElement;
2666
- var scrollOffset = scrollPosition;
2667
- var viewableWidth = slide.clientWidth;
2668
- //calculate viewable size / slide
2669
- var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
2670
- var scrollDirection = void 0;
2671
- if (direction === 'next') {
2672
- scrollDirection = scrollOffset + numberOfSlidesToScroll;
2673
- if (scrollOffset + viewableWidth + 25 >= innerSlider.current.offsetWidth) {
2674
- scrollDirection = 0;
2675
- }
2676
- }
2677
- if (direction === 'prev') {
2678
- scrollDirection = scrollOffset - numberOfSlidesToScroll;
2679
- if (scrollOffset === 0) {
2680
- if (window.innerWidth > 1399) {
2681
- scrollDirection = innerSlider.current.offsetWidth - tileSize * 3 - 70;
2682
- }
2683
- if (window.innerWidth < 1399 && window.innerWidth > 592) {
2684
- scrollDirection = innerSlider.current.offsetWidth - tileSize * 2 - 40;
2685
- }
2686
- if (window.innerWidth < 592) {
2687
- scrollDirection = innerSlider.current.offsetWidth - tileSize * 1 - 24;
2688
- }
2689
- }
2690
- }
2691
- slide.scrollTo({
2692
- left: scrollDirection,
2693
- behavior: 'smooth'
2694
- });
2695
- setScrollPosition(scrollDirection);
2696
- }
2697
- var setThumbSize = function setThumbSize() {
2698
- var thumbSize = void 0;
2699
- var scrollerVisible = false;
2700
- if (window.innerWidth > 1399) {
2701
- if (props.data.slides && props.data.slides.length < 3) {
2702
- thumbSize = Math.floor(viewableWindow.current.clientWidth / 2 - 40);
2703
- } else {
2704
- thumbSize = Math.floor(viewableWindow.current.clientWidth / 3 - 40);
2705
- }
2706
- if (props.data.slides.length > 3) {
2707
- scrollerVisible = true;
2708
- }
2709
- }
2710
- if (window.innerWidth < 1399 && window.innerWidth > 592) {
2711
- thumbSize = Math.floor(viewableWindow.current.clientWidth / 2 - 48);
2712
- if (props.data.slides.length > 2) {
2713
- scrollerVisible = true;
2714
- }
2715
- }
2716
- if (window.innerWidth < 592) {
2717
- thumbSize = Math.floor(viewableWindow.current.clientWidth / 1 - 64);
2718
- if (props.data.slides.length > 1) {
2719
- scrollerVisible = true;
2720
- }
2721
- }
2722
- if (thumbSize !== tileSize) {
2723
- setTileSize(thumbSize);
2724
- setScrollPosition(0);
2725
- setShowScroller(scrollerVisible);
2726
- var videoRows = document.querySelectorAll('#vid-slider .row');
2727
- for (var i = 0; i < videoRows.length; i++) {
2728
- videoRows[i].scrollTo({
2729
- left: 0,
2730
- behavior: 'smooth'
2731
- });
2732
- }
2733
- }
2734
- };
2735
- React.useEffect(function () {
2736
- //IE11 Polyfill
2737
- smoothscroll.smoothscroll.polyfill();
2738
- setThumbSize();
2739
-
2740
- window.addEventListener('resize', setThumbSize);
2741
-
2742
- return function () {
2743
- return window.removeEventListener('resize', setThumbSize);
2744
- };
2745
- }, []);
2746
-
2747
- var variant = 'black';
2748
- return React__default['default'].createElement(
2749
- React__default['default'].Fragment,
2750
- null,
2751
- React__default['default'].createElement(
2752
- 'div',
2753
- { ref: viewableWindow, id: 'vid-slider', className: 'col' },
2754
- React__default['default'].createElement(
2755
- 'div',
2756
- { className: 'row' },
2757
- showScroller && React__default['default'].createElement(
2758
- 'div',
2759
- { onClick: function onClick(e) {
2760
- return scrollSlider(e, 'prev');
2761
- }, className: 'tile__slider-prev', style: { color: variant } },
2762
- React__default['default'].createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
2763
- ),
2764
- showScroller && React__default['default'].createElement(
2765
- 'div',
2766
- { onClick: function onClick(e) {
2767
- return scrollSlider(e, 'next');
2768
- }, className: 'tile__slider-next', style: { color: variant } },
2769
- React__default['default'].createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
2770
- ),
2771
- React__default['default'].createElement(
2772
- 'div',
2773
- { ref: innerSlider, className: 'row__inner' },
2774
- props.data.slides.map(function (img, index) {
2775
- var thumbnail = urlFor({ client: client, source: img.slideshowImage, imageWidth: 250 });
2776
- if (!img.slideshowImage.link) {
2777
- return React__default['default'].createElement(
2778
- 'div',
2779
- { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
2780
- React__default['default'].createElement(
2781
- 'div',
2782
- { className: 'tile__media' },
2783
- React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '', style: { width: tileSize + 'px', maxHeight: '160px' } })
2784
- ),
2785
- React__default['default'].createElement('div', { style: { color: variant }, className: 'tile__info' })
2786
- );
2787
- } else {
2788
- return React__default['default'].createElement(
2789
- 'a',
2790
- { ref: tile, key: index, href: img.slideshowImage.link, target: img.slideshowImage.blank ? '_target' : '_self', className: 'tile', style: { width: tileSize + 'px' } },
2791
- React__default['default'].createElement(
2792
- 'div',
2793
- { className: 'tile__media' },
2794
- React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '', style: { width: tileSize + 'px', maxHeight: '160px' } })
2795
- ),
2796
- React__default['default'].createElement('div', { style: { color: variant }, className: 'tile__info' })
2797
- );
2798
- }
2799
- })
2800
- )
2801
- ),
2802
- React__default['default'].createElement(
2803
- 'style',
2804
- { jsx: 'true' },
2805
- '\n #vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n #vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 1.5rem;\n margin-bottom: 0 !important;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider,\n #vidHolder {\n max-width: 775px;\n margin: 0 auto;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow-x: scroll;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 25px 0 70px !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n #vid-slider .tile {\n position: relative;\n display: inline-block;\n margin: 0 12px;\n font-size: 20px;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n \n #vid-slider .tile:first-child {\n margin-left: 15px;\n }\n #vid-slider .tile__img {\n height: auto;\n -o-object-fit: contain;\n object-fit: contain;\n object-position: center;\n }\n #vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n #vid-slider .tile__details:after,\n #vid-slider .tile__details:before {\n content: \'\';\n \n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n #vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n #vid-slider .tile__details:before {\n content: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n \n #vid-slider .tile__title {\n position: absolute;\n bottom: 0;\n padding: 10px;\n max-width: 250px;\n }\n #vid-slider .tile__title_text {\n position: relative;\n left: 0;\n white-space: normal;\n }\n \n #vid-slider .tile__slider-prev,\n #vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (props.dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n }\n #vid-slider .tile__slider-prev {\n left: -0.5rem;\n padding: .5rem;\n }\n #vid-slider .tile__slider-next {\n right: -0.5rem;\n padding: .5rem;\n }\n #vid-slider,\n #vid-slider .row {\n margin: 0;\n }\n \n #vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n #vid-slider i {\n border: solid ' + (props.dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n #vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n #vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n @media screen and (min-width: 1399px) {\n .block-content #vid-slider .tile__img {\n height: auto;\n }\n .block-content #vid-slider .tile {\n height: auto;\n }\n }\n \n @media screen and (max-width: 1399px) {\n #vid-slider,\n #vidHolder {\n max-width: 620px;\n }\n }\n @media screen and (max-width: 1200px) {\n #vid-slider,\n #vidHolder {\n max-width: 580px;\n }\n }\n @media screen and (max-width: 967px) {\n #vid-slider {\n max-width: 100%;\n }\n \n #vid-slider .row__inner {\n margin: 60px 0 50px !important;\n }\n }\n \n @media screen and (max-width: 768px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n }\n @media screen and (max-width: 568px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n \n #vid-slider .row__inner {\n margin: 30px 0 70px;\n }\n }\n '
2806
- )
2807
- )
2808
- );
2809
- };
2810
-
2811
- exports.Facebook = Facebook;
2812
- exports.ImageSlider = ImageSlider;
2813
- exports.Page = Page$1;