@stripe/ui-extension-sdk - npm Package Compare versions

Comparing version 8.8.0-alpha.2 to 8.8.0-alpha.4

package.json

@@ -6,3 +6,3 @@ {
   },
-  "version": "8.8.0-alpha.2",
+  "version": "8.8.0-alpha.4",
   "description": "The suite of functionality available to UI extensions in Stripe apps",
@@ -9,0 +9,0 @@ "author": "Stripe, Inc.",

README.md

@@ -8,7 +8,7 @@ Stripe UI Extension SDK
 
-### 8.9.0
-- Add `platform` prop to environment context
-
 ### 8.8.0
 - Add `StripeFileUploader` component
+- Add `platform` prop to environment context
+- Add `appContext` to the `ExtensionContextValue` type
+- Added types for `AuthorizedPermission` and `AuthorizedContentSecurityPolicy`
 
@@ -15,0 +15,0 @@ ### 8.7.0

testing/mockData.js

@@ -28,6 +28,23 @@ "use strict";
         },
+        platform: {
+            id: 'acct_5678',
+            name: 'Test Platform',
+        },
     },
+    appContext: {
+        authorizedPermissions: [
+            {
+                permission: 'test_permission',
+                purpose: 'test_purpose',
+            },
+        ],
+        authorizedContentSecurityPolicy: {
+            connectSrc: ['https://test.com/test'],
+            imageSrc: ['https://test.com/image'],
+            purpose: 'test_purpose',
+        }
+    },
 };
 const getMockContextProps = (partialMockContext) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     return ({
@@ -37,3 +54,6 @@ userContext: Object.assign(Object.assign(Object.assign({}, exports.defaultMockContextProps.userContext), partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.userContext), { account: Object.assign(Object.assign({}, exports.defaultMockContextProps.userContext.account), (_a = partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.userContext) === null || _a === void 0 ? void 0 : _a.account), roles: ((_c = (_b = partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.userContext) === null || _b === void 0 ? void 0 : _b.roles) === null || _c === void 0 ? void 0 : _c.length)
                 : exports.defaultMockContextProps.userContext.roles }),
-        environment: Object.assign(Object.assign(Object.assign({}, exports.defaultMockContextProps.environment), partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.environment), { objectContext: Object.assign(Object.assign({ id: '', object: '' }, exports.defaultMockContextProps.environment.objectContext), (_e = partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.environment) === null || _e === void 0 ? void 0 : _e.objectContext) }),
+        environment: Object.assign(Object.assign(Object.assign({}, exports.defaultMockContextProps.environment), partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.environment), { objectContext: Object.assign(Object.assign({ id: '', object: '' }, exports.defaultMockContextProps.environment.objectContext), (_e = partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.environment) === null || _e === void 0 ? void 0 : _e.objectContext), platform: Object.assign({ id: '', name: '' }) }),
+        appContext: Object.assign(Object.assign(Object.assign({}, exports.defaultMockContextProps.appContext), partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.appContext), { authorizedPermissions: ((_g = (_f = partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.appContext) === null || _f === void 0 ? void 0 : _f.authorizedPermissions) === null || _g === void 0 ? void 0 : _g.length)
+                ? (_h = partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.appContext) === null || _h === void 0 ? void 0 : _h.authorizedPermissions
+                : (_j = exports.defaultMockContextProps.appContext) === null || _j === void 0 ? void 0 : _j.authorizedPermissions, authorizedContentSecurityPolicy: Object.assign(Object.assign(Object.assign({}, (_k = exports.defaultMockContextProps.appContext) === null || _k === void 0 ? void 0 : _k.authorizedContentSecurityPolicy), (_l = partialMockContext === null || partialMockContext === void 0 ? void 0 : partialMockContext.appContext) === null || _l === void 0 ? void 0 : _l.authorizedContentSecurityPolicy), { connectSrc: [], imageSrc: [], purpose: '' }) })
     });
@@ -40,0 +60,0 @@ };

ui/@stripe-internal/tailor-dashboard-components/internal/docs.json

@@ -1240,3 +1240,3 @@ [
         "type": {
-          "name": "any"
+          "name": "HTMLAttributeAnchorTarget"
         },
@@ -1724,2 +1724,2 @@ "tags": {
   }
-]
+]

