@sentecacommerce-theme/lib 0.12.49 → 0.12.53

package/dist/cjs/cms/api/index.js

@@ -9,4 +9,12 @@ Object.keys(_queries).forEach(function (key) {
   if (key in exports && exports[key] === _queries[key]) return;
   exports[key] = _queries[key];
 });
+
+var _mutations = require("./mutations");
+
+Object.keys(_mutations).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mutations[key]) return;
+  exports[key] = _mutations[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/cms/api/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/cms/api/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './queries'"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/cms/api/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './queries'\nexport * from './mutations'\n"],"file":"index.js"}

package/dist/cjs/cms/api/mutations/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _useCMSFoldersCreateMutation = require("./useCMSFoldersCreateMutation");
+
+Object.keys(_useCMSFoldersCreateMutation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCMSFoldersCreateMutation[key]) return;
+  exports[key] = _useCMSFoldersCreateMutation[key];
+});
+
+var _useCMSMediaUploadAssetsMutation = require("./useCMSMediaUploadAssetsMutation");
+
+Object.keys(_useCMSMediaUploadAssetsMutation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCMSMediaUploadAssetsMutation[key]) return;
+  exports[key] = _useCMSMediaUploadAssetsMutation[key];
+});
+
+var _useCMSMediaDeleteAssetsMutation = require("./useCMSMediaDeleteAssetsMutation");
+
+Object.keys(_useCMSMediaDeleteAssetsMutation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCMSMediaDeleteAssetsMutation[key]) return;
+  exports[key] = _useCMSMediaDeleteAssetsMutation[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms/api/mutations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/cms/api/mutations/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './useCMSFoldersCreateMutation'\nexport * from './useCMSMediaUploadAssetsMutation'\nexport * from './useCMSMediaDeleteAssetsMutation'\n"],"file":"index.js"}

package/dist/cjs/cms/api/mutations/useCMSFoldersCreateMutation.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.useCMSFoldersCreateMutation = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _reactQuery = require("react-query");
+
+var _sdk = require("@sentecacommerce/sdk");
+
+var useCMSFoldersCreateMutation = function useCMSFoldersCreateMutation() {
+  return (0, _reactQuery.useMutation)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref) {
+      var parent, folder;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              parent = _ref.parent, folder = _ref.folder;
+
+              if (!parent) {
+                _context.next = 3;
+                break;
+              }
+
+              return _context.abrupt("return", (0, _sdk.FoldersCreate)((0, _extends2["default"])({}, folder, {
+                parent: (0, _extends2["default"])({}, parent, {
+                  resourceId: parent._id,
+                  resource: parent._id,
+                  resourceType: _sdk.IdReferenceDTOResourceTypeEnum.CmsFolder
+                })
+              })));
+
+            case 3:
+              return _context.abrupt("return", (0, _sdk.FoldersCreate)(folder));
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }());
+};
+
+exports.useCMSFoldersCreateMutation = useCMSFoldersCreateMutation;
+//# sourceMappingURL=useCMSFoldersCreateMutation.js.map

package/dist/cjs/cms/api/mutations/useCMSFoldersCreateMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/cms/api/mutations/useCMSFoldersCreateMutation.ts"],"names":["useCMSFoldersCreateMutation","parent","folder","resourceId","_id","resource","resourceType","IdReferenceDTOResourceTypeEnum","CmsFolder"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AAOO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAM;AAC/C,SAAO;AAAA,8FACL;AAAA;AAAA;AAAA;AAAA;AAAA;AACEC,cAAAA,MADF,QACEA,MADF,EAEEC,MAFF,QAEEA,MAFF;;AAAA,mBAOMD,MAPN;AAAA;AAAA;AAAA;;AAAA,+CAQW,sDACFC,MADE;AAELD,gBAAAA,MAAM,gCACDA,MADC;AAEJE,kBAAAA,UAAU,EAAGF,MAAD,CAAsBG,GAF9B;AAGJC,kBAAAA,QAAQ,EAAGJ,MAAD,CAAsBG,GAH5B;AAIJE,kBAAAA,YAAY,EAAEC,oCAA+BC;AAJzC;AAFD,iBARX;;AAAA;AAAA,+CAmBS,wBAAcN,MAAd,CAnBT;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADK;;AAAA;AAAA;AAAA;AAAA,MAAP;AAuBD,CAxBM","sourcesContent":["import React from 'react'\nimport { useMutation } from 'react-query'\nimport {\n  FolderDTO,\n  FolderDraftDTO,\n  FoldersCreate,\n  IdReferenceDTOResourceTypeEnum,\n} from '@sentecacommerce/sdk'\n\nexport const useCMSFoldersCreateMutation = () => {\n  return useMutation(\n    async ({\n      parent,\n      folder,\n    }: {\n      parent?: FolderDraftDTO\n      folder: FolderDraftDTO\n    }) => {\n      if (parent) {\n        return FoldersCreate({\n          ...folder,\n          parent: {\n            ...parent,\n            resourceId: (parent as FolderDTO)._id,\n            resource: (parent as FolderDTO)._id,\n            resourceType: IdReferenceDTOResourceTypeEnum.CmsFolder,\n          },\n        })\n      }\n\n      return FoldersCreate(folder)\n    }\n  )\n}\n"],"file":"useCMSFoldersCreateMutation.js"}

