v7.0.0-beta.1

GleapSDK · May 16, 2022 · 4db7b78 · 4db7b78
1 parent 8253e7c
commit 4db7b78
Show file tree

Hide file tree

Showing 380 changed files with 2,735 additions and 88,697 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/build/index.js b/build/index.js
diff --git a/build/index.min.css b/build/index.min.css
diff --git a/demo/Rectangle + Group Mask.png b/demo/Rectangle + Group Mask.png
diff --git a/demo/bb.css b/demo/bb.css
diff --git a/demo/bugbattlelogo.png b/demo/bugbattlelogo.png
diff --git a/demo/e81868fd_original.jpg b/demo/e81868fd_original.jpg
diff --git a/demo/gallery.png b/demo/gallery.png
diff --git a/demo/index.html b/demo/index.html
@@ -16,7 +16,6 @@
     ></script>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
-    <link rel="stylesheet" type="text/css" media="screen" href="bb.css" />
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
@@ -42,7 +41,7 @@
       .header {
         width: 100%;
         min-height: 500px;
-        background-color: #03fff5;
+        background-color: #485bff;
       }
 
       .header-container {
@@ -58,14 +57,14 @@
       }
 
       h1 {
-        color: #333;
+        color: #fff;
         font-size: 32px;
         font-weight: 900;
       }
 
       .sub-headline {
         font-size: 16px;
-        color: #333;
+        color: #ffffff88;
         font-weight: 500;
         margin-top: 5px;
       }
@@ -75,7 +74,7 @@
       }
 
       .sub-headline a {
-        color: #333;
+        color: #ffffff88;
         display: inline;
         text-decoration: underline;
       }
@@ -87,15 +86,15 @@
       }
 
       .logo i {
-        font-size: 50px;
-        color: #333;
+        font-size: 40px;
+        color: #fff;
       }
 
       .head-image {
         margin-top: 0px;
         width: 100%;
         height: auto;
-        max-height: 500px;
+        max-height: 450px;
         border-radius: 10px;
         object-fit: cover;
       }
@@ -167,7 +166,7 @@
   </head>
 
   <body>
-    <div class="logo"><i class="fa-brands fa-airbnb"></i></div>
+    <div class="logo"><i class="fa-solid fa-earth-africa"></i></div>
     <div class="header">
       <div class="header-container">
         <h1>Off-Grid-it-Haus</h1>
@@ -178,17 +177,9 @@ <h2 class="sub-headline">
       </div>
     </div>
     <div class="header-container-image">
-      <img class="head-image" src="./e81868fd_original.jpg" />
+      <img class="head-image" src="./pexels-clayton-bunn-5524336.jpg" />
     </div>
     <div class="content" id="haha">
-      The Off-grid itHouse brings together raw industrial aesthetics with the
-      tactics of green design to forge a new home in the sunbaked wilds of the
-      California high desert.
-      <br /><br />
-      <div class="buttonlink">Book now</div>
-      <br /><br />
-      <b>Die Unterkunft</b><br />
-      <br />
       The Off-grid itHouse is an architecturally significant house, recently
       noted by Dwell as one of the 'Best Homes in America' and in the Los
       Angeles Times as one of the best houses of all time in Southern
@@ -198,7 +189,9 @@ <h2 class="sub-headline">
       rentals worldwide. This is the prototype for the pre-engineered system
       known as the IT House.
       <br /><br />
-      <img src="./gallery.png" />
+      <div class="buttonlink" onclick="console.log('Book now clicked.');">
+        Book now
+      </div>
       <br /><br />
       The house is 100% off-grid, powered by solar panels for energy and hot
       water, and is located in a pristine remote valley in the beautiful
@@ -213,7 +206,13 @@ <h2 class="sub-headline">
       Perfect for design or green aficionados, writers or those needing a
       secluded quiet getaway.
       <br /><br />
-      <b>Zugang für Gäste</b><br />
+      <video width="320" height="240" controls>
+        <source src="movie.mp4" type="video/mp4" />
+        Your browser does not support the video tag.
+      </video>
+      <br />
+      <br />
+      <b>Access for guests</b><br />
       <br />
       Intentionally there is no television and only satellite wifi for emergency
       communication so that one can truly experience being in a place of extreme
@@ -231,21 +230,14 @@ <h2 class="sub-headline">
       It is recommended that guests arrive before sundown in order to find the
       house. The house is in a remote location.
       <br /><br />
-      <b>Weitere wichtige Hinweise</b><br />
+      <b>More information</b><br />
       <br />
       Holiday weekend 3 day minimum applies to Presidents Day weekend,
       Valentines Day, Memorial Day Weekend, Independence Day weekend, Labor Day
       Weekend, Thanksgiving, Christmas and New Years. WE DO NOT ALLOW EVENTS OR
       SHOOTS OF ANY KIND TO BE BOOKED THROUGH AIRBNB. WE ARE NO LONGER ALLOWING
       WEDDINGS. FOR INQUIRIES BEYOND VACATION RENTAL PLEASE CONTACT LOCATIONS
       UNLIMITED.
-      <audio controls>
-        <source
-          src="https://biblephrasesm31p70v.blob.core.windows.net/phrases-v2/CD17C8A4CF4FA179C864FA4EFA561BBC405EF06304B1E239EE1A3A781A8905A0.mpga"
-          type="audio/mpeg"
-        />
-        Your browser does not support the audio element.
-      </audio>
     </div>
   </body>
 </html>
diff --git a/demo/index.js b/demo/index.js
diff --git a/demo/main.js b/demo/main.js
@@ -3,8 +3,8 @@ const Gleap = window.Gleap;
 // Gleap.setApiUrl("http://localhost:9000");
 Gleap.initialize("DUPaIr7s689BBblcFI4pc5aBgYJTm7Sc");
 
-Gleap.identify("12938", {
-  email: "lukas@gleap.io",
+Gleap.identify("123338", {
+  email: "lukas+test@gleap.io",
   name: "Lukas",
 });
 
@@ -17,6 +17,11 @@ Gleap.attachCustomData({
   },
 });
 
+Gleap.registerCustomAction((customAction) => {
+  console.log("MAGIC??");
+  console.log(customAction);
+});
+
 setTimeout(() => {
   console.log("Loading place infos");
 
@@ -33,35 +38,19 @@ setTimeout(() => {
   xmlhttp.send();
 }, 3000);
 
+const ii = () => {
+  // :)
+}
+
 setTimeout(() => {
   console.warn("Demo warning :)");
   console.log("Data will be loaded soon.");
-}, 0);
+
+  ii();
+}, 4000);
 
 const files = [
   "https://biblephrasesm31p70v.blob.core.windows.net/phrases-v2/CD17C8A4CF4FA179C864FA4EFA561BBC405EF06304B1E239EE1A3A781A8905A0.mpga",
   "https://biblephrasesm31p70v.blob.core.windows.net/phrases-v2/CD17C8A4CF4FA179C864FA4EFA561BBC405EF06304B1E239EE1A3A781A8905A0.mpga",
   "https://reqres.in/api/products/3",
-];
-
-setTimeout(() => {
-  const sheet1 = new CSSStyleSheet();
-  sheet1.replaceSync("* { color: red; }");
-
-  /*const div = document.createElement("div");
-  const shadowRoot = div.attachShadow({ mode: "open" });
-  shadowRoot.adoptedStyleSheets = [sheet1];
-  shadowRoot.innerHTML = `
-<span class="foo">Hello!<br />HelloHelloHelloHelloHelloHelloHelloHelloHello HelloHelloHelloHelloHelloHelloHelloHelloHello HelloHelloHelloHelloHelloHelloHelloHelloHello Hello</span>
-`;
-  document.body.appendChild(div);*/
-  document.adoptedStyleSheets = [sheet1];
-}, 2000);
-
-window.addEventListener('error', e => {
-  console.log(e);
-});
-
-setTimeout(() => {
-  // x();
-}, 3000);
+];
diff --git a/demo/movie.mp4 b/demo/movie.mp4
diff --git a/demo/pexels-clayton-bunn-5524336.jpg b/demo/pexels-clayton-bunn-5524336.jpg
diff --git a/demo/pexels-jaymantri-4827.jpg b/demo/pexels-jaymantri-4827.jpg
diff --git a/demo/pexels-pixabay-259588.jpg b/demo/pexels-pixabay-259588.jpg
diff --git a/index.d.ts b/index.d.ts
@@ -1,8 +1,6 @@
 export namespace Gleap {
   function initialize(
-    sdkKey: string,
-    gleapId?: string,
-    gleapHash?: string
+    sdkKey: string
   ): void;
   /**
    * @deprecated Please use sendSilentReport instead.
@@ -32,7 +30,6 @@ export namespace Gleap {
       replays: Boolean;
     }
   ): void;
-  function setCustomerEmail(email: string): void;
   function attachCustomData(customData: any): void;
   function setCustomData(key: string, value: string): void;
   function removeCustomData(key: string): void;
@@ -44,31 +41,18 @@ export namespace Gleap {
     customAction: (action: { name: string }) => void
   ): void;
   function logEvent(name: string, data?: any): void;
-  function enableRageClickDetector(silent?: boolean): void;
-  function setLogoUrl(logoUrl: string): void;
-  function setButtonLogoUrl(buttonLogoUrl: string): void;
-  function setCustomTranslation(customTranslation: any): void;
-  function enableCrashDetector(enabled: boolean, silent?: boolean): void;
   function setAppBuildNumber(buildNumber: string): void;
   function setAppVersionCode(versionCode: string): void;
   function attachNetworkLogs(externalConsoleLogs: any[]): void;
-  function setColors(
-    primaryColor: string,
-    headerColor: string,
-    buttonColor: string
-  ): void;
   function setStyles(styles: {
     primaryColor: string;
     headerColor: string;
     buttonColor: string;
     cornerRadius: string;
   }): void;
   function disableConsoleLogOverwrite(): void;
-  function enableNetworkLogger(): void;
   function setLiveSite(isLiveSite: boolean): void;
   function enableShortcuts(enabled: boolean): void;
-  function enableReplays(enabled: boolean): void;
-  function setShowUserName(showUserName: boolean): void;
   function setLanguage(language: string): void;
   function clearIdentity(): void;
   function identify(
@@ -80,7 +64,7 @@ export namespace Gleap {
   ): void;
   function open(): void;
   function hide(): void;
-  function startFeedbackFlow(feedbackFlow: string): void;
+  function startFeedbackFlow(feedbackFlow: string, actionOutboundId?: string, autostartDrawing?: boolean): void;
   function on(event: string, callback: (data?: any) => void): void;
 }
 export default Gleap;