@mjhls/mjh-framework 1.0.779-beta.1 → 1.0.780

package/dist/esm/{extends-eb69e8ac.js → extends-31d65aba.js}

@@ -1,5 +1,5 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { j as _fails, f as _toObject, g as _iobject, n as _objectKeys, d as _descriptors, _ as _export, a as _core } from './_to-object-a4107da3.js';
+import { j as _fails, f as _toObject, g as _iobject, n as _objectKeys, d as _descriptors, _ as _export, a as _core } from './_to-object-97770c52.js';
 import { _ as _objectGops, a as _objectPie } from './_object-pie-33c40e79.js';
 
 // 19.1.2.1 Object.assign(target, source, ...)

package/dist/esm/getQuery.js

@@ -12,7 +12,7 @@ var getQuery = function getQuery(type) {
     case 'article':
       return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          issueGroup-> { _id, name, identifier, parent-> },\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                          body[] {\n                            ...,\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{\n                              ...,\n                              upload_doc {\n                                _type,\n                                asset-> \n                              } \n                            },\n                            articles[]{\n                              ...,\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                              text[]{\n                                ...,\n                                upload_doc {\n                                  _type,\n                                  asset->\n                                },\n                                uploadAudio {\n                                  _type,\n                                  asset->\n                                },\n                              }\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier\n                          },\n                          documentGroup-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            isSeries,\n                          \'path\': identifier.current\n                          },\n                          documentGroupMapping[]-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                          \'path\': identifier.current\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
     case 'publication':
-      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                taxonomyMapping[]->,\n                pdf{asset->}\n              } | order(year desc, month desc)\n      }';
+      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                taxonomyMapping[]->,\n                pdf{asset->},\n                \'articles\': *[\n                  _type == \'article\' \n                  && !(_id in path("drafts.**"))\n                  && defined(title)\n                  && is_visible\n                  && defined(url)\n                  && defined(published) \n                  && dateTime(published) <= dateTime(now())\n                  && passwordLock != true\n                  && references(^._id)\n                ][0...1]{_id}\n              } | order(year desc, month desc)\n      }';
     case 'issue':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n            ' + params + '\n            ...,\n            \'issue\': *[_type == \'publication\'\n                && references(^._id)\n                && identifier.current == $issue][0] {\n                    ...,\n                    \'articles\': *[_type == \'article\'\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && is_visible\n                        && defined(url)\n                        && defined(published) \n                        && dateTime(published) <= dateTime(now())\n                        && passwordLock != true\n                        && references(^._id)] | order(published desc) {\n                          ...,\n                          authorMapping[0]->,\n                          contentCategory->,\n                          issueSection-> {\n                            name\n                          }\n                        }\n                }\n        }';
     case 'externalResources':

package/dist/esm/getRelatedArticle.js