package/dist/cjs/cms/api/mutations/useCMSMediaDeleteAssetsMutation.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.useCMSMediaDeleteAssetsMutation = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _reactQuery = require("react-query");
+
+var _sdk = require("@sentecacommerce/sdk");
+
+var _utils = require("../utils");
+
+var useCMSMediaDeleteAssetsMutation = function useCMSMediaDeleteAssetsMutation() {
+  var queryCache = (0, _reactQuery.useQueryCache)();
+  return (0, _reactQuery.useMutation)( /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(dto) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _sdk.MediaDelete)(dto);
+
+            case 2:
+              return _context.abrupt("return", _context.sent);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), {
+    onSuccess: function onSuccess(data) {
+      queryCache.setQueryData(_utils.cacheKeys.cmsMedia, data);
+    }
+  });
+};
+
+exports.useCMSMediaDeleteAssetsMutation = useCMSMediaDeleteAssetsMutation;
+//# sourceMappingURL=useCMSMediaDeleteAssetsMutation.js.map

package/dist/cjs/cms/api/mutations/useCMSMediaDeleteAssetsMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/cms/api/mutations/useCMSMediaDeleteAssetsMutation.ts"],"names":["useCMSMediaDeleteAssetsMutation","queryCache","dto","onSuccess","data","setQueryData","cacheKeys","cmsMedia"],"mappings":";;;;;;;;;;;AACA;;AACA;;AACA;;AAEO,IAAMA,+BAA+B,GAAG,SAAlCA,+BAAkC,GAAM;AACnD,MAAMC,UAAU,GAAG,gCAAnB;AAEA,SAAO;AAAA,6FAAY,iBAAOC,GAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAqC,sBAAYA,GAAZ,CAArC;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAZ;;AAAA;AAAA;AAAA;AAAA,OAAmE;AACxEC,IAAAA,SAAS,EAAE,mBAACC,IAAD,EAAU;AACnBH,MAAAA,UAAU,CAACI,YAAX,CAAwBC,iBAAUC,QAAlC,EAA4CH,IAA5C;AACD;AAHuE,GAAnE,CAAP;AAKD,CARM","sourcesContent":["import React from 'react'\nimport { useMutation, useQueryCache } from 'react-query'\nimport { MediaDelete, MediaDeleteDTO } from '@sentecacommerce/sdk'\nimport { cacheKeys } from '../utils'\n\nexport const useCMSMediaDeleteAssetsMutation = () => {\n  const queryCache = useQueryCache()\n\n  return useMutation(async (dto: MediaDeleteDTO) => await MediaDelete(dto), {\n    onSuccess: (data) => {\n      queryCache.setQueryData(cacheKeys.cmsMedia, data)\n    },\n  })\n}\n"],"file":"useCMSMediaDeleteAssetsMutation.js"}

package/dist/cjs/cms/api/mutations/useCMSMediaUploadAssetsMutation.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.useCMSMediaUploadAssetsMutation = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _reactQuery = require("react-query");
+
+var _sdk = require("@sentecacommerce/sdk");
+
+exports.FolderDTO = _sdk.FolderDTO;
+exports.MediaDTO = _sdk.MediaDTO;
+exports.MediaFilterResultDTO = _sdk.MediaFilterResultDTO;
+
+var _utils = require("../utils");
+
+var useCMSMediaUploadAssetsMutation = function useCMSMediaUploadAssetsMutation() {
+  var queryCache = (0, _reactQuery.useQueryCache)();
+  return (0, _reactQuery.useMutation)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref) {
+      var folderId, assets;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              folderId = _ref.folderId, assets = _ref.assets;
+              _context.next = 3;
+              return (0, _sdk.MediaUploadAssets)(folderId, assets);
+
+            case 3:
+              return _context.abrupt("return", _context.sent);
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), {
+    onSuccess: function onSuccess() {
+      queryCache.invalidateQueries(_utils.cacheKeys.cmsMedia);
+    }
+  });
+};
+
+exports.useCMSMediaUploadAssetsMutation = useCMSMediaUploadAssetsMutation;
+//# sourceMappingURL=useCMSMediaUploadAssetsMutation.js.map

