ui.shipaid.com 0.3.146 → 0.3.148

package/dist-types/common/shopify/protection.d.ts

@@ -1,6 +1,7 @@
 import { type ShipAidStore } from '../types/ShipAid';
 import { type ShopifyCart } from './types/ShopifyCart';
 import { type ShopifyProduct, type ShopifyProductVariant } from './types/ShopifyProduct';
+export declare function getIdFromShopifyGid(gid: string): string | null;
 export declare const getExcludedProducts: (store: ShipAidStore) => {
     excludedProductSkus: string[];
     excludedProductTags: string[];
@@ -9,4 +10,3 @@ export declare const getExcludedProducts: (store: ShipAidStore) => {
 /** Given the current cart, it calculates the protection total according to the store protection settings. */
 export declare function calculateProtectionTotal(store: ShipAidStore, protectionProduct: ShopifyProduct, cart: ShopifyCart): number;
 export declare function findProtectionVariant(store: ShipAidStore, protectionProduct: ShopifyProduct, protectionFee: number): ShopifyProductVariant | undefined;
-export declare function getIdFromShopifyGid(gid: string): string | null;

package/dist-types/widget/src/shipaid-widget.old.d.ts

@@ -0,0 +1,158 @@
+/// <reference types="node" />
+import { LitElement, nothing, PropertyValues } from 'lit';
+import './components/confirmation-popup';
+import './components/shipaid-cart-confirmation';
+import './components/checkout-package-protection';
+import './components/shipaid-learn-more-carousel';
+import type { ShopifyCart, ShopifyCartItem } from '../types/shopify';
+/**
+ * ShipAid Widget.
+ *
+ * @description When the <shipaid-widget> element is added to page, it will render this element,
+ * allowing a customer to add ShipAid protection to cart (and remove).
+ *
+ */
+export declare class ShipAidWidget extends LitElement {
+    static styles: import("lit").CSSResult;
+    env: string;
+    useCustomStoreFront: boolean;
+    storeDomain: string;
+    storeAccessToken: string;
+    cartId: string;
+    disablePolling: boolean;
+    disableActions: boolean;
+    pollingInterval: number;
+    disableRefresh: boolean;
+    refreshCart: boolean;
+    persistPopup: boolean;
+    defaultToggleButton: boolean;
+    lang: string;
+    currency: undefined;
+    customerId: undefined;
+    supportSubscriptions: boolean;
+    dataSelector: string;
+    buttonId: string;
+    buttonTitle: string;
+    widgetTitle: string;
+    buttonClasses: string;
+    shadowRootSelector: string;
+    useShipAidCheckout: boolean;
+    previewGreenShipAid: boolean;
+    /** API Proxy pathname */
+    private _apiEndpoint;
+    /** The current store domain */
+    private _storeDomain;
+    /** The current store data object from the ShipAid API */
+    private _store;
+    /** The current cart data object from the Shopify API */
+    private _cart;
+    /** The current protection product data object from the Shopify API */
+    private _protectionProduct;
+    /** When the cart was last updated */
+    private _cartLastUpdated;
+    /** Whether we have finished the initial setup */
+    private _hasFinishedSetup;
+    /** Can be used to hide all widget content */
+    private _shouldShowWidget;
+    /** Can be used to check if page is on Cart */
+    /** Whether the ShipAid protection product is currently added to the cart */
+    private _hasProtectionInCart;
+    /** The protection item from the Shopify cart */
+    private _protectionCartItem;
+    /** The protection variant that will be used */
+    private _protectionVariant;
+    hasLoadedStrings: boolean;
+    fetchInterceptorCleanup: () => void;
+    intervalId: NodeJS.Timeout | null;
+    private _sellingPlanId?;
+    protected shouldUpdate(props: PropertyValues): boolean;
+    protected shouldPersistPopup(): "learn-more" | null;
+    protected setPopupKey(): void;
+    /**
+     * Internal state
+     */
+    private _state;
+    /**
+     * Internal popup state
+     */
+    private _popup;
+    get nhost(): {
+        request: (query: string, variables: Record<string, string>) => Promise<any>;
+    };
+    /** Runs a GraphQL query and returns the data
+     * @param query GraphQL query string
+     * @param variables Variables for the query
+     * @returns Query response data
+     */
+    runStoreFrontQuery<Data>(query: string, variables: any): Promise<Data>;
+    /** Getter to check if we should refresh the page or not */
+    get shouldRefreshOnUpdate(): boolean;
+    /** Getter to check whether to show the widget or not */
+    get planActive(): boolean;
+    private _currencyFormat;
+    /** Emit events */
+    private _dispatchEvent;
+    private _handleRefreshCart;
+    /** Handle cart or page refreshes */
+    private _handleRefresh;
+    /** Given the current order, it calculates the protection total according to the store protection settings. */
+    calculateProtectionTotal(cart?: ShopifyCart): Promise<number>;
+    /**
+     * Given the current order, it finds the relevant protection product variant, and adds it to cart.
+     * This should be run whenever the cart updates, or it is manually triggered.
+     */
+    private _findProtectionVariant;
+    /** Update State */
+    private _setState;
+    /** Trigger confirmation popup */
+    private _handleConfirmationPopup;
+    /** Updates the current protection status, calling the relevant add/remove function. */
+    private _updateProtection;
+    /** General fetch function, which handles error responses, and returns JSON responses. */
+    private _fetch;
+    /** Fetches store info from the ShipAid public API. */
+    private _fetchShipAidData;
+    private _findSellingPlanByName;
+    /** Fetches store info from the ShipAid public API. */
+    private _fetchSellingPlanFromVariant;
+    private _getProductFieldFromCookie;
+    private _storeProductFieldInCookie;
+    private _fetchProductJSON;
+    /** Fetch current cart from the Shopify ajax API */
+    private _fetchCart;
+    /** Fetch current product from the Shopify ajax API */
+    private _fetchProduct;
+    /** Whether the cart currently contains Shipping protection from ShipAid. */
+    hasProtection(): boolean;
+    /** Update the internal cart, which will trigger any protection fee updates */
+    updateCart(cart?: ShopifyCart): Promise<void>;
+    addCartProtectionVariant(): Promise<any>;
+    updateCartProtectionVariant(qty: number, protectionCartItem?: ShopifyCartItem | null): Promise<any>;
+    /** Add ShipAid shipping protection. */
+    addProtection(): Promise<void>;
+    /** Remove ShipAid shipping protection. */
+    removeProtection(): Promise<void>;
+    /** Try adding ShipAid shipping protection during polling if applicable */
+    attemptAddProtection(): Promise<void>;
+    handleMultipleProtectionVariants(): Promise<void>;
+    /** Templates */
+    learnMorePopupTemplate(): import("lit").TemplateResult<1> | undefined;
+    confirmationPopupTemplate(): import("lit").TemplateResult<1>;
+    getElementsBySelector: (selector: string | null) => never[] | NodeListOf<Element>;
+    addStylesIfNeeded: () => void;
+    contactlessCheckoutButtonTemplate(): typeof nothing | undefined;
+    createRenderRoot(): Element | ShadowRoot;
+    getSubscription(_cart: ShopifyCart | undefined): Promise<string | null | undefined>;
+    checkoutButtonTemplate(): import("lit").TemplateResult<1> | undefined;
+    renderPopups(): import("lit").TemplateResult<1> | null | undefined;
+    promptTemplate(): import("lit").TemplateResult<1> | undefined;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    updateProtection(): Promise<void>;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'shipaid-widget': ShipAidWidget;
+    }
+}

package/dist-types/widget/src/widgets/shared.d.ts

@@ -33,3 +33,14 @@ export declare const removeProtectionWithCheckoutPlus: () => Promise<void>;
 export declare const hasProtectionWithCheckoutPlus: () => Promise<boolean>;
 export declare const resetShipAidSharedCache: () => void;
 export declare const openCarousel: (from: string) => void;
+/**
+ * Ensures the learn-more carousel is mounted in the DOM.
+ * This allows external elements to trigger the modal via events without requiring prior user interaction.
+ * @param store - ShipAid store configuration
+ */
+export declare const ensureLearnMoreCarousel: (store?: ShipAidStore | null) => void;
+/**
+ * Refresh Shopify cart UI sections (drawer, icons, cart page) after cart changes.
+ * This ensures the UI stays in sync after ShipAid modifies the cart.
+ */
+export declare const refreshShopifyCartUI: () => Promise<void>;

package/dist-types/widget/src/widgets/shipaid-widget-element.d.ts

@@ -66,10 +66,14 @@ export declare class ShipAidWidget extends LitElement {
     fetchInterceptorCleanup: () => void;
     intervalId: NodeJS.Timeout | null;
     private _sellingPlanId?;
+    private _isUpdatingShipAid;
+    private _lastCartEventAt;
+    private _isReplacingCartSections;
+    private _onShipAidCartEvent;
+    private _onShipAidInternalCartUpdated;
     protected shouldUpdate(props: PropertyValues): boolean;
     protected shouldPersistPopup(): "learn-more" | null;
     protected setPopupKey(): void;
-    private _pendingLearnMoreSource;
     private _openLearnMore;
     private _toggleBenefits;
     private _handleHelpClick;
@@ -132,7 +136,9 @@ export declare class ShipAidWidget extends LitElement {
     /** Whether the cart currently contains Shipping protection from ShipAid. */
     hasProtection(): boolean;
     /** Update the internal cart, which will trigger any protection fee updates */
-    updateCart(cart?: ShopifyCart): Promise<void>;
+    updateCart(cart?: ShopifyCart, options?: {
+        dispatchExternalEvents?: boolean;
+    }): Promise<void>;
     addCartProtectionVariant(): Promise<any>;
     updateCartProtectionVariant(qty: number, protectionCartItem?: ShopifyCartItem | null): Promise<any>;
     /** Add ShipAid shipping protection. */
@@ -142,8 +148,12 @@ export declare class ShipAidWidget extends LitElement {
     /** Try adding ShipAid shipping protection during polling if applicable */
     attemptAddProtection(): Promise<void>;
     handleMultipleProtectionVariants(): Promise<void>;
+    /** Disable checkout buttons while updating protection */
+    private _disableCheckoutButtons;
+    /** Re-enable checkout buttons after updating protection */
+    private _enableCheckoutButtons;
     /** Templates */
-    learnMorePopupTemplate(): import("lit").TemplateResult<1> | undefined;
+    learnMorePopupTemplate(): null;
     confirmationPopupTemplate(): import("lit").TemplateResult<1>;
     getElementsBySelector: (selector: string | null) => never[] | NodeListOf<Element>;
     addStylesIfNeeded: () => void;
@@ -153,10 +163,10 @@ export declare class ShipAidWidget extends LitElement {
     renderImpactTitle: (isGreenProtectionEnabled: boolean, isFreeGiftEnabled: boolean) => import("lit").TemplateResult<1>;
     private _renderBenefitsSection;
     checkoutButtonTemplate(): import("lit").TemplateResult<1> | undefined;
-    renderPopups(): import("lit").TemplateResult<1> | null | undefined;
+    renderPopups(): import("lit").TemplateResult<1> | null;
     promptTemplate(): import("lit").TemplateResult<1> | undefined;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
-    updateProtection(): Promise<void>;
+    updateProtection(force?: boolean): Promise<void>;
     protected render(): import("lit").TemplateResult<1>;
 }

package/dist-types/widget/types/widget.d.ts

@@ -8,6 +8,7 @@ export declare enum SHIPAID_EVENTS {
 }
 export declare enum EXTERNAL_EVENTS {
     CART_UPDATE = "cart:update",
+    CART_UPDATED = "cart:updated",
     VARIANT_CHANGE = "variant:change"
 }
 export interface State {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui.shipaid.com",
   "private": false,
-  "version": "0.3.146",
+  "version": "0.3.148",
   "type": "module",
   "main": "dist/widget.umd.js",
   "unpkg": "dist/widget.iife.js",