@@ -1,14 +1,14 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-2bd4099a.js';
 import { c as createCommonjsModule, u as unwrapExports, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './core.get-iterator-method-e1de7503.js';
-import './web.dom.iterable-4439f05a.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-502f13b4.js';
-import './_set-species-3f8319f5.js';
 import { c as cookie } from './index-db3bb315.js';
 import getQuery from './getQuery.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './web.dom.iterable-035980f3.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-d1d5ed02.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
 
 var defaultParseOptions = {
   decodeValues: true,
@@ -30,9 +30,18 @@ function parseString(setCookieValue, options) {
     ? Object.assign({}, defaultParseOptions, options)
     : defaultParseOptions;
 
+  try {
+    value = options.decodeValues ? decodeURIComponent(value) : value; // decode cookie value
+  } catch (e) {
+    console.error(
+      `set-cookie-parser encountered an error while decoding a cookie with value '${value}'. Set options.decodeValues to false to disable this feature.`,
+      e
+    );
+  }
+
   var cookie = {
     name: name, // grab everything before the first =
-    value: options.decodeValues ? decodeURIComponent(value) : value, // decode cookie value
+    value: value,
   };
 
   parts.forEach(function (part) {
@@ -203,7 +212,7 @@ setCookie.parse = parse_1;
 setCookie.parseString = parseString_1;
 setCookie.splitCookiesString = splitCookiesString_1;
 
-var dist = createCommonjsModule(function (module, exports) {
+var utils = createCommonjsModule(function (module, exports) {
 var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -216,10 +225,33 @@ var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.destroyCookie = exports.setCookie = exports.parseCookies = void 0;
-
-
-var isBrowser = function () { return typeof window !== 'undefined'; };
+exports.areCookiesEqual = exports.hasSameProperties = exports.createCookie = exports.isBrowser = void 0;
+/**
+ * Tells whether we are in a browser or server.
+ */
+function isBrowser() {
+    return typeof window !== 'undefined';
+}
+exports.isBrowser = isBrowser;
+/**
+ * Create an instance of the Cookie interface
+ */
+function createCookie(name, value, options) {
+    var sameSite = options.sameSite;
+    if (sameSite === true) {
+        sameSite = 'strict';
+    }
+    if (sameSite === undefined || sameSite === false) {
+        sameSite = 'lax';
+    }
+    var cookieToSet = __assign(__assign({}, options), { sameSite: sameSite });
+    delete cookieToSet.encode;
+    return __assign({ name: name, value: value }, cookieToSet);
+}
+exports.createCookie = createCookie;
+/**
+ * Tells whether given objects have the same properties.
+ */
 function hasSameProperties(a, b) {
     var aProps = Object.getOwnPropertyNames(a);
     var bProps = Object.getOwnPropertyNames(b);
@@ -234,8 +266,9 @@ function hasSameProperties(a, b) {
     }
     return true;
 }
+exports.hasSameProperties = hasSameProperties;
 /**
- * Compare the cookie and return true if the cookies has equivalent
+ * Compare the cookie and return true if the cookies have equivalent
  * options and the cookies would be overwritten in the browser storage.
  *
  * @param a first Cookie for comparison
@@ -248,71 +281,109 @@ function areCookiesEqual(a, b) {
     }
     return (hasSameProperties(__assign(__assign({}, a), { sameSite: undefined }), __assign(__assign({}, b), { sameSite: undefined })) && sameSiteSame);
 }
+exports.areCookiesEqual = areCookiesEqual;
+/* Functions */
+
+});
+
+unwrapExports(utils);
+utils.areCookiesEqual;
+utils.hasSameProperties;
+utils.createCookie;
+utils.isBrowser;
+
+var dist = createCommonjsModule(function (module, exports) {
+var __assign = (commonjsGlobal && commonjsGlobal.__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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.destroyCookie = exports.setCookie = exports.parseCookies = void 0;
+
+
+
 /**
- * Create an instance of the Cookie interface
- *
- * @param name name of the Cookie
- * @param value value of the Cookie
- * @param options Cookie options
- */
-function createCookie(name, value, options) {
-    var sameSite = options.sameSite;
-    if (sameSite === true) {
-        sameSite = 'strict';
-    }
-    if (sameSite === undefined || sameSite === false) {
-        sameSite = 'lax';
-    }
-    var cookieToSet = __assign(__assign({}, options), { sameSite: sameSite });
-    delete cookieToSet.encode;
-    return __assign({ name: name, value: value }, cookieToSet);
-}
-/**
- *
  * Parses cookies.
  *
- * @param ctx
- * @param options
+ * @param ctx NextJS page or API context, express context, null or undefined.
+ * @param options Options that we pass down to `cookie` library.
  */
 function parseCookies(ctx, options) {
-    if (ctx && ctx.req && ctx.req.headers && ctx.req.headers.cookie) {
+    var _a, _b;
+    if ((_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.req) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.cookie) {
         return cookie.parse(ctx.req.headers.cookie, options);
     }
-    if (isBrowser()) {
+    if (utils.isBrowser()) {
         return cookie.parse(document.cookie, options);
     }
     return {};
 }
 exports.parseCookies = parseCookies;
 /**
- *
  * Sets a cookie.
  *
- * @param ctx
- * @param name
- * @param value
- * @param options
+ * @param ctx NextJS page or API context, express context, null or undefined.
+ * @param name The name of your cookie.
+ * @param value The value of your cookie.
+ * @param options Options that we pass down to `cookie` library.
  */
 function setCookie$1(ctx, name, value, options) {
-    if (ctx && ctx.res && ctx.res.getHeader && ctx.res.setHeader) {
+    var _a, _b;
+    if (options === void 0) { options = {}; }
+    // SSR
+    if (((_a = ctx === null || ctx === void 0 ? void 0 : ctx.res) === null || _a === void 0 ? void 0 : _a.getHeader) && ctx.res.setHeader) {
+        // Check if response has finished and warn about it.
+        if ((_b = ctx === null || ctx === void 0 ? void 0 : ctx.res) === null || _b === void 0 ? void 0 : _b.finished) {
+            console.warn("Not setting \"" + name + "\" cookie. Response has finished.");
+            console.warn("You should set cookie before res.send()");
+            return {};
+        }
+        /**
+         * Load existing cookies from the header and parse them.
+         */
         var cookies = ctx.res.getHeader('Set-Cookie') || [];
         if (typeof cookies === 'string')
             cookies = [cookies];
         if (typeof cookies === 'number')
             cookies = [];
-        var parsedCookies = setCookie.parse(cookies);
+        /**
+         * Parse cookies but ignore values - we've already encoded
+         * them in the previous call.
+         */
+        var parsedCookies = setCookie.parse(cookies, {
+            decodeValues: false,
+        });
+        /**
+         * We create the new cookie and make sure that none of
+         * the existing cookies match it.
+         */
+        var newCookie_1 = utils.createCookie(name, value, options);
         var cookiesToSet_1 = [];
         parsedCookies.forEach(function (parsedCookie) {
-            if (!areCookiesEqual(parsedCookie, createCookie(name, value, options))) {
-                cookiesToSet_1.push(cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({}, parsedCookie)));
+            if (!utils.areCookiesEqual(parsedCookie, newCookie_1)) {
+                /**
+                 * We serialize the cookie back to the original format
+                 * if it isn't the same as the new one.
+                 */
+                var serializedCookie = cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({ 
+                    // we prevent reencoding by default, but you might override it
+                    encode: function (val) { return val; } }, parsedCookie));
+                cookiesToSet_1.push(serializedCookie);
             }
         });
         cookiesToSet_1.push(cookie.serialize(name, value, options));
-        if (!ctx.res.finished) {
-            ctx.res.setHeader('Set-Cookie', cookiesToSet_1);
-        }
+        // Update the header.
+        ctx.res.setHeader('Set-Cookie', cookiesToSet_1);
     }
-    if (isBrowser()) {
+    // Browser
+    if (utils.isBrowser()) {
         if (options && options.httpOnly) {
             throw new Error('Can not set a httpOnly cookie in the browser.');
         }
@@ -322,30 +393,21 @@ function setCookie$1(ctx, name, value, options) {
 }
 exports.setCookie = setCookie$1;
 /**
- *
  * Destroys a cookie with a particular name.
  *
- * @param ctx
- * @param name
- * @param options
+ * @param ctx NextJS page or API context, express context, null or undefined.
+ * @param name Cookie name.
+ * @param options Options that we pass down to `cookie` library.
  */
 function destroyCookie(ctx, name, options) {
-    var opts = __assign(__assign({}, (options || {})), { maxAge: -1 });
-    if (ctx && ctx.res && ctx.res.setHeader && ctx.res.getHeader) {
-        var cookies = ctx.res.getHeader('Set-Cookie') || [];
-        if (typeof cookies === 'string')
-            cookies = [cookies];
-        if (typeof cookies === 'number')
-            cookies = [];
-        cookies.push(cookie.serialize(name, '', opts));
-        ctx.res.setHeader('Set-Cookie', cookies);
-    }
-    if (isBrowser()) {
-        document.cookie = cookie.serialize(name, '', opts);
-    }
-    return {};
+    /**
+     * We forward the request destroy to setCookie function
+     * as it is the same function with modified maxAge value.
+     */
+    return setCookie$1(ctx, name, '', __assign(__assign({}, (options || {})), { maxAge: -1 }));
 }
 exports.destroyCookie = destroyCookie;
+/* Utility Exports */
 exports.default = {
     set: setCookie$1,
     get: parseCookies,
@@ -355,7 +417,7 @@ exports.default = {
 });
 
 unwrapExports(dist);
-var dist_1 = dist.destroyCookie;
+dist.destroyCookie;
 var dist_2 = dist.setCookie;
 var dist_3 = dist.parseCookies;
 

package/dist/esm/getRootDocGroup.js

@@ -1,12 +1,12 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-2bd4099a.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './web.dom.iterable-035980f3.js';
 import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './core.get-iterator-method-e1de7503.js';
-import './web.dom.iterable-4439f05a.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-502f13b4.js';
-import './_set-species-3f8319f5.js';
+import './core.get-iterator-method-d1d5ed02.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
 
 var _this = undefined;
 

package/dist/esm/getSerializers.js

@@ -1,54 +1,54 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './toConsumableArray-43aa614d.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import './extends-eb69e8ac.js';
-import './_object-sap-964b6feb.js';
-import './inherits-fb9b6e8f.js';
-import './define-property-8af5f002.js';
-import './web.dom.iterable-4439f05a.js';
-import './typeof-6435ba1c.js';
-import './_is-array-58e95429.js';
 import 'react';
-import './index-a9e53f80.js';
+export { g as default } from './index-9b2f6ac4.js';
+import './BlockContent-d8cd739c.js';
+import './entities-932b50cf.js';
+import './slicedToArray-cdeaee08.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './web.dom.iterable-035980f3.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './core.get-iterator-method-d1d5ed02.js';
+import 'react-bootstrap';
+import './index-3f5c03b2.js';
+import './index-888f9253.js';
 import 'prop-types';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import './moment-e2f9b20c.js';
 import 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import 'react-dom';
-import './index-73819142.js';
-import './index-5f9f807a.js';
-import './main-e4a934b2.js';
-import './entities-7cc3bf45.js';
-import './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import './asyncToGenerator-502f13b4.js';
-import './_set-species-3f8319f5.js';
-import './Segment.js';
-import './Beam.js';
-import './AdSlot.js';
-import './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
+import './util-3ab476bf.js';
+import './Beam.js';
+import './stringify-d4839bab.js';
+import './asyncToGenerator-2bd4099a.js';
+import './_library-528f1934.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
+import './Segment.js';
+import './main-1450d277.js';
+import './extends-31d65aba.js';
+import './_object-pie-33c40e79.js';
+import './index-752d1dae.js';
+import 'react-dom';
+import './typeof-e9cea9e8.js';
+import './_is-array-674f71ec.js';
+import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
-import 'react-bootstrap';
-import './iconBase-602d52fe.js';
-import './index.esm-29e48d38.js';
-export { g as default } from './index-18307045.js';
-import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-83f53e4e.js';
+import './smoothscroll-fa4e3f8c.js';
+import './moment-bc12cb97.js';
+import './SocialShare.js';
 import 'next/head';
 import 'react-share';
-import './SocialShare.js';
-import './_object-to-array-7e804fce.js';
+import './_object-to-array-8f409e54.js';
+import './toConsumableArray-fa2dcda7.js';
 import 'react-bootstrap/Pagination';
 import 'react-bootstrap/Button';
+import './AdSlot.js';
+import './debounce-9207d8ee.js';
+import './isSymbol-1981418f.js';
+import './toNumber-2f7a84cd.js';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import './inherits-5906fbea.js';
+import './_object-sap-fd3054d0.js';
+import './define-property-ec6d528d.js';
+import './index.esm-3fdda599.js';
+import './iconBase-602d52fe.js';
 import 'react-bootstrap/Figure';

package/dist/esm/{getTargeting-7211f12c.js → getTargeting-2d402d66.js}

@@ -1,5 +1,5 @@
-import { _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
-import { _ as _extends } from './extends-eb69e8ac.js';
+import { _ as _extends } from './extends-31d65aba.js';
+import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
 
 var getContentPlacementUrl = function getContentPlacementUrl(cp) {
     var cp_url = '';

package/dist/esm/getTargeting.js

@@ -1,9 +1,9 @@
+import './extends-31d65aba.js';
+import './toConsumableArray-fa2dcda7.js';
+export { g as default } from './getTargeting-2d402d66.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './_iter-detect-5d49a330.js';
-import './toConsumableArray-43aa614d.js';
-import './core.get-iterator-method-e1de7503.js';
+import './_to-object-97770c52.js';
 import './_object-pie-33c40e79.js';
-import './extends-eb69e8ac.js';
-export { g as default } from './getTargeting-7211f12c.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_iter-detect-48516cd3.js';
+import './core.get-iterator-method-d1d5ed02.js';

package/dist/esm/{index-73819142.js → index-3f5c03b2.js}

@@ -58,35 +58,35 @@ function parseSource(source) {
     if (typeof source === 'string' && isUrl(source)) {
         // Someone passed an existing image url?
         image = {
-            asset: { _ref: urlToId(source) }
+            asset: { _ref: urlToId(source) },
         };
     }
     else if (typeof source === 'string') {
         // Just an asset id
         image = {
-            asset: { _ref: source }
+            asset: { _ref: source },
         };
     }
     else if (isRef(source)) {
         // We just got passed an asset directly
         image = {
-            asset: source
+            asset: source,
         };
     }
     else if (isAsset(source)) {
         // If we were passed an image asset document
         image = {
             asset: {
-                _ref: source._id || ''
-            }
+                _ref: source._id || '',
+            },
         };
     }
     else if (isAssetStub(source)) {
         // If we were passed a partial asset (`url`, but no `_id`)
         image = {
             asset: {
-                _ref: urlToId(source.asset.url)
-            }
+                _ref: urlToId(source.asset.url),
+            },
         };
     }
     else if (typeof source.asset === 'object') {
@@ -127,7 +127,7 @@ function applyDefaults(image) {
             left: 0,
             top: 0,
             bottom: 0,
-            right: 0
+            right: 0,
         };
     }
     if (!result.hotspot) {
@@ -135,7 +135,7 @@ function applyDefaults(image) {
             x: 0.5,
             y: 0.5,
             height: 1.0,
-            width: 1.0
+            width: 1.0,
         };
     }
     return result;
@@ -182,7 +182,8 @@ exports.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
     ['crop', 'crop'],
     ['saturation', 'sat'],
     ['auto', 'auto'],
-    ['dpr', 'dpr']
+    ['dpr', 'dpr'],
+    ['pad', 'pad'],
 ];
 function urlForImage(options) {
     var spec = __assign({}, (options || {}));
@@ -201,7 +202,7 @@ function urlForImage(options) {
         left: cropLeft,
         top: cropTop,
         width: Math.round(asset.width - image.crop.right * asset.width - cropLeft),
-        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop)
+        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop),
     };
     // Compute hot spot rect in terms of pixel coordinates
     var hotSpotVerticalRadius = (image.hotspot.height * asset.height) / 2;
@@ -212,7 +213,7 @@ function urlForImage(options) {
         left: hotSpotCenterX - hotSpotHorizontalRadius,
         top: hotSpotCenterY - hotSpotVerticalRadius,
         right: hotSpotCenterX + hotSpotHorizontalRadius,
-        bottom: hotSpotCenterY + hotSpotVerticalRadius
+        bottom: hotSpotCenterY + hotSpotVerticalRadius,
     };
     // If irrelevant, or if we are requested to: don't perform crop/fit based on
     // the crop/hotspot.
@@ -294,7 +295,7 @@ function fit(source, spec) {
             left: Math.round(left),
             top: Math.round(top_2),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     else {
@@ -316,21 +317,21 @@ function fit(source, spec) {
             left: Math.max(0, Math.floor(left)),
             top: Math.max(0, Math.floor(top_3)),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     return {
         width: imgWidth,
         height: imgHeight,
-        rect: cropRect
+        rect: cropRect,
     };
 }
 
 });
 
 unwrapExports(urlForImage_1);
-var urlForImage_2 = urlForImage_1.parseSource;
-var urlForImage_3 = urlForImage_1.SPEC_NAME_TO_URL_NAME_MAPPINGS;
+urlForImage_1.parseSource;
+urlForImage_1.SPEC_NAME_TO_URL_NAME_MAPPINGS;
 
 var builder = createCommonjsModule(function (module, exports) {
 var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
@@ -356,7 +357,7 @@ var urlForImage_1$1 = __importStar(urlForImage_1);
 var validFits = ['clip', 'crop', 'fill', 'fillmax', 'max', 'scale', 'min'];
 var validCrops = ['top', 'bottom', 'left', 'right', 'center', 'focalpoint', 'entropy'];
 var validAutoModes = ['format'];
-function isSanityClient(client) {
+function isSanityClientLike(client) {
     return client ? typeof client.clientConfig === 'object' : false;
 }
 function rewriteSpecName(key) {
@@ -373,13 +374,14 @@ function rewriteSpecName(key) {
 function urlBuilder(options) {
     // Did we get a SanityClient?
     var client = options;
-    if (isSanityClient(client)) {
+    if (isSanityClientLike(client)) {
         // Inherit config from client
-        var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
+        var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
+        var apiHost = apiUrl || 'https://api.sanity.io';
         return new ImageUrlBuilder(null, {
             baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
             projectId: projectId,
-            dataset: dataset
+            dataset: dataset,
         });
     }
     // Or just accept the options as given
@@ -392,7 +394,7 @@ var ImageUrlBuilder = /** @class */ (function () {
             ? __assign(__assign({}, (parent.options || {})), (options || {})) : __assign({}, (options || {})); // Copy options
     }
     ImageUrlBuilder.prototype.withOptions = function (options) {
-        var baseUrl = options.baseUrl || '';
+        var baseUrl = options.baseUrl || this.options.baseUrl;
         var newOptions = { baseUrl: baseUrl };
         for (var key in options) {
             if (options.hasOwnProperty(key)) {
@@ -486,7 +488,7 @@ var ImageUrlBuilder = /** @class */ (function () {
     ImageUrlBuilder.prototype.flipHorizontal = function () {
         return this.withOptions({ flipHorizontal: true });
     };
-    // Flip image verically
+    // Flip image vertically
     ImageUrlBuilder.prototype.flipVertical = function () {
         return this.withOptions({ flipVertical: true });
     };
@@ -516,11 +518,15 @@ var ImageUrlBuilder = /** @class */ (function () {
         }
         return this.withOptions({ auto: value });
     };
+    // Specify the number of pixels to pad the image
+    ImageUrlBuilder.prototype.pad = function (pad) {
+        return this.withOptions({ pad: pad });
+    };
     // Gets the url based on the submitted parameters
     ImageUrlBuilder.prototype.url = function () {
         return urlForImage_1$1.default(this.options);
     };
-    // Synonym for url()
+    // Alias for url()
     ImageUrlBuilder.prototype.toString = function () {
         return this.url();
     };
@@ -531,7 +537,7 @@ exports.ImageUrlBuilder = ImageUrlBuilder;
 });
 
 unwrapExports(builder);
-var builder_1 = builder.ImageUrlBuilder;
+builder.ImageUrlBuilder;
 
 var node = createCommonjsModule(function (module) {
 var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {