@jetshop/core 3.13.3 → 3.13.5-non-polyfill

package/hooks/useProductVariants/useVariantFromUrl.test.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { renderHook } from '@testing-library/react-hooks';
+import { useVariantFromUrl } from './useVariantFromUrl';
+import { createMemoryHistory } from 'history';
+import { Router } from 'react-router';
+
+function MockHistory({ children, initialEntries = ['/'] }) {
+  const history = createMemoryHistory({ initialEntries });
+
+  return <Router history={history}>{children}</Router>;
+}
+
+describe('useVariantFromUrl', () => {
+  it('returns an empty object if there is no `att` param', () => {
+    const MockWithParams = props => (
+      <MockHistory initialEntries={['/yo?wow=hey']} {...props} />
+    );
+
+    const { result } = renderHook(() => useVariantFromUrl(), {
+      wrapper: MockWithParams
+    });
+
+    expect(result.current).toEqual({});
+  });
+  it('returns an array with a single value', () => {
+    const MockWithParams = props => (
+      <MockHistory initialEntries={['/yo?att=ODAwIG1t']} {...props} />
+    );
+
+    const { result } = renderHook(() => useVariantFromUrl(), {
+      wrapper: MockWithParams
+    });
+
+    expect(result.current.values).toEqual(['800 mm']);
+  });
+  it('returns an array of values when the encoded string is separated by pipes', () => {
+    // 800 mm|900 mm
+
+    const MockWithParams = props => (
+      <MockHistory
+        initialEntries={['/yo?att=ODAwIG1tfDkwMCBtbQ==']}
+        {...props}
+      />
+    );
+
+    const { result } = renderHook(() => useVariantFromUrl(), {
+      wrapper: MockWithParams
+    });
+
+    expect(result.current.values).toEqual(['800 mm', '900 mm']);
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetshop/core",
-  "version": "3.13.3",
+  "version": "3.13.5-non-polyfill",
   "license": "MIT",
   "files": [
     "**/*.js",
@@ -138,6 +138,5 @@
   "peerDependencies": {
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
-  },
-  "gitHead": "65a57be4ceaae678de5065f2b2055bd5b2c24b49"
+  }
 }

package/polyfills.d.ts

@@ -1 +1 @@
-export declare const createPolyfill: (locale: string) => string;
+export declare const createPolyfill: (locale: string, usePolyfilling: boolean) => string;

package/polyfills.js

@@ -1,5 +1,5 @@
 const polyfills = (locale) => [
-    'es6',
+    'es2015',
     'Object.values',
     'Object.entries',
     'Object.keys',
@@ -21,16 +21,30 @@ const polyfills = (locale) => [
     'Symbol',
     'ResizeObserver'
 ];
-export const createPolyfill = (locale) => {
+export const createPolyfill = (locale, usePolyfilling) => {
     const features = polyfills(locale).join(',');
     // Here we add two script tags to be run once the client is loaded. One sets a global variable 'polyFillsLoaded' to false and adds a function bootShop which, when called will set 'polyFillsLoaded' to true. The second script will load the polyfills and once they are loaded will call the bootShop function to let the client know that the polyfills have been loaded and that the shop can be started.
     return `
   <script>
   window.polyFillsLoaded = false;
+
   window.bootShop = function() {
     window.polyFillsLoaded = true;
-  };
+  };  
+  
+  // If polyfill.io does not respond, start the shop anyway
+  if (${usePolyfilling}) {
+    setTimeout(function () {
+      if(!window.polyFillsLoaded) {
+        window.bootShop();
+      }
+    }, 5000);
+  }
   </script>
-  <script async defer src="https://cdn.polyfill.io/v3/polyfill${process.env.NODE_ENV === 'production' ? '.min' : ''}.js?callback=bootShop&features=${features}&flags=gated"></script>`;
+
+  ${usePolyfilling
+        ? `<script async defer src='https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0${process.env.NODE_ENV === 'production' ? '.min' : ''}.js&callback=bootShop&features=${features}'></script>`
+        : '<script>window.bootShop();</script>'}
+`;
 };
 //# sourceMappingURL=polyfills.js.map

package/polyfills.js.map

@@ -1 +1 @@
-{"version":3,"file":"polyfills.js","sourceRoot":"","sources":["polyfills.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC;IACpC,KAAK;IACL,eAAe;IACf,gBAAgB;IAChB,aAAa;IACb,eAAe;IACf,sBAAsB;IACtB,2BAA2B;IAC3B,yBAAyB;IACzB,0BAA0B;IAC1B,sBAAsB;IACtB,YAAY;IACZ,sBAAsB;IACtB,2BAA2B;IAC3B,6BAA6B;IAC7B,KAAK;IACL,sBAAsB;IACtB,gBAAgB,MAAM,EAAE;IACxB,SAAS;IACT,OAAO;IACP,QAAQ;IACR,gBAAgB;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7C,6YAA6Y;IAC7Y,OAAO;;;;;;;gEAQL,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EACnD,kCAAkC,QAAQ,yBAAyB,CAAC;AACtE,CAAC,CAAC"}
+{"version":3,"file":"polyfills.js","sourceRoot":"","sources":["polyfills.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC;IACpC,QAAQ;IACR,eAAe;IACf,gBAAgB;IAChB,aAAa;IACb,eAAe;IACf,sBAAsB;IACtB,2BAA2B;IAC3B,yBAAyB;IACzB,0BAA0B;IAC1B,sBAAsB;IACtB,YAAY;IACZ,sBAAsB;IACtB,2BAA2B;IAC3B,6BAA6B;IAC7B,KAAK;IACL,sBAAsB;IACtB,gBAAgB,MAAM,EAAE;IACxB,SAAS;IACT,OAAO;IACP,QAAQ;IACR,gBAAgB;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,cAAuB,EAAE,EAAE;IACxE,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7C,6YAA6Y;IAC7Y,OAAO;;;;;;;;;QASD,cAAc;;;;;;;;;IAUlB,cAAc;QACZ,CAAC,CAAC,kGACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EACnD,kCAAkC,QAAQ,aAAa;QACzD,CAAC,CAAC,qCACN;CACD,CAAC;AACF,CAAC,CAAC"}