@shopify/app-bridge-types 0.0.4 → 0.0.6

package/index.d.ts

@@ -3,9 +3,20 @@ import type {
   AugmentedElement,
   AppBridgeElements,
   AppBridgeAttributes,
+  UIModalElement as BaseUIModalElement,
+  UINavMenuElement as BaseUINavMenuElement,
+  UITitleBarElement as BaseUITitleBarElement,
+  UIModalAttributes,
+  UINavMenuAttributes,
+  UITitleBarAttributes,
 } from './shopify';
 
-export {ShopifyGlobal};
+export {
+  ShopifyGlobal,
+  UIModalAttributes,
+  UINavMenuAttributes,
+  UITitleBarAttributes,
+};
 
 declare global {
   var shopify: ShopifyGlobal;
@@ -14,6 +25,10 @@ declare global {
   interface HTMLButtonElement extends AugmentedElement<'button'> {}
   interface HTMLAnchorElement extends AugmentedElement<'a'> {}
 
+  interface UIModalElement extends BaseUIModalElement {}
+  interface UINavMenuElement extends BaseUINavMenuElement {}
+  interface UITitleBarElement extends BaseUITitleBarElement {}
+
   // Install property augmentations onto ReactElement prop definitions
   namespace React {
     interface ButtonHTMLAttributes<T> extends AugmentedElement<'button'> {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/app-bridge-types",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Companion types library for the Shopify App Bridge script",
   "license": "ISC",
   "main": "./index.js",

package/shopify.ts

@@ -1,3 +1,19 @@
+interface Address {
+    address1?: string;
+    address2?: string;
+    city?: string;
+    company?: string;
+    firstName?: string;
+    lastName?: string;
+    phone?: string;
+    province?: string;
+    country?: string;
+    zip?: string;
+    name?: string;
+    provinceCode?: string;
+    countryCode?: string;
+}
+
 export interface AppBridgeAttributes {
 }
 
@@ -7,17 +23,14 @@ interface AppBridgeConfig {
     shop: string;
     locale: string;
     disabledFeatures?: string[];
+    experimentalFeatures?: string[];
+    appOrigins?: string[];
 }
 
 export interface AppBridgeElements {
-    'ui-nav-menu': {
-        children?: any;
-    };
-    'ui-title-bar': {
-        title?: string;
-        children?: any;
-    };
     'ui-modal': UIModalAttributes;
+    'ui-nav-menu': UINavMenuAttributes;
+    'ui-title-bar': UITitleBarAttributes;
 }
 
 export type AugmentedElement<T extends keyof AugmentedElements> = AugmentedElements[T];
@@ -31,6 +44,19 @@ interface BaseResource extends Resource {
     variants?: Resource[];
 }
 
+interface Cart {
+    subtotal: string;
+    taxTotal: string;
+    grandTotal: string;
+    note?: string;
+    cartDiscount?: Discount;
+    customer?: Customer;
+    lineItems: LineItem[];
+    properties: Record<string, string>;
+}
+
+type CartSubscriber = (cart: Cart) => void;
+
 interface Collection extends Resource {
     availablePublicationCount: number;
     description: string;
@@ -72,6 +98,25 @@ enum CollectionSortOrder {
     MostRelevant = "MOST_RELEVANT"
 }
 
+interface Customer {
+    id?: number;
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    note?: string;
+}
+
+interface Device {
+    name: string;
+    serialNumber: string;
+}
+
+interface Discount {
+    amount: number;
+    title?: string;
+    type?: string;
+}
+
 interface Environment {
     mobile: boolean;
     embedded: boolean;
@@ -90,12 +135,76 @@ interface Image_2 {
     originalSrc: string;
 }
 
+interface LineItem {
+    uuid: string;
+    price?: number;
+    quantity: number;
+    title?: string;
+    variantId?: number;
+    productId?: number;
+    discounts: Discount[];
+    taxable: boolean;
+    sku?: string;
+    vendor?: string;
+    properties: {
+        [key: string]: string;
+    };
+    isGiftCard: boolean;
+}
+
+interface LineItemDiscount {
+    title: string;
+    type: 'Percentage' | 'FixedAmount';
+    amount: string;
+}
+
+interface Location_2 {
+    id: number;
+    active: boolean;
+    name: string;
+    locationType?: string;
+    address1?: string;
+    address2?: string;
+    zip?: string;
+    city?: string;
+    province?: string;
+    countryCode?: string;
+    countryName?: string;
+    phone?: string;
+}
+
 export interface MenuItemProperties {
     variant?: 'primary' | 'breadcrumb' | null | undefined;
 }
 
 type Money = string;
 
+interface Pos {
+    cart: {
+        fetch(): Promise<Cart>;
+        subscribe(onSubscribe: CartSubscriber): Unsubscribe;
+        setCustomer(customer: Customer): Promise<void>;
+        removeCustomer(): Promise<void>;
+        addAddress(address: Address): Promise<void>;
+        updateAddress(index: number, address: Address): Promise<void>;
+        applyCartDiscount(discount: Discount): Promise<void>;
+        removeCartDiscount(): Promise<void>;
+        addCartProperties(properties: Record<string, string>): Promise<void>;
+        removeCartProperties(properties: string[]): Promise<void>;
+        clear(): Promise<void>;
+        addLineItem(variantId: number, quantity: number): Promise<void>;
+        updateLineItem(index: string, quantity: number): Promise<void>;
+        removeLineItem(index: string): Promise<void>;
+        setLineItemDiscount(index: number, discount: LineItemDiscount): Promise<void>;
+        removeLineItemDiscount(index: number): Promise<void>;
+        addLineItemProperties(index: number, properties: Record<string, string>): Promise<void>;
+        removeLineItemProperties(index: number, properties: string[]): Promise<void>;
+    };
+    close(): Promise<void>;
+    device(): Promise<Device>;
+    location(): Promise<Location_2>;
+}
+
 interface Product extends Resource {
     availablePublicationCount: number;
     createdAt: string;
@@ -190,6 +299,7 @@ interface ResourcePickerOptions {
         variants?: boolean;
         draft?: boolean | undefined;
         archived?: boolean | undefined;
+        query?: string;
     };
 }
 
@@ -233,6 +343,7 @@ export interface ShopifyGlobal {
         hide(id: string): Promise<void>;
         toggle(id: string): Promise<void>;
     };
+    pos: Pos;
 }
 
 interface ToastOptions {
@@ -243,12 +354,43 @@ interface ToastOptions {
     onDismiss: () => void;
 }
 
-interface UIModalAttributes {
+export interface UIModalAttributes {
     id?: string;
     variant?: Variant;
     children?: any;
 }
 
+interface UIModalElement_2 extends Omit<HTMLElement, 'addEventListener' | 'removeEventListener'> {
+    variant: Variant;
+    content: HTMLElement;
+    show(): Promise<void>;
+    hide(): Promise<void>;
+    toggle(): Promise<void>;
+    addEventListener(type: 'show' | 'hide', listener: EventListenerOrEventListenerObject): void;
+    removeEventListener(type: 'show' | 'hide', listener: EventListenerOrEventListenerObject): void;
+}
+export type { UIModalElement_2 as UIModalElement }
+
+export interface UINavMenuAttributes {
+    children?: any;
+}
+
+interface UINavMenuElement_2 extends HTMLElement {
+}
+export type { UINavMenuElement_2 as UINavMenuElement }
+
+export interface UITitleBarAttributes {
+    title?: string;
+    children?: any;
+}
+
+interface UITitleBarElement_2 extends HTMLElement {
+    title: string;
+}
+export type { UITitleBarElement_2 as UITitleBarElement }
+
+type Unsubscribe = () => void;
+
 interface User {
     id: string;
     name: string;