@shopify/app-bridge-react 3.7.11-snapshot-20240220213625 → 4.0.0

package/components/unstable_Picker/unstable_Picker.js

@@ -1,85 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var Picker_1 = require("@shopify/app-bridge/actions/Picker");
-var useAppBridge_1 = require("../../useAppBridge");
-function Picker(_a) {
-    var open = _a.open, onCancel = _a.onCancel, onSelect = _a.onSelect, onSearch = _a.onSearch, onLoadMore = _a.onLoadMore, options = __rest(_a, ["open", "onCancel", "onSelect", "onSearch", "onLoadMore"]);
-    var app = useAppBridge_1.useAppBridge();
-    var isUnmountedRef = react_1.useRef(false);
-    react_1.useEffect(function () { return function () {
-        isUnmountedRef.current = true;
-    }; }, []);
-    var openRef = react_1.useRef(false);
-    var optionsRef = react_1.useRef(options);
-    var picker = react_1.useMemo(function () { return Picker_1.create(app, optionsRef.current); }, [app]);
-    react_1.useEffect(function () {
-        openRef.current = false;
-        return function () {
-            if (openRef.current && isUnmountedRef.current) {
-                picker.dispatch(Picker_1.Action.CANCEL);
-            }
-        };
-    }, [picker]);
-    react_1.useEffect(function () {
-        if (open === openRef.current)
-            return;
-        openRef.current = open;
-        if (open) {
-            picker.dispatch(Picker_1.Action.OPEN);
-        }
-        else {
-            picker.dispatch(Picker_1.Action.CANCEL);
-        }
-    }, [picker, open]);
-    react_1.useEffect(function () {
-        if (!onSelect)
-            return;
-        return picker.subscribe(Picker_1.Action.SELECT, function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            openRef.current = false;
-            return onSelect.apply(void 0, args);
-        });
-    }, [picker, onSelect]);
-    react_1.useEffect(function () {
-        if (!onCancel)
-            return;
-        return picker.subscribe(Picker_1.Action.CANCEL, function () {
-            openRef.current = false;
-            return onCancel();
-        });
-    }, [picker, onCancel]);
-    react_1.useEffect(function () {
-        if (!onSearch)
-            return;
-        return picker.subscribe(Picker_1.Action.SEARCH, onSearch);
-    }, [picker, onSearch]);
-    react_1.useEffect(function () {
-        if (!onLoadMore)
-            return;
-        return picker.subscribe(Picker_1.Action.LOAD_MORE, onLoadMore);
-    }, [picker, onLoadMore]);
-    react_1.useEffect(function () {
-        var shouldUpdate = JSON.stringify(options) !== JSON.stringify(optionsRef.current);
-        if (!shouldUpdate)
-            return;
-        optionsRef.current = options;
-        picker.set(options, openRef.current);
-    }, [picker, options]);
-    return null;
-}
-exports.default = Picker;

package/context.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { ClientApplication } from '@shopify/app-bridge/client';
-/**
- * App Bridge context consumer type.
- *
- * @public
- */
-export declare type IAppBridgeContext = ClientApplication | null;
-/**
- * App Bridge context.
- *
- * @public
- */
-export declare const AppBridgeContext: import("react").Context<IAppBridgeContext>;

package/context.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppBridgeContext = void 0;
-var react_1 = require("react");
-/**
- * App Bridge context.
- *
- * @public
- */
-exports.AppBridgeContext = react_1.createContext(null);

package/hooks/index.d.ts

@@ -1,10 +0,0 @@
-export { useAppBridgeState } from './useAppBridgeState';
-export { useAuthenticatedFetch } from './useAuthenticatedFetch';
-export { useContextualSaveBar } from './useContextualSaveBar';
-export { useFeaturesAvailable } from './useFeaturesAvailable';
-export type { FeaturesAvailable } from './useFeaturesAvailable';
-export { useFeatureRequest } from './useFeatureRequest';
-export { useLocale } from './useLocale';
-export { useNavigate } from './useNavigate';
-export { useNavigationHistory } from './useNavigationHistory';
-export { useToast } from './useToast';

