use the same APIs when creating invites as you do when redeeming them

www/common/common-ui-elements.js

@@ -14,14 +14,14 @@ define([
     '/customize/application_config.js',
     '/customize/pages.js',
     '/bower_components/nthen/index.js',
+    '/common/invitation.js',
 
     '/bower_components/scrypt-async/scrypt-async.js',
     'css!/customize/fonts/cptools/style.css',
     '/bower_components/croppie/croppie.min.js',
     'css!/bower_components/croppie/croppie.css',
 ], function ($, Config, Util, Hash, Language, UI, Constants, Feedback, h, MediaTag, Clipboard,
-             Messages, AppConfig, Pages, NThen) {
-    var Scrypt = window.scrypt;
+             Messages, AppConfig, Pages, NThen, InviteInner) {
     var UIElements = {};
 
     // Configure MediaTags to use our local viewer
@@ -1681,6 +1681,10 @@ define([
                 $(linkError).text('empty name...').show(); // XXX
                 return true;
             }
+
+            var seeds = InviteInner.deriveSeeds(hashData.key);
+            var salt = InviteInner.deriveSalt(pw, AppConfig.loginSalt);
+
             var bytes64;
             NThen(function (waitFor) {
                 $(linkForm).hide();
@@ -1688,17 +1692,9 @@ define([
                 $nav.find('button.cp-teams-invite-create').prop('disabled', 'disabled');
                 setTimeout(waitFor(), 150);
             }).nThen(function (waitFor) {
-                // Scrypt
-                Scrypt(hashData.key,
-                    (pw || '') + (AppConfig.loginSalt || ''), // salt
-                    8, // memoryCost (n)
-                    1024, // block size parameter (r)
-                    192, // dkLen
-                    200, // interruptStep
-                    waitFor(function (_bytes) {
+                InviteInner.deriveBytes(seeds.scrypt, salt, waitFor(function (_bytes) {
                     bytes64 = _bytes;
-                    }),
-                    'base64'); // format, could be 'base64'
+                }));
             }).nThen(function (waitFor) {
                 $(linkSpinText).text('Add invite link to team'); // XXX
                 module.execCommand('CREATE_INVITE_LINK', {
@@ -1708,6 +1704,7 @@ define([
                     bytes64: bytes64,
                     hash: hash,
                     teamId: config.teamId,
+                    seeds: seeds,
                 }, waitFor(function (obj) {
                     if (obj && obj.error) {
                         waitFor.abort();

www/common/invitation.js

@@ -42,6 +42,18 @@ var factory = function (Hash, Nacl, Scrypt/*, Util, Cred, nThen */) {
             cb,
             'base64'); // format, could be 'base64'
     };
+
+    Invite.getPreviewContent = function (seeds, cb) {
+        var secrets = Invite.derivePreviewSecrets(seeds);
+        secrets = secrets;
+        cb("NOT_IMPLEMENTED"); // XXX cryptget
+    };
+
+    // XXX remember to pin invites...
+    Invite.setPreviewContent = function (seeds, cb) {
+        cb = cb;
+    };
+
     return Invite;
 };
     if (typeof(module) !== 'undefined' && module.exports) {

www/teams/inner.js

@@ -1053,6 +1053,20 @@ define([
             var $div = $(div);
             $div.empty();
             var bytes64;
+
+            nThen(function (waitFor) {
+                // XXX show something while we're waiting for the invite preview content
+                waitFor = waitFor;
+            }).nThen(function (waitFor) {
+                InviteInner.getPreviewContent(seeds, waitFor(function (err, json) {
+                    json = json; // XXX {message: "", author: "", ???}
+                    if (err) {
+                        // XXX handle errors
+                    }
+                    // XXX show invite preview content
+
+                    var button = h('button', 'XXX');
+                    button.onclick = function () {
                         nThen(function (waitFor) {
                             $div.append(h('div', [
                                 h('i.fa.fa-spin.fa-spinner'),
@@ -1077,6 +1091,11 @@ define([
                         });
                     };
 
+                    $div.append(button);
+                }));
+            });
+        };
+
         var content = [];
         if (password) {
             // XXX XXX