@jetshop/core 5.13.12-0 → 5.14.0-alpha.49df897e

package/hooks/usePrice.test.js

@@ -1,171 +1,171 @@
-import { selectPriceType, usePrice } from './usePrice';
-import { render } from '@testing-library/react';
-import ChannelContext from '../components/ChannelContext';
-import React from 'react';
-
-describe('selectPriceType', () => {
-  let includeVat;
-  let priceObj;
-  const initialPriceObj = {
-    vat: 10,
-    incVat: 30,
-    exVat: 20
-  };
-
-  beforeEach(() => {
-    // Reset the price object
-    priceObj = initialPriceObj;
-  });
-
-  describe('when includeVat is true', () => {
-    beforeEach(() => {
-      includeVat = true;
-    });
-    it('returns only the vat-included value', () => {
-      expect(selectPriceType(includeVat, priceObj)).toMatchObject({
-        value: 30
-      });
-    });
-    describe('when the passed price object is undefined', () => {
-      beforeEach(() => {
-        priceObj = undefined;
-      });
-      it('returns null', () => {
-        expect(selectPriceType(includeVat, priceObj)).toBe(null);
-      });
-    });
-  });
-
-  describe('when includeVat is false', () => {
-    beforeEach(() => {
-      includeVat = false;
-    });
-    it('returns the vat portion and the exVat value', () => {
-      expect(selectPriceType(includeVat, priceObj)).toMatchObject({
-        value: 20,
-        vat: 10
-      });
-    });
-    describe('when the passed price object is undefined', () => {
-      it('returns an object with a null value', () => {
-        priceObj = undefined;
-        expect(selectPriceType(includeVat, priceObj)).toBe(null);
-      });
-    });
-  });
-});
-
-const defaultOpts = {
-  price: {
-    incVat: 12498.75,
-    exVat: 9999,
-    vat: 2499.75
-  }
-};
-
-describe('usePrice', () => {
-  it('renders using a custom formatter if provided', () => {
-    const { getByText } = setup({
-      ...defaultOpts,
-      formatter: price => (
-        <div>
-          <span>{price}</span>
-          <span>hi</span>
-        </div>
-      )
-    });
-
-    expect(getByText('12498.75'));
-    expect(getByText('hi'));
-  });
-  it('allows currency to be overridden', () => {
-    const { getByText } = setup({
-      ...defaultOpts,
-      currencyOverride: { code: 'EUR', culture: 'en-IE' }
-    });
-
-    expect(getByText('€12,498.75'));
-  });
-
-  it('allows includeVat to be overriden', () => {
-    const { getByText } = setup({ ...defaultOpts, includeVat: false });
-    expect(getByText('9 999,00 kr'));
-  });
-  it('sets `hasDiscount` when the price is discounted', () => {
-    const { getByText: getByTextDefault } = setup({ ...defaultOpts });
-    expect(getByTextDefault('no discount'));
-
-    const { getByText } = setup({
-      ...defaultOpts,
-      previousPrice: { incVat: 50000.0, exVat: 42000.0, vat: 8000.0 }
-    });
-
-    expect(getByText('discounted'));
-  });
-  it('returns the currency code and culture', () => {
-    const { getByText } = setup({ ...defaultOpts });
-
-    expect(getByText('SEK'));
-    expect(getByText('sv-SE'));
-  });
-});
-
-function setup(opts = defaultOpts) {
-  const channelCountries = [
-    {
-      id: 'AU',
-      code: 'AU',
-      name: 'Australia',
-      isDefault: true
-    },
-    {
-      code: 'NZ',
-      id: 'NZ',
-      name: 'New Zealand',
-      isDefault: false
-    }
-  ];
-  const utils = render(
-    <ChannelContext.Provider
-      value={{
-        selectedChannel: {
-          countries: channelCountries,
-          settings: {
-            pricesIncVat: true
-          },
-          language: {
-            culture: 'sv-SE'
-          },
-          currency: {
-            id: 'SEK',
-            name: 'SEK',
-            isDefault: true,
-            format: {
-              code: 'SEK',
-              decimals: 2
-            }
-          }
-        }
-      }}
-    >
-      <Wrapper opts={opts} />
-    </ChannelContext.Provider>
-  );
-
-  return { ...utils };
-}
-
-function Wrapper({ opts }) {
-  const { currencyLocale, formattedPricing, hasDiscount } = usePrice(opts);
-
-  return (
-    <>
-      <div>{formattedPricing.price}</div>
-      <div>{hasDiscount ? 'discounted' : 'no discount'}</div>
-      <div>
-        <span>{currencyLocale.code}</span>
-        <span>{currencyLocale.culture}</span>
-      </div>
-    </>
-  );
-}
+import { selectPriceType, usePrice } from './usePrice';
+import { render } from '@testing-library/react';
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import React from 'react';
+
+describe('selectPriceType', () => {
+  let includeVat;
+  let priceObj;
+  const initialPriceObj = {
+    vat: 10,
+    incVat: 30,
+    exVat: 20
+  };
+
+  beforeEach(() => {
+    // Reset the price object
+    priceObj = initialPriceObj;
+  });
+
+  describe('when includeVat is true', () => {
+    beforeEach(() => {
+      includeVat = true;
+    });
+    it('returns only the vat-included value', () => {
+      expect(selectPriceType(includeVat, priceObj)).toMatchObject({
+        value: 30
+      });
+    });
+    describe('when the passed price object is undefined', () => {
+      beforeEach(() => {
+        priceObj = undefined;
+      });
+      it('returns null', () => {
+        expect(selectPriceType(includeVat, priceObj)).toBe(null);
+      });
+    });
+  });
+
+  describe('when includeVat is false', () => {
+    beforeEach(() => {
+      includeVat = false;
+    });
+    it('returns the vat portion and the exVat value', () => {
+      expect(selectPriceType(includeVat, priceObj)).toMatchObject({
+        value: 20,
+        vat: 10
+      });
+    });
+    describe('when the passed price object is undefined', () => {
+      it('returns an object with a null value', () => {
+        priceObj = undefined;
+        expect(selectPriceType(includeVat, priceObj)).toBe(null);
+      });
+    });
+  });
+});
+
+const defaultOpts = {
+  price: {
+    incVat: 12498.75,
+    exVat: 9999,
+    vat: 2499.75
+  }
+};
+
+describe('usePrice', () => {
+  it('renders using a custom formatter if provided', () => {
+    const { getByText } = setup({
+      ...defaultOpts,
+      formatter: (price) => (
+        <div>
+          <span>{price}</span>
+          <span>hi</span>
+        </div>
+      )
+    });
+
+    expect(getByText('12498.75'));
+    expect(getByText('hi'));
+  });
+  it('allows currency to be overridden', () => {
+    const { getByText } = setup({
+      ...defaultOpts,
+      currencyOverride: { code: 'EUR', culture: 'en-IE' }
+    });
+
+    expect(getByText('€12,498.75'));
+  });
+
+  it('allows includeVat to be overriden', () => {
+    const { getByText } = setup({ ...defaultOpts, includeVat: false });
+    expect(getByText('9 999,00 kr'));
+  });
+  it('sets `hasDiscount` when the price is discounted', () => {
+    const { getByText: getByTextDefault } = setup({ ...defaultOpts });
+    expect(getByTextDefault('no discount'));
+
+    const { getByText } = setup({
+      ...defaultOpts,
+      previousPrice: { incVat: 50000.0, exVat: 42000.0, vat: 8000.0 }
+    });
+
+    expect(getByText('discounted'));
+  });
+  it('returns the currency code and culture', () => {
+    const { getByText } = setup({ ...defaultOpts });
+
+    expect(getByText('SEK'));
+    expect(getByText('sv-SE'));
+  });
+});
+
+function setup(opts = defaultOpts) {
+  const channelCountries = [
+    {
+      id: 'AU',
+      code: 'AU',
+      name: 'Australia',
+      isDefault: true
+    },
+    {
+      code: 'NZ',
+      id: 'NZ',
+      name: 'New Zealand',
+      isDefault: false
+    }
+  ];
+  const utils = render(
+    <ChannelContext.Provider
+      value={{
+        selectedChannel: {
+          countries: channelCountries,
+          settings: {
+            pricesIncVat: true
+          },
+          language: {
+            culture: 'sv-SE'
+          },
+          currency: {
+            id: 'SEK',
+            name: 'SEK',
+            isDefault: true,
+            format: {
+              code: 'SEK',
+              decimals: 2
+            }
+          }
+        }
+      }}
+    >
+      <Wrapper opts={opts} />
+    </ChannelContext.Provider>
+  );
+
+  return { ...utils };
+}
+
+function Wrapper({ opts }) {
+  const { currencyLocale, formattedPricing, hasDiscount } = usePrice(opts);
+
+  return (
+    <>
+      <div>{formattedPricing.price}</div>
+      <div>{hasDiscount ? 'discounted' : 'no discount'}</div>
+      <div>
+        <span>{currencyLocale.code}</span>
+        <span>{currencyLocale.culture}</span>
+      </div>
+    </>
+  );
+}

