@budibase/frontend-core 2.2.12-alpha.49 → 2.2.12-alpha.50

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "2.2.12-alpha.49",
+  "version": "2.2.12-alpha.50",
   "description": "Budibase frontend core libraries used in builder and client",
   "author": "Budibase",
   "license": "MPL-2.0",
   "svelte": "src/index.js",
   "dependencies": {
-    "@budibase/bbui": "2.2.12-alpha.49",
+    "@budibase/bbui": "2.2.12-alpha.50",
     "lodash": "^4.17.21",
     "svelte": "^3.46.2"
   },
-  "gitHead": "df1d853fe0990446eec4a4e08128257d35cc438f"
+  "gitHead": "b6ca342ed964e28404648db0dc2ff63b82347a2a"
 }

package/src/api/user.js

@@ -146,6 +146,16 @@ export const buildUserEndpoints = API => ({
     })
   },
 
+  /**
+   * Retrieves the invitation associated with a provided code.
+   * @param code The unique code for the target invite
+   */
+  getUserInvite: async code => {
+    return await API.get({
+      url: `/api/global/users/invite/${code}`,
+    })
+  },
+
   /**
    * Invites multiple users to the current tenant.
    * @param users An array of users to invite
@@ -168,13 +178,17 @@ export const buildUserEndpoints = API => ({
    * Accepts an invite to join the platform and creates a user.
    * @param inviteCode the invite code sent in the email
    * @param password the password for the newly created user
+   * @param firstName the first name of the new user
+   * @param lastName the last name of the new user
    */
-  acceptInvite: async ({ inviteCode, password }) => {
+  acceptInvite: async ({ inviteCode, password, firstName, lastName }) => {
     return await API.post({
       url: "/api/global/users/invite/accept",
       body: {
         inviteCode,
         password,
+        firstName,
+        lastName,
       },
     })
   },

package/src/components/SplitPage.svelte

@@ -1,10 +1,15 @@
+<script>
+  import BG from "../../assets/bg.png"
+</script>
+
 <div class="split-page">
   <div class="left">
     <div class="content">
       <slot />
     </div>
   </div>
-  <div class="right">
+  <div class="right spectrum spectrum--darkest">
+    <img src={BG} alt="background" />
     <slot name="right" />
   </div>
 </div>
@@ -25,11 +30,14 @@
     overflow-y: auto;
   }
   .right {
-    background: linear-gradient(
-      to bottom right,
-      var(--spectrum-global-color-gray-300) 0%,
-      var(--background) 100%
-    );
+    position: relative;
+  }
+  .right img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
   }
   .content {
     width: 100%;

package/src/components/TestimonialPage.svelte

@@ -1,6 +1,34 @@
 <script>
   import SplitPage from "./SplitPage.svelte"
   import { Layout } from "@budibase/bbui"
+  import Bulgaria from "../../assets/bulgaria.png"
+  import Covanta from "../../assets/covanta.png"
+  import Schnellecke from "../../assets/schnellecke.png"
+
+  const testimonials = [
+    {
+      text: "Budibase was the only solution that checked all the boxes for Covanta. Covanta expects to realize $3.2MM in savings due to the elimination of redundant data entry.",
+      name: "Charles Link",
+      role: "Senior Director, Data and Analytics",
+      image: Covanta,
+      imageSize: 105,
+    },
+    {
+      text: "Budibase was mission-critical for us and went a long way in preventing what could have become a humanitarian crisis here in Bulgaria.",
+      name: "Bozhidar Bozhanov",
+      role: "Government of Bulgaria",
+      image: Bulgaria,
+      imageSize: 49,
+    },
+    {
+      text: "Centralization of authentication, quick turnaround time for requests, integration with different database systems has given it the edge and it’s now used daily for internal development for those apps that you know you need but don’t feel value in losing days of development to reinvent the wheel.",
+      name: "Davide Lenzarini",
+      role: "IT manager",
+      image: Schnellecke,
+      imageSize: 141,
+    },
+  ]
+  const testimonial = testimonials[Math.floor(Math.random() * 3)]
 </script>
 
 <SplitPage>
@@ -8,19 +36,17 @@
   <div class="wrapper" slot="right">
     <div class="testimonial">
       <Layout noPadding gap="S">
+        <img
+          width={testimonial.imageSize}
+          alt="a-happy-budibase-user"
+          src={testimonial.image}
+        />
         <div class="text">
-          "Here is an example of how Budibase changed my life for the better and
-          now all I do is eat, sleep, build apps, repeat."
+          "{testimonial.text}"
         </div>
-        <div class="user">
-          <img
-            alt="a-happy-budibase-user"
-            src="https://icon-library.com/images/male-user-icon/male-user-icon-24.jpg"
-          />
-          <div class="author">
-            <div class="name">No-code Enthusiast</div>
-            <div class="company">Bedroom TLD</div>
-          </div>
+        <div class="author">
+          <div class="name">{testimonial.name}</div>
+          <div class="company">{testimonial.role}</div>
         </div>
       </Layout>
     </div>
@@ -35,23 +61,13 @@
     place-items: center;
   }
   .testimonial {
-    width: 280px;
+    width: 380px;
     padding: 40px;
   }
   .text {
     font-size: var(--font-size-l);
     font-style: italic;
   }
-  img {
-    width: 40px;
-  }
-  .user {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    gap: var(--spacing-s);
-  }
   .name {
     font-weight: bold;
     color: var(--spectrum-global-color-gray-900);