package/dist/cjs/cms/api/mutations/useCMSMediaUploadAssetsMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/cms/api/mutations/useCMSMediaUploadAssetsMutation.ts"],"names":["useCMSMediaUploadAssetsMutation","queryCache","folderId","assets","onSuccess","invalidateQueries","cacheKeys","cmsMedia"],"mappings":";;;;;;;;;;;AACA;;AACA;;;;;;AAMA;;AAIO,IAAMA,+BAA+B,GAAG,SAAlCA,+BAAkC,GAAM;AACnD,MAAMC,UAAU,GAAG,gCAAnB;AAEA,SAAO;AAAA,8FACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAASC,cAAAA,QAAT,QAASA,QAAT,EAAmBC,MAAnB,QAAmBA,MAAnB;AAAA;AAAA,qBACQ,4BAAkBD,QAAlB,EAA4BC,MAA5B,CADR;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADK;;AAAA;AAAA;AAAA;AAAA,OAGL;AACEC,IAAAA,SAAS,EAAE,qBAAM;AACfH,MAAAA,UAAU,CAACI,iBAAX,CAA6BC,iBAAUC,QAAvC;AACD;AAHH,GAHK,CAAP;AASD,CAZM","sourcesContent":["import React from 'react'\nimport { useMutation, useQueryCache } from 'react-query'\nimport {\n  FolderDTO,\n  MediaDTO,\n  MediaUploadAssets,\n  MediaFilterResultDTO,\n} from '@sentecacommerce/sdk'\nimport { cacheKeys } from '../utils'\n\nexport { FolderDTO, MediaDTO, MediaFilterResultDTO }\n\nexport const useCMSMediaUploadAssetsMutation = () => {\n  const queryCache = useQueryCache()\n\n  return useMutation(\n    async ({ folderId, assets }: { folderId: string; assets: any }) =>\n      await MediaUploadAssets(folderId, assets),\n    {\n      onSuccess: () => {\n        queryCache.invalidateQueries(cacheKeys.cmsMedia)\n      },\n    }\n  )\n}\n"],"file":"useCMSMediaUploadAssetsMutation.js"}

package/dist/cjs/cms/api/queries/index.js

@@ -33,4 +33,20 @@ Object.keys(_useCMSContentQuery).forEach(function (key) {
   if (key in exports && exports[key] === _useCMSContentQuery[key]) return;
   exports[key] = _useCMSContentQuery[key];
 });
+
+var _useCMSFoldersQuery = require("./useCMSFoldersQuery");
+
+Object.keys(_useCMSFoldersQuery).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCMSFoldersQuery[key]) return;
+  exports[key] = _useCMSFoldersQuery[key];
+});
+
+var _useCMSMediaQuery = require("./useCMSMediaQuery");
+
+Object.keys(_useCMSMediaQuery).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCMSMediaQuery[key]) return;
+  exports[key] = _useCMSMediaQuery[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/cms/api/queries/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/cms/api/queries/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './useInjectedContentQuery'\nexport * from './keys'\nexport * from './useCMSContentListQuery'\nexport * from './useCMSContentQuery'"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/cms/api/queries/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './useInjectedContentQuery'\nexport * from './keys'\nexport * from './useCMSContentListQuery'\nexport * from './useCMSContentQuery'\nexport * from './useCMSFoldersQuery'\nexport * from './useCMSMediaQuery'\n"],"file":"index.js"}