ui/component-props-test/Accordion.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Badge.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Banner.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/BarChart.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Box.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Button.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Checkbox.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Chip.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/ContextView.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/DateField.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Divider.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/FocusView.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/FormFieldGroup.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Icon.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Img.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Inline.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/LineChart.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Link.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/List.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Menu.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Radio.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Select.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/SettingsView.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/SignInView.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Sparkline.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Spinner.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Switch.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Tab.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: {

ui/component-props-test/Table.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/TextArea.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/TextField.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/component-props-test/Tooltip.test-d.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 declare const _default: {
@@ -2,0 +3,0 @@ jsx: JSX.Element;

ui/internal/interface.d.ts

@@ -1,1 +0,36 @@
-export declare const ControllerComponents: {};
+/// <reference types="react" />
+export declare const ControllerComponents: {
+    StripeFileUploader: (props: {
+        label: string;
+        purpose: string;
+        onComplete?: ((fileObject: {
+            id: string;
+            object: string;
+            created: number;
+            expires_at?: number | undefined;
+            filename?: string | undefined;
+            links: {
+                object: string;
+                data: {
+                    id: string;
+                    object: string;
+                    created: number;
+                    expired: boolean;
+                    expires_at?: number | undefined;
+                    livemode: boolean;
+                    file: string;
+                    metadata: Record<string, string>;
+                    url?: string | undefined;
+                }[];
+                has_more: boolean;
+                url: string;
+            };
+            purpose: string;
+            size: number;
+            title?: string | undefined;
+            type?: string | undefined;
+            url?: string | undefined;
+        }) => void) | undefined;
+        onError?: ((error: any) => void) | undefined;
+    }) => JSX.Element;
+};

ui/manual_components.d.ts

@@ -27,6 +27,6 @@ import { BasicTableBodyProps, BasicTableCellProps, BasicTableFooterProps, BasicTableHeaderCellProps, BasicTableHeaderProps, BasicTableProps, BasicTableRowProps, ButtonProps, CheckboxProps, IconProps as SailIconProps, RadioProps, SelectProps, StylableProps, SwitchProps, TailorDateFieldProps, TextAreaProps, TextFieldProps, TokenizedCSSProperties } from './@sail/ui/internal/interface';
             textTransform?: "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase" | undefined;
-            whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
-            overflowX?: "hidden" | "auto" | "visible" | "scroll" | undefined;
-            overflowY?: "hidden" | "auto" | "visible" | "scroll" | undefined;
-            textAlign?: "left" | "right" | "end" | "start" | "center" | "justify" | "match-parent" | undefined;
+            whiteSpace?: "normal" | "nowrap" | "break-spaces" | "pre" | "pre-line" | "pre-wrap" | undefined;
+            overflowX?: "auto" | "hidden" | "visible" | "scroll" | undefined;
+            overflowY?: "auto" | "hidden" | "visible" | "scroll" | undefined;
+            textAlign?: "center" | "end" | "start" | "left" | "right" | "justify" | "match-parent" | undefined;
         } | undefined;
@@ -42,6 +42,6 @@ }) | undefined;
         textTransform?: "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase" | undefined;
-        whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
-        overflowX?: "hidden" | "auto" | "visible" | "scroll" | undefined;
-        overflowY?: "hidden" | "auto" | "visible" | "scroll" | undefined;
-        textAlign?: "left" | "right" | "end" | "start" | "center" | "justify" | "match-parent" | undefined;
+        whiteSpace?: "normal" | "nowrap" | "break-spaces" | "pre" | "pre-line" | "pre-wrap" | undefined;
+        overflowX?: "auto" | "hidden" | "visible" | "scroll" | undefined;
+        overflowY?: "auto" | "hidden" | "visible" | "scroll" | undefined;
+        textAlign?: "center" | "end" | "start" | "left" | "right" | "justify" | "match-parent" | undefined;
     } | undefined;
@@ -48,0 +48,0 @@ }, true>>;

utils/context.d.ts

 import type { NestableJSONValue } from '../types/util';
+export declare type AuthorizedPermission = {
+    permission: string;
+    purpose: string;
+};
+export declare type AuthorizedContentSecurityPolicy = {
+    connectSrc: string[];
+    imageSrc: string[];
+    purpose: string;
+};
 export declare type RoleDefinition = {
@@ -8,3 +17,3 @@ name: string;
     userContext: {
-        id: string;
+        id?: string;
         name?: string | null;
@@ -27,2 +36,6 @@ account: {
         } | null;
+        platform?: {
+            id: string;
+            name: string | null;
+        };
     };
@@ -35,3 +48,7 @@ oauthContext?: {
     };
+    appContext?: {
+        authorizedPermissions?: AuthorizedPermission[];
+        authorizedContentSecurityPolicy?: AuthorizedContentSecurityPolicy;
+    };
 };
 export declare const useRefreshDashboardData: () => (() => Promise<void>);

version.d.ts

@@ -1,2 +0,2 @@
-export declare const SDK_VERSION = "8.8.0-alpha.2";
+export declare const SDK_VERSION = "8.8.0-alpha.4";
 export declare const UI_VERSION = "^32.7.0";

version.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UI_VERSION = exports.SDK_VERSION = void 0;
-exports.SDK_VERSION = '8.8.0-alpha.2';
+exports.SDK_VERSION = '8.8.0-alpha.4';
 exports.UI_VERSION = '^32.7.0';
 //# sourceMappingURL=version.js.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1755377

increased by337.28%

Lines of code

42966

increased by335.63%

No dependency changes