@mjhls/mjh-framework 1.0.854-beta.1 → 1.0.855-beta.0

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 (38) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AlgoliaSearch.js +1 -1
  3. package/dist/cjs/ArticleProgramLandingPage.js +6 -6
  4. package/dist/cjs/ArticleSeriesLandingPage.js +4 -4
  5. package/dist/cjs/ArticleSeriesListing.js +1 -1
  6. package/dist/cjs/DeckContent.js +1 -1
  7. package/dist/cjs/DeckQueue.js +1 -1
  8. package/dist/cjs/ExternalResources.js +2 -2
  9. package/dist/cjs/GridContent.js +1 -1
  10. package/dist/cjs/HorizontalArticleListing.js +2 -2
  11. package/dist/cjs/IssueLanding.js +2 -2
  12. package/dist/cjs/MasterDeck.js +1 -1
  13. package/dist/cjs/MediaSeriesLanding.js +7 -7
  14. package/dist/cjs/PartnerDetailListing.js +11 -2743
  15. package/dist/cjs/TaxonomyDescription.js +2 -2
  16. package/dist/cjs/VideoProgramLandingPage.js +5 -5
  17. package/dist/cjs/VideoSeriesLandingPage.js +4 -4
  18. package/dist/cjs/VideoSeriesListing.js +1 -1
  19. package/dist/cjs/View.js +2 -2
  20. package/dist/cjs/faundadb.js +15 -15
  21. package/dist/cjs/getRootDocGroup.js +3 -3
  22. package/dist/cjs/getSerializers.js +2 -2
  23. package/dist/cjs/{index-276bab5c.js → index-665ed72e.js} +36 -9
  24. package/dist/cjs/index.js +2 -2
  25. package/dist/cjs/{inherits-1f5a1c72.js → inherits-452ff02c.js} +2 -2
  26. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  27. package/dist/esm/ExternalResources.js +1 -1
  28. package/dist/esm/HorizontalArticleListing.js +1 -1
  29. package/dist/esm/IssueLanding.js +1 -1
  30. package/dist/esm/MediaSeriesLanding.js +1 -1
  31. package/dist/esm/PartnerDetailListing.js +21 -2753
  32. package/dist/esm/TaxonomyDescription.js +1 -1
  33. package/dist/esm/VideoProgramLandingPage.js +1 -1
  34. package/dist/esm/View.js +1 -1
  35. package/dist/esm/getSerializers.js +1 -1
  36. package/dist/esm/{index-0f6867b9.js → index-8ea04db3.js} +35 -8
  37. package/dist/esm/index.js +1 -1
  38. package/package.json +1 -2
@@ -12,7 +12,7 @@ require('./core.get-iterator-method-f62321d4.js');
12
12
  require('./_object-pie-68c5bcbc.js');
13
13
  var _extends$1 = require('./extends-0a918631.js');
14
14
  require('./_object-sap-5e74ba08.js');
15
- require('./inherits-1f5a1c72.js');
15
+ require('./inherits-452ff02c.js');
16
16
  require('./define-property-f4d12f4e.js');
17
17
  require('./web.dom.iterable-a0e279c1.js');
18
18
  require('./typeof-725500bc.js');
@@ -41,7 +41,7 @@ require('./main-02daeefe.js');
41
41
  require('./entities-310b46ee.js');
42
42
  var slicedToArray = require('./slicedToArray-8f385299.js');
43
43
  require('./stringify-7c5aff47.js');
44
- var asyncToGenerator$1 = require('./asyncToGenerator-140e5f89.js');
44
+ var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
45
45
  require('./Segment.js');
46
46
  require('./Beam.js');
47
47
  require('./AdSlot.js');
@@ -60,7 +60,7 @@ require('./timeDifferenceCalc.js');
60
60
  var QueueDeckExpanded = require('./QueueDeckExpanded.js');
61
61
  require('./iconBase-68959171.js');
62
62
  require('./index.esm-90433435.js');
63
- var getSerializers = require('./index-276bab5c.js');
63
+ var getSerializers = require('./index-665ed72e.js');
64
64
  require('./util-f2c1b65b.js');
65
65
  require('./brightcove-react-player-loader.es-156bd4d6.js');
66
66
  require('next/head');
@@ -1175,2710 +1175,6 @@ inherits$1$1._defineProperty(TwitterOnAirButton, "propTypes", {
1175
1175
  onLoad: PropTypes__default.func
1176
1176
  });
1177
1177
 