package/dist/cjs/cms/api/queries/useCMSFoldersQuery.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.useCMSFoldersQuery = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _reactQuery = require("react-query");
+
+var _sdk = require("@sentecacommerce/sdk");
+
+var _utils = require("../utils");
+
+var useCMSFoldersQuery = function useCMSFoldersQuery(query) {
+  return (0, _reactQuery.useQuery)(_utils.cacheKeys.cmsFolders, /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (0, _sdk.FoldersFilter)(query);
+
+          case 2:
+            return _context.abrupt("return", _context.sent);
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+};
+
+exports.useCMSFoldersQuery = useCMSFoldersQuery;
+//# sourceMappingURL=useCMSFoldersQuery.js.map

package/dist/cjs/cms/api/queries/useCMSFoldersQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/cms/api/queries/useCMSFoldersQuery.ts"],"names":["useCMSFoldersQuery","query","cacheKeys","cmsFolders"],"mappings":";;;;;;;;;;;AACA;;AACA;;AACA;;AAkBO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAmC;AACnE,SAAO,0BAASC,iBAAUC,UAAnB,6FAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,wBAAcF,KAAd,CAAlB;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA/B,GAAP;AACD,CAFM","sourcesContent":["import React from 'react'\nimport { useQuery } from 'react-query'\nimport { FoldersFilter } from '@sentecacommerce/sdk'\nimport { cacheKeys } from '../utils'\n\nexport interface FoldersFilterQueryDTO {\n  storeKey?: string\n  interfaceKey?: string\n  currencyCode?: string\n  languageCode?: string\n  priceListKey?: string\n  time?: number\n  merchantKey?: string\n  expand?: string\n  project?: string\n  filter?: string\n  sort?: string\n  limit?: number\n  offset?: number\n}\n\nexport const useCMSFoldersQuery = (query?: FoldersFilterQueryDTO) => {\n  return useQuery(cacheKeys.cmsFolders, async () => await FoldersFilter(query))\n}\n"],"file":"useCMSFoldersQuery.js"}

package/dist/cjs/cms/api/queries/useCMSMediaQuery.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.useCMSMediaQuery = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _reactQuery = require("react-query");
+
+var _sdk = require("@sentecacommerce/sdk");
+
+var _utils = require("../utils");
+
+var useCMSMediaQuery = function useCMSMediaQuery(query, props) {
+  return (0, _reactQuery.useInfiniteQuery)(_utils.cacheKeys.cmsMedia, /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (0, _sdk.MediaFilter)(query);
+
+          case 2:
+            return _context.abrupt("return", _context.sent);
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), (0, _extends2["default"])({
+    keepPreviousData: true
+  }, props));
+};
+
+exports.useCMSMediaQuery = useCMSMediaQuery;
+//# sourceMappingURL=useCMSMediaQuery.js.map

package/dist/cjs/cms/api/queries/useCMSMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/cms/api/queries/useCMSMediaQuery.ts"],"names":["useCMSMediaQuery","query","props","cacheKeys","cmsMedia","keepPreviousData"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AAkBO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC9BC,KAD8B,EAE9BC,KAF8B,EAM3B;AACH,SAAO,kCACLC,iBAAUC,QADL,6FAEL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,sBAAYH,KAAZ,CAAlB;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAFK;AAIHI,IAAAA,gBAAgB,EAAE;AAJf,KAKAH,KALA,EAAP;AAQD,CAfM","sourcesContent":["import React from 'react'\nimport { useInfiniteQuery } from 'react-query'\nimport { MediaFilter } from '@sentecacommerce/sdk'\nimport { cacheKeys } from '../utils'\n\nexport interface MediaFilterQueryDTO {\n  storeKey?: string\n  interfaceKey?: string\n  currencyCode?: string\n  languageCode?: string\n  priceListKey?: string\n  time?: number\n  merchantKey?: string\n  expand?: string\n  project?: string\n  filter?: string\n  sort?: string\n  limit?: number\n  offset?: number\n}\n\nexport const useCMSMediaQuery = (\n  query?: MediaFilterQueryDTO,\n  props?: {\n    enabled?: boolean\n    getFetchMore?: (lastPage: any, allPages: any[]) => void\n  }\n) => {\n  return useInfiniteQuery(\n    cacheKeys.cmsMedia,\n    async () => await MediaFilter(query),\n    {\n      keepPreviousData: true,\n      ...props,\n    }\n  )\n}\n"],"file":"useCMSMediaQuery.js"}

package/dist/cjs/cms/api/utils/cacheKeys.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.cacheKeys = void 0;
+var cacheKeys = {
+  cmsFolders: 'cms-folders',
+  cmsMedia: 'cms-media'
+};
+exports.cacheKeys = cacheKeys;
+//# sourceMappingURL=cacheKeys.js.map

package/dist/cjs/cms/api/utils/cacheKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/cms/api/utils/cacheKeys.ts"],"names":["cacheKeys","cmsFolders","cmsMedia"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAG;AACvBC,EAAAA,UAAU,EAAE,aADW;AAEvBC,EAAAA,QAAQ,EAAE;AAFa,CAAlB","sourcesContent":["export const cacheKeys = {\n  cmsFolders: 'cms-folders',\n  cmsMedia: 'cms-media',\n}\n"],"file":"cacheKeys.js"}