package/hooks/index.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToast = exports.useNavigationHistory = exports.useNavigate = exports.useLocale = exports.useFeatureRequest = exports.useFeaturesAvailable = exports.useContextualSaveBar = exports.useAuthenticatedFetch = exports.useAppBridgeState = void 0;
-var useAppBridgeState_1 = require("./useAppBridgeState");
-Object.defineProperty(exports, "useAppBridgeState", { enumerable: true, get: function () { return useAppBridgeState_1.useAppBridgeState; } });
-var useAuthenticatedFetch_1 = require("./useAuthenticatedFetch");
-Object.defineProperty(exports, "useAuthenticatedFetch", { enumerable: true, get: function () { return useAuthenticatedFetch_1.useAuthenticatedFetch; } });
-var useContextualSaveBar_1 = require("./useContextualSaveBar");
-Object.defineProperty(exports, "useContextualSaveBar", { enumerable: true, get: function () { return useContextualSaveBar_1.useContextualSaveBar; } });
-var useFeaturesAvailable_1 = require("./useFeaturesAvailable");
-Object.defineProperty(exports, "useFeaturesAvailable", { enumerable: true, get: function () { return useFeaturesAvailable_1.useFeaturesAvailable; } });
-var useFeatureRequest_1 = require("./useFeatureRequest");
-Object.defineProperty(exports, "useFeatureRequest", { enumerable: true, get: function () { return useFeatureRequest_1.useFeatureRequest; } });
-var useLocale_1 = require("./useLocale");
-Object.defineProperty(exports, "useLocale", { enumerable: true, get: function () { return useLocale_1.useLocale; } });
-var useNavigate_1 = require("./useNavigate");
-Object.defineProperty(exports, "useNavigate", { enumerable: true, get: function () { return useNavigate_1.useNavigate; } });
-var useNavigationHistory_1 = require("./useNavigationHistory");
-Object.defineProperty(exports, "useNavigationHistory", { enumerable: true, get: function () { return useNavigationHistory_1.useNavigationHistory; } });
-var useToast_1 = require("./useToast");
-Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return useToast_1.useToast; } });

package/hooks/useAppBridgeState/index.d.ts

@@ -1 +0,0 @@
-export * from './useAppBridgeState';

package/hooks/useAppBridgeState/index.js

@@ -1,13 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useAppBridgeState"), exports);

package/hooks/useAppBridgeState/useAppBridgeState.d.ts

@@ -1,10 +0,0 @@
-import type { AppBridgeState, Path, PathValue, StateWithoutFeatures } from '@shopify/app-bridge';
-declare type Query = keyof AppBridgeState | Path<StateWithoutFeatures<AppBridgeState>>;
-declare type State<K extends Query> = K extends keyof AppBridgeState ? AppBridgeState[K] : K extends Path<StateWithoutFeatures<AppBridgeState>> ? PathValue<StateWithoutFeatures<AppBridgeState>, K> : K extends never ? AppBridgeState : never;
-interface UseAppBridgeState {
-    (): AppBridgeState | undefined;
-    <K extends Query>(query: K): State<K> | undefined;
-    <PartialState>(query: keyof AppBridgeState): PartialState | undefined;
-}
-export declare const useAppBridgeState: UseAppBridgeState;
-export {};

package/hooks/useAppBridgeState/useAppBridgeState.js

@@ -1,89 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppBridgeState = void 0;
-var react_1 = require("react");
-var useAppBridge_1 = require("../../useAppBridge");
-var useAppBridgeState = function (query) {
-    var app = useAppBridge_1.useAppBridge();
-    var _a = react_1.useState(), state = _a[0], setState = _a[1];
-    var isUnmounted = react_1.useRef(false);
-    var refresh = react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var newState, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!query) return [3 /*break*/, 2];
-                    return [4 /*yield*/, app.getState(query)];
-                case 1:
-                    _a = _b.sent();
-                    return [3 /*break*/, 4];
-                case 2: return [4 /*yield*/, app.getState()];
-                case 3:
-                    _a = _b.sent();
-                    _b.label = 4;
-                case 4:
-                    newState = _a;
-                    if (isUnmounted.current) {
-                        return [2 /*return*/];
-                    }
-                    setState(function (currentState) {
-                        if (JSON.stringify(newState) === JSON.stringify(currentState)) {
-                            return currentState;
-                        }
-                        return newState;
-                    });
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [app, query]);
-    react_1.useEffect(function () {
-        refresh();
-        // Automatically check to see if the state has changed every time an action has been dispatched
-        return app.subscribe(function () {
-            refresh();
-        });
-    }, [app, refresh]);
-    react_1.useEffect(function () {
-        return function () {
-            isUnmounted.current = true;
-        };
-    }, [app]);
-    return state;
-};
-exports.useAppBridgeState = useAppBridgeState;

