@sitecore-jss/sitecore-jss-react 12.0.2 → 12.0.5

package/dist/components/Image.js

@@ -52,9 +52,8 @@ var getImageAttrs = function (_a, imageParams) {
         // replace with HTML-formatted srcset, including updated image URLs
         newAttrs.srcSet = sitecore_jss_1.mediaApi.getSrcSet(resolvedSrc, srcSet, imageParams);
     }
-    else {
-        newAttrs.src = resolvedSrc;
-    }
+    // always output original src as fallback for older browsers
+    newAttrs.src = resolvedSrc;
     return newAttrs;
 };
 exports.Image = function (_a) {

package/dist/components/SitecoreContext.js

@@ -12,6 +12,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,27 +31,28 @@ var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var SitecoreContextFactory = /** @class */ (function () {
     function SitecoreContextFactory() {
+        var _this = this;
         this.subscribers = [];
+        this.getSitecoreContext = function () {
+            return _this.context;
+        };
+        this.subscribeToContext = function (func) {
+            _this.subscribers.push(func);
+        };
+        this.unsubscribeFromContext = function (func) {
+            var index = _this.subscribers.indexOf(func);
+            if (index >= 0) {
+                _this.subscribers.splice(index, 1);
+            }
+        };
+        this.setSitecoreContext = function (value) {
+            _this.context = value;
+            _this.subscribers.forEach(function (func) { return func(value); });
+        };
         this.context = {
             pageEditing: false,
         };
     }
-    SitecoreContextFactory.prototype.getSitecoreContext = function () {
-        return this.context;
-    };
-    SitecoreContextFactory.prototype.subscribeToContext = function (func) {
-        this.subscribers.push(func);
-    };
-    SitecoreContextFactory.prototype.unsubscribeFromContext = function (func) {
-        var index = this.subscribers.indexOf(func);
-        if (index >= 0) {
-            this.subscribers.splice(index, 1);
-        }
-    };
-    SitecoreContextFactory.prototype.setSitecoreContext = function (value) {
-        this.context = value;
-        this.subscribers.forEach(function (func) { return func(value); });
-    };
     return SitecoreContextFactory;
 }());
 exports.SitecoreContextFactory = SitecoreContextFactory;
@@ -51,6 +63,11 @@ var SitecoreContext = /** @class */ (function (_super) {
     function SitecoreContext(props, context) {
         var _this = _super.call(this, props, context) || this;
         _this.contextListener = function () { return _this.forceUpdate(); };
+        /**
+         * React Context Provider should accept Object instead of
+         * SitecoreContextFactory class instance
+         */
+        _this.getSitecoreContextValue = function () { return (__assign({}, _this.contextFactory)); };
         _this.componentFactory = props.componentFactory;
         if (props.contextFactory) {
             _this.contextFactory = props.contextFactory;
@@ -58,19 +75,17 @@ var SitecoreContext = /** @class */ (function (_super) {
         else {
             _this.contextFactory = new SitecoreContextFactory();
         }
-        return _this;
-    }
-    SitecoreContext.prototype.componentDidMount = function () {
         // we force the children of the context to re-render when the context is updated
         // even if the local props are unchanged; we assume the contents depend on the Sitecore context
-        this.contextFactory.subscribeToContext(this.contextListener);
-    };
+        _this.contextFactory.subscribeToContext(_this.contextListener);
+        return _this;
+    }
     SitecoreContext.prototype.componentWillUnmount = function () {
         this.contextFactory.unsubscribeFromContext(this.contextListener);
     };
     SitecoreContext.prototype.render = function () {
         return (react_1.default.createElement(exports.ComponentFactoryReactContext.Provider, { value: this.componentFactory },
-            react_1.default.createElement(exports.SitecoreContextReactContext.Provider, { value: this.contextFactory }, this.props.children)));
+            react_1.default.createElement(exports.SitecoreContextReactContext.Provider, { value: this.getSitecoreContextValue() }, this.props.children)));
     };
     SitecoreContext.propTypes = {
         children: prop_types_1.default.any.isRequired,

package/dist/components/VisitorIdentification.js

@@ -1,23 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
 var withSitecoreContext_1 = require("../enhancers/withSitecoreContext");
 var emittedVI = false;
 var VIComponent = function (_a) {
     var sitecoreContext = _a.sitecoreContext;
-    if (!emittedVI &&
-        typeof document !== 'undefined' &&
-        sitecoreContext.visitorIdentificationTimestamp) {
-        emittedVI = true;
-        var script = document.createElement('script');
-        script.src = "/layouts/system/VisitorIdentification.js";
-        script.type = 'text/javascript';
-        document.getElementsByTagName('head')[0].appendChild(script);
-        return (react_1.default.createElement("meta", { name: "VIcurrentDateTime", content: sitecoreContext.visitorIdentificationTimestamp }));
+    if (emittedVI ||
+        typeof document === 'undefined' ||
+        !sitecoreContext.visitorIdentificationTimestamp) {
+        // Don't emit VI script and meta tag if we've already done so,
+        // aren't rendering client-side, or don't have a VI timestamp.
+        return null;
     }
+    emittedVI = true;
+    var script = document.createElement('script');
+    script.src = "/layouts/system/VisitorIdentification.js";
+    script.type = 'text/javascript';
+    var meta = document.createElement('meta');
+    meta.name = 'VIcurrentDateTime';
+    meta.content = sitecoreContext.visitorIdentificationTimestamp;
+    var head = document.querySelector('head');
+    head && head.appendChild(script);
+    head && head.appendChild(meta);
     return null;
 };
 VIComponent.displayName = 'VisitorIdentification';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-react",
-  "version": "12.0.2",
+  "version": "12.0.5",
   "main": "dist/index.js",
   "scripts": {
     "build": "npm run clean && tsc",
@@ -56,11 +56,11 @@
     "react-dom": "^16.9.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "^12.0.2",
+    "@sitecore-jss/sitecore-jss": "^12.0.5",
     "prop-types": "^15.7.2",
     "style-attr": "^1.3.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "56567123da937fc546ec6c6d59b11cd3872f23f8"
+  "gitHead": "e7503e862d40c254af2054c3e3fc97f9c6c78871"
 }

package/types/components/SitecoreContext.d.ts

@@ -11,10 +11,10 @@ export declare class SitecoreContextFactory {
     subscribers: any[];
     context: any;
     constructor();
-    getSitecoreContext(): any;
-    subscribeToContext(func: any): void;
-    unsubscribeFromContext(func: any): void;
-    setSitecoreContext(value: any): void;
+    getSitecoreContext: () => any;
+    subscribeToContext: (func: any) => void;
+    unsubscribeFromContext: (func: any) => void;
+    setSitecoreContext: (value: any) => void;
 }
 export declare const SitecoreContextReactContext: React.Context<SitecoreContextFactory>;
 export declare const ComponentFactoryReactContext: React.Context<ComponentFactory>;
@@ -28,8 +28,19 @@ export declare class SitecoreContext extends React.Component<SitecoreContextProp
     componentFactory: ComponentFactory;
     contextFactory: SitecoreContextFactory;
     constructor(props: SitecoreContextProps, context: any);
-    componentDidMount(): void;
     contextListener: () => void;
     componentWillUnmount(): void;
+    /**
+     * React Context Provider should accept Object instead of
+     * SitecoreContextFactory class instance
+     */
+    getSitecoreContextValue: () => {
+        subscribers: any[];
+        context: any;
+        getSitecoreContext: () => any;
+        subscribeToContext: (func: any) => void;
+        unsubscribeFromContext: (func: any) => void;
+        setSitecoreContext: (value: any) => void;
+    };
     render(): JSX.Element;
 }