@shopify/app-bridge-react 2.0.21 → 2.0.24

package/hooks/useNavigate/useNavigate.js

@@ -0,0 +1,109 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isAdminSection = exports.useNavigate = void 0;
+var react_1 = require("react");
+var Redirect = __importStar(require("@shopify/app-bridge/actions/Navigation/Redirect"));
+var useAppBridge_1 = require("../../useAppBridge");
+var useNavigationHistory_1 = require("../useNavigationHistory");
+function useNavigate() {
+    var app = useAppBridge_1.useAppBridge();
+    var history = useNavigationHistory_1.useNavigationHistory();
+    var redirect = react_1.useMemo(function () {
+        return Redirect.create(app);
+    }, [app]);
+    var handleRedirect = react_1.useCallback(function (to, options) {
+        var url = normalizeUrl(to);
+        var isAppUrl = url.startsWith(app.localOrigin);
+        var isHostUrl = url.startsWith(app.hostOrigin);
+        var isRelative = url.startsWith('/');
+        if (isAppUrl || isHostUrl || isRelative) {
+            var path = getRelativePath(url);
+            if (isHostUrl || (options === null || options === void 0 ? void 0 : options.target) === 'new' || (options === null || options === void 0 ? void 0 : options.target) === 'host') {
+                redirect.dispatch(Redirect.Action.ADMIN_PATH, {
+                    path: path.replace(/^\/admin/, ''),
+                    newContext: (options === null || options === void 0 ? void 0 : options.target) === 'new',
+                });
+                return;
+            }
+            if (((options === null || options === void 0 ? void 0 : options.target) === 'self' || !(options === null || options === void 0 ? void 0 : options.target)) && (options === null || options === void 0 ? void 0 : options.replace)) {
+                history.replace({ pathname: path });
+                return;
+            }
+            redirect.dispatch(Redirect.Action.APP, path);
+            return;
+        }
+        redirect.dispatch(Redirect.Action.REMOTE, {
+            url: url,
+            newContext: (options === null || options === void 0 ? void 0 : options.target) === 'new',
+        });
+    }, [redirect, history]);
+    return react_1.useCallback(function (to, options) {
+        if (isAdminSection(to)) {
+            var convertedSection = __assign(__assign({}, to), { name: Redirect.ResourceType[to.name] });
+            redirect.dispatch(Redirect.Action.ADMIN_SECTION, {
+                section: convertedSection,
+                newContext: (options === null || options === void 0 ? void 0 : options.target) === 'new',
+            });
+            return;
+        }
+        handleRedirect(to, options);
+    }, [handleRedirect, redirect]);
+}
+exports.useNavigate = useNavigate;
+function isAdminSection(to) {
+    return typeof to === 'object' && typeof (to === null || to === void 0 ? void 0 : to.name) === 'string';
+}
+exports.isAdminSection = isAdminSection;
+function getPathWithSearchAndHash(_a) {
+    var pathname = _a.pathname, search = _a.search, hash = _a.hash;
+    return "" + pathname + (search || '') + (hash || '');
+}
+function normalizeUrl(to) {
+    if (to instanceof URL) {
+        return to.toString();
+    }
+    if (typeof to === 'string') {
+        return to;
+    }
+    return getRelativePath(to);
+}
+function getRelativePath(to) {
+    if (typeof to === 'string') {
+        if (to.startsWith('/')) {
+            return to;
+        }
+        return getPathWithSearchAndHash(new URL(to));
+    }
+    var search = to.search instanceof URLSearchParams ? to.search.toString() : to.search;
+    return getPathWithSearchAndHash(__assign(__assign({}, to), { search: search }));
+}

package/hooks/useNavigationHistory/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNavigationHistory = void 0;
 var useNavigationHistory_1 = require("./useNavigationHistory");
 Object.defineProperty(exports, "useNavigationHistory", { enumerable: true, get: function () { return useNavigationHistory_1.useNavigationHistory; } });

package/hooks/useToast/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToast = void 0;
 var useToast_1 = require("./useToast");
 Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return useToast_1.useToast; } });

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export { AppBridgeContext as Context } from './context';
 export { useAppBridge } from './useAppBridge';
+export * from './hooks';

package/index.js

@@ -7,11 +7,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppBridge = exports.Context = void 0;
 __exportStar(require("./components"), exports);
 var context_1 = require("./context");
 Object.defineProperty(exports, "Context", { enumerable: true, get: function () { return context_1.AppBridgeContext; } });
 var useAppBridge_1 = require("./useAppBridge");
 Object.defineProperty(exports, "useAppBridge", { enumerable: true, get: function () { return useAppBridge_1.useAppBridge; } });
+__exportStar(require("./hooks"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/app-bridge-react",
-  "version": "2.0.21",
+  "version": "2.0.24",
   "types": "index.d.ts",
   "main": "index.js",
   "unpkg": "umd/index.js",
@@ -45,7 +45,7 @@
     }
   ],
   "dependencies": {
-    "@shopify/app-bridge": "^2.0.21"
+    "@shopify/app-bridge": "^2.0.24"
   },
   "devDependencies": {
     "@types/react": "^17.0.38",
@@ -55,5 +55,5 @@
   "peerDependencies": {
     "react": "^16.0.0 || ^17.0.0"
   },
-  "gitHead": "343a8216ef007c80076142c5da308f012ab15d37"
+  "gitHead": "0c3aa24d39c86120c8823bd43f439cda0ab7df5e"
 }