package/hooks/useAuthenticatedFetch/index.d.ts

@@ -1 +0,0 @@
-export * from './useAuthenticatedFetch';

package/hooks/useAuthenticatedFetch/index.js

@@ -1,13 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useAuthenticatedFetch"), exports);

package/hooks/useAuthenticatedFetch/useAuthenticatedFetch.d.ts

@@ -1,11 +0,0 @@
-import { AuthenticatedFetchOptions } from '@shopify/app-bridge/utilities';
-/**
- * useAuthenticatedFetch hook
- *
- * @public
- * @remarks
- * React hook that wraps the Shopify App Bridge authenticatedFetch method.
- *
- * @param options - Options for the hook
- */
-export declare function useAuthenticatedFetch(options?: AuthenticatedFetchOptions | undefined): typeof fetch;

package/hooks/useAuthenticatedFetch/useAuthenticatedFetch.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAuthenticatedFetch = void 0;
-var react_1 = require("react");
-var utilities_1 = require("@shopify/app-bridge/utilities");
-var useAppBridge_1 = require("../../useAppBridge");
-/**
- * useAuthenticatedFetch hook
- *
- * @public
- * @remarks
- * React hook that wraps the Shopify App Bridge authenticatedFetch method.
- *
- * @param options - Options for the hook
- */
-function useAuthenticatedFetch(options) {
-    if (options === void 0) { options = undefined; }
-    var app = useAppBridge_1.useAppBridge();
-    var fetchFunction = react_1.useMemo(function () { return utilities_1.authenticatedFetch(app, options); }, [app, options]);
-    return fetchFunction;
-}
-exports.useAuthenticatedFetch = useAuthenticatedFetch;

package/hooks/useContextualSaveBar/index.d.ts

@@ -1 +0,0 @@
-export { useContextualSaveBar } from './useContextualSaveBar';

package/hooks/useContextualSaveBar/index.js

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

package/hooks/useContextualSaveBar/useContextualSaveBar.d.ts

@@ -1,10 +0,0 @@
-import type { ContextualSaveBarApi } from '@shopify/app-bridge/actions/ContextualSaveBar';
-/**
- * useContextualSaveBar hook
- *
- * @remarks
- * React hook which wraps the Shopify App Bridge ContextualSaveBar action.
- *
- * @public
- */
-export declare function useContextualSaveBar(): ContextualSaveBarApi;

package/hooks/useContextualSaveBar/useContextualSaveBar.js

