@rebuy/rebuy-hydrogen 3.0.0-beta.10 → 3.0.0-beta.2

package/src/queries/cart.queries.ts

@@ -0,0 +1,467 @@
+export const OPTION_FRAGMENT = `#graphql
+  fragment OptionFragment on ProductOption {
+    id
+    name
+    optionValues {
+      id
+      name
+      swatch {
+        color
+        image {
+          mediaContentType
+          previewImage {
+            height
+            id
+            url
+            width
+            altText
+          }
+          id
+          alt
+        }
+      }
+    }
+  }
+`;
+/*
+ * STOREFRONT API QUERIES -----------------------------------------------------
+ */
+
+// Docs: https://shopify.dev/docs/api/storefront/latest/objects/Cart
+
+export const CART_LINE_FRAGMENT = `#graphql
+  fragment CartLineFragment on CartLine {
+    id
+    quantity
+    cost {
+      amountPerQuantity {
+        amount
+        currencyCode
+      }
+      compareAtAmountPerQuantity {
+        amount
+        currencyCode
+      }
+      totalAmount {
+        amount
+        currencyCode
+      }
+      subtotalAmount {
+        amount
+        currencyCode
+      }
+    }
+    attributes {
+      key
+      value
+    }
+    discountAllocations {
+      discountedAmount {
+        amount
+        currencyCode
+      }
+      ... on CartAutomaticDiscountAllocation {
+        __typename
+        discountedAmount {
+          amount
+          currencyCode
+        }
+        title
+      }
+      ... on CartCodeDiscountAllocation {
+        __typename
+        code
+        discountedAmount {
+          amount
+          currencyCode
+        }
+      }
+      ... on CartCustomDiscountAllocation {
+        __typename
+        discountedAmount {
+          amount
+          currencyCode
+        }
+        title
+      }
+    }
+    merchandise {
+      ... on ProductVariant {
+        availableForSale
+        id
+        sku
+        title
+        compareAtPrice {
+          amount
+          currencyCode
+        }
+        image {
+          altText
+          height
+          id
+          url
+          width
+        }
+        price {
+          amount
+          currencyCode
+        }
+        product {
+          handle
+          id
+          productType
+          tags
+          title
+          vendor
+          collections(first: 10) {
+            nodes {
+              handle
+            }
+          }
+          options {
+            ...OptionFragment
+          }
+          images(first: 20) {
+            nodes {
+              altText
+              height
+              id
+              url
+              width
+            }
+          }
+        }
+        selectedOptions {
+          name
+          value
+        }
+      }
+    }
+  }
+` as const;
+
+export const CART_LINE_COMPONENT_FRAGMENT = `#graphql
+  fragment CartLineComponentFragment on ComponentizableCartLine {
+    id
+    quantity
+    cost {
+      amountPerQuantity {
+        amount
+        currencyCode
+      }
+      compareAtAmountPerQuantity {
+        amount
+        currencyCode
+      }
+      totalAmount {
+        amount
+        currencyCode
+      }
+      subtotalAmount {
+        amount
+        currencyCode
+      }
+    }
+    attributes {
+      key
+      value
+    }
+    discountAllocations {
+      discountedAmount {
+        amount
+        currencyCode
+      }
+      ... on CartAutomaticDiscountAllocation {
+        __typename
+        discountedAmount {
+          amount
+          currencyCode
+        }
+        title
+      }
+      ... on CartCodeDiscountAllocation {
+        __typename
+        code
+        discountedAmount {
+          amount
+          currencyCode
+        }
+      }
+      ... on CartCustomDiscountAllocation {
+        __typename
+        discountedAmount {
+          amount
+          currencyCode
+        }
+        title
+      }
+    }
+    merchandise {
+      ... on ProductVariant {
+        availableForSale
+        id
+        sku
+        title
+        compareAtPrice {
+          amount
+          currencyCode
+        }
+        image {
+          altText
+          height
+          id
+          url
+          width
+        }
+        price {
+          amount
+          currencyCode
+        }
+        product {
+          handle
+          id
+          productType
+          tags
+          title
+          vendor
+          collections(first: 10) {
+            nodes {
+              handle
+            }
+          }
+          options {
+            id
+            name
+            optionValues {
+              id
+              name
+              swatch {
+                color
+                image {
+                  mediaContentType
+                  previewImage {
+                    height
+                    id
+                    url
+                    width
+                    altText
+                  }
+                  id
+                  alt
+                }
+              }
+            }
+          }
+          images(first: 20) {
+            nodes {
+              altText
+              height
+              id
+              url
+              width
+            }
+          }
+        }
+        selectedOptions {
+          name
+          value
+        }
+      }
+    }
+    lineComponents {
+      id
+      quantity
+      cost {
+        amountPerQuantity {
+          amount
+          currencyCode
+        }
+        compareAtAmountPerQuantity {
+          amount
+          currencyCode
+        }
+        totalAmount {
+          amount
+          currencyCode
+        }
+        subtotalAmount {
+          amount
+          currencyCode
+        }
+      }
+      attributes {
+        key
+        value
+      }
+      discountAllocations {
+        discountedAmount {
+          amount
+          currencyCode
+        }
+        ... on CartAutomaticDiscountAllocation {
+          __typename
+          discountedAmount {
+            amount
+            currencyCode
+          }
+          title
+        }
+        ... on CartCodeDiscountAllocation {
+          __typename
+          code
+          discountedAmount {
+            amount
+            currencyCode
+          }
+        }
+        ... on CartCustomDiscountAllocation {
+          __typename
+          discountedAmount {
+            amount
+            currencyCode
+          }
+          title
+        }
+      }
+      merchandise {
+        ... on ProductVariant {
+          availableForSale
+          id
+          sku
+          title
+          compareAtPrice {
+            amount
+            currencyCode
+          }
+          image {
+            altText
+            height
+            id
+            url
+            width
+          }
+          price {
+            amount
+            currencyCode
+          }
+          product {
+            handle
+            id
+            productType
+            tags
+            title
+            vendor
+            collections(first: 10) {
+              nodes {
+                handle
+              }
+            }
+            options {
+              ...OptionFragment
+            }
+            images(first: 20) {
+              nodes {
+                altText
+                height
+                id
+                url
+                width
+              }
+            }
+          }
+          selectedOptions {
+            name
+            value
+          }
+        }
+      }
+    }
+  }
+` as const;
+
+export const CART_FRAGMENT = `#graphql
+  fragment CartFragment on Cart {
+    id
+    checkoutUrl
+    createdAt
+    totalQuantity
+    note
+    updatedAt
+    __typename
+    buyerIdentity {
+      countryCode
+      customer {
+        id
+        email
+        firstName
+        lastName
+        displayName
+      }
+      email
+      phone
+    }
+    attributes {
+      key
+      value
+    }
+    cost {
+      subtotalAmount {
+        amount
+        currencyCode
+      }
+      totalAmount {
+        amount
+        currencyCode
+      }
+    }
+    discountAllocations {
+      discountedAmount {
+        amount
+        currencyCode
+      }
+      ... on CartAutomaticDiscountAllocation {
+        __typename
+        discountedAmount {
+          amount
+          currencyCode
+        }
+        title
+      }
+      ... on CartCodeDiscountAllocation {
+        __typename
+        code
+        discountedAmount {
+          amount
+          currencyCode
+        }
+      }
+      ... on CartCustomDiscountAllocation {
+        __typename
+        discountedAmount {
+          amount
+          currencyCode
+        }
+        title
+      }
+    }
+    discountCodes {
+      applicable
+      code
+    }
+    lines(first: $numCartLines) {
+      edges {
+        node {
+          ...CartLineComponentFragment
+        }
+      }
+      edges {
+        node {
+          ...CartLineFragment
+        }
+      }
+    }
+  }
+  ${CART_LINE_FRAGMENT}
+  ${CART_LINE_COMPONENT_FRAGMENT}
+  ${OPTION_FRAGMENT}
+` as const;