package/dist/cjs/cms/api/utils/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _cacheKeys = require("./cacheKeys");
+
+Object.keys(_cacheKeys).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cacheKeys[key]) return;
+  exports[key] = _cacheKeys[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms/api/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/cms/api/utils/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './cacheKeys'\n"],"file":"index.js"}

package/dist/cjs/cms/hooks/index.js

@@ -49,4 +49,44 @@ Object.keys(_useContentCategoriesMap).forEach(function (key) {
   if (key in exports && exports[key] === _useContentCategoriesMap[key]) return;
   exports[key] = _useContentCategoriesMap[key];
 });
+
+var _useCmsFolders = require("./useCmsFolders");
+
+Object.keys(_useCmsFolders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCmsFolders[key]) return;
+  exports[key] = _useCmsFolders[key];
+});
+
+var _useCreateCmsFolders = require("./useCreateCmsFolders");
+
+Object.keys(_useCreateCmsFolders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCreateCmsFolders[key]) return;
+  exports[key] = _useCreateCmsFolders[key];
+});
+
+var _useCmsMedia = require("./useCmsMedia");
+
+Object.keys(_useCmsMedia).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCmsMedia[key]) return;
+  exports[key] = _useCmsMedia[key];
+});
+
+var _useCmsMediaUploadAssets = require("./useCmsMediaUploadAssets");
+
+Object.keys(_useCmsMediaUploadAssets).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCmsMediaUploadAssets[key]) return;
+  exports[key] = _useCmsMediaUploadAssets[key];
+});
+
+var _useCmsMediaDeleteAssets = require("./useCmsMediaDeleteAssets");
+
+Object.keys(_useCmsMediaDeleteAssets).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCmsMediaDeleteAssets[key]) return;
+  exports[key] = _useCmsMediaDeleteAssets[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/cms/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/cms/hooks/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './useProductInjectedContent'\nexport * from './useListingInjectedContent'\nexport * from './useInjectedContentContext'\nexport * from './useCmsContent'\nexport * from './useCmsContentList'\nexport * from './useContentCategoriesMap'\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/cms/hooks/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './useProductInjectedContent'\nexport * from './useListingInjectedContent'\nexport * from './useInjectedContentContext'\nexport * from './useCmsContent'\nexport * from './useCmsContentList'\nexport * from './useContentCategoriesMap'\nexport * from './useCmsFolders'\nexport * from './useCreateCmsFolders'\nexport * from './useCmsMedia'\nexport * from './useCmsMediaUploadAssets'\nexport * from './useCmsMediaDeleteAssets'\n"],"file":"index.js"}

package/dist/cjs/cms/hooks/useCmsFolders.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _api = require("../api");
+
+exports.useCmsFolders = _api.useCMSFoldersQuery;
+//# sourceMappingURL=useCmsFolders.js.map

package/dist/cjs/cms/hooks/useCmsFolders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/cms/hooks/useCmsFolders.ts"],"names":[],"mappings":";;;;AACA","sourcesContent":["import React from 'react'\nimport { useCMSFoldersQuery } from '../api'\n\nexport { useCMSFoldersQuery as useCmsFolders }\n"],"file":"useCmsFolders.js"}

package/dist/cjs/cms/hooks/useCmsMedia.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _api = require("../api");
+
+exports.useCmsMedia = _api.useCMSMediaQuery;
+//# sourceMappingURL=useCmsMedia.js.map

package/dist/cjs/cms/hooks/useCmsMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/cms/hooks/useCmsMedia.ts"],"names":[],"mappings":";;;;AACA","sourcesContent":["import React from 'react'\nimport { useCMSMediaQuery } from '../api'\n\nexport { useCMSMediaQuery as useCmsMedia }\n"],"file":"useCmsMedia.js"}

package/dist/cjs/cms/hooks/useCmsMediaDeleteAssets.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _api = require("../api");
+
+exports.useCmsMediaDeleteAssets = _api.useCMSMediaDeleteAssetsMutation;
+//# sourceMappingURL=useCmsMediaDeleteAssets.js.map

package/dist/cjs/cms/hooks/useCmsMediaDeleteAssets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/cms/hooks/useCmsMediaDeleteAssets.ts"],"names":[],"mappings":";;;;AACA","sourcesContent":["import React from 'react'\nimport { useCMSMediaDeleteAssetsMutation } from '../api'\n\nexport { useCMSMediaDeleteAssetsMutation as useCmsMediaDeleteAssets }\n"],"file":"useCmsMediaDeleteAssets.js"}

package/dist/cjs/cms/hooks/useCmsMediaUploadAssets.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _api = require("../api");
+
+exports.useCmsMediaUploadAssets = _api.useCMSMediaUploadAssetsMutation;
+//# sourceMappingURL=useCmsMediaUploadAssets.js.map

package/dist/cjs/cms/hooks/useCmsMediaUploadAssets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/cms/hooks/useCmsMediaUploadAssets.ts"],"names":[],"mappings":";;;;AACA","sourcesContent":["import React from 'react'\nimport { useCMSMediaUploadAssetsMutation } from '../api'\n\nexport { useCMSMediaUploadAssetsMutation as useCmsMediaUploadAssets }\n"],"file":"useCmsMediaUploadAssets.js"}

package/dist/cjs/cms/hooks/useCreateCmsFolders.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _api = require("../api");
+
+exports.useCreateCmsFolders = _api.useCMSFoldersCreateMutation;
+//# sourceMappingURL=useCreateCmsFolders.js.map

package/dist/cjs/cms/hooks/useCreateCmsFolders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/cms/hooks/useCreateCmsFolders.ts"],"names":[],"mappings":";;;;AACA","sourcesContent":["import React from 'react'\nimport { useCMSFoldersCreateMutation } from '../api'\n\nexport { useCMSFoldersCreateMutation as useCreateCmsFolders }\n"],"file":"useCreateCmsFolders.js"}

package/dist/cjs/components/FadeIn/index.js

@@ -88,7 +88,7 @@ var FadeIn = function FadeIn(_ref) {
     return function () {
       window.removeEventListener('scroll', handleScroll);
     };
-  }, [thresholdPercentage]);
+  }, [thresholdPercentage, (0, _utils.getElementOffset)(containerRef.current).top]);
   return /*#__PURE__*/_react["default"].createElement(FadeInStyledComponent, {
     ref: containerRef,
     delay: delay,

package/dist/cjs/components/FadeIn/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FadeIn/index.tsx"],"names":["getAnimationDelay","index","itemsPerRow","chainDelay","FadeIn","children","delay","direction","AnimationDirectionsEnum","Top","defaultItemsPerRow","thresholdPercentage","isInView","setIsInView","config","containerRef","defaultAnimationDelay","css","Object","keys","reduce","value","breakpoint","min","theme","breakpoints","breakpointItemsPerRow","query","container","current","handleScroll","screenHeight","window","screen","height","scrollBottom","scrollY","threshold","shouldTrigger","top","on","removeEventListener","addEventListener","setTimeout","fadeInTop","keyframes","fadeInBottom","fadeInLeft","fadeInRight","FadeInStyledComponent","styled","div","props","animation"],"mappings":"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","sourcesContent":["/* eslint-disable */\n\nimport React, { useEffect, useMemo, useRef } from 'react'\nimport styled, { css, keyframes } from 'styled-components'\nimport { useBoolean } from '../../hooks/ui-hooks'\nimport { useConfigState } from '../../hooks/useConfig'\nimport { getElementOffset } from '../../utils'\n\nconst getAnimationDelay = (\n  index: number,\n  itemsPerRow: number,\n  chainDelay: number\n): number => {\n  return (index % itemsPerRow) * chainDelay\n}\n\nexport const FadeIn = ({\n  children,\n  delay,\n  direction = AnimationDirectionsEnum.Top,\n  chainDelay = 0,\n  itemsPerRow = {},\n  defaultItemsPerRow = 1,\n  index = 0,\n  thresholdPercentage = 0.1,\n}: FadeInProps) => {\n  const [isInView, setIsInView] = useBoolean(false)\n  const config: any = useConfigState()\n  const containerRef = useRef<HTMLDivElement | null>(null)\n\n  const defaultAnimationDelay = getAnimationDelay(\n    index,\n    defaultItemsPerRow,\n    chainDelay\n  )\n\n  // generate animation delay css for different breakpoints\n  const css = useMemo(() => {\n    return Object.keys(itemsPerRow).reduce((value, breakpoint) => {\n      const min = config?.theme?.breakpoints?.[breakpoint]?.min // min width\n\n      if (!min) return value\n\n      const breakpointItemsPerRow = itemsPerRow[breakpoint] // items per row on the current breakpoint\n\n      // calculate the delay\n      const delay = getAnimationDelay(index, breakpointItemsPerRow, chainDelay)\n\n      // generate media query css\n      const query = `@media(min-width: ${min}) { animation-delay: ${delay}ms; }`\n\n      return `${value} ${query}`\n    }, `animation-delay: ${defaultAnimationDelay}ms; `)\n  }, [chainDelay, index, defaultAnimationDelay, itemsPerRow])\n\n  useEffect(() => {\n    const container = containerRef.current\n\n    if (!container) return\n\n    const handleScroll = () => {\n      const screenHeight = window.screen.height\n      const scrollBottom = window.scrollY + screenHeight\n\n      const threshold = screenHeight * thresholdPercentage // screenHeight\n\n      const shouldTrigger =\n        scrollBottom - threshold >= getElementOffset(container).top\n\n      if (shouldTrigger) {\n        setIsInView.on()\n\n        window.removeEventListener('scroll', handleScroll)\n      }\n    }\n\n    window.addEventListener('scroll', handleScroll)\n\n    handleScroll()\n    setTimeout(handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [thresholdPercentage])\n\n  return (\n    <FadeInStyledComponent\n      ref={containerRef}\n      delay={delay}\n      direction={direction}\n      css={css}\n      shouldTrigger={isInView}\n    >\n      {children}\n    </FadeInStyledComponent>\n  )\n}\n\nexport enum AnimationDirectionsEnum {\n  Top = 'top',\n  Bottom = 'bottom',\n  Left = 'left',\n  Right = 'right',\n}\n\nexport type FadeInProps = {\n  children: any\n  delay?: number\n  direction?: AnimationDirectionsEnum\n  chainDelay?: number\n  itemsPerRow?: {\n    [key: string]: number\n  }\n  defaultItemsPerRow?: number\n  index?: number\n\n  thresholdPercentage?: number\n}\n\nconst fadeInTop = keyframes`\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `\n\nconst fadeInBottom = keyframes`\n    from {\n      opacity: 0;\n      transform: translateY(-30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `\n\nconst fadeInLeft = keyframes`\n    from {\n      opacity: 0;\n      transform: translateX(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `\n\nconst fadeInRight = keyframes`\n    from {\n      opacity: 0;\n      transform: translateX(-30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `\n\nconst FadeInStyledComponent = styled.div<{\n  delay?: number\n  direction?: AnimationDirectionsEnum\n  css: string\n  shouldTrigger: boolean\n}>`\n  opacity: 0;\n\n  ${(props) =>\n    props.shouldTrigger\n      ? css`\n            animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards\n              running ${() => {\n                let animation = fadeInTop\n                if (props.direction === 'bottom') animation = fadeInBottom\n                else if (props.direction === 'left') animation = fadeInLeft\n                else if (props.direction === 'right') animation = fadeInRight\n                return animation\n              }}\n              };\n          `\n      : ''};\n\n  animation-delay: ${(props) => props.delay || 0}ms;\n\n  ${(props) => props.css}\n`\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/FadeIn/index.tsx"],"names":["getAnimationDelay","index","itemsPerRow","chainDelay","FadeIn","children","delay","direction","AnimationDirectionsEnum","Top","defaultItemsPerRow","thresholdPercentage","isInView","setIsInView","config","containerRef","defaultAnimationDelay","css","Object","keys","reduce","value","breakpoint","min","theme","breakpoints","breakpointItemsPerRow","query","container","current","handleScroll","screenHeight","window","screen","height","scrollBottom","scrollY","threshold","shouldTrigger","top","on","removeEventListener","addEventListener","setTimeout","fadeInTop","keyframes","fadeInBottom","fadeInLeft","fadeInRight","FadeInStyledComponent","styled","div","props","animation"],"mappings":"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","sourcesContent":["/* eslint-disable */\n\nimport React, { useEffect, useMemo, useRef } from 'react'\nimport styled, { css, keyframes } from 'styled-components'\nimport { useBoolean } from '../../hooks/ui-hooks'\nimport { useConfigState } from '../../hooks/useConfig'\nimport { getElementOffset } from '../../utils'\n\nconst getAnimationDelay = (\n  index: number,\n  itemsPerRow: number,\n  chainDelay: number\n): number => {\n  return (index % itemsPerRow) * chainDelay\n}\n\nexport const FadeIn = ({\n  children,\n  delay,\n  direction = AnimationDirectionsEnum.Top,\n  chainDelay = 0,\n  itemsPerRow = {},\n  defaultItemsPerRow = 1,\n  index = 0,\n  thresholdPercentage = 0.1,\n}: FadeInProps) => {\n  const [isInView, setIsInView] = useBoolean(false)\n  const config: any = useConfigState()\n  const containerRef = useRef<HTMLDivElement | null>(null)\n\n  const defaultAnimationDelay = getAnimationDelay(\n    index,\n    defaultItemsPerRow,\n    chainDelay\n  )\n\n  // generate animation delay css for different breakpoints\n  const css = useMemo(() => {\n    return Object.keys(itemsPerRow).reduce((value, breakpoint) => {\n      const min = config?.theme?.breakpoints?.[breakpoint]?.min // min width\n\n      if (!min) return value\n\n      const breakpointItemsPerRow = itemsPerRow[breakpoint] // items per row on the current breakpoint\n\n      // calculate the delay\n      const delay = getAnimationDelay(index, breakpointItemsPerRow, chainDelay)\n\n      // generate media query css\n      const query = `@media(min-width: ${min}) { animation-delay: ${delay}ms; }`\n\n      return `${value} ${query}`\n    }, `animation-delay: ${defaultAnimationDelay}ms; `)\n  }, [chainDelay, index, defaultAnimationDelay, itemsPerRow])\n\n  useEffect(() => {\n    const container = containerRef.current\n\n    if (!container) return\n\n    const handleScroll = () => {\n      const screenHeight = window.screen.height\n      const scrollBottom = window.scrollY + screenHeight\n\n      const threshold = screenHeight * thresholdPercentage // screenHeight\n\n      const shouldTrigger =\n        scrollBottom - threshold >= getElementOffset(container).top\n\n      if (shouldTrigger) {\n        setIsInView.on()\n\n        window.removeEventListener('scroll', handleScroll)\n      }\n    }\n\n    window.addEventListener('scroll', handleScroll)\n\n    handleScroll()\n    setTimeout(handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [thresholdPercentage, getElementOffset(containerRef.current).top])\n\n  return (\n    <FadeInStyledComponent\n      ref={containerRef}\n      delay={delay}\n      direction={direction}\n      css={css}\n      shouldTrigger={isInView}\n    >\n      {children}\n    </FadeInStyledComponent>\n  )\n}\n\nexport enum AnimationDirectionsEnum {\n  Top = 'top',\n  Bottom = 'bottom',\n  Left = 'left',\n  Right = 'right',\n}\n\nexport type FadeInProps = {\n  children: any\n  delay?: number\n  direction?: AnimationDirectionsEnum\n  chainDelay?: number\n  itemsPerRow?: {\n    [key: string]: number\n  }\n  defaultItemsPerRow?: number\n  index?: number\n\n  thresholdPercentage?: number\n}\n\nconst fadeInTop = keyframes`\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `\n\nconst fadeInBottom = keyframes`\n    from {\n      opacity: 0;\n      transform: translateY(-30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `\n\nconst fadeInLeft = keyframes`\n    from {\n      opacity: 0;\n      transform: translateX(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `\n\nconst fadeInRight = keyframes`\n    from {\n      opacity: 0;\n      transform: translateX(-30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  `\n\nconst FadeInStyledComponent = styled.div<{\n  delay?: number\n  direction?: AnimationDirectionsEnum\n  css: string\n  shouldTrigger: boolean\n}>`\n  opacity: 0;\n\n  ${(props) =>\n    props.shouldTrigger\n      ? css`\n            animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards\n              running ${() => {\n                let animation = fadeInTop\n                if (props.direction === 'bottom') animation = fadeInBottom\n                else if (props.direction === 'left') animation = fadeInLeft\n                else if (props.direction === 'right') animation = fadeInRight\n                return animation\n              }}\n              };\n          `\n      : ''};\n\n  animation-delay: ${(props) => props.delay || 0}ms;\n\n  ${(props) => props.css}\n`\n"],"file":"index.js"}

package/dist/cjs/config/SentecaProvider.js

@@ -19,13 +19,16 @@ var _reactQuery = require("react-query");
 
 var _tokens = require("../utils/tokens");
 
+var _router = require("next/router");
+
 var ConfigStateContext = /*#__PURE__*/_react["default"].createContext(undefined);
 
 function SentecaProvider(_ref) {
   var defaultConfig = _ref.defaultConfig,
       transientConfig = _ref.transientConfig,
       localeData = _ref.localeData,
-      children = _ref.children;
+      children = _ref.children,
+      disableStaged = _ref.disableStaged;
   var queryCache = (0, _reactQuery.useQueryCache)();
   var options = (0, _getSDKConfig.getOptions)(defaultConfig); // add interfaceKey and storeKey in the headers
 
@@ -44,6 +47,28 @@ function SentecaProvider(_ref) {
     }));
   }
 
+  var router = (0, _router.useRouter)();
+
+  _react["default"].useEffect(function () {
+    if (disableStaged || router.query.staged !== 'true') return;
+    var pageName = router.pathname;
+
+    if (pageName === '/[[...path]]') {
+      pageName = router.asPath.split('?')[0];
+    }
+
+    router.replace({
+      pathname: '/preview',
+      query: (0, _extends2["default"])({
+        pageName: pageName
+      }, router.query, {
+        staged: 'redirected'
+      })
+    });
+  }, [router, disableStaged]);
+
+  if (!disableStaged && router.asPath.includes('staged=true')) return null;
+
   if (!defaultConfig) {
     throw new Error('SentecaProvider requires a valid config object');
   }