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

package/README.md

@@ -32,3 +32,36 @@ yarn add @namiml/web-sdk
 Example apps showing how to use the SDK are available in our [Nami Web SDK repo](https://github.com/namiml/nami-web-sdk).
 
 More information on configuring and using the SDK is available in our docs at [https://learn.namiml.com](https://learn.namiml.com).
+
+## Legacy & polyfills
+
+We provide two optional entry points so you can support older browsers or load polyfills only when needed.
+
+- 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')`
+
+- 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):
+
+```js
+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.
+

package/dist/components/ContextProvider.d.ts

@@ -7,8 +7,9 @@ import { TDevice } from '../types/device';
 import { Callback } from '../types/components/containers';
 import type { NamiFlow } from '../nami/flow/NamiFlow';
 import { NamiPaywallEvent, NamiPaywallLaunchContext } from '../types/externals/paywall';
+import { SimpleEventTarget } from '../utils/simple-event-target';
 export declare const initialState: TPaywallContext;
-export declare class PaywallContextProvider extends EventTarget implements ReactiveController {
+export declare class PaywallContextProvider extends SimpleEventTarget implements ReactiveController {
     static providers: PaywallContextProvider[];
     host: ReactiveControllerHost | null;
     state: TPaywallContext;

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").TemplateResult<1>;
+    render(): import("lit-html").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").TemplateResult<1>;
+    render(): import("lit-html").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").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

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").TemplateResult<1>;
+    render(): any[] | import("lit-html").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").TemplateResult<1>;
+    render(): import("lit-html").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").TemplateResult<1>;
+    render(): import("lit-html").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").TemplateResult<1>;
+    render(): import("lit-html").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").TemplateResult<1>;
+    render(): import("lit-html").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").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/utils/styles.d.ts

@@ -4,6 +4,8 @@ import type { TSegmentPickerItem, TTextLikeComponent } from "../../types/compone
 import type { TSemverObj } from "../../utils/parsers";
 export declare function parseSize(value: string | number, scaleFactor: number): string;
 export declare function backgroundColor(value: string, fallback?: string): string;
+export declare function filteredBorderColor(value: string, fallback?: string): string;
+export declare function filteredTextColor(value: string, fallback?: string): string;
 export declare function pickAndApplyBackgroundColor(component: TBaseComponent, inFocusedState?: boolean): string;
 export declare function flexDirection({ direction }: TBaseComponent): string;
 export declare function alignAndJustifyItems(component: TBaseComponent): string;

package/dist/nami-web-legacy.d.ts

@@ -0,0 +1,10 @@
+import "./polyfills";
+import "./shims/globalThis";
+import "./shims/getAttributeNames";
+export { Nami } from "./nami";
+export { NamiCampaignManager } from "./nami/campaign";
+export { NamiCustomerManager } from "./nami/customer";
+export { NamiPaywallManager } from "./nami/paywalls";
+export { NamiEntitlementManager } from "./nami/entitlement";
+export * from "./types/externals";
+import "./components";