@namiml/web-sdk 1.7.4-beta.1 → 1.7.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Nami Web SDK Changelog
 
+## 1.7.4
+**Release Date:** October 30, 2025
+
+### Bug Fixes
+- Fix an issue where if device registration failed, user was stuck in anonymous mode
+
+### Enhancements
+- Support for legacy browsers
+
 ## 1.7.3
 **Release Date:** October 13, 2025
 

package/README.md

@@ -33,35 +33,25 @@ Example apps showing how to use the SDK are available in our [Nami Web SDK repo]
 
 More information on configuring and using the SDK is available in our docs at [https://learn.namiml.com](https://learn.namiml.com).
 
-## Legacy & polyfills
+## Legacy support
 
-We provide two optional entry points so you can support older browsers or load polyfills only when needed.
+To support older browsers, import our side-effect module before you import the SDK. It installs the necessary polyfills and shims, allowing the main entry point to stay the same for every app.
 
-- Legacy build
-  - Use the legacy entry point to load a version of the SDK that works on older browsers.
-  - ESM: `import Nami from '@namiml/web-sdk/legacy'`
-  - CommonJS: `const Nami = require('@namiml/web-sdk/legacy')`
+- ESM:
+  ```js
+  import '@namiml/web-sdk/legacy-support';
+  import { Nami } from '@namiml/web-sdk';
+  ```
+- CommonJS:
+  ```js
+  require('@namiml/web-sdk/legacy-support');
+  const { Nami } = require('@namiml/web-sdk');
+  ```
 
-- Polyfills (optional)
-  - If you need to include polyfills for older browsers, we provide a small polyfills bundle you can load before the SDK.
-  - ESM: `import '@namiml/web-sdk/polyfills'`
-  - CommonJS: `require('@namiml/web-sdk/polyfills')`
-  - You can also include the polyfills script directly in a page before loading the SDK bundle.
-
-Recommended patterns
-
-- Most modern apps should import the default package entry (modern bundle):
+Modern apps that do not target legacy environments can simply import the default entry:
 
 ```js
-import Nami from '@namiml/web-sdk'
+import { Nami } from '@namiml/web-sdk';
 ```
 
-- For older browsers, load polyfills first then the legacy bundle:
-
-```js
-import '@namiml/web-sdk/polyfills'
-import Nami from '@namiml/web-sdk/legacy'
-```
-
-This lets you ship the smallest modern bundle to the majority of users while opting into legacy and polyfills only when required.
-
+This keeps the modern bundle slim, while letting you opt into additional support only when you need it.

package/dist/components/NamiElement.d.ts

@@ -1,22 +1,28 @@
-import { CSSResult, LitElement, PropertyValueMap } from "lit";
+import { CSSResult, CSSResultGroup, LitElement, PropertyValueMap } from "lit";
 import ContextConsumer from "./ContextConsumer";
 import { PaywallContextProvider } from "./ContextProvider";
 import { TBaseComponent } from "../types/components";
 export declare class NamiElementBase extends LitElement {
+    static styles: CSSResultGroup;
     contextConsumer: ContextConsumer;
     contextProvider: PaywallContextProvider;
+    private _instanceStyleSheet?;
+    private _instanceStyleElement?;
     constructor();
     protected styles(): CSSResult;
     createRenderRoot(): HTMLElement | DocumentFragment;
     protected shouldUpdate(): boolean;
     protected willUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     disconnectedCallback(): void;
+    protected getInstanceStyles(): CSSResult[];
+    private ensureInstanceStyleTarget;
+    private applyInstanceStyles;
 }
 export declare abstract class NamiElement<C extends TBaseComponent = TBaseComponent> extends NamiElementBase {
+    static styles: CSSResultGroup;
     contextConsumer: ContextConsumer;
     contextProvider: PaywallContextProvider;
     abstract component: C;
-    createRenderRoot(): HTMLElement | DocumentFragment;
-    protected willUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     protected animationStyles(): CSSResult;
+    protected getInstanceStyles(): CSSResult[];
 }

package/dist/components/PaywallScreen.d.ts

@@ -20,5 +20,5 @@ export declare class NamiPaywallScreen extends LitElement {
     private postImpression;
     private postPaywallScreenData;
     private getTemplate;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/components/containers/CarouselContainer.d.ts

@@ -18,5 +18,5 @@ export declare class NamiCarouselContainer extends NamiElement {
     private handleSlideChange;
     private getCarouselOnChange;
     private getCarouselSlides;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/components/containers/CollapseContainer.d.ts

@@ -11,5 +11,5 @@ export declare class NamiCollapseContainer extends NamiElement {
     private isCollapsed;
     private _handleClick;
     protected styles(): CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/components/containers/Container.d.ts

@@ -8,7 +8,12 @@ export declare class NamiContainer extends NamiElement {
     inFocusedState: boolean;
     scaleFactor: number;
     minSDKVersion: TSemverObj;
+    private readonly handleFocusIn;
+    private readonly handleFocusOut;
+    private readonly handleFocusChanged;
     constructor();
+    disconnectedCallback(): void;
     protected styles(): CSSResult;
     render(): any[];
+    private setFocusState;
 }

package/dist/components/elements/Button.d.ts

@@ -20,5 +20,5 @@ export declare class NamiButton extends NamiElement {
     private _handleKeyUp;
     private _handleClick;
     protected styles(): CSSResult;
-    render(): any[] | import("lit-html").TemplateResult<1>;
+    render(): any[] | import("lit").TemplateResult<1>;
 }

package/dist/components/elements/QRCode.d.ts

@@ -8,5 +8,5 @@ export declare class NamiQRCode extends NamiElement {
     firstUpdated(): void;
     protected updated(changedProps: Map<string, unknown>): void;
     private get computedSize();
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/components/elements/RadioButton.d.ts

@@ -8,5 +8,5 @@ export declare class NamiRadioButton extends NamiElement {
     constructor();
     protected styles(): CSSResult;
     private get isActive();
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/components/elements/SegmentPicker.d.ts

@@ -10,5 +10,5 @@ export declare class NamiSegmentPicker extends NamiElement {
     constructor();
     private _handleClick;
     protected styles(): CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/components/elements/SegmentPickerItem.d.ts

@@ -12,5 +12,5 @@ export declare class NamiSegmentPickerItem extends NamiElement {
     private _handleHover;
     updated(changedProperties: PropertyValues): void;
     protected styles(): CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/components/elements/ToggleSwitch.d.ts

@@ -14,5 +14,5 @@ export declare class NamiToggleSwitch extends NamiElement {
     protected styles(): CSSResult;
     private applyPlateStyles;
     private applyHandleStyles;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }