@rocketspark/domain-checker 1.0.13 → 1.0.14

package/build/types/Components/Cart.d.ts

@@ -14,14 +14,18 @@ export default class Cart {
     private cart;
     private readonly classNames;
     private readonly locale;
+    private resizeFrame;
     constructor(container: HTMLElement, cart: HTMLElement, classNames: ClassNames, locale: Locale);
     isInCart(domain: string): boolean;
     addDomain(domain: string, domainDetails: DomainResponse): void;
+    /** Removes window listeners so the cart can be garbage collected. */
+    destroy(): void;
     removeDomain(domain: string): void;
     private resetGetItNowButton;
     private updateCartDisplayState;
     private updateCartHeadingCount;
     private build;
     private getTemplate;
+    private onResize;
     private getSelectedDomainPeriod;
 }

package/build/types/Components/PopupContainer.d.ts

@@ -23,6 +23,8 @@ export default class PopupContainer {
     setLoading(loading: boolean): void;
     open(): this;
     close(): this;
+    /** Tears the popup down: cancels pending lookups and detaches from the document. */
+    destroy(): void;
     setHeading(heading: string): this;
     setPrice(price?: string): this;
     setCaptionMessage(message: string): this;

package/build/types/Components/SearchAlternativeRow.d.ts

@@ -1,4 +1,5 @@
 import { ClassNames } from '../Interfaces/class-names';
+import { DomainResponse } from '../Helpers/Fetch';
 import { Locale } from '../Interfaces/locale';
 import Cart from './Cart';
 export default class SearchAlternativeRow {
@@ -14,16 +15,21 @@ export default class SearchAlternativeRow {
     private pricing;
     private blurb;
     private domainDetails;
-    constructor({ element, prefix, suffix, classNames, locale, cart, }: {
+    constructor({ element, prefix, suffix, classNames, locale, cart, knownDetails, signal, }: {
         element: HTMLRsHeaderElement;
         prefix: string;
         suffix: string;
         classNames: ClassNames;
         locale: Locale;
         cart: Cart;
+        /** Details already returned by an earlier lookup; skips the per-row fetch. */
+        knownDetails?: DomainResponse;
+        /** Aborts the per-row fetch when the results list is replaced. */
+        signal?: AbortSignal;
     });
     private build;
-    private buildDomain;
     private addListeners;
+    private showTick;
     private fetchDetails;
+    private render;
 }

package/build/types/Components/SearchAlternatives.d.ts

@@ -1,5 +1,5 @@
 import { ClassNames } from '../Interfaces/class-names';
-import { DomainSuggestions } from '../Helpers/Fetch';
+import { DomainResponse, DomainSuggestions } from '../Helpers/Fetch';
 import { Locale } from '../Interfaces/locale';
 import Cart from './Cart';
 export default class SearchAlternatives {
@@ -8,6 +8,7 @@ export default class SearchAlternatives {
     private readonly locale;
     private readonly rowType;
     private readonly cart;
+    private abortController;
     constructor({ element, classNames, locale, rowType, cart, }: {
         element: HTMLRsHeaderElement;
         classNames: ClassNames;
@@ -15,7 +16,13 @@ export default class SearchAlternatives {
         rowType: 'preferred' | 'alternative';
         cart: Cart;
     });
-    showDomains(suggestions: DomainSuggestions): this;
+    /**
+     * Renders one row per suffix. When `knownDetails` is supplied (the searched
+     * domain's own response) the row renders immediately instead of re-fetching.
+     */
+    showDomains(suggestions: DomainSuggestions, knownDetails?: DomainResponse): this;
+    /** Cancels any in-flight row lookups from the previous search. */
+    abortPending(): void;
     private removeAllRows;
     private getTemplate;
 }

package/build/types/Components/SearchFlow.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @jest-environment jsdom
+ */
+export {};

package/build/types/Helpers/Fetch.d.ts

@@ -19,4 +19,5 @@ export interface DomainResponse {
     pricing: Pricing;
     domainSuggestions: DomainSuggestions;
 }
-export declare const FetchDomain: (domainName: string, locale: string, limit?: number) => Promise<DomainResponse>;
+export declare const clearFetchCache: () => void;
+export declare const FetchDomain: (domainName: string, locale: string, limit?: number, signal?: AbortSignal) => Promise<DomainResponse>;

package/build/types/Helpers/Fetch.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @jest-environment jsdom
+ */
+export {};

package/build/types/Helpers/sanitize.d.ts

@@ -1 +1,7 @@
-export declare function sanitiseHtml(html: string): string;
+/**
+ * Decodes HTML entities in a string returned by the API (e.g. `£` → `£`)
+ * and drops any markup, returning plain text that is safe to assign via
+ * `textContent`. Replaces the former `sanitize-html` dependency, which pulled a
+ * full server-side HTML parser into the browser bundle to process price strings.
+ */
+export declare function decodeHtmlText(html: string | null | undefined): string;

package/build/types/Helpers/sanitize.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/types/index.d.ts

@@ -16,7 +16,14 @@ declare class DomainChecker {
     private popupContainer;
     constructor(element: HTMLElement, options?: Partial<Options>);
     static setPopupStatus(popupContainer: PopupContainer, { success, isAvailable, pricing, error }: Partial<DomainResponse>): void;
+    /** Removes the widget's DOM and listeners from the host page. */
+    destroy(): void;
     private autofillSearchBar;
+    /**
+     * The popup (results, alternatives and cart) is only built on first use so
+     * page load does not pay for DOM that stays hidden until a search happens.
+     */
+    private getPopup;
     private getDomainFromUrl;
     private init;
     private getTemplate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocketspark/domain-checker",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Embeddable Domain Checker for Rocketspark",
   "main": "build/index.js",
   "types": "build/types/index.d.ts",
@@ -68,9 +68,7 @@
     "url-loader": "^4.1.1",
     "webpack": "^5.72.1",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "4.9.0",
-    "@types/sanitize-html": "^2.16.0",
-    "sanitize-html": "^2.17.0"
+    "webpack-dev-server": "4.9.0"
   },
   "jest": {
     "moduleNameMapper": {