@shopify/app-bridge-react 2.0.22 → 2.0.25

package/useAppBridge.js

@@ -4,7 +4,7 @@ exports.useAppBridge = void 0;
 var react_1 = require("react");
 var context_1 = require("./context");
 function useAppBridge() {
-    var appBridge = (0, react_1.useContext)(context_1.AppBridgeContext);
+    var appBridge = react_1.useContext(context_1.AppBridgeContext);
     if (!appBridge) {
         throw new Error('No AppBridge context provided. Your component must be wrapped in the <Provider> component from App Bridge React.');
     }

package/utilities/transformers.d.ts

@@ -1,5 +1,6 @@
-import { ClientApplication } from '@shopify/app-bridge';
-import { Button, ButtonGroup } from '@shopify/app-bridge/actions';
+import type { ClientApplication } from '@shopify/app-bridge';
+import * as Button from '@shopify/app-bridge/actions/Button';
+import * as ButtonGroup from '@shopify/app-bridge/actions/ButtonGroup';
 import { Target, ActionProps, ActionGroupProps } from '../types';
 export declare function generateRedirect(appBridge: ClientApplication, url?: string, target?: Target, external?: boolean): (() => void) | undefined;
 export declare function transformActions(appBridge: ClientApplication, { primaryAction, secondaryActions, }: {

package/utilities/transformers.js

@@ -1,22 +1,39 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformActions = exports.generateRedirect = void 0;
-var actions_1 = require("@shopify/app-bridge/actions");
+var Button = __importStar(require("@shopify/app-bridge/actions/Button"));
+var ButtonGroup = __importStar(require("@shopify/app-bridge/actions/ButtonGroup"));
+var Redirect = __importStar(require("@shopify/app-bridge/actions/Navigation/Redirect"));
 function generateRedirect(appBridge, url, target, external) {
     if (target === void 0) { target = 'APP'; }
     if (url == null) {
         return undefined;
     }
-    var redirect = actions_1.Redirect.create(appBridge);
+    var redirect = Redirect.create(appBridge);
     var payload = external === true
         ? {
             url: url,
@@ -30,14 +47,14 @@ function generateRedirect(appBridge, url, target, external) {
 exports.generateRedirect = generateRedirect;
 function redirectAction(target, external) {
     if (external === true) {
-        return actions_1.Redirect.Action.REMOTE;
+        return Redirect.Action.REMOTE;
     }
-    return actions_1.Redirect.Action[target];
+    return Redirect.Action[target];
 }
 function transformActions(appBridge, _a) {
     var primaryAction = _a.primaryAction, secondaryActions = _a.secondaryActions, actionGroups = _a.actionGroups;
     var primary = transformPrimaryAction(appBridge, primaryAction);
-    var secondary = __spreadArray(__spreadArray([], transformSecondaryActions(appBridge, secondaryActions), true), transformActionGroups(appBridge, actionGroups), true);
+    var secondary = __spreadArray(__spreadArray([], transformSecondaryActions(appBridge, secondaryActions)), transformActionGroups(appBridge, actionGroups));
     return {
         primary: primary,
         secondary: secondary,
@@ -45,8 +62,8 @@ function transformActions(appBridge, _a) {
 }
 exports.transformActions = transformActions;
 function transformAction(appBridge, action) {
-    var style = action.destructive === true ? actions_1.Button.Style.Danger : undefined;
-    var button = actions_1.Button.create(appBridge, {
+    var style = action.destructive === true ? Button.Style.Danger : undefined;
+    var button = Button.create(appBridge, {
         label: action.content || '',
         disabled: action.disabled,
         loading: action.loading,
@@ -54,11 +71,11 @@ function transformAction(appBridge, action) {
         style: style,
     });
     if (action.onAction) {
-        button.subscribe(actions_1.Button.Action.CLICK, action.onAction);
+        button.subscribe(Button.Action.CLICK, action.onAction);
     }
     var redirect = generateRedirect(appBridge, action.url, action.target, action.external);
     if (redirect != null) {
-        button.subscribe(actions_1.Button.Action.CLICK, redirect);
+        button.subscribe(Button.Action.CLICK, redirect);
     }
     return button;
 }
@@ -73,7 +90,7 @@ function transformSecondaryActions(appBridge, secondaryActions) {
     if (secondaryActions === void 0) { secondaryActions = []; }
     var secondary = __spreadArray([], secondaryActions.map(function (secondaryAction) {
         return transformAction(appBridge, secondaryAction);
-    }), true);
+    }));
     return secondary;
 }
 function transformActionGroups(appBridge, actionGroups) {
@@ -82,7 +99,7 @@ function transformActionGroups(appBridge, actionGroups) {
         var buttons = group.actions.map(function (groupAction) {
             return transformAction(appBridge, groupAction);
         });
-        return actions_1.ButtonGroup.create(appBridge, { label: group.title, plain: group.plain, buttons: buttons });
-    }), true);
+        return ButtonGroup.create(appBridge, { label: group.title, plain: group.plain, buttons: buttons });
+    }));
     return buttonGroups;
 }