@@ -1,85 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useContextualSaveBar = void 0;
-var react_1 = require("react");
-var ContextualSaveBar_1 = require("@shopify/app-bridge/actions/ContextualSaveBar");
-var useAppBridge_1 = require("../../useAppBridge");
-/**
- * useContextualSaveBar hook
- *
- * @remarks
- * React hook which wraps the Shopify App Bridge ContextualSaveBar action.
- *
- * @public
- */
-function useContextualSaveBar() {
-    var app = useAppBridge_1.useAppBridge();
-    var visibleRef = react_1.useRef(false);
-    var _a = react_1.useState(), onSaveAction = _a[0], setOnSaveAction = _a[1];
-    var _b = react_1.useState(), onDiscardAction = _b[0], setOnDiscardAction = _b[1];
-    var contextualSaveBar = react_1.useMemo(function () {
-        return ContextualSaveBar_1.create(app);
-    }, [app]);
-    var show = react_1.useCallback(function (options) {
-        // Update options first
-        if (options) {
-            contextualSaveBar.set(options, false);
-        }
-        // Updated options will be sent with the "SHOW" action
-        contextualSaveBar.dispatch(ContextualSaveBar_1.Action.SHOW);
-        visibleRef.current = true;
-    }, [contextualSaveBar]);
-    var hide = react_1.useCallback(function () {
-        contextualSaveBar.dispatch(ContextualSaveBar_1.Action.HIDE);
-        visibleRef.current = false;
-    }, [contextualSaveBar]);
-    var saveAction = react_1.useMemo(function () { return ({
-        setOptions: function (_a) {
-            var onAction = _a.onAction, saveAction = __rest(_a, ["onAction"]);
-            var shouldUpdate = JSON.stringify(contextualSaveBar.options.saveAction) !== JSON.stringify(saveAction) &&
-                visibleRef.current;
-            setOnSaveAction(function () { return onAction; });
-            contextualSaveBar.set({ saveAction: saveAction }, shouldUpdate);
-        },
-    }); }, [contextualSaveBar]);
-    var discardAction = react_1.useMemo(function () { return ({
-        setOptions: function (_a) {
-            var onAction = _a.onAction, discardAction = __rest(_a, ["onAction"]);
-            var shouldUpdate = JSON.stringify(contextualSaveBar.options.discardAction) !==
-                JSON.stringify(discardAction) && visibleRef.current;
-            setOnDiscardAction(function () { return onAction; });
-            contextualSaveBar.set({ discardAction: discardAction }, shouldUpdate);
-        },
-    }); }, [contextualSaveBar]);
-    // Hide contextual save bar on unmount
-    react_1.useEffect(function () {
-        return function () {
-            if (visibleRef.current) {
-                hide();
-            }
-        };
-    }, []);
-    react_1.useEffect(function () {
-        return contextualSaveBar.subscribe(ContextualSaveBar_1.Action.DISCARD, function () {
-            onDiscardAction === null || onDiscardAction === void 0 ? void 0 : onDiscardAction();
-        });
-    }, [contextualSaveBar, onDiscardAction]);
-    react_1.useEffect(function () {
-        return contextualSaveBar.subscribe(ContextualSaveBar_1.Action.SAVE, function () {
-            onSaveAction === null || onSaveAction === void 0 ? void 0 : onSaveAction();
-        });
-    }, [contextualSaveBar, onSaveAction]);
-    return { show: show, hide: hide, saveAction: saveAction, discardAction: discardAction };
-}
-exports.useContextualSaveBar = useContextualSaveBar;

package/hooks/useFeatureRequest/index.d.ts

@@ -1 +0,0 @@
-export * from './useFeatureRequest';

package/hooks/useFeatureRequest/index.js

@@ -1,13 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useFeatureRequest"), exports);

package/hooks/useFeatureRequest/useFeatureRequest.d.ts

@@ -1,13 +0,0 @@
-import type { FeaturePermission, FeaturesAction } from '@shopify/app-bridge';
-import { Group } from '@shopify/app-bridge/actions';
-/**
- * useFeatureRequest hook
- *
- * @public
- * @remarks
- * React hook performs a feature request and then returns
- * the requested feature when permissions has been updated
- * @param {Group} group - The requested group enum
- * @param {string} action - The requested action. This param is optional
- */
-export declare function useFeatureRequest(group: Group, action?: string): FeaturesAction | FeaturePermission | undefined;

package/hooks/useFeatureRequest/useFeatureRequest.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFeatureRequest = void 0;
-var react_1 = require("react");
-var Features_1 = require("@shopify/app-bridge/actions/Features");
-var useAppBridge_1 = require("../../useAppBridge");
-var useFeaturesAvailable_1 = require("../useFeaturesAvailable");
-/**
- * useFeatureRequest hook
- *
- * @public
- * @remarks
- * React hook performs a feature request and then returns
- * the requested feature when permissions has been updated
- * @param {Group} group - The requested group enum
- * @param {string} action - The requested action. This param is optional
- */
-function useFeatureRequest(group, action) {
-    var app = useAppBridge_1.useAppBridge();
-    var featuresAvailable = useFeaturesAvailable_1.useFeaturesAvailable();
-    var _a = react_1.useState(), feature = _a[0], setFeature = _a[1];
-    var handleFeatureUpdate = react_1.useCallback(function (featuresAvailable) {
-        var updatedFeatures = featuresAvailable === null || featuresAvailable === void 0 ? void 0 : featuresAvailable[group];
-        if (action && (updatedFeatures === null || updatedFeatures === void 0 ? void 0 : updatedFeatures[action])) {
-            var actionPermission_1 = updatedFeatures === null || updatedFeatures === void 0 ? void 0 : updatedFeatures[action];
-            setFeature(function (currentState) {
-                if (JSON.stringify(actionPermission_1) !== JSON.stringify(currentState)) {
-                    return actionPermission_1;
-                }
-                return currentState;
-            });
-            return;
-        }
-        setFeature(function (currentState) {
-            if (JSON.stringify(updatedFeatures) !== JSON.stringify(currentState)) {
-                return updatedFeatures;
-            }
-            return currentState;
-        });
-    }, [group, action]);
-    react_1.useEffect(function () {
-        Features_1.create(app).dispatch(Features_1.Action.REQUEST, { feature: group, action: action });
-    }, [app, group, action]);
-    react_1.useEffect(function () {
-        handleFeatureUpdate(featuresAvailable);
-    }, [featuresAvailable, handleFeatureUpdate]);
-    return feature;
-}
-exports.useFeatureRequest = useFeatureRequest;

