@blaze-cms/react-page-builder 0.125.0-f-admin-updates.0 → 0.125.0

package/lib/components/EmailConfirm/EmailConfirm.js

@@ -1,94 +1,64 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 require("core-js/modules/es.array.concat.js");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _client = require("@apollo/client");
-
 var _router = require("next/router");
-
 var _queryString = require("query-string");
-
 var _mutation = _interopRequireDefault(require("./mutation"));
-
 var _helpers = require("../../helpers");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var EmailConfirm = function EmailConfirm(_ref) {
   var modifier = _ref.modifier,
-      errorMessage = _ref.errorMessage,
-      children = _ref.children;
+    errorMessage = _ref.errorMessage,
+    children = _ref.children;
   var router = (0, _router.useRouter)();
   var asPath = router.asPath;
-
   var _parseUrl = (0, _queryString.parseUrl)(asPath),
-      _parseUrl$query = _parseUrl.query;
-
+    _parseUrl$query = _parseUrl.query;
   _parseUrl$query = _parseUrl$query === void 0 ? {} : _parseUrl$query;
   var token = _parseUrl$query.token,
-      setRedirectUrl = _parseUrl$query.redirectUrl;
-
+    setRedirectUrl = _parseUrl$query.redirectUrl;
   var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      displayError = _useState2[0],
-      setDisplayError = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    displayError = _useState2[0],
+    setDisplayError = _useState2[1];
   var _useMutation = (0, _client.useMutation)(_mutation["default"], {
-    onCompleted: function onCompleted(_ref2) {
-      var confirmUserEmail = _ref2.confirmUserEmail;
-
-      var _ref3 = confirmUserEmail || {},
+      onCompleted: function onCompleted(_ref2) {
+        var confirmUserEmail = _ref2.confirmUserEmail;
+        var _ref3 = confirmUserEmail || {},
           extras = _ref3.result.extras;
-
-      var _ref4 = extras || {},
+        var _ref4 = extras || {},
           redirectUrl = _ref4.redirectUrl;
-
-      setDisplayError(false);
-
-      if (redirectUrl && !setRedirectUrl) {
-        router.push("/Resolver", "".concat(asPath, "&redirectUrl=").concat(redirectUrl), {
-          shallow: true
-        });
+        setDisplayError(false);
+        if (redirectUrl && !setRedirectUrl) {
+          router.push("/Resolver", "".concat(asPath, "&redirectUrl=").concat(redirectUrl), {
+            shallow: true
+          });
+        }
       }
-    }
-  }),
-      _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 2),
-      emailConfirmMutation = _useMutation2[0],
-      _useMutation2$ = _useMutation2[1],
-      loading = _useMutation2$.loading,
-      called = _useMutation2$.called;
-
+    }),
+    _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 2),
+    emailConfirmMutation = _useMutation2[0],
+    _useMutation2$ = _useMutation2[1],
+    loading = _useMutation2$.loading,
+    called = _useMutation2$.called;
   (0, _react.useEffect)(function () {
     if (token) emailConfirmMutation({
       variables: {
@@ -102,7 +72,6 @@ var EmailConfirm = function EmailConfirm(_ref) {
     className: modifier
   }, errorMessage) : renderedChildren);
 };
-
 EmailConfirm.propTypes = {
   modifier: _propTypes["default"].string,
   errorMessage: _propTypes["default"].string,

package/lib/components/EmailConfirm/EmailConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailConfirm.js","names":["EmailConfirm","modifier","errorMessage","children","router","useRouter","asPath","parseUrl","query","token","setRedirectUrl","redirectUrl","useState","displayError","setDisplayError","useMutation","EMAIL_CONFIRM_MUTATION","onCompleted","confirmUserEmail","extras","result","push","shallow","emailConfirmMutation","loading","called","useEffect","variables","renderedChildren","renderChildren","propTypes","PropTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/EmailConfirm/EmailConfirm.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useMutation } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport EMAIL_CONFIRM_MUTATION from './mutation';\nimport { renderChildren } from '../../helpers';\n\nconst EmailConfirm = ({ modifier, errorMessage, children }) => {\n  const router = useRouter();\n  const { asPath } = router;\n\n  const { query: { token, redirectUrl: setRedirectUrl } = {} } = parseUrl(asPath);\n  const [displayError, setDisplayError] = useState(true);\n  const [emailConfirmMutation, { loading, called }] = useMutation(EMAIL_CONFIRM_MUTATION, {\n    onCompleted: ({ confirmUserEmail }) => {\n      const {\n        result: { extras }\n      } =\n        confirmUserEmail || {};\n      const { redirectUrl } = extras || {};\n      setDisplayError(false);\n      if (redirectUrl && !setRedirectUrl) {\n        router.push(`/Resolver`, `${asPath}&redirectUrl=${redirectUrl}`, { shallow: true });\n      }\n    }\n  });\n\n  useEffect(\n    () => {\n      if (token) emailConfirmMutation({ variables: { token } });\n    },\n    [emailConfirmMutation, token]\n  );\n\n  if ((token && !called) || loading) return null;\n  const renderedChildren = renderChildren(children);\n\n  return <>{displayError ? <span className={modifier}>{errorMessage}</span> : renderedChildren}</>;\n};\n\nEmailConfirm.propTypes = {\n  modifier: PropTypes.string,\n  errorMessage: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nEmailConfirm.defaultProps = {\n  modifier: '',\n  errorMessage: '',\n  children: []\n};\n\nexport default EmailConfirm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0C;EAAA,IAAvCC,QAAuC,QAAvCA,QAAuC;EAAA,IAA7BC,YAA6B,QAA7BA,YAA6B;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC7D,IAAMC,MAAM,GAAG,IAAAC,iBAAA,GAAf;EACA,IAAQC,MAAR,GAAmBF,MAAnB,CAAQE,MAAR;;EAEA,gBAA+D,IAAAC,qBAAA,EAASD,MAAT,CAA/D;EAAA,gCAAQE,KAAR;;EAAA,+CAAwD,EAAxD;EAAA,IAAiBC,KAAjB,mBAAiBA,KAAjB;EAAA,IAAqCC,cAArC,mBAAwBC,WAAxB;;EACA,gBAAwC,IAAAC,eAAA,EAAS,IAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,mBAAoD,IAAAC,mBAAA,EAAYC,oBAAZ,EAAoC;IACtFC,WAAW,EAAE,4BAA0B;MAAA,IAAvBC,gBAAuB,SAAvBA,gBAAuB;;MACrC,YAGEA,gBAAgB,IAAI,EAHtB;MAAA,IACYC,MADZ,SACEC,MADF,CACYD,MADZ;;MAIA,YAAwBA,MAAM,IAAI,EAAlC;MAAA,IAAQR,WAAR,SAAQA,WAAR;;MACAG,eAAe,CAAC,KAAD,CAAf;;MACA,IAAIH,WAAW,IAAI,CAACD,cAApB,EAAoC;QAClCN,MAAM,CAACiB,IAAP,wBAA4Bf,MAA5B,0BAAkDK,WAAlD,GAAiE;UAAEW,OAAO,EAAE;QAAX,CAAjE;MACD;IACF;EAXqF,CAApC,CAApD;EAAA;EAAA,IAAOC,oBAAP;EAAA;EAAA,IAA+BC,OAA/B,kBAA+BA,OAA/B;EAAA,IAAwCC,MAAxC,kBAAwCA,MAAxC;;EAcA,IAAAC,gBAAA,EACE,YAAM;IACJ,IAAIjB,KAAJ,EAAWc,oBAAoB,CAAC;MAAEI,SAAS,EAAE;QAAElB,KAAK,EAALA;MAAF;IAAb,CAAD,CAApB;EACZ,CAHH,EAIE,CAACc,oBAAD,EAAuBd,KAAvB,CAJF;EAOA,IAAKA,KAAK,IAAI,CAACgB,MAAX,IAAsBD,OAA1B,EAAmC,OAAO,IAAP;EACnC,IAAMI,gBAAgB,GAAG,IAAAC,uBAAA,EAAe1B,QAAf,CAAzB;EAEA,oBAAO,kEAAGU,YAAY,gBAAG;IAAM,SAAS,EAAEZ;EAAjB,GAA4BC,YAA5B,CAAH,GAAsD0B,gBAArE,CAAP;AACD,CA/BD;;AAiCA5B,YAAY,CAAC8B,SAAb,GAAyB;EACvB7B,QAAQ,EAAE8B,qBAAA,CAAUC,MADG;EAEvB9B,YAAY,EAAE6B,qBAAA,CAAUC,MAFD;EAGvB7B,QAAQ,EAAE4B,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,qBAAA,CAAUI,IAA9C,CAApB;AAHa,CAAzB;AAMAnC,YAAY,CAACoC,YAAb,GAA4B;EAC1BnC,QAAQ,EAAE,EADgB;EAE1BC,YAAY,EAAE,EAFY;EAG1BC,QAAQ,EAAE;AAHgB,CAA5B;eAMeH,Y"}
+{"version":3,"file":"EmailConfirm.js","names":["EmailConfirm","modifier","errorMessage","children","router","useRouter","asPath","parseUrl","query","token","setRedirectUrl","redirectUrl","useState","displayError","setDisplayError","useMutation","EMAIL_CONFIRM_MUTATION","onCompleted","confirmUserEmail","extras","result","push","shallow","emailConfirmMutation","loading","called","useEffect","variables","renderedChildren","renderChildren","propTypes","PropTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/EmailConfirm/EmailConfirm.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useMutation } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport EMAIL_CONFIRM_MUTATION from './mutation';\nimport { renderChildren } from '../../helpers';\n\nconst EmailConfirm = ({ modifier, errorMessage, children }) => {\n  const router = useRouter();\n  const { asPath } = router;\n\n  const { query: { token, redirectUrl: setRedirectUrl } = {} } = parseUrl(asPath);\n  const [displayError, setDisplayError] = useState(true);\n  const [emailConfirmMutation, { loading, called }] = useMutation(EMAIL_CONFIRM_MUTATION, {\n    onCompleted: ({ confirmUserEmail }) => {\n      const {\n        result: { extras }\n      } =\n        confirmUserEmail || {};\n      const { redirectUrl } = extras || {};\n      setDisplayError(false);\n      if (redirectUrl && !setRedirectUrl) {\n        router.push(`/Resolver`, `${asPath}&redirectUrl=${redirectUrl}`, { shallow: true });\n      }\n    }\n  });\n\n  useEffect(\n    () => {\n      if (token) emailConfirmMutation({ variables: { token } });\n    },\n    [emailConfirmMutation, token]\n  );\n\n  if ((token && !called) || loading) return null;\n  const renderedChildren = renderChildren(children);\n\n  return <>{displayError ? <span className={modifier}>{errorMessage}</span> : renderedChildren}</>;\n};\n\nEmailConfirm.propTypes = {\n  modifier: PropTypes.string,\n  errorMessage: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nEmailConfirm.defaultProps = {\n  modifier: '',\n  errorMessage: '',\n  children: []\n};\n\nexport default EmailConfirm;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAE/C,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAA6C;EAAA,IAAvCC,QAAQ,QAARA,QAAQ;IAAEC,YAAY,QAAZA,YAAY;IAAEC,QAAQ,QAARA,QAAQ;EACtD,IAAMC,MAAM,GAAG,IAAAC,iBAAS,GAAE;EAC1B,IAAQC,MAAM,GAAKF,MAAM,CAAjBE,MAAM;EAEd,gBAA+D,IAAAC,qBAAQ,EAACD,MAAM,CAAC;IAAA,4BAAvEE,KAAK;EAAb,+CAAwD,CAAC,CAAC;EAA1D,IAAiBC,KAAK,mBAALA,KAAK;IAAeC,cAAc,mBAA3BC,WAAW;EACnC,gBAAwC,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAA/CC,YAAY;IAAEC,eAAe;EACpC,mBAAoD,IAAAC,mBAAW,EAACC,oBAAsB,EAAE;MACtFC,WAAW,EAAE,4BAA0B;QAAA,IAAvBC,gBAAgB,SAAhBA,gBAAgB;QAC9B,YAGEA,gBAAgB,IAAI,CAAC,CAAC;UAFZC,MAAM,SAAhBC,MAAM,CAAID,MAAM;QAGlB,YAAwBA,MAAM,IAAI,CAAC,CAAC;UAA5BR,WAAW,SAAXA,WAAW;QACnBG,eAAe,CAAC,KAAK,CAAC;QACtB,IAAIH,WAAW,IAAI,CAACD,cAAc,EAAE;UAClCN,MAAM,CAACiB,IAAI,wBAAiBf,MAAM,0BAAgBK,WAAW,GAAI;YAAEW,OAAO,EAAE;UAAK,CAAC,CAAC;QACrF;MACF;IACF,CAAC,CAAC;IAAA;IAZKC,oBAAoB;IAAA;IAAIC,OAAO,kBAAPA,OAAO;IAAEC,MAAM,kBAANA,MAAM;EAc9C,IAAAC,gBAAS,EACP,YAAM;IACJ,IAAIjB,KAAK,EAAEc,oBAAoB,CAAC;MAAEI,SAAS,EAAE;QAAElB,KAAK,EAALA;MAAM;IAAE,CAAC,CAAC;EAC3D,CAAC,EACD,CAACc,oBAAoB,EAAEd,KAAK,CAAC,CAC9B;EAED,IAAKA,KAAK,IAAI,CAACgB,MAAM,IAAKD,OAAO,EAAE,OAAO,IAAI;EAC9C,IAAMI,gBAAgB,GAAG,IAAAC,uBAAc,EAAC1B,QAAQ,CAAC;EAEjD,oBAAO,kEAAGU,YAAY,gBAAG;IAAM,SAAS,EAAEZ;EAAS,GAAEC,YAAY,CAAQ,GAAG0B,gBAAgB,CAAI;AAClG,CAAC;AAED5B,YAAY,CAAC8B,SAAS,GAAG;EACvB7B,QAAQ,EAAE8B,qBAAS,CAACC,MAAM;EAC1B9B,YAAY,EAAE6B,qBAAS,CAACC,MAAM;EAC9B7B,QAAQ,EAAE4B,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,IAAI,CAAC,EAAEJ,qBAAS,CAACI,IAAI,CAAC;AACnF,CAAC;AAEDnC,YAAY,CAACoC,YAAY,GAAG;EAC1BnC,QAAQ,EAAE,EAAE;EACZC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE;AACZ,CAAC;AAAC,eAEaH,YAAY;AAAA"}

package/lib/components/EmailConfirm/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _EmailConfirm = _interopRequireDefault(require("./EmailConfirm"));
-
 var _default = _EmailConfirm["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/components/EmailConfirm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["EmailConfirm"],"sources":["../../../src/components/EmailConfirm/index.js"],"sourcesContent":["import EmailConfirm from './EmailConfirm';\n\nexport default EmailConfirm;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,wB"}
+{"version":3,"file":"index.js","names":["EmailConfirm"],"sources":["../../../src/components/EmailConfirm/index.js"],"sourcesContent":["import EmailConfirm from './EmailConfirm';\n\nexport default EmailConfirm;\n"],"mappings":";;;;;;;;AAAA;AAA0C,eAE3BA,wBAAY;AAAA"}

package/lib/components/EmailConfirm/mutation.js

@@ -1,20 +1,14 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _client = require("@apollo/client");
-
 var _templateObject;
-
 var EMAIL_CONFIRM_MUTATION = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  mutation confirmUserEmail($token: String!) {\n    confirmUserEmail(input: { token: $token }) {\n      result {\n        result\n        extras\n      }\n    }\n  }\n"])));
 var _default = EMAIL_CONFIRM_MUTATION;
 exports["default"] = _default;

package/lib/components/EmailConfirm/mutation.js.map

@@ -1 +1 @@
-{"version":3,"file":"mutation.js","names":["EMAIL_CONFIRM_MUTATION","gql"],"sources":["../../../src/components/EmailConfirm/mutation.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst EMAIL_CONFIRM_MUTATION = gql`\n  mutation confirmUserEmail($token: String!) {\n    confirmUserEmail(input: { token: $token }) {\n      result {\n        result\n        extras\n      }\n    }\n  }\n`;\n\nexport default EMAIL_CONFIRM_MUTATION;\n"],"mappings":";;;;;;;;;;;;;AAAA;;;;AAEA,IAAMA,sBAAsB,OAAGC,WAAH,gQAA5B;eAWeD,sB"}
+{"version":3,"file":"mutation.js","names":["EMAIL_CONFIRM_MUTATION","gql"],"sources":["../../../src/components/EmailConfirm/mutation.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst EMAIL_CONFIRM_MUTATION = gql`\n  mutation confirmUserEmail($token: String!) {\n    confirmUserEmail(input: { token: $token }) {\n      result {\n        result\n        extras\n      }\n    }\n  }\n`;\n\nexport default EMAIL_CONFIRM_MUTATION;\n"],"mappings":";;;;;;;;;AAAA;AAAqC;AAErC,IAAMA,sBAAsB,OAAGC,WAAG,gQASjC;AAAC,eAEaD,sBAAsB;AAAA"}

package/lib/components/Image/GlobalLightbox/GlobalLightbox.js

@@ -1,147 +1,106 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.concat.js");
-
 require("core-js/modules/es.object.keys.js");
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _imageCdnReact = require("@blaze-cms/image-cdn-react");
-
 var _fa = require("react-icons/fa");
-
 var _BlazeLink = _interopRequireDefault(require("../../BlazeLink"));
-
 var _ImageDetails = _interopRequireDefault(require("../ImageDetails"));
-
 var _NavButton = _interopRequireDefault(require("./NavButton"));
-
 var _getImageData2 = _interopRequireDefault(require("../../../utils/get-image-data"));
-
 var _useGetImages2 = _interopRequireDefault(require("../../../hooks/use-get-images"));
-
 var _helpers = require("../../../helpers");
-
 var _excluded = ["imageId", "url", "name", "enableLightbox", "isCaptionDisplayed", "areImageCreditsDisplayed", "imageCredits", "credits"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var GlobalLightbox = function GlobalLightbox(_ref) {
   var images = _ref.images,
-      onClose = _ref.onClose,
-      selectedImage = _ref.selectedImage,
-      metaTitle = _ref.metaTitle,
-      parentName = _ref.parentName;
-
+    onClose = _ref.onClose,
+    selectedImage = _ref.selectedImage,
+    metaTitle = _ref.metaTitle,
+    parentName = _ref.parentName;
   var _useState = (0, _react.useState)(selectedImage),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      index = _useState2[0],
-      setIndex = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
   var currentImage = images[index] || {};
   var imageId = currentImage.imageId,
-      url = currentImage.url,
-      name = currentImage.name,
-      enableLightbox = currentImage.enableLightbox,
-      isCaptionDisplayed = currentImage.isCaptionDisplayed,
-      areImageCreditsDisplayed = currentImage.areImageCreditsDisplayed,
-      imageCredits = currentImage.imageCredits,
-      credits = currentImage.credits,
-      otherProps = (0, _objectWithoutProperties2["default"])(currentImage, _excluded);
-
+    url = currentImage.url,
+    name = currentImage.name,
+    enableLightbox = currentImage.enableLightbox,
+    isCaptionDisplayed = currentImage.isCaptionDisplayed,
+    areImageCreditsDisplayed = currentImage.areImageCreditsDisplayed,
+    imageCredits = currentImage.imageCredits,
+    credits = currentImage.credits,
+    otherProps = (0, _objectWithoutProperties2["default"])(currentImage, _excluded);
   var _useGetImages = (0, _useGetImages2["default"])(imageId),
-      data = _useGetImages.data,
-      loading = _useGetImages.loading,
-      error = _useGetImages.error;
-
+    data = _useGetImages.data,
+    loading = _useGetImages.loading,
+    error = _useGetImages.error;
   if (error) {
     return error.message;
   }
-
   var _ref2 = data.getFile || {
-    getFile: {
-      url: '',
-      data: {}
-    }
-  },
-      _ref2$url = _ref2.url,
-      imageUrl = _ref2$url === void 0 ? '' : _ref2$url,
-      _ref2$data = _ref2.data,
-      imageData = _ref2$data === void 0 ? {} : _ref2$data;
-
+      getFile: {
+        url: '',
+        data: {}
+      }
+    },
+    _ref2$url = _ref2.url,
+    imageUrl = _ref2$url === void 0 ? '' : _ref2$url,
+    _ref2$data = _ref2.data,
+    imageData = _ref2$data === void 0 ? {} : _ref2$data;
   var urlProps = {
     href: url,
     title: name
   };
   var imgWrapperProps = url ? urlProps : {};
-
   var _getImageData = (0, _getImageData2["default"])(otherProps, imageData),
-      caption = _getImageData.caption,
-      altText = _getImageData.altText;
-
+    caption = _getImageData.caption,
+    altText = _getImageData.altText;
   var shouldDisplayCaption = (0, _helpers.shouldShowProperty)({
     isDisplayed: isCaptionDisplayed,
     value: caption
-  }); // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing
+  });
 
+  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing
   var shouldDisplayCredits = (0, _helpers.shouldShowProperty)({
     isDisplayed: areImageCreditsDisplayed,
     value: credits || imageCredits
   });
-
   var navigate = function navigate(position) {
     var newPosition = index + position;
-
     if (images[newPosition]) {
       setIndex(newPosition);
     }
   };
-
   var handlePrevious = function handlePrevious() {
     return navigate(-1);
   };
-
   var handleNext = function handleNext() {
     return navigate(1);
   };
-
   var handleClose = function handleClose() {
     return onClose();
   };
-
   var showNext = index !== images.length - 1;
   var showPrevious = !!index;
   var imageCounter = "".concat(index + 1, " of ").concat(images.length);
@@ -205,7 +164,6 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
     shouldDisplayCredits: shouldDisplayCredits
   }))))))));
 };