1178
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
1179
- try {
1180
- var info = gen[key](arg);
1181
- var value = info.value;
1182
- } catch (error) {
1183
- reject(error);
1184
- return;
1185
- }
1186
-
1187
- if (info.done) {
1188
- resolve(value);
1189
- } else {
1190
- Promise.resolve(value).then(_next, _throw);
1191
- }
1192
- }
1193
-
1194
- function _asyncToGenerator(fn) {
1195
- return function () {
1196
- var self = this,
1197
- args = arguments;
1198
- return new Promise(function (resolve, reject) {
1199
- var gen = fn.apply(self, args);
1200
-
1201
- function _next(value) {
1202
- asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
1203
- }
1204
-
1205
- function _throw(err) {
1206
- asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
1207
- }
1208
-
1209
- _next(undefined);
1210
- });
1211
- };
1212
- }
1213
-
1214
- var asyncToGenerator = _asyncToGenerator;
1215
-
1216
- function _defineProperty(obj, key, value) {
1217
- if (key in obj) {
1218
- Object.defineProperty(obj, key, {
1219
- value: value,
1220
- enumerable: true,
1221
- configurable: true,
1222
- writable: true
1223
- });
1224
- } else {
1225
- obj[key] = value;
1226
- }
1227
-
1228
- return obj;
1229
- }
1230
-
1231
- var defineProperty = _defineProperty;
1232
-
1233
- var canUseDOM = !!(
1234
- typeof window !== 'undefined' &&
1235
- window.document &&
1236
- window.document.createElement
1237
- );
1238
-
1239
- var canUseDom = canUseDOM;
1240
-
1241
- function _objectWithoutPropertiesLoose(source, excluded) {
1242
- if (source == null) return {};
1243
- var target = {};
1244
- var sourceKeys = Object.keys(source);
1245
- var key, i;
1246
-
1247
- for (i = 0; i < sourceKeys.length; i++) {
1248
- key = sourceKeys[i];
1249
- if (excluded.indexOf(key) >= 0) continue;
1250
- target[key] = source[key];
1251
- }
1252
-
1253
- return target;
1254
- }
1255
-
1256
- var objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
1257
-
1258
- function _objectWithoutProperties(source, excluded) {
1259
- if (source == null) return {};
1260
- var target = objectWithoutPropertiesLoose(source, excluded);
1261
- var key, i;
1262
-
1263
- if (Object.getOwnPropertySymbols) {
1264
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
1265
-
1266
- for (i = 0; i < sourceSymbolKeys.length; i++) {
1267
- key = sourceSymbolKeys[i];
1268
- if (excluded.indexOf(key) >= 0) continue;
1269
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
1270
- target[key] = source[key];
1271
- }
1272
- }
1273
-
1274
- return target;
1275
- }
1276
-
1277
- var objectWithoutProperties = _objectWithoutProperties;
1278
-
1279
- var LoginStatus = {
1280
- CONNECTED: 'connected',
1281
- AUTHORIZATION_EXPIRED: 'authorization_expired',
1282
- NOT_AUTHORIZED: 'not_authorized',
1283
- UNKNOWN: 'unknown'
1284
- };
1285
-
1286
- 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; }
1287
-
1288
- 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(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; }
1289
- const Method = {
1290
- GET: 'get',
1291
- POST: 'post',
1292
- DELETE: 'delete'
1293
- };
1294
- class Facebook {
1295
- constructor(options = {}) {
1296
- this.options = _objectSpread({
1297
- domain: 'connect.facebook.net',
1298
- version: 'v3.2',
1299
- cookie: false,
1300
- status: false,
1301
- xfbml: false,
1302
- language: 'en_US',
1303
- frictionlessRequests: false,
1304
- debug: false,
1305
- chatSupport: false
1306
- }, options);
1307
-
1308
- if (!this.options.appId) {
1309
- throw new Error('You need to set appId');
1310
- }
1311
-
1312
- if (!this.options.wait) {
1313
- this.init();
1314
- }
1315
- }
1316
-
1317
- getAppId() {
1318
- return this.options.appId;
1319
- }
1320
-
1321
- init() {
1322
- var _this = this;
1323
-
1324
- return asyncToGenerator(function* () {
1325
- if (_this.loadingPromise) {
1326
- return _this.loadingPromise;
1327
- }
1328
-
1329
- _this.loadingPromise = new Promise(resolve => {
1330
- const _this$options = _this.options,
1331
- {
1332
- domain,
1333
- language,
1334
- debug,
1335
- chatSupport
1336
- } = _this$options,
1337
- restOptions = objectWithoutProperties(_this$options, ["domain", "language", "debug", "chatSupport"]);
1338
-
1339
- window.fbAsyncInit = () => {
1340
- window.FB.init({
1341
- appId: restOptions.appId,
1342
- version: restOptions.version,
1343
- cookie: restOptions.cookie,
1344
- status: restOptions.status,
1345
- xfbml: restOptions.xfbml,
1346
- frictionlessRequests: _this.frictionlessRequests
1347
- });
1348
- resolve(window.FB);
1349
- };
1350
-
1351
- if (window.document.getElementById('facebook-jssdk')) {
1352
- return resolve(window.FB);
1353
- }
1354
-
1355
- const js = window.document.createElement('script');
1356
- js.id = 'facebook-jssdk';
1357
- js.async = true;
1358
- js.defer = true;
1359
- js.src = `https://${domain}/${language}/sdk${chatSupport ? '/xfbml.customerchat' : ''}${debug ? '/debug' : ''}.js`;
1360
- window.document.body.appendChild(js);
1361
- });
1362
- return _this.loadingPromise;
1363
- })();
1364
- }
1365
-
1366
- process(method, before = [], after = []) {
1367
- var _this2 = this;
1368
-
1369
- return asyncToGenerator(function* () {
1370
- const fb = yield _this2.init();
1371
- return new Promise((resolve, reject) => {
1372
- fb[method](...before, response => {
1373
- if (!response) {
1374
- if (method === 'ui') return;
1375
- reject(new Error('Response is undefined'));
1376
- } else if (response.error) {
1377
- const {
1378
- code,
1379
- type,
1380
- message
1381
- } = response.error;
1382
- const error = new Error(message);
1383
- error.code = code;
1384
- error.type = type;
1385
- reject(error);
1386
- } else {
1387
- resolve(response);
1388
- }
1389
- }, ...after);
1390
- });
1391
- })();
1392
- }
1393
-
1394
- ui(options) {
1395
- var _this3 = this;
1396
-
1397
- return asyncToGenerator(function* () {
1398
- return _this3.process('ui', [options]);
1399
- })();
1400
- }
1401
-
1402
- api(path, method = Method.GET, params = {}) {
1403
- var _this4 = this;
1404
-
1405
- return asyncToGenerator(function* () {
1406
- return _this4.process('api', [path, method, params]);
1407
- })();
1408
- }
1409
-
1410
- login(opts = null) {
1411
- var _this5 = this;
1412
-
1413
- return asyncToGenerator(function* () {
1414
- return _this5.process('login', [], [opts]);
1415
- })();
1416
- }
1417
-
1418
- logout() {
1419
- var _this6 = this;
1420
-
1421
- return asyncToGenerator(function* () {
1422
- return _this6.process('logout');
1423
- })();
1424
- }
1425
-
1426
- getLoginStatus() {
1427
- var _this7 = this;
1428
-
1429
- return asyncToGenerator(function* () {
1430
- return _this7.process('getLoginStatus');
1431
- })();
1432
- }
1433
-
1434
- getAuthResponse() {
1435
- var _this8 = this;
1436
-
1437
- return asyncToGenerator(function* () {
1438
- return _this8.process('getAuthResponse');
1439
- })();
1440
- }
1441
-
1442
- getTokenDetail(loginResponse) {
1443
- var _this9 = this;
1444
-
1445
- return asyncToGenerator(function* () {
1446
- if (loginResponse.status === LoginStatus.CONNECTED && loginResponse.authResponse) {
1447
- return loginResponse.authResponse;
1448
- }
1449
-
1450
- const response = yield _this9.getLoginStatus();
1451
-
1452
- if (response.status === LoginStatus.CONNECTED && response.authResponse) {
1453
- return response.authResponse;
1454
- }
1455
-
1456
- throw new Error('Token is undefined');
1457
- })();
1458
- }
1459
-
1460
- getProfile(params) {
1461
- var _this10 = this;
1462
-
1463
- return asyncToGenerator(function* () {
1464
- return _this10.api('/me', Method.GET, params);
1465
- })();
1466
- }
1467
-
1468
- getTokenDetailWithProfile(params, response) {
1469
- var _this11 = this;
1470
-
1471
- return asyncToGenerator(function* () {
1472
- const tokenDetail = yield _this11.getTokenDetail(response);
1473
- const profile = yield _this11.getProfile(params);
1474
- return {
1475
- profile,
1476
- tokenDetail
1477
- };
1478
- })();
1479
- }
1480
-
1481
- getToken() {
1482
- var _this12 = this;
1483
-
1484
- return asyncToGenerator(function* () {
1485
- const authResponse = yield _this12.getTokenDetail();
1486
- return authResponse.accessToken;
1487
- })();
1488
- }
1489
-
1490
- getUserId() {
1491
- var _this13 = this;
1492
-
1493
- return asyncToGenerator(function* () {
1494
- const authResponse = yield _this13.getTokenDetail();
1495
- return authResponse.userID;
1496
- })();
1497
- }
1498
-
1499
- sendInvite(to, options) {
1500
- var _this14 = this;
1501
-
1502
- return asyncToGenerator(function* () {
1503
- return _this14.ui(_objectSpread({
1504
- to,
1505
- method: 'apprequests'
1506
- }, options));
1507
- })();
1508
- }
1509
-
1510
- postAction(ogNamespace, ogAction, ogObject, ogObjectUrl, noFeedStory) {
1511
- var _this15 = this;
1512
-
1513
- return asyncToGenerator(function* () {
1514
- let url = `/me/${ogNamespace}:${ogAction}?${ogObject}=${encodeURIComponent(ogObjectUrl)}`;
1515
-
1516
- if (noFeedStory === true) {
1517
- url += '&no_feed_story=true';
1518
- }
1519
-
1520
- return _this15.api(url, Method.POST);
1521
- })();
1522
- }
1523
-
1524
- getPermissions() {
1525
- var _this16 = this;
1526
-
1527
- return asyncToGenerator(function* () {
1528
- const response = yield _this16.api('/me/permissions');
1529
- return response.data;
1530
- })();
1531
- }
1532
-
1533
- hasPermissions(permissions) {
1534
- var _this17 = this;
1535
-
1536
- return asyncToGenerator(function* () {
1537
- const usersPermissions = yield _this17.getPermissions();
1538
- const findedPermissions = permissions.filter(p => {
1539
- const currentPermission = usersPermissions.find(row => {
1540
- const {
1541
- permission,
1542
- status
1543
- } = row;
1544
- return status === 'granted' && permission === p;
1545
- });
1546
- return !!currentPermission;
1547
- });
1548
- return findedPermissions.length === permissions.length;
1549
- })();
1550
- }
1551
-
1552
- subscribe(eventName, callback) {
1553
- var _this18 = this;
1554
-
1555
- return asyncToGenerator(function* () {
1556
- const fb = yield _this18.init();
1557
- fb.Event.subscribe(eventName, callback);
1558
- })();
1559
- }
1560
-
1561
- unsubscribe(eventName, callback) {
1562
- var _this19 = this;
1563
-
1564
- return asyncToGenerator(function* () {
1565
- const fb = yield _this19.init();
1566
- fb.Event.unsubscribe(eventName, callback);
1567
- })();
1568
- }
1569
-
1570
- parse(parentNode) {
1571
- var _this20 = this;
1572
-
1573
- return asyncToGenerator(function* () {
1574
- const fb = yield _this20.init();
1575
-
1576
- if (typeof parentNode === 'undefined') {
1577
- fb.XFBML.parse();
1578
- } else {
1579
- fb.XFBML.parse(parentNode);
1580
- }
1581
- })();
1582
- }
1583
-
1584
- getRequests() {
1585
- var _this21 = this;
1586
-
1587
- return asyncToGenerator(function* () {
1588
- return _this21.api('/me/apprequests');
1589
- })();
1590
- }
1591
-
1592
- removeRequest(requestID) {
1593
- var _this22 = this;
1594
-
1595
- return asyncToGenerator(function* () {
1596
- return _this22.api(requestID, Method.DELETE);
1597
- })();
1598
- }
1599
-
1600
- setAutoGrow() {
1601
- var _this23 = this;
1602
-
1603
- return asyncToGenerator(function* () {
1604
- const fb = yield _this23.init();
1605
- fb.Canvas.setAutoGrow();
1606
- })();
1607
- }
1608
-
1609
- paySimple(product, quantity = 1) {
1610
- var _this24 = this;
1611
-
1612
- return asyncToGenerator(function* () {
1613
- return _this24.ui({
1614
- method: 'pay',
1615
- action: 'purchaseitem',
1616
- product,
1617
- quantity
1618
- });
1619
- })();
1620
- }
1621
-
1622
- pay(product, options) {
1623
- var _this25 = this;
1624
-
1625
- return asyncToGenerator(function* () {
1626
- return _this25.ui(_objectSpread({
1627
- method: 'pay',
1628
- action: 'purchaseitem',
1629
- product
1630
- }, options));
1631
- })();
1632
- }
1633
-
1634
- }
1635
- /*
1636
- sendToFriends: function(options, callback) {
1637
- if(!options) {
1638
- options = {};
1639
- }
1640
-
1641
- options.method = 'send';
1642
-
1643
- this.afterLoad(function(err, fbApi) {
1644
- if(err) {
1645
- return callback(err);
1646
- }
1647
-
1648
- FB.ui(options, function(response) {
1649
- fbApi._callCallbackByResponse(callback, response);
1650
- });
1651
- });
1652
- },
1653
-
1654
- sendMessage: function(message, name, caption, description, url, imgUrl, callback) {
1655
- this.afterLoad(function(err, fbApi) {
1656
- if(err) {
1657
- return callback(err);
1658
- }
1659
-
1660
- FB.ui({
1661
- method: 'stream.publish',
1662
- message: message,
1663
- attachment: {
1664
- name: name,
1665
- caption: caption,
1666
- description: description,
1667
- href: url,
1668
- media:[{
1669
- type: 'image',
1670
- src: imgUrl,
1671
- href: url
1672
- }]
1673
- },
1674
- action_links: [{
1675
- text: 'Code',
1676
- href: url
1677
- }],
1678
- user_prompt_message: message
1679
- },
1680
- function(response) {
1681
- fbApi._callCallbackByResponse(callback, response);
1682
- });
1683
- });
1684
- },
1685
-
1686
- sendInviteForm: function(options, callback) {
1687
- if(typeof options === 'function') {
1688
- callback = options;
1689
- options = {};
1690
- }
1691
-
1692
- this.afterLoad(function(err, fbApi) {
1693
- if(err) {
1694
- return callback(err);
1695
- }
1696
-
1697
- options.method = options.method || 'apprequests';
1698
-
1699
-
1700
- FB.ui(options, function(response) {
1701
- fbApi._callCallbackByResponse(callback, response);
1702
- });
1703
- });
1704
- },
1705
-
1706
- checkPageLike: function(pageID, callback) {
1707
- this.afterLoad(function(err, fbApi) {
1708
- if(err) {
1709
- return callback(err);
1710
- }
1711
-
1712
- fbApi.getUserID(function(err, userID) {
1713
- if(err) {
1714
- return callback(err);
1715
- }
1716
-
1717
- var fqlQuery = `SELECT uid FROM page_fan WHERE page_id = ${pageID} and uid = ${userID}`;
1718
- var query = FB.Data.query(fqlQuery);
1719
-
1720
- query.wait(function(rows) {
1721
- if (rows.length === 1 && rows[0].uid === userID) {
1722
- callback(null, true, query);
1723
- }
1724
- else {
1725
- callback(null, false, query);
1726
- }
1727
- });
1728
- });
1729
- });
1730
- },
1731
-
1732
- sendMessageToFriend: function (friendID, link, callback) {
1733
- this.afterLoad(function(err, fbApi) {
1734
- if(err) {
1735
- return callback(err);
1736
- }
1737
-
1738
- FB.ui({
1739
- to: friendID,
1740
- method: 'send',
1741
- link: link
1742
- }, function(response) {
1743
- fbApi._callCallbackByResponse(callback, response);
1744
- });
1745
- });
1746
- },
1747
-
1748
- _prepareUsers: function(data) {
1749
- var users=[];
1750
-
1751
- for(var index in data) {
1752
- var userData=data[index];
1753
-
1754
- var user = {
1755
- provider_uid: 'facebook'+'_'+userData.uid,
1756
- provider: 'facebook',
1757
- id: userData.uid,
1758
- name: userData.name,
1759
- first_name: userData.first_name,
1760
- last_name: userData.last_name,
1761
- status: (userData.status!==null) ? userData.status : null,
1762
- image: '//graph.facebook.com/'+userData.uid+'/picture?'
1763
- };
1764
-
1765
- users.push(user);
1766
- }
1767
-
1768
- return users;
1769
- },
1770
-
1771
- getUserList: function(callback) {
1772
- this.afterLoad(function(err, fbApi) {
1773
- if(err) {
1774
- return callback(err);
1775
- }
1776
-
1777
- FB.api('fql', {
1778
- q: `
1779
- SELECT uid, name, first_name, last_name, online_presence, status
1780
- FROM user
1781
- WHERE uid IN
1782
- ( SELECT uid2 FROM friend WHERE uid1 = me()) ORDER BY name
1783
- `,
1784
- }, function (response)
1785
- {
1786
- var users = fbApi._prepareUsers(response.data);
1787
- callback(null, users, response);
1788
- });
1789
- });
1790
- },
1791
-
1792
- postFeed: function(options, callback) {
1793
- this.afterLoad(function(err, fbApi) {
1794
- if(err) {
1795
- return callback(err);
1796
- }
1797
-
1798
- options.method='feed';
1799
-
1800
- FB.ui(options, function(response) {
1801
- fbApi._callCallbackByResponse(callback, response);
1802
- });
1803
- });
1804
- },
1805
-
1806
- //need publish_stream
1807
- createAlbum: function(name, description, callback) {
1808
- this.afterLoad(function(err, fbApi) {
1809
- if(err) {
1810
- return callback(err);
1811
- }
1812
-
1813
- FB.api('/me/albums', 'post', {
1814
- name: name,
1815
- description: description
1816
- },function(response) {
1817
- fbApi._callCallbackByResponse(callback, response);
1818
- });
1819
- });
1820
- },
1821
-
1822
- //need publish_stream
1823
- addImageToAlbum: function(albumID, imageURL, message, callback) {
1824
- this.afterLoad(function(err, fbApi) {
1825
- if(err) {
1826
- return callback(err);
1827
- }
1828
-
1829
- FB.api('/'+albumID+'/photos', 'post', {
1830
- message: message,
1831
- url: imageURL
1832
- }, function(response) {
1833
- fbApi._callCallbackByResponse(callback, response);
1834
- });
1835
- });
1836
- },
1837
-
1838
- //'user_photos'
1839
- getAlbums: function(callback) {
1840
- this.afterLoad(function(err, fbApi) {
1841
- if(err) {
1842
- return callback(err);
1843
- }
1844
-
1845
- FB.api('/me/albums', function(response) {
1846
- fbApi._callCallbackByResponse(callback, response);
1847
- });
1848
- });
1849
- },
1850
-
1851
- //'user_photos'
1852
- getAlbumPhotos: function(albumID, callback) {
1853
- this.afterLoad(function(err, fbApi) {
1854
- if(err) {
1855
- return callback(err);
1856
- }
1857
-
1858
- FB.api('/'+albumID+'/photos', function(response) {
1859
- fbApi._callCallbackByResponse(callback, response);
1860
- });
1861
- });
1862
- },
1863
-
1864
- //'user_photos'
1865
- getAlbumCoverPicture: function(albumID, callback) {
1866
- this.afterLoad(function(err, fbApi) {
1867
- if(err) {
1868
- return callback(err);
1869
- }
1870
-
1871
- FB.api('/'+albumID+'/picture', function(response) {
1872
- fbApi._callCallbackByResponse(callback, response);
1873
- });
1874
- });
1875
- },
1876
-
1877
- //'publish_stream'
1878
- postPhoto: function(photoUrl, message, callback) {
1879
- this.afterLoad(function(err, fbApi) {
1880
- if(err) {
1881
- return callback(err);
1882
- }
1883
-
1884
- FB.api('/me/photos', 'post', {
1885
- message: message,
1886
- url: photoUrl
1887
- },function(response) {
1888
- fbApi._callCallbackByResponse(callback, response);
1889
- });
1890
- });
1891
- },
1892
-
1893
- getPageInfo: function(callback) {
1894
- this.afterLoad(function(err, fbApi) {
1895
- if(err) {
1896
- return callback(err);
1897
- }
1898
-
1899
- FB.Canvas.getPageInfo(function(response) {
1900
- fbApi._callCallbackByResponse(callback, response);
1901
- });
1902
- });
1903
- }
1904
- */
1905
-
1906
- var FacebookContext = React.createContext();
1907
-
1908
- let api = null;
1909
- class Facebook$1 extends React.Component {
1910
- constructor(...args) {
1911
- var _this;
1912
-
1913
- super(...args);
1914
- _this = this;
1915
-
1916
- defineProperty(this, "state", {
1917
- isReady: false
1918
- });
1919
-
1920
- defineProperty(this, "handleInit",
1921
- /*#__PURE__*/
1922
- asyncToGenerator(function* () {
1923
- // do not run if SSR
1924
- if (!canUseDom) {
1925
- throw new Error('You can not use Facebook without DOM');
1926
- }
1927
-
1928
- const {
1929
- isReady
1930
- } = _this.state;
1931
-
1932
- if (isReady) {
1933
- return api;
1934
- }
1935
-
1936
- if (!api) {
1937
- const {
1938
- domain,
1939
- version,
1940
- appId,
1941
- cookie,
1942
- status,
1943
- xfbml,
1944
- language,
1945
- frictionlessRequests,
1946
- wait,
1947
- debug,
1948
- chatSupport
1949
- } = _this.props;
1950
- api = new Facebook({
1951
- domain,
1952
- appId,
1953
- version,
1954
- cookie,
1955
- status,
1956
- xfbml,
1957
- language,
1958
- frictionlessRequests,
1959
- wait,
1960
- debug,
1961
- chatSupport
1962
- });
1963
- }
1964
-
1965
- yield api.init();
1966
-
1967
- if (!_this.state.isReady) {
1968
- _this.setState({
1969
- isReady: true
1970
- });
1971
- }
1972
-
1973
- return api;
1974
- }));
1975
- }
1976
-
1977
- componentDidMount() {
1978
- const {
1979
- wait
1980
- } = this.props;
1981
-
1982
- if (!wait) {
1983
- this.handleInit();
1984
- }
1985
- }
1986
-
1987
- render() {
1988
- const {
1989
- children
1990
- } = this.props;
1991
- const {
1992
- isReady,
1993
- error
1994
- } = this.state;
1995
- const {
1996
- handleInit
1997
- } = this;
1998
- const value = {
1999
- isReady,
2000
- error,
2001
- handleInit,
2002
- api
2003
- };
2004
- return React__default.createElement(FacebookContext.Provider, {
2005
- value: value
2006
- }, children);
2007
- }
2008
-
2009
- }
2010
-
2011
- defineProperty(Facebook$1, "defaultProps", {
2012
- version: 'v3.1',
2013
- cookie: false,
2014
- status: false,
2015
- xfbml: false,
2016
- language: 'en_US',
2017
- frictionlessRequests: false,
2018
- domain: 'connect.facebook.net',
2019
- children: undefined,
2020
- wait: false,
2021
- debug: false,
2022
- chatSupport: false
2023
- });
2024
-
2025
- var _extends_1 = _commonjsHelpers.createCommonjsModule(function (module) {
2026
- function _extends() {
2027
- module.exports = _extends = Object.assign || function (target) {
2028
- for (var i = 1; i < arguments.length; i++) {
2029
- var source = arguments[i];
2030
-
2031
- for (var key in source) {
2032
- if (Object.prototype.hasOwnProperty.call(source, key)) {
2033
- target[key] = source[key];
2034
- }
2035
- }
2036
- }
2037
-
2038
- return target;
2039
- };
2040
-
2041
- return _extends.apply(this, arguments);
2042
- }
2043
-
2044
- module.exports = _extends;
2045
- });
2046
-
2047
- class Initialize extends React.Component {
2048
- componentDidMount() {
2049
- this.$isMounted = true;
2050
- this.prepare();
2051
- }
2052
-
2053
- componentWillUnmount() {
2054
- this.$isMounted = false;
2055
- }
2056
-
2057
- prepare() {
2058
- var _this = this;
2059
-
2060
- return asyncToGenerator(function* () {
2061
- const {
2062
- onReady,
2063
- handleInit
2064
- } = _this.props;
2065
- const api = yield handleInit();
2066
-
2067
- if (onReady && _this.$isMounted) {
2068
- onReady(api);
2069
- }
2070
- })();
2071
- }
2072
-
2073
- render() {
2074
- const {
2075
- children,
2076
- isReady,
2077
- api
2078
- } = this.props;
2079
- const childrenProps = {
2080
- isReady,
2081
- api
2082
- };
2083
-
2084
- if (typeof children === 'function') {
2085
- return children(childrenProps);
2086
- }
2087
-
2088
- return children;
2089
- }
2090
-
2091
- }
2092
-
2093
- defineProperty(Initialize, "defaultProps", {
2094
- onReady: undefined,
2095
- api: undefined
2096
- });
2097
-
2098
- var Initialize$1 = React.forwardRef((props, ref) => React__default.createElement(FacebookContext.Consumer, null, ({
2099
- handleInit,
2100
- isReady,
2101
- api
2102
- }) => React__default.createElement(Initialize, _extends_1({}, props, {
2103
- handleInit: handleInit,
2104
- isReady: isReady,
2105
- api: api,
2106
- ref: ref
2107
- }))));
2108
-
2109
- class Parser extends React.Component {
2110
- constructor(...args) {
2111
- super(...args);
2112
-
2113
- defineProperty(this, "state", {});
2114
-
2115
- defineProperty(this, "handleReady", api => {
2116
- this.setState({
2117
- api
2118
- }, this.handleParse);
2119
- });
2120
-
2121
- defineProperty(this, "handleContainer", container => {
2122
- this.setState({
2123
- container
2124
- }, this.handleParse);
2125
- });
2126
-
2127
- defineProperty(this, "handleParse", () => {
2128
- const {
2129
- api,
2130
- container
2131
- } = this.state;
2132
-
2133
- if (!api || !container) {
2134
- return;
2135
- }
2136
-
2137
- api.parse(container);
2138
- });
2139
- }
2140
-
2141
- render() {
2142
- const {
2143
- className,
2144
- children
2145
- } = this.props;
2146
- return React__default.createElement("div", {
2147
- className: className,
2148
- ref: this.handleContainer
2149
- }, React__default.createElement(Initialize$1, {
2150
- onReady: this.handleReady
2151
- }, children({
2152
- handleParse: this.handleParse
2153
- })));
2154
- }
2155
-
2156
- }
2157
-
2158
- defineProperty(Parser, "defaultProps", {
2159
- className: undefined
2160
- });
2161
-
2162
- function getCurrentHref() {
2163
- if (!canUseDom) {
2164
- return 'https://www.facebook.com';
2165
- }
2166
-
2167
- return window.location.href;
2168
- }
2169
-
2170
- class Like extends React.PureComponent {
2171
- componentDidUpdate() {
2172
- const {
2173
- handleParse
2174
- } = this.props;
2175
- handleParse();
2176
- }
2177
-
2178
- render() {
2179
- const {
2180
- href = getCurrentHref(),
2181
- layout,
2182
- colorScheme,
2183
- action,
2184
- showFaces,
2185
- share,
2186
- children,
2187
- width,
2188
- size,
2189
- kidDirectedSite,
2190
- referral
2191
- } = this.props;
2192
- return React__default.createElement("div", {
2193
- className: "fb-like",
2194
- "data-ref": referral,
2195
- "data-href": href,
2196
- "data-layout": layout,
2197
- "data-colorscheme": colorScheme,
2198
- "data-action": action,
2199
- "data-show-faces": showFaces,
2200
- "data-share": share,
2201
- "data-width": width,
2202
- "data-size": size,
2203
- "data-kid-directed-site": kidDirectedSite
2204
- }, children);
2205
- }
2206
-
2207
- }
2208
-
2209
- defineProperty(Like, "defaultProps", {
2210
- layout: undefined,
2211
- showFaces: undefined,
2212
- colorScheme: undefined,
2213
- action: undefined,
2214
- share: undefined,
2215
- size: undefined,
2216
- kidDirectedSite: undefined,
2217
- children: undefined,
2218
- href: undefined,
2219
- referral: undefined,
2220
- width: undefined
2221
- });
2222
-
2223
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
2224
- handleParse
2225
- }) => React__default.createElement(Like, _extends_1({}, props, {
2226
- handleParse: handleParse,
2227
- ref: ref
2228
- }))));
2229
-
2230
- function clearUndefinedProperties(obj) {
2231
- if (!obj) {
2232
- return obj;
2233
- }
2234
-
2235
- const newObj = {};
2236
- Object.keys(obj).forEach(propertyName => {
2237
- const value = obj[propertyName];
2238
-
2239
- if (value !== undefined) {
2240
- newObj[propertyName] = value;
2241
- }
2242
- });
2243
- return newObj;
2244
- }
2245
-
2246
- class Process extends React.Component {
2247
- constructor(...args) {
2248
- var _this;
2249
-
2250
- super(...args);
2251
- _this = this;
2252
-
2253
- defineProperty(this, "state", {
2254
- api: undefined
2255
- });
2256
-
2257
- defineProperty(this, "handleProcess",
2258
- /*#__PURE__*/
2259
- function () {
2260
- var _ref = asyncToGenerator(function* (fn, handleSuccess = () => {}) {
2261
- _this.setState({
2262
- data: undefined,
2263
- error: undefined,
2264
- loading: true
2265
- });
2266
-
2267
- try {
2268
- const {
2269
- api
2270
- } = _this.state;
2271
-
2272
- if (!api) {
2273
- throw new Error('Facebook is not initialized. Wait for isReady');
2274
- }
2275
-
2276
- const data = yield fn(api);
2277
-
2278
- _this.setState({
2279
- data,
2280
- loading: false
2281
- }, handleSuccess);
2282
-
2283
- return data;
2284
- } catch (error) {
2285
- _this.setState({
2286
- error,
2287
- loading: false
2288
- });
2289
-
2290
- throw error;
2291
- }
2292
- });
2293
-
2294
- return function (_x) {
2295
- return _ref.apply(this, arguments);
2296
- };
2297
- }());
2298
-
2299
- defineProperty(this, "handleReady", api => {
2300
- this.setState({
2301
- api
2302
- });
2303
- });
2304
- }
2305
-
2306
- render() {
2307
- const {
2308
- children
2309
- } = this.props;
2310
- const {
2311
- api,
2312
- loading,
2313
- data,
2314
- error
2315
- } = this.state;
2316
- return React__default.createElement(Initialize$1, {
2317
- onReady: this.handleReady
2318
- }, children({
2319
- loading: !api || loading,
2320
- handleProcess: this.handleProcess,
2321
- data,
2322
- error
2323
- }));
2324
- }
2325
-
2326
- }
2327
-
2328
- class Send extends React.Component {
2329
- constructor(...args) {
2330
- var _this;
2331
-
2332
- super(...args);
2333
- _this = this;
2334
-
2335
- defineProperty(this, "handleClick",
2336
- /*#__PURE__*/
2337
- function () {
2338
- var _ref = asyncToGenerator(function* (evn) {
2339
- evn.preventDefault();
2340
- const {
2341
- handleProcess
2342
- } = _this.props;
2343
- return handleProcess(
2344
- /*#__PURE__*/
2345
- function () {
2346
- var _ref2 = asyncToGenerator(function* (api) {
2347
- const {
2348
- link = getCurrentHref(),
2349
- display,
2350
- appId = api.getAppId(),
2351
- to,
2352
- redirectURI
2353
- } = _this.props;
2354
- return api.ui(clearUndefinedProperties({
2355
- method: 'send',
2356
- link,
2357
- display,
2358
- app_id: appId,
2359
- to,
2360
- redirect_uri: redirectURI
2361
- }));
2362
- });
2363
-
2364
- return function (_x2) {
2365
- return _ref2.apply(this, arguments);
2366
- };
2367
- }());
2368
- });
2369
-
2370
- return function (_x) {
2371
- return _ref.apply(this, arguments);
2372
- };
2373
- }());
2374
- }
2375
-
2376
- render() {
2377
- const {
2378
- children,
2379
- loading
2380
- } = this.props;
2381
- return children({
2382
- loading,
2383
- handleClick: this.handleClick
2384
- });
2385
- }
2386
-
2387
- }
2388
-
2389
- defineProperty(Send, "defaultProps", {
2390
- to: undefined,
2391
- display: undefined,
2392
- appId: undefined,
2393
- redirectURI: undefined
2394
- });
2395
-
2396
- React.forwardRef((props, ref) => React__default.createElement(Process, null, ({
2397
- loading,
2398
- handleProcess
2399
- }) => React__default.createElement(Send, _extends_1({}, props, {
2400
- loading: loading,
2401
- handleProcess: handleProcess,
2402
- ref: ref
2403
- }))));
2404
-
2405
- class Share extends React.Component {
2406
- constructor(...args) {
2407
- var _this;
2408
-
2409
- super(...args);
2410
- _this = this;
2411
-
2412
- defineProperty(this, "handleClick",
2413
- /*#__PURE__*/
2414
- function () {
2415
- var _ref = asyncToGenerator(function* (evn) {
2416
- evn.preventDefault();
2417
- const {
2418
- handleProcess
2419
- } = _this.props;
2420
- return handleProcess(
2421
- /*#__PURE__*/
2422
- function () {
2423
- var _ref2 = asyncToGenerator(function* (api) {
2424
- const {
2425
- href = getCurrentHref(),
2426
- display,
2427
- appId = api.getAppId(),
2428
- hashtag,
2429
- redirectURI,
2430
- quote,
2431
- mobileIframe
2432
- } = _this.props;
2433
- return api.ui(clearUndefinedProperties({
2434
- method: 'share',
2435
- href,
2436
- display,
2437
- app_id: appId,
2438
- hashtag,
2439
- redirect_uri: redirectURI,
2440
- quote,
2441
- mobile_iframe: mobileIframe
2442
- }));
2443
- });
2444
-
2445
- return function (_x2) {
2446
- return _ref2.apply(this, arguments);
2447
- };
2448
- }());
2449
- });
2450
-
2451
- return function (_x) {
2452
- return _ref.apply(this, arguments);
2453
- };
2454
- }());
2455
- }
2456
-
2457
- render() {
2458
- const {
2459
- children,
2460
- loading,
2461
- error,
2462
- data
2463
- } = this.props;
2464
- return children({
2465
- loading,
2466
- handleClick: this.handleClick,
2467
- error,
2468
- data
2469
- });
2470
- }
2471
-
2472
- }
2473
-
2474
- defineProperty(Share, "defaultProps", {
2475
- href: undefined,
2476
- hashtag: undefined,
2477
- quote: undefined,
2478
- mobileIframe: undefined,
2479
- display: undefined,
2480
- appId: undefined,
2481
- redirectURI: undefined
2482
- });
2483
-
2484
- var Share$1 = React.forwardRef((props, ref) => React__default.createElement(Process, null, ({
2485
- loading,
2486
- handleProcess,
2487
- data,
2488
- error
2489
- }) => React__default.createElement(Share, _extends_1({}, props, {
2490
- loading: loading,
2491
- handleProcess: handleProcess,
2492
- data: data,
2493
- error: error,
2494
- ref: ref
2495
- }))));
2496
-
2497
- 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; }
2498
-
2499
- 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(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; }
2500
- function ShareButton(props) {
2501
- const {
2502
- className,
2503
- children
2504
- } = props,
2505
- rest = objectWithoutProperties(props, ["className", "children"]);
2506
-
2507
- return React__default.createElement(Share$1, rest, ({
2508
- loading,
2509
- handleClick
2510
- }) => React__default.createElement("button", {
2511
- type: "button",
2512
- disabled: loading,
2513
- className: className,
2514
- onClick: handleClick
2515
- }, children));
2516
- }
2517
- ShareButton.defaultProps = _objectSpread$1({}, Share$1.defaultProps, {
2518
- className: undefined
2519
- });
2520
-
2521
- class Page extends React.PureComponent {
2522
- componentDidUpdate() {
2523
- const {
2524
- handleParse
2525
- } = this.props;
2526
- handleParse();
2527
- }
2528
-
2529
- render() {
2530
- const {
2531
- style,
2532
- href = getCurrentHref(),
2533
- tabs,
2534
- hideCover,
2535
- width,
2536
- height,
2537
- showFacepile,
2538
- hideCTA,
2539
- smallHeader,
2540
- adaptContainerWidth,
2541
- children
2542
- } = this.props;
2543
- return React__default.createElement("div", {
2544
- className: "fb-page",
2545
- style: style,
2546
- "data-tabs": tabs,
2547
- "data-hide-cover": hideCover,
2548
- "data-show-facepile": showFacepile,
2549
- "data-hide-cta": hideCTA,
2550
- "data-href": href,
2551
- "data-small-header": smallHeader,
2552
- "data-adapt-container-width": adaptContainerWidth,
2553
- "data-height": height,
2554
- "data-width": width
2555
- }, children);
2556
- }
2557
-
2558
- }
2559
-
2560
- defineProperty(Page, "defaultProps", {
2561
- width: undefined,
2562
- height: undefined,
2563
- tabs: undefined,
2564
- hideCover: undefined,
2565
- showFacepile: undefined,
2566
- hideCTA: undefined,
2567
- smallHeader: undefined,
2568
- adaptContainerWidth: undefined,
2569
- children: undefined,
2570
- style: undefined,
2571
- href: undefined
2572
- });
2573
-
2574
- var Page$1 = React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
2575
- handleParse
2576
- }) => React__default.createElement(Page, _extends_1({}, props, {
2577
- handleParse: handleParse,
2578
- ref: ref
2579
- }))));
2580
-
2581
- // 3.0 fields without app review https://developers.facebook.com/docs/facebook-login/permissions/?locale=en_US#reference-default
2582
- var Fields = ['id', 'first_name', 'last_name', 'middle_name', 'name', 'name_format', 'picture', 'short_name', 'email'];
2583
-
2584
- 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; }
2585
-
2586
- 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(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; }
2587
-
2588
- class Login extends React.Component {
2589
- constructor(...args) {
2590
- var _this;
2591
-
2592
- super(...args);
2593
- _this = this;
2594
-
2595
- defineProperty(this, "handleClick",
2596
- /*#__PURE__*/
2597
- function () {
2598
- var _ref = asyncToGenerator(function* (evn) {
2599
- evn.preventDefault();
2600
- const {
2601
- handleProcess,
2602
- onCompleted,
2603
- onError,
2604
- onSuccess
2605
- } = _this.props;
2606
-
2607
- try {
2608
- yield handleProcess(
2609
- /*#__PURE__*/
2610
- function () {
2611
- var _ref2 = asyncToGenerator(function* (api) {
2612
- const {
2613
- scope,
2614
- fields,
2615
- returnScopes,
2616
- rerequest,
2617
- reauthorize,
2618
- eventKey
2619
- } = _this.props;
2620
- const loginQpts = {
2621
- scope
2622
- };
2623
- const authType = [];
2624
-
2625
- if (returnScopes) {
2626
- loginQpts.return_scopes = true;
2627
- }
2628
-
2629
- if (rerequest) {
2630
- authType.push('rerequest');
2631
- }
2632
-
2633
- if (reauthorize) {
2634
- authType.push('reauthenticate');
2635
- }
2636
-
2637
- if (authType.length) {
2638
- loginQpts.auth_type = authType.join(',');
2639
- }
2640
-
2641
- const loginResponse = yield api.login(loginQpts);
2642
-
2643
- if (loginResponse.status !== 'connected') {
2644
- throw new Error('Unauthorized user');
2645
- }
2646
-
2647
- const data = yield api.getTokenDetailWithProfile({
2648
- fields
2649
- }, loginResponse);
2650
-
2651
- if (onCompleted) {
2652
- yield onCompleted(_objectSpread$2({}, data, {
2653
- eventKey
2654
- }));
2655
- }
2656
-
2657
- return data;
2658
- });
2659
-
2660
- return function (_x2) {
2661
- return _ref2.apply(this, arguments);
2662
- };
2663
- }(), onSuccess);
2664
- } catch (error) {
2665
- if (onError) {
2666
- onError(error);
2667
- }
2668
- }
2669
- });
2670
-
2671
- return function (_x) {
2672
- return _ref.apply(this, arguments);
2673
- };
2674
- }());
2675
- }
2676
-
2677
- render() {
2678
- const {
2679
- children,
2680
- loading,
2681
- error,
2682
- data
2683
- } = this.props;
2684
- return children({
2685
- loading,
2686
- handleClick: this.handleClick,
2687
- error,
2688
- data
2689
- });
2690
- }
2691
-
2692
- }
2693
-
2694
- defineProperty(Login, "defaultProps", {
2695
- scope: '',
2696
- fields: Fields,
2697
- returnScopes: false,
2698
- rerequest: false,
2699
- reauthorize: false,
2700
- onCompleted: undefined,
2701
- onError: undefined,
2702
- eventKey: undefined
2703
- });
2704
-
2705
- var Login$1 = React.forwardRef((props, ref) => React__default.createElement(Process, null, ({
2706
- loading,
2707
- handleProcess,
2708
- data,
2709
- error
2710
- }) => React__default.createElement(Login, _extends_1({}, props, {
2711
- loading: loading,
2712
- handleProcess: handleProcess,
2713
- data: data,
2714
- error: error,
2715
- ref: ref
2716
- }))));
2717
-
2718
- var spin = _commonjsHelpers.createCommonjsModule(function (module) {
2719
- (function (root, factory) {
2720
-
2721
- /* CommonJS */
2722
- if ( module.exports) module.exports = factory();
2723
-
2724
- /* AMD module */
2725
- else root.Spinner = factory();
2726
- }(_commonjsHelpers.commonjsGlobal, function () {
2727
-
2728
- var prefixes = ['webkit', 'Moz', 'ms', 'O'] /* Vendor prefixes */
2729
- , animations = {} /* Animation rules keyed by their name */
2730
- , useCssAnimations /* Whether to use CSS animations or setTimeout */
2731
- , sheet; /* A stylesheet to hold the @keyframe or VML rules. */
2732
-
2733
- /**
2734
- * Utility function to create elements. If no tag name is given,
2735
- * a DIV is created. Optionally properties can be passed.
2736
- */
2737
- function createEl (tag, prop) {
2738
- var el = document.createElement(tag || 'div')
2739
- , n;
2740
-
2741
- for (n in prop) el[n] = prop[n];
2742
- return el
2743
- }
2744
-
2745
- /**
2746
- * Appends children and returns the parent.
2747
- */
2748
- function ins (parent /* child1, child2, ...*/) {
2749
- for (var i = 1, n = arguments.length; i < n; i++) {
2750
- parent.appendChild(arguments[i]);
2751
- }
2752
-
2753
- return parent
2754
- }
2755
-
2756
- /**
2757
- * Creates an opacity keyframe animation rule and returns its name.
2758
- * Since most mobile Webkits have timing issues with animation-delay,
2759
- * we create separate rules for each line/segment.
2760
- */
2761
- function addAnimation (alpha, trail, i, lines) {
2762
- var name = ['opacity', trail, ~~(alpha * 100), i, lines].join('-')
2763
- , start = 0.01 + i/lines * 100
2764
- , z = Math.max(1 - (1-alpha) / trail * (100-start), alpha)
2765
- , prefix = useCssAnimations.substring(0, useCssAnimations.indexOf('Animation')).toLowerCase()
2766
- , pre = prefix && '-' + prefix + '-' || '';
2767
-
2768
- if (!animations[name]) {
2769
- sheet.insertRule(
2770
- '@' + pre + 'keyframes ' + name + '{' +
2771
- '0%{opacity:' + z + '}' +
2772
- start + '%{opacity:' + alpha + '}' +
2773
- (start+0.01) + '%{opacity:1}' +
2774
- (start+trail) % 100 + '%{opacity:' + alpha + '}' +
2775
- '100%{opacity:' + z + '}' +
2776
- '}', sheet.cssRules.length);
2777
-
2778
- animations[name] = 1;
2779
- }
2780
-
2781
- return name
2782
- }
2783
-
2784
- /**
2785
- * Tries various vendor prefixes and returns the first supported property.
2786
- */
2787
- function vendor (el, prop) {
2788
- var s = el.style
2789
- , pp
2790
- , i;
2791
-
2792
- prop = prop.charAt(0).toUpperCase() + prop.slice(1);
2793
- if (s[prop] !== undefined) return prop
2794
- for (i = 0; i < prefixes.length; i++) {
2795
- pp = prefixes[i]+prop;
2796
- if (s[pp] !== undefined) return pp
2797
- }
2798
- }
2799
-
2800
- /**
2801
- * Sets multiple style properties at once.
2802
- */
2803
- function css (el, prop) {
2804
- for (var n in prop) {
2805
- el.style[vendor(el, n) || n] = prop[n];
2806
- }
2807
-
2808
- return el
2809
- }
2810
-
2811
- /**
2812
- * Fills in default values.
2813
- */
2814
- function merge (obj) {
2815
- for (var i = 1; i < arguments.length; i++) {
2816
- var def = arguments[i];
2817
- for (var n in def) {
2818
- if (obj[n] === undefined) obj[n] = def[n];
2819
- }
2820
- }
2821
- return obj
2822
- }
2823
-
2824
- /**
2825
- * Returns the line color from the given string or array.
2826
- */
2827
- function getColor (color, idx) {
2828
- return typeof color == 'string' ? color : color[idx % color.length]
2829
- }
2830
-
2831
- // Built-in defaults
2832
-
2833
- var defaults = {
2834
- lines: 12 // The number of lines to draw
2835
- , length: 7 // The length of each line
2836
- , width: 5 // The line thickness
2837
- , radius: 10 // The radius of the inner circle
2838
- , scale: 1.0 // Scales overall size of the spinner
2839
- , corners: 1 // Roundness (0..1)
2840
- , color: '#000' // #rgb or #rrggbb
2841
- , opacity: 1/4 // Opacity of the lines
2842
- , rotate: 0 // Rotation offset
2843
- , direction: 1 // 1: clockwise, -1: counterclockwise
2844
- , speed: 1 // Rounds per second
2845
- , trail: 100 // Afterglow percentage
2846
- , fps: 20 // Frames per second when using setTimeout()
2847
- , zIndex: 2e9 // Use a high z-index by default
2848
- , className: 'spinner' // CSS class to assign to the element
2849
- , top: '50%' // center vertically
2850
- , left: '50%' // center horizontally
2851
- , shadow: false // Whether to render a shadow
2852
- , hwaccel: false // Whether to use hardware acceleration (might be buggy)
2853
- , position: 'absolute' // Element positioning
2854
- };
2855
-
2856
- /** The constructor */
2857
- function Spinner (o) {
2858
- this.opts = merge(o || {}, Spinner.defaults, defaults);
2859
- }
2860
-
2861
- // Global defaults that override the built-ins:
2862
- Spinner.defaults = {};
2863
-
2864
- merge(Spinner.prototype, {
2865
- /**
2866
- * Adds the spinner to the given target element. If this instance is already
2867
- * spinning, it is automatically removed from its previous target b calling
2868
- * stop() internally.
2869
- */
2870
- spin: function (target) {
2871
- this.stop();
2872
-
2873
- var self = this
2874
- , o = self.opts
2875
- , el = self.el = createEl(null, {className: o.className});
2876
-
2877
- css(el, {
2878
- position: o.position
2879
- , width: 0
2880
- , zIndex: o.zIndex
2881
- , left: o.left
2882
- , top: o.top
2883
- });
2884
-
2885
- if (target) {
2886
- target.insertBefore(el, target.firstChild || null);
2887
- }
2888
-
2889
- el.setAttribute('role', 'progressbar');
2890
- self.lines(el, self.opts);
2891
-
2892
- if (!useCssAnimations) {
2893
- // No CSS animation support, use setTimeout() instead
2894
- var i = 0
2895
- , start = (o.lines - 1) * (1 - o.direction) / 2
2896
- , alpha
2897
- , fps = o.fps
2898
- , f = fps / o.speed
2899
- , ostep = (1 - o.opacity) / (f * o.trail / 100)
2900
- , astep = f / o.lines
2901
-
2902
- ;(function anim () {
2903
- i++;
2904
- for (var j = 0; j < o.lines; j++) {
2905
- alpha = Math.max(1 - (i + (o.lines - j) * astep) % f * ostep, o.opacity);
2906
-
2907
- self.opacity(el, j * o.direction + start, alpha, o);
2908
- }
2909
- self.timeout = self.el && setTimeout(anim, ~~(1000 / fps));
2910
- })();
2911
- }
2912
- return self
2913
- }
2914
-
2915
- /**
2916
- * Stops and removes the Spinner.
2917
- */
2918
- , stop: function () {
2919
- var el = this.el;
2920
- if (el) {
2921
- clearTimeout(this.timeout);
2922
- if (el.parentNode) el.parentNode.removeChild(el);
2923
- this.el = undefined;
2924
- }
2925
- return this
2926
- }
2927
-
2928
- /**
2929
- * Internal method that draws the individual lines. Will be overwritten
2930
- * in VML fallback mode below.
2931
- */
2932
- , lines: function (el, o) {
2933
- var i = 0
2934
- , start = (o.lines - 1) * (1 - o.direction) / 2
2935
- , seg;
2936
-
2937
- function fill (color, shadow) {
2938
- return css(createEl(), {
2939
- position: 'absolute'
2940
- , width: o.scale * (o.length + o.width) + 'px'
2941
- , height: o.scale * o.width + 'px'
2942
- , background: color
2943
- , boxShadow: shadow
2944
- , transformOrigin: 'left'
2945
- , transform: 'rotate(' + ~~(360/o.lines*i + o.rotate) + 'deg) translate(' + o.scale*o.radius + 'px' + ',0)'
2946
- , borderRadius: (o.corners * o.scale * o.width >> 1) + 'px'
2947
- })
2948
- }
2949
-
2950
- for (; i < o.lines; i++) {
2951
- seg = css(createEl(), {
2952
- position: 'absolute'
2953
- , top: 1 + ~(o.scale * o.width / 2) + 'px'
2954
- , transform: o.hwaccel ? 'translate3d(0,0,0)' : ''
2955
- , opacity: o.opacity
2956
- , animation: useCssAnimations && addAnimation(o.opacity, o.trail, start + i * o.direction, o.lines) + ' ' + 1 / o.speed + 's linear infinite'
2957
- });
2958
-
2959
- if (o.shadow) ins(seg, css(fill('#000', '0 0 4px #000'), {top: '2px'}));
2960
- ins(el, ins(seg, fill(getColor(o.color, i), '0 0 1px rgba(0,0,0,.1)')));
2961
- }
2962
- return el
2963
- }
2964
-
2965
- /**
2966
- * Internal method that adjusts the opacity of a single line.
2967
- * Will be overwritten in VML fallback mode below.
2968
- */
2969
- , opacity: function (el, i, val) {
2970
- if (i < el.childNodes.length) el.childNodes[i].style.opacity = val;
2971
- }
2972
-
2973
- });
2974
-
2975
-
2976
- function initVML () {
2977
-
2978
- /* Utility function to create a VML tag */
2979
- function vml (tag, attr) {
2980
- return createEl('<' + tag + ' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">', attr)
2981
- }
2982
-
2983
- // No CSS transforms but VML support, add a CSS rule for VML elements:
2984
- sheet.addRule('.spin-vml', 'behavior:url(#default#VML)');
2985
-
2986
- Spinner.prototype.lines = function (el, o) {
2987
- var r = o.scale * (o.length + o.width)
2988
- , s = o.scale * 2 * r;
2989
-
2990
- function grp () {
2991
- return css(
2992
- vml('group', {
2993
- coordsize: s + ' ' + s
2994
- , coordorigin: -r + ' ' + -r
2995
- })
2996
- , { width: s, height: s }
2997
- )
2998
- }
2999
-
3000
- var margin = -(o.width + o.length) * o.scale * 2 + 'px'
3001
- , g = css(grp(), {position: 'absolute', top: margin, left: margin})
3002
- , i;
3003
-
3004
- function seg (i, dx, filter) {
3005
- ins(
3006
- g
3007
- , ins(
3008
- css(grp(), {rotation: 360 / o.lines * i + 'deg', left: ~~dx})
3009
- , ins(
3010
- css(
3011
- vml('roundrect', {arcsize: o.corners})
3012
- , { width: r
3013
- , height: o.scale * o.width
3014
- , left: o.scale * o.radius
3015
- , top: -o.scale * o.width >> 1
3016
- , filter: filter
3017
- }
3018
- )
3019
- , vml('fill', {color: getColor(o.color, i), opacity: o.opacity})
3020
- , vml('stroke', {opacity: 0}) // transparent stroke to fix color bleeding upon opacity change
3021
- )
3022
- )
3023
- );
3024
- }
3025
-
3026
- if (o.shadow)
3027
- for (i = 1; i <= o.lines; i++) {
3028
- seg(i, -2, 'progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)');
3029
- }
3030
-
3031
- for (i = 1; i <= o.lines; i++) seg(i);
3032
- return ins(el, g)
3033
- };
3034
-
3035
- Spinner.prototype.opacity = function (el, i, val, o) {
3036
- var c = el.firstChild;
3037
- o = o.shadow && o.lines || 0;
3038
- if (c && i + o < c.childNodes.length) {
3039
- c = c.childNodes[i + o]; c = c && c.firstChild; c = c && c.firstChild;
3040
- if (c) c.opacity = val;
3041
- }
3042
- };
3043
- }
3044
-
3045
- if (typeof document !== 'undefined') {
3046
- sheet = (function () {
3047
- var el = createEl('style', {type : 'text/css'});
3048
- ins(document.getElementsByTagName('head')[0], el);
3049
- return el.sheet || el.styleSheet
3050
- }());
3051
-
3052
- var probe = css(createEl('group'), {behavior: 'url(#default#VML)'});
3053
-
3054
- if (!vendor(probe, 'transform') && probe.adj) initVML();
3055
- else useCssAnimations = vendor(probe, 'animation');
3056
- }
3057
-
3058
- return Spinner
3059
-
3060
- }));
3061
- });
3062
-
3063
- var dist = _commonjsHelpers.createCommonjsModule(function (module, exports) {
3064
-
3065
- Object.defineProperty(exports, "__esModule", {
3066
- value: true
3067
- });
3068
-
3069
- 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; }; }();
3070
-
3071
-
3072
-
3073
- var _react2 = _interopRequireDefault(React__default);
3074
-
3075
-
3076
-
3077
- var _propTypes2 = _interopRequireDefault(PropTypes__default);
3078
-
3079
-
3080
-
3081
- var _spin2 = _interopRequireDefault(spin);
3082
-
3083
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
3084
-
3085
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
3086
-
3087
- 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; }
3088
-
3089
- 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; }
3090
-
3091
- var Spinner = function (_Component) {
3092
- _inherits(Spinner, _Component);
3093
-
3094
- function Spinner() {
3095
- _classCallCheck(this, Spinner);
3096
-
3097
- return _possibleConstructorReturn(this, (Spinner.__proto__ || Object.getPrototypeOf(Spinner)).apply(this, arguments));
3098
- }
3099
-
3100
- _createClass(Spinner, [{
3101
- key: 'componentDidMount',
3102
- value: function componentDidMount() {
3103
- this.updateSpinner();
3104
- }
3105
- }, {
3106
- key: 'componentDidUpdate',
3107
- value: function componentDidUpdate() {
3108
- this.updateSpinner();
3109
- }
3110
- }, {
3111
- key: 'componentWillUnmount',
3112
- value: function componentWillUnmount() {
3113
- if (this.spinner) {
3114
- this.spinner.stop();
3115
- this.spinner = null;
3116
- }
3117
- }
3118
- }, {
3119
- key: 'updateSpinner',
3120
- value: function updateSpinner() {
3121
- var loaded = this.props.loaded;
3122
-
3123
- if (!loaded && !this.spinner) {
3124
- this.spinner = new _spin2.default(this.props.config);
3125
- this.spinner.spin(this.refs.loader);
3126
- } else if (loaded && this.spinner) {
3127
- this.spinner.stop();
3128
- this.spinner = null;
3129
- }
3130
- }
3131
- }, {
3132
- key: 'render',
3133
- value: function render() {
3134
- var _props = this.props,
3135
- loaded = _props.loaded,
3136
- className = _props.className;
3137
-
3138
-
3139
- if (loaded) {
3140
- return this.props.children ? React__default.Children.only(this.props.children) : null;
3141
- }
3142
-
3143
- return _react2.default.createElement('div', { className: className, ref: 'loader' });
3144
- }
3145
- }]);
3146
-
3147
- return Spinner;
3148
- }(React__default.Component);
3149
-
3150
- Spinner.propTypes = {
3151
- className: _propTypes2.default.string,
3152
- config: _propTypes2.default.object.isRequired,
3153
- loaded: _propTypes2.default.bool.isRequired,
3154
- children: _propTypes2.default.node
3155
- };
3156
- Spinner.defaultProps = {
3157
- config: {},
3158
- loaded: false,
3159
- className: 'loader'
3160
- };
3161
- exports.default = Spinner;
3162
- });
3163
-
3164
- var Spinner = _commonjsHelpers.unwrapExports(dist);
3165
-
3166
- 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; }
3167
-
3168
- 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(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; }
3169
- function LoginButton(props) {
3170
- const {
3171
- children,
3172
- className,
3173
- spinner,
3174
- spinnerConfig
3175
- } = props,
3176
- rest = objectWithoutProperties(props, ["children", "className", "spinner", "spinnerConfig"]);
3177
-
3178
- return React__default.createElement(Login$1, rest, ({
3179
- loading,
3180
- handleClick
3181
- }) => React__default.createElement("button", {
3182
- type: "button",
3183
- className: className,
3184
- onClick: handleClick,
3185
- disabled: loading
3186
- }, children, spinner && loading && React__default.createElement(Spinner, {
3187
- config: spinnerConfig
3188
- })));
3189
- }
3190
- LoginButton.defaultProps = _objectSpread$3({}, Login$1.defaultProps, {
3191
- className: undefined,
3192
- spinnerConfig: {},
3193
- spinner: true
3194
- });
3195
-
3196
- class EmbeddedPost extends React.PureComponent {
3197
- componentDidUpdate() {
3198
- const {
3199
- handleParse
3200
- } = this.props;
3201
- handleParse();
3202
- }
3203
-
3204
- render() {
3205
- const {
3206
- href,
3207
- width,
3208
- showText,
3209
- children
3210
- } = this.props;
3211
- return React__default.createElement("div", {
3212
- className: "fb-post",
3213
- "data-href": href,
3214
- "data-width": width,
3215
- "data-show-text": showText
3216
- }, children);
3217
- }
3218
-
3219
- }
3220
-
3221
- defineProperty(EmbeddedPost, "defaultProps", {
3222
- width: undefined,
3223
- showText: undefined,
3224
- children: undefined
3225
- });
3226
-
3227
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3228
- handleParse
3229
- }) => React__default.createElement(EmbeddedPost, _extends_1({}, props, {
3230
- handleParse: handleParse,
3231
- ref: ref
3232
- }))));
3233
-
3234
- class EmbeddedVideo extends React.PureComponent {
3235
- componentDidUpdate() {
3236
- const {
3237
- handleParse
3238
- } = this.props;
3239
- handleParse();
3240
- }
3241
-
3242
- render() {
3243
- const {
3244
- href,
3245
- width,
3246
- showText,
3247
- allowFullScreen,
3248
- autoPlay,
3249
- showCaptions,
3250
- children
3251
- } = this.props;
3252
- return React__default.createElement("div", {
3253
- className: "fb-video",
3254
- "data-href": href,
3255
- "data-width": width,
3256
- "data-show-text": showText,
3257
- "data-show-captions": showCaptions,
3258
- "data-autoplay": autoPlay,
3259
- "data-allowfullscreen": allowFullScreen
3260
- }, children);
3261
- }
3262
-
3263
- }
3264
-
3265
- defineProperty(EmbeddedVideo, "defaultProps", {
3266
- width: undefined,
3267
- showText: undefined,
3268
- allowFullScreen: undefined,
3269
- autoPlay: undefined,
3270
- showCaptions: undefined,
3271
- children: undefined
3272
- });
3273
-
3274
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3275
- handleParse
3276
- }) => React__default.createElement(EmbeddedVideo, _extends_1({}, props, {
3277
- handleParse: handleParse,
3278
- ref: ref
3279
- }))));
3280
-
3281
- class Comments extends React.PureComponent {
3282
- componentDidUpdate() {
3283
- const {
3284
- handleParse
3285
- } = this.props;
3286
- handleParse();
3287
- }
3288
-
3289
- render() {
3290
- const {
3291
- colorScheme,
3292
- href = getCurrentHref(),
3293
- numPosts,
3294
- orderBy,
3295
- width,
3296
- children,
3297
- mobile
3298
- } = this.props;
3299
- return React__default.createElement("div", {
3300
- className: "fb-comments",
3301
- "data-colorscheme": colorScheme,
3302
- "data-numposts": numPosts,
3303
- "data-href": href,
3304
- "data-order-by": orderBy,
3305
- "data-width": width,
3306
- "data-skin": colorScheme,
3307
- "data-mobile": mobile
3308
- }, children);
3309
- }
3310
-
3311
- }
3312
-
3313
- defineProperty(Comments, "defaultProps", {
3314
- href: undefined,
3315
- numPosts: undefined,
3316
- orderBy: undefined,
3317
- width: undefined,
3318
- colorScheme: undefined,
3319
- children: undefined,
3320
- mobile: undefined
3321
- });
3322
-
3323
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3324
- handleParse
3325
- }) => React__default.createElement(Comments, _extends_1({}, props, {
3326
- handleParse: handleParse,
3327
- ref: ref
3328
- }))));
3329
-
3330
- class CommentsCount extends React.PureComponent {
3331
- componentDidUpdate() {
3332
- const {
3333
- handleParse
3334
- } = this.props;
3335
- handleParse();
3336
- }
3337
-
3338
- render() {
3339
- const {
3340
- href = getCurrentHref(),
3341
- children
3342
- } = this.props;
3343
- return React__default.createElement("span", {
3344
- className: "fb-comments-count",
3345
- "data-href": href
3346
- }, children);
3347
- }
3348
-
3349
- }
3350
-
3351
- defineProperty(CommentsCount, "defaultProps", {
3352
- href: undefined,
3353
- children: undefined
3354
- });
3355
-
3356
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3357
- handleParse
3358
- }) => React__default.createElement(CommentsCount, _extends_1({}, props, {
3359
- handleParse: handleParse,
3360
- ref: ref
3361
- }))));
3362
-
3363
- class Feed extends React.Component {
3364
- constructor(...args) {
3365
- var _this;
3366
-
3367
- super(...args);
3368
- _this = this;
3369
-
3370
- defineProperty(this, "handleClick",
3371
- /*#__PURE__*/
3372
- function () {
3373
- var _ref = asyncToGenerator(function* (evn) {
3374
- evn.preventDefault();
3375
- const {
3376
- handleProcess
3377
- } = _this.props;
3378
- return handleProcess(
3379
- /*#__PURE__*/
3380
- function () {
3381
- var _ref2 = asyncToGenerator(function* (api) {
3382
- const {
3383
- link = getCurrentHref(),
3384
- display,
3385
- appId = api.getAppId(),
3386
- redirectURI,
3387
- from,
3388
- to,
3389
- picture,
3390
- source,
3391
- name,
3392
- caption,
3393
- description,
3394
- dataRef
3395
- } = _this.props;
3396
- return api.ui(clearUndefinedProperties({
3397
- method: 'feed',
3398
- link,
3399
- display,
3400
- app_id: appId,
3401
- redirect_uri: redirectURI,
3402
- from,
3403
- to,
3404
- picture,
3405
- source,
3406
- name,
3407
- caption,
3408
- description,
3409
- ref: dataRef
3410
- }));
3411
- });
3412
-
3413
- return function (_x2) {
3414
- return _ref2.apply(this, arguments);
3415
- };
3416
- }());
3417
- });
3418
-
3419
- return function (_x) {
3420
- return _ref.apply(this, arguments);
3421
- };
3422
- }());
3423
- }
3424
-
3425
- render() {
3426
- const {
3427
- children,
3428
- loading,
3429
- error,
3430
- data
3431
- } = this.props;
3432
- return children({
3433
- loading,
3434
- handleClick: this.handleClick,
3435
- error,
3436
- data
3437
- });
3438
- }
3439
-
3440
- }
3441
-
3442
- defineProperty(Feed, "defaultProps", {
3443
- link: undefined,
3444
- display: undefined,
3445
- appId: undefined,
3446
- redirectURI: undefined,
3447
- from: undefined,
3448
- to: undefined,
3449
- source: undefined,
3450
- picture: undefined,
3451
- name: undefined,
3452
- caption: undefined,
3453
- description: undefined,
3454
- dataRef: undefined
3455
- });
3456
-
3457
- React.forwardRef((props, ref) => React__default.createElement(Process, null, ({
3458
- loading,
3459
- handleProcess,
3460
- error,
3461
- data
3462
- }) => React__default.createElement(Feed, _extends_1({}, props, {
3463
- loading: loading,
3464
- handleProcess: handleProcess,
3465
- data: data,
3466
- error: error,
3467
- ref: ref
3468
- }))));
3469
-
3470
- class Group extends React.PureComponent {
3471
- componentDidUpdate() {
3472
- const {
3473
- handleParse
3474
- } = this.props;
3475
- handleParse();
3476
- }
3477
-
3478
- render() {
3479
- const {
3480
- style,
3481
- href = getCurrentHref(),
3482
- width,
3483
- showSocialContext,
3484
- showMetaData,
3485
- children,
3486
- skin
3487
- } = this.props;
3488
- return React__default.createElement("div", {
3489
- className: "fb-group",
3490
- style: style,
3491
- "data-href": href,
3492
- "data-width": width,
3493
- "data-show-social-context": showSocialContext,
3494
- "data-show-metadata": showMetaData,
3495
- "data-skin": skin
3496
- }, children);
3497
- }
3498
-
3499
- }
3500
-
3501
- defineProperty(Group, "defaultProps", {
3502
- showSocialContext: undefined,
3503
- showMetaData: undefined,
3504
- width: undefined,
3505
- children: undefined,
3506
- style: undefined,
3507
- href: undefined,
3508
- skin: undefined
3509
- });
3510
-
3511
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3512
- handleParse
3513
- }) => React__default.createElement(Group, _extends_1({}, props, {
3514
- handleParse: handleParse,
3515
- ref: ref
3516
- }))));
3517
-
3518
- class LoginStatus$1 extends React.Component {
3519
- constructor(..._args) {
3520
- var _this;
3521
-
3522
- super(..._args);
3523
- _this = this;
3524
-
3525
- defineProperty(this, "state", {});
3526
-
3527
- defineProperty(this, "handleReady",
3528
- /*#__PURE__*/
3529
- function () {
3530
- var _ref = asyncToGenerator(function* (api) {
3531
- const {
3532
- event
3533
- } = _this.props;
3534
-
3535
- _this.setState({
3536
- api
3537
- });
3538
-
3539
- yield api.subscribe(event, _this.handleChange);
3540
- });
3541
-
3542
- return function (_x) {
3543
- return _ref.apply(this, arguments);
3544
- };
3545
- }());
3546
-
3547
- defineProperty(this, "handleChange", (...args) => {
3548
- const {
3549
- onChange
3550
- } = this.props;
3551
-
3552
- if (onChange) {
3553
- onChange(...args);
3554
- }
3555
- });
3556
- }
3557
-
3558
- componentWillUnmount() {
3559
- const {
3560
- state: {
3561
- api
3562
- },
3563
- props: {
3564
- event
3565
- }
3566
- } = this;
3567
-
3568
- if (api) {
3569
- api.unsubscribe(event, this.handleChange);
3570
- }
3571
- }
3572
-
3573
- render() {
3574
- const {
3575
- children
3576
- } = this.props;
3577
- return React__default.createElement(Initialize$1, {
3578
- onReady: this.handleReady
3579
- }, children);
3580
- }
3581
-
3582
- }
3583
-
3584
- defineProperty(LoginStatus$1, "defaultProps", {
3585
- onChange: undefined
3586
- });
3587
-
3588
- class Profile extends React.Component {
3589
- constructor(...args) {
3590
- var _this;
3591
-
3592
- super(...args);
3593
- _this = this;
3594
-
3595
- defineProperty(this, "state", {
3596
- loading: true
3597
- });
3598
-
3599
- defineProperty(this, "handleReady",
3600
- /*#__PURE__*/
3601
- function () {
3602
- var _ref = asyncToGenerator(function* (api) {
3603
- _this.api = api;
3604
-
3605
- _this.updateProfile();
3606
- });
3607
-
3608
- return function (_x) {
3609
- return _ref.apply(this, arguments);
3610
- };
3611
- }());
3612
-
3613
- defineProperty(this, "handleStatusChange", () => {
3614
- this.updateProfile();
3615
- });
3616
- }
3617
-
3618
- updateProfile() {
3619
- var _this2 = this;
3620
-
3621
- return asyncToGenerator(function* () {
3622
- const {
3623
- api,
3624
- props: {
3625
- fields
3626
- }
3627
- } = _this2;
3628
-
3629
- if (!api) {
3630
- return;
3631
- }
3632
-
3633
- try {
3634
- const response = yield api.getLoginStatus();
3635
-
3636
- if (response.status !== LoginStatus.CONNECTED) {
3637
- _this2.setState({
3638
- profile: undefined,
3639
- loading: false,
3640
- error: undefined
3641
- });
3642
-
3643
- return;
3644
- }
3645
-
3646
- const profile = yield api.getProfile({
3647
- fields
3648
- });
3649
-
3650
- _this2.setState({
3651
- profile,
3652
- loading: false,
3653
- error: undefined
3654
- });
3655
- } catch (error) {
3656
- _this2.setState({
3657
- profile: undefined,
3658
- loading: false,
3659
- error
3660
- });
3661
- }
3662
- })();
3663
- }
3664
-
3665
- render() {
3666
- const {
3667
- children
3668
- } = this.props;
3669
- const {
3670
- profile,
3671
- loading,
3672
- error
3673
- } = this.state;
3674
- return React__default.createElement(Initialize$1, {
3675
- onReady: this.handleReady
3676
- }, React__default.createElement(LoginStatus$1, {
3677
- event: "auth.statusChange",
3678
- onChange: this.handleStatusChange
3679
- }, children({
3680
- profile,
3681
- loading,
3682
- error
3683
- })));
3684
- }
3685
-
3686
- }
3687
-
3688
- defineProperty(Profile, "defaultProps", {
3689
- fields: Fields
3690
- });
3691
-
3692
- class CustomChat extends React.PureComponent {
3693
- componentDidUpdate() {
3694
- const {
3695
- handleParse
3696
- } = this.props;
3697
- handleParse();
3698
- }
3699
-
3700
- render() {
3701
- const {
3702
- children,
3703
- pageId,
3704
- themeColor,
3705
- loggedInGreeting,
3706
- loggedOutGreeting,
3707
- dataRef,
3708
- greetingDialogDisplay,
3709
- greetingDialogDelay
3710
- } = this.props;
3711
- return React__default.createElement("div", {
3712
- className: "fb-customerchat",
3713
- page_id: pageId,
3714
- theme_color: themeColor,
3715
- logged_in_greeting: loggedInGreeting,
3716
- logged_out_greeting: loggedOutGreeting,
3717
- greeting_dialog_display: greetingDialogDisplay,
3718
- greeting_dialog_delay: greetingDialogDelay,
3719
- "data-ref": dataRef
3720
- }, children);
3721
- }
3722
-
3723
- }
3724
-
3725
- defineProperty(CustomChat, "defaultProps", {
3726
- children: undefined,
3727
- themeColor: undefined,
3728
- loggedInGreeting: undefined,
3729
- loggedOutGreeting: undefined,
3730
- dataRef: undefined,
3731
- greetingDialogDisplay: undefined,
3732
- greetingDialogDelay: undefined
3733
- });
3734
-
3735
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3736
- handleParse
3737
- }) => React__default.createElement(CustomChat, _extends_1({}, props, {
3738
- handleParse: handleParse,
3739
- ref: ref
3740
- }))));
3741
-
3742
- class MessageUs extends React.PureComponent {
3743
- componentDidUpdate() {
3744
- const {
3745
- handleParse
3746
- } = this.props;
3747
- handleParse();
3748
- }
3749
-
3750
- render() {
3751
- const {
3752
- color,
3753
- messengerAppId,
3754
- pageId,
3755
- children,
3756
- size
3757
- } = this.props;
3758
- return React__default.createElement("div", {
3759
- className: "fb-messengermessageus",
3760
- messenger_app_id: messengerAppId,
3761
- page_id: pageId,
3762
- "data-color": color,
3763
- "data-size": size
3764
- }, children);
3765
- }
3766
-
3767
- }
3768
-
3769
- defineProperty(MessageUs, "defaultProps", {
3770
- color: undefined,
3771
- size: undefined,
3772
- children: undefined
3773
- });
3774
-
3775
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3776
- handleParse
3777
- }) => React__default.createElement(MessageUs, _extends_1({}, props, {
3778
- handleParse: handleParse,
3779
- ref: ref
3780
- }))));
3781
-
3782
- class MessengerCheckbox extends React.PureComponent {
3783
- componentDidUpdate() {
3784
- const {
3785
- handleParse
3786
- } = this.props;
3787
- handleParse();
3788
- }
3789
-
3790
- render() {
3791
- const {
3792
- origin,
3793
- prechecked,
3794
- allowLogin,
3795
- userRef,
3796
- messengerAppId,
3797
- pageId,
3798
- children,
3799
- size,
3800
- centerAlign,
3801
- skin
3802
- } = this.props;
3803
- return React__default.createElement("div", {
3804
- className: "fb-messenger-checkbox",
3805
- messenger_app_id: messengerAppId,
3806
- page_id: pageId,
3807
- size: size,
3808
- origin: origin,
3809
- user_ref: userRef,
3810
- prechecked: prechecked,
3811
- allow_login: allowLogin,
3812
- skin: skin,
3813
- center_align: centerAlign
3814
- }, children);
3815
- }
3816
-
3817
- }
3818
-
3819
- defineProperty(MessengerCheckbox, "defaultProps", {
3820
- size: undefined,
3821
- allowLogin: undefined,
3822
- prechecked: undefined,
3823
- userRef: undefined,
3824
- children: undefined,
3825
- origin: undefined,
3826
- skin: undefined,
3827
- centerAlign: undefined
3828
- });
3829
-
3830
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3831
- handleParse
3832
- }) => React__default.createElement(MessengerCheckbox, _extends_1({}, props, {
3833
- handleParse: handleParse,
3834
- ref: ref
3835
- }))));
3836
-
3837
- // import MessengerColor from './constants/MessengerColor';
3838
-
3839
- class SendToMessenger extends React.PureComponent {
3840
- componentDidUpdate() {
3841
- const {
3842
- handleParse
3843
- } = this.props;
3844
- handleParse();
3845
- }
3846
-
3847
- render() {
3848
- const {
3849
- color,
3850
- messengerAppId,
3851
- pageId,
3852
- children,
3853
- dataRef,
3854
- size
3855
- } = this.props;
3856
- return React__default.createElement("div", {
3857
- className: "fb-send-to-messenger",
3858
- messenger_app_id: messengerAppId,
3859
- page_id: pageId,
3860
- "data-color": color,
3861
- "data-size": size,
3862
- "data-ref": dataRef
3863
- }, children);
3864
- }
3865
-
3866
- }
3867
-
3868
- defineProperty(SendToMessenger, "defaultProps", {
3869
- color: undefined,
3870
- size: undefined,
3871
- dataRef: undefined,
3872
- children: undefined
3873
- });
3874
-
3875
- React.forwardRef((props, ref) => React__default.createElement(Parser, null, ({
3876
- handleParse
3877
- }) => React__default.createElement(SendToMessenger, _extends_1({}, props, {
3878
- handleParse: handleParse,
3879
- ref: ref
3880
- }))));
3881
-
3882
1178
  var ImageSlider = function ImageSlider(props) {
3883
1179
  var innerSlider = React.useRef(null);
3884
1180
  var tile = React.useRef(null);
@@ -4057,8 +1353,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
4057
1353
  client = _ref.client,
4058
1354
  Settings = _ref.Settings,
4059
1355
  pageview = _ref.pageview,
4060
- page = _ref.page,
4061
- connectWithLinkedinLogo = _ref.connectWithLinkedinLogo;
1356
+ page = _ref.page;
4062
1357
 
4063
1358
  return React__default.createElement(
4064
1359
  React__default.Fragment,
@@ -4104,23 +1399,10 @@ var PartnerDetails = function PartnerDetails(_ref) {
4104
1399
  { jsx: 'true' },
4105
1400
  '\n @media screen and (max-width: 768px) {\n .partners-logo {\n width: 100%;\n min-width: 100%;\n }\n .partner-logo-wrap {\n flex-wrap: wrap;\n }\n .block-content-partners {\n padding-left: 0 !important;\n }\n }\n '
4106
1401
  ),
4107
- (partnerDetails.description || partnerDetails.linkedin) && React__default.createElement(
1402
+ partnerDetails.description && React__default.createElement(
4108
1403
  'div',
4109
1404
  { className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
4110
- partnerDetails.description && React__default.createElement(BlockContent.BlockContent, _extends$1._extends({ serializers: getSerializers.getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
4111
- partnerDetails.linkedin && connectWithLinkedinLogo && React__default.createElement(
4112
- 'a',
4113
- { href: '' + partnerDetails.linkedin + (partnerDetails.linkedin.slice(-1) === '/' ? '' : '/') + 'posts/?feedView=all', target: '_blank', rel: 'noopener noreferrer' },
4114
- React__default.createElement(
4115
- 'div',
4116
- { className: 'embed-responsive embed-responsive-21by9' },
4117
- React__default.createElement(
4118
- 'div',
4119
- { className: 'embed-responsive-item d-flex justify-content-center align-items-center' },
4120
- React__default.createElement('img', { src: connectWithLinkedinLogo, alt: 'connect with us on LinkedIn', className: 'w-50' })
4121
- )
4122
- )
4123
- )
1405
+ React__default.createElement(BlockContent.BlockContent, _extends$1._extends({ serializers: getSerializers.getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
4124
1406
  )
4125
1407
  ),
4126
1408
  partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides && React__default.createElement(
@@ -4147,20 +1429,6 @@ var PartnerDetails = function PartnerDetails(_ref) {
4147
1429
  React__default.createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } })
4148
1430
  )
4149
1431
  ),
4150
- partnerDetails.facebook && React__default.createElement(
4151
- 'div',
4152
- {
4153
- className: 'mb-5 w-100 text-center p-3',
4154
- style: {
4155
- border: '2px solid #aaa',
4156
- borderRadius: '15px'
4157
- } },
4158
- React__default.createElement(
4159
- Facebook$1,
4160
- { appId: ' ' },
4161
- React__default.createElement(Page$1, { href: partnerDetails.facebook, tabs: 'timeline', width: '500', height: '500' })
4162
- )
4163
- ),
4164
1432
  React__default.createElement(
4165
1433
  'div',
4166
1434
  null,
@@ -4198,25 +1466,25 @@ var PartnerDetails = function PartnerDetails(_ref) {
4198
1466
  };
4199
1467
 
4200
1468
  PartnerDetails.returnGetInitialProps = function () {
4201
- var _ref2 = asyncToGenerator$1._asyncToGenerator( /*#__PURE__*/asyncToGenerator$1.regenerator.mark(function _callee(identifier, partnerPageUrl, partnerDocumentGroupID, params, currentPage, client) {
1469
+ var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(identifier, partnerPageUrl, partnerDocumentGroupID, params, currentPage, client) {
4202
1470
  var category = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
4203
1471
 
4204
1472
  var today, featureQuery, partnerQuery, taxonomyQuery, _ref3, _ref4, features, partnerDetails, taxonomyDetails, articlesQuery, articles;
4205
1473
 
4206
- return asyncToGenerator$1.regenerator.wrap(function _callee$(_context) {
1474
+ return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
4207
1475
  while (1) {
4208
1476
  switch (_context.prev = _context.next) {
4209
1477
  case 0:
4210
1478
  today = moment.moment().utc().format();
4211
1479
  featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->url\n }';
4212
- partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
1480
+ partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
4213
1481
 
4214
1482
 
4215
1483
  if (category) {
4216
1484
  //if partners page has a sub category such as onclive
4217
1485
  //e.g. /sap-partner/[category]/[partner]
4218
1486
 
4219
- partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
1487
+ partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
4220
1488
  }
4221
1489
 
4222
1490
  taxonomyQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && isShow != false\n && identifier.current == \'' + identifier + '\'] [0] {\n \'id\': _id,\n \'title\': name\n }';
@@ -4225,7 +1493,7 @@ PartnerDetails.returnGetInitialProps = function () {
4225
1493
  taxonomyQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && isShow != false\n && identifier.current == \'' + identifier + '\' && references(*[_type == \'documentGroup\' && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')]._id)] [0] {\n \'id\': _id,\n \'title\': name\n }';
4226
1494
  }
4227
1495
  _context.next = 8;
4228
- return asyncToGenerator$1._Promise.all([client.fetch(featureQuery), client.fetch(partnerQuery), client.fetch(taxonomyQuery)]);
1496
+ return asyncToGenerator._Promise.all([client.fetch(featureQuery), client.fetch(partnerQuery), client.fetch(taxonomyQuery)]);
4229
1497
 
4230
1498
  case 8:
4231
1499
  _ref3 = _context.sent;