package/hooks/useFeaturesAvailable/index.d.ts

@@ -1,2 +0,0 @@
-export type { FeaturesAvailable } from './useFeaturesAvailable';
-export { useFeaturesAvailable } from './useFeaturesAvailable';

package/hooks/useFeaturesAvailable/index.js

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

package/hooks/useFeaturesAvailable/useFeaturesAvailable.d.ts

@@ -1,12 +0,0 @@
-import { Group } from '@shopify/app-bridge/actions/types';
-import { AppBridgeState } from '@shopify/app-bridge/client';
-export declare type FeaturesAvailable = AppBridgeState['features'];
-/**
- * useFeaturesAvailable hook
- *
- * @remarks
- * React hook that wraps the Shopify App Bridge getFeaturesAvailable method.
- *
- * @public
- */
-export declare function useFeaturesAvailable(...query: Group[]): import("@shopify/app-bridge/client").FeaturesAvailable<Group> | undefined;

package/hooks/useFeaturesAvailable/useFeaturesAvailable.js

@@ -1,101 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFeaturesAvailable = void 0;
-var react_1 = require("react");
-var types_1 = require("@shopify/app-bridge/actions/Features/types");
-var useAppBridge_1 = require("../../useAppBridge");
-/**
- * useFeaturesAvailable hook
- *
- * @remarks
- * React hook that wraps the Shopify App Bridge getFeaturesAvailable method.
- *
- * @public
- */
-function useFeaturesAvailable() {
-    var _this = this;
-    var query = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        query[_i] = arguments[_i];
-    }
-    var app = useAppBridge_1.useAppBridge();
-    var _a = react_1.useState(), state = _a[0], setState = _a[1];
-    var queryRef = react_1.useRef([]);
-    var refresh = react_1.useCallback(function () {
-        var isUnmounted = false;
-        (function () { return __awaiter(_this, void 0, void 0, function () {
-            var features;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, app.featuresAvailable.apply(app, queryRef.current)];
-                    case 1:
-                        features = _a.sent();
-                        if (!isUnmounted) {
-                            setState(function (currentFeatures) {
-                                if (JSON.stringify(currentFeatures) === JSON.stringify(features)) {
-                                    return currentFeatures;
-                                }
-                                return features;
-                            });
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); })();
-        return function () {
-            isUnmounted = true;
-        };
-    }, [app]);
-    react_1.useEffect(function () {
-        queryRef.current = query;
-        return refresh();
-    }, [JSON.stringify(query)]);
-    react_1.useEffect(function () {
-        var onRefreshCleanup;
-        var unsubscribe = app.subscribe(types_1.Action.UPDATE, function () {
-            onRefreshCleanup = refresh();
-        });
-        return function () {
-            unsubscribe();
-            onRefreshCleanup === null || onRefreshCleanup === void 0 ? void 0 : onRefreshCleanup();
-        };
-    }, [app, refresh]);
-    return state;
-}
-exports.useFeaturesAvailable = useFeaturesAvailable;

package/hooks/useLocale/index.d.ts

@@ -1 +0,0 @@
-export { useLocale } from './useLocale';

package/hooks/useLocale/index.js

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

package/hooks/useLocale/useLocale.d.ts

@@ -1 +0,0 @@
-export declare function useLocale(): string | undefined;