package/hooks/useProductVariants/index.d.ts

@@ -1 +1 @@
-export { useProductVariants } from './useProductVariants';
+export { useProductVariants } from './useProductVariants';

package/hooks/useProductVariants/index.js

@@ -1,2 +1,2 @@
-export { useProductVariants } from './useProductVariants';
+export { useProductVariants } from './useProductVariants';
 //# sourceMappingURL=index.js.map

package/hooks/useProductVariants/useProductVariants.d.ts

@@ -1,19 +1,19 @@
-import { Product, ProductVariant, ProductVariantOption } from '../../types';
-export declare type VariantValidation = 'outOfStock' | 'valid' | 'incomplete' | 'invalid';
-/**
- * Given a product, this hook provides methods for getting and setting variants on that product,
- * as well as methods to validate the current and proposed combination of values.
- */
-export declare function useProductVariants(product: Product, { initialVariant, preselectCheapest }?: {
-    initialVariant?: ProductVariantOption;
-    preselectCheapest?: boolean;
-}): {
-    selectedVariant: ProductVariant;
-    validation: VariantValidation;
-    getSelectedValue: (option: ProductVariantOption) => string;
-    selectValue: (value: string, option: ProductVariantOption) => void;
-    validateSelection: (value: string, option: ProductVariantOption) => VariantValidation;
-    getVariantForSelection: (value: string, option: ProductVariantOption) => ProductVariant;
-    missingOptions: ProductVariantOption[];
-    getMissingOptions: () => ProductVariantOption[];
-};
+import { Product, ProductVariant, ProductVariantOption } from '../../types';
+export declare type VariantValidation = 'outOfStock' | 'valid' | 'incomplete' | 'invalid';
+/**
+ * Given a product, this hook provides methods for getting and setting variants on that product,
+ * as well as methods to validate the current and proposed combination of values.
+ */
+export declare function useProductVariants(product: Product, { initialVariant, preselectCheapest }?: {
+    initialVariant?: ProductVariantOption;
+    preselectCheapest?: boolean;
+}): {
+    selectedVariant: ProductVariant;
+    validation: VariantValidation;
+    getSelectedValue: (option: ProductVariantOption) => string;
+    selectValue: (value: string, option: ProductVariantOption) => void;
+    validateSelection: (value: string, option: ProductVariantOption) => VariantValidation;
+    getVariantForSelection: (value: string, option: ProductVariantOption) => ProductVariant;
+    missingOptions: ProductVariantOption[];
+    getMissingOptions: () => ProductVariantOption[];
+};