-
 GlobalLightbox.propTypes = {
   images: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     url: _propTypes["default"].string,

package/lib/components/Image/GlobalLightbox/GlobalLightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLightbox.js","names":["GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","useState","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","useGetImages","data","loading","error","message","getFile","imageUrl","imageData","urlProps","href","title","imgWrapperProps","getImageData","caption","altText","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}
+{"version":3,"file":"GlobalLightbox.js","names":["GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","useState","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","useGetImages","data","loading","error","message","getFile","imageUrl","imageData","urlProps","href","title","imgWrapperProps","getImageData","caption","altText","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}

package/lib/components/Image/GlobalLightbox/NavButton.js

@@ -1,22 +1,17 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var NavButton = function NavButton(_ref) {
   var handleAction = _ref.handleAction,
-      show = _ref.show,
-      modifier = _ref.modifier;
+    show = _ref.show,
+    modifier = _ref.modifier;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, show && /*#__PURE__*/_react["default"].createElement("div", {
     role: "button",
     className: "slider__button slider__button--gallery slider__button--".concat(modifier),
@@ -26,7 +21,6 @@ var NavButton = function NavButton(_ref) {
     "data-testid": "navButton-".concat(modifier)
   })));
 };
-
 NavButton.propTypes = {
   handleAction: _propTypes["default"].func.isRequired,
   show: _propTypes["default"].bool.isRequired,

package/lib/components/Image/GlobalLightbox/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","names":["NavButton","handleAction","show","modifier","propTypes","PropTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,YAAH,QAAGA,YAAH;EAAA,IAAiBC,IAAjB,QAAiBA,IAAjB;EAAA,IAAuBC,QAAvB,QAAuBA,QAAvB;EAAA,oBAChB,kEACGD,IAAI,iBACH;IACE,IAAI,EAAC,QADP;IAEE,SAAS,mEAA4DC,QAA5D,CAFX;IAGE,OAAO,EAAEF;EAHX,gBAIE;IACE,SAAS,yBAAkBE,QAAQ,KAAK,MAAb,GAAsB,OAAtB,GAAgC,MAAlD,CADX;IAEE,mCAA0BA,QAA1B;EAFF,EAJF,CAFJ,CADgB;AAAA,CAAlB;;AAgBAH,SAAS,CAACI,SAAV,GAAsB;EACpBH,YAAY,EAAEI,qBAAA,CAAUC,IAAV,CAAeC,UADT;EAEpBL,IAAI,EAAEG,qBAAA,CAAUG,IAAV,CAAeD,UAFD;EAGpBJ,QAAQ,EAAEE,qBAAA,CAAUI,MAAV,CAAiBF;AAHP,CAAtB;eAMeP,S"}
+{"version":3,"file":"NavButton.js","names":["NavButton","handleAction","show","modifier","propTypes","PropTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IAAMC,YAAY,QAAZA,YAAY;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;EAAA,oBAC/C,kEACGD,IAAI,iBACH;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,mEAA4DC,QAAQ,CAAG;IAChF,OAAO,EAAEF;EAAa,gBACtB;IACE,SAAS,yBAAkBE,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAG;IACpE,mCAA0BA,QAAQ;EAAG,EACrC,CAEL,CACA;AAAA,CACJ;AAEDH,SAAS,CAACI,SAAS,GAAG;EACpBH,YAAY,EAAEI,qBAAS,CAACC,IAAI,CAACC,UAAU;EACvCL,IAAI,EAAEG,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC/BJ,QAAQ,EAAEE,qBAAS,CAACI,MAAM,CAACF;AAC7B,CAAC;AAAC,eAEaP,SAAS;AAAA"}

package/lib/components/Image/GlobalLightbox/index.js

@@ -1,41 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.promise.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _dynamic = _interopRequireDefault(require("next/dynamic"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2["default"])(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = (0, _dynamic["default"])(function () {
   return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('./GlobalLightbox'));
+    return _interopRequireWildcard(require( /* webpackChunkName: "blazePbGlobalLightbox" */'./GlobalLightbox'));
   });
 });
-
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/components/Image/GlobalLightbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../../src/components/Image/GlobalLightbox/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() =>\n  import(/* webpackChunkName: \"blazePbGlobalLightbox\" */ './GlobalLightbox')\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;eAEe,IAAAA,mBAAA,EAAQ;EAAA;IAAA,uCACkC,kBADlC;EAAA;AAAA,CAAR,C"}
+{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../../src/components/Image/GlobalLightbox/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() =>\n  import(/* webpackChunkName: \"blazePbGlobalLightbox\" */ './GlobalLightbox')\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAmC;AAAA;AAAA,eAEpB,IAAAA,mBAAO,EAAC;EAAA;IAAA,wCACd,+CAAgD,kBAAkB;EAAA;AAAA,CAAC,CAC3E;AAAA"}