package/src/types/common.ts

@@ -0,0 +1,8 @@
+export enum ProductCardTitleLevel {
+    H1 = 'h1',
+    H2 = 'h2',
+    H3 = 'h3',
+    H4 = 'h4',
+    H5 = 'h5',
+    H6 = 'h6',
+}

package/src/types/css.d.ts

@@ -0,0 +1,11 @@
+declare module '*.module.css' {
+    const classes: {
+        readonly [key: string]: string;
+    };
+    export default classes;
+}
+
+declare module '*.css' {
+    const css: string;
+    export default css;
+}

package/src/types/env.d.ts

@@ -0,0 +1,12 @@
+type ImportMetaEnv = {
+    PRIMARY_DOMAIN: string;
+    PUBLIC_REBUY_API_KEY: string;
+    PUBLIC_STOREFRONT_API_TOKEN: string;
+    PUBLIC_STOREFRONT_ID: string;
+    PUBLIC_STORE_DOMAIN: string;
+};
+
+// using interface to extend ImportMeta as it is an interface coming from node_modules/typescript/lib/lib.es5.d.ts
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}

package/src/types/rebuy.d.ts

@@ -0,0 +1,31 @@
+// Basic types for Rebuy until @rebuy/rebuy is updated to include types
+
+declare module '@rebuy/rebuy' {
+    export class RebuyClient {
+        constructor(
+            key: string,
+            defaultParameters?: Record<string, unknown>,
+            shop?: string
+        );
+        getShieldedAsset(
+            url: string,
+            parameters: object,
+            options?: object
+        ): Promise<{ data: object; response: object }>;
+        setContextParameters(contextParameters: Record<string, unknown>): void;
+        setDefaultParameters(defaultParameters: Record<string, unknown>): void;
+        getStorefrontData(
+            endpoint: string,
+            parameters: object,
+            options?: object
+        ): Promise<{ data: unknown[]; metadata: object }>;
+    }
+}
+declare module '@rebuy/rebuy/utilities' {
+    export function queryStringToObject(search: string): Record<string, string>;
+    export function utmObjectFromString(
+        url: URL
+    ): Record<string, string> | null;
+    export function getIdFromGraphUrl(url: string, type: string): string;
+    export function amountToCents(amount: number): number;
+}