clarity-js 0.6.39 → 0.6.41

package/test/core.test.ts

@@ -33,21 +33,23 @@ describe('Core Tests', () => {
         let email = node(decoded, "attributes.id", "eml");
         let password = node(decoded, "attributes.id", "pwd");
         let search = node(decoded, "attributes.id", "search");
+        let card = node(decoded, "attributes.id", "cardnum");
         let click = clicks(decoded)[0];
         let input = inputs(decoded)[0];
         
         // Non-sensitive fields continue to pass through with sensitive bits masked off
-        assert.equal(heading, "Thanks for your order #••••••••");
+        assert.equal(heading, "Thanks for your order #▫▪▪▫▫▫▪▪");
 
         // Sensitive fields, including input fields, are randomized and masked
         assert.equal(address, "•••••• ••••• ••••• ••••• ••••• •••••");
         assert.equal(email.attributes.value, "••••• •••• •••• ••••");
         assert.equal(password.attributes.value, "••••• ••••");
-        assert.equal(search.attributes.value, "hello •••••");
+        assert.equal(search.attributes.value, "hello ▪▫▪▪▪");
+        assert.equal(card.attributes.value, "▫▫▫▫");
 
         // Clicked text and input value should be consistent with uber masking configuration
-        assert.equal(click.data.text, "Hello •••••");
-        assert.equal(input.data.value, "query with •••••••");
+        assert.equal(click.data.text, "Hello ▪▪▪▫▪");
+        assert.equal(input.data.value, "query with ▪▪▪▪▫▪▪");
     });
 
     it('should mask all text in strict mode', async () => {
@@ -58,6 +60,7 @@ describe('Core Tests', () => {
         let email = node(decoded, "attributes.id", "eml");
         let password = node(decoded, "attributes.id", "pwd");
         let search = node(decoded, "attributes.id", "search");
+        let card = node(decoded, "attributes.id", "cardnum");
         let click = clicks(decoded)[0];
         let input = inputs(decoded)[0];
 
@@ -67,13 +70,14 @@ describe('Core Tests', () => {
         assert.equal(email.attributes.value, "••••• •••• •••• ••••");
         assert.equal(password.attributes.value, "••••• ••••");
         assert.equal(search.attributes.value, "••••• •••• ••••");
+        assert.equal(card.attributes.value, "•••••");
 
         // Clicked text and input value should also be masked in strict mode
         assert.equal(click.data.text, "••••• •••• ••••");
         assert.equal(input.data.value, "••••• •••• •••• ••••");
     });
 
-    it('should unmask all text in relaxed mode', async () => {
+    it('should unmask non-sensitive text in relaxed mode', async () => {
         let encoded: string[] = await markup(page, "core.html", { unmask: ["body"] });
         let decoded = encoded.map(x => decode(x));
         let heading = text(decoded, "one");
@@ -81,6 +85,7 @@ describe('Core Tests', () => {
         let email = node(decoded, "attributes.id", "eml");
         let password = node(decoded, "attributes.id", "pwd");
         let search = node(decoded, "attributes.id", "search");
+        let card = node(decoded, "attributes.id", "cardnum");
         let click = clicks(decoded)[0];
         let input = inputs(decoded)[0];
 
@@ -92,6 +97,7 @@ describe('Core Tests', () => {
         // Sensitive fields are still masked
         assert.equal(email.attributes.value, "••••• •••• •••• ••••");
         assert.equal(password.attributes.value, "••••• ••••");
+        assert.equal(card.attributes.value, "•••••");
 
         // Clicked text and input value (non-sensitive) both come through without masking in relaxed mode
         assert.equal(click.data.text, "Hello Wor1d");

package/test/html/core.html

@@ -15,6 +15,7 @@
     <input type="email" id="eml" title="Email" value="random@email.test">
     <input type="password" id="pwd" title="Password" maxlength="16" value="passw0rd">
     <input type="search" id="search" title="Search" value="hello w0rld">
+    <input type="text" id="cardnum" title="CC" value="1234">
   </form>
 </body>
 </html>

package/types/core.d.ts

@@ -133,6 +133,7 @@ export interface Config {
     upload?: string | UploadCallback;
     fallback?: string;
     upgrade?: (key: string) => void;
+    action?: (key: string) => void;
 }
 
 export const enum Constant {

package/types/data.d.ts

@@ -244,12 +244,13 @@ export const enum Constant {
     Pipe = "|",
     End = "END",
     Upgrade = "UPGRADE",
+    Action = "ACTION",
     UserId = "userId",
     SessionId = "sessionId",
     PageId = "pageId",
     Mask = "•", // Placeholder character for explicitly masked content
-    Digit = "•", // Placeholder character for digits
-    Letter = "•", // Placeholder character for letters
+    Digit = "▫", // Placeholder character for digits
+    Letter = "▪", // Placeholder character for letters
     SessionStorage = "sessionStorage",
     Cookie = "cookie",
     Navigation = "navigation",

package/types/index.d.ts

@@ -18,12 +18,17 @@ interface Clarity {
   metadata: (callback: Data.MetadataCallback, wait?: boolean) => void;
 }
 
+interface Selector {
+  get: (input: Layout.SelectorInput, type: Layout.Selector) => string;
+  reset: () => void;
+}
+
 interface Helper {
   get: (node: Node) => Layout.NodeValue;
   getNode: (id: number) => Node;
   hash: (input: string) => string;
   lookup: (hash: string) => number;
-  selector: (input: Layout.SelectorInput, beta?: boolean) => string;
+  selector: Selector;
 }
 
 declare const clarity: Clarity;

package/types/layout.d.ts

@@ -1,5 +1,4 @@
 import { Privacy } from "@clarity-types/core";
-import { BooleanFlag } from "@clarity-types/data";
 
 /* Enum */
 
@@ -12,8 +11,9 @@ export const enum Source {
 }
 
 export const enum Selector {
-    Stable = 0,
-    Beta = 1
+    Alpha = 0,
+    Beta = 1,
+    Default = 1
 }
 
 export const enum InteractionState {
@@ -45,7 +45,10 @@ export const enum Constant {
     Href = "href",
     Src = "src",
     Srcset = "srcset",
-    Box = "#",
+    Hash = "#",
+    Dot = ".",
+    Separator = ">",
+    Tilde = "~",
     Bang = "!",
     Period = ".",
     Comma = ",",
@@ -91,7 +94,9 @@ export const enum Constant {
     Content = "content",
     Generator = "generator",
     ogType = "og:type",
-    ogTitle = "og:title"
+    ogTitle = "og:title",
+    SvgStyle = "svg:style",
+    ExcludeClassNames = "load,active,fixed,visible,focus,show,collaps,animat"
 }
 
 export const enum JsonLD { 
@@ -139,6 +144,7 @@ export interface Attributes {
 }
 
 export interface SelectorInput {
+    id: number;
     tag: string;
     prefix: [string, string];
     position: number;