@shopify/app-bridge-react 2.0.23 → 2.0.26

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,4 +1,23 @@
 "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 __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];
@@ -6,13 +25,15 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 };
 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,
@@ -26,9 +47,9 @@ 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;
@@ -41,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,
@@ -50,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;
 }
@@ -78,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 });
+        return ButtonGroup.create(appBridge, { label: group.title, plain: group.plain, buttons: buttons });
     }));
     return buttonGroups;
 }