@shopify/ui-extensions-server-kit 5.3.1 → 5.4.1

package/dist/{ExtensionServerClient → packages/ui-extensions-server-kit/src/ExtensionServerClient}/ExtensionServerClient.es.js

@@ -3,7 +3,10 @@ import { isValidSurface as m } from "../utilities/isValidSurface.es.js";
 import { isUIExtension as f } from "../utilities/isUIExtension.es.js";
 class z {
   constructor(n = {}) {
-    this.EVENT_THAT_WILL_MUTATE_THE_SERVER = ["update"], this.listeners = {}, this.connectionListeners = { close: /* @__PURE__ */ new Set(), open: /* @__PURE__ */ new Set() }, this.connected = !1, this.uiExtensionsByUuid = {}, this.id = (Math.random() + 1).toString(36).substring(7), this.options = p({
+    this.EVENT_THAT_WILL_MUTATE_THE_SERVER = ["update"], this.listeners = {}, this.connectionListeners = {
+      close: /* @__PURE__ */ new Set(),
+      open: /* @__PURE__ */ new Set()
+    }, this.connected = !1, this.uiExtensionsByUuid = {}, this.id = (Math.random() + 1).toString(36).substring(7), this.options = p({
       ...n,
       connection: {
         automaticConnect: !0,
@@ -24,19 +27,19 @@ class z {
   persist(n, t) {
     var s, e, i;
     if (this.EVENT_THAT_WILL_MUTATE_THE_SERVER.includes(n))
-      return this.options.locales ? ((e = t.extensions) == null || e.forEach((o) => {
-        E.forEach((a) => {
-          var c;
-          f(o) && ((c = o.extensionPoints) == null || c.forEach((h) => {
-            delete h[a];
-          })), delete o[a];
+      return this.options.locales ? ((e = t.extensions) == null || e.forEach((c) => {
+        E.forEach((o) => {
+          var h;
+          f(c) && ((h = c.extensionPoints) == null || h.forEach((a) => {
+            delete a[o];
+          })), delete c[o];
         });
       }), (i = this.connection) == null ? void 0 : i.send(JSON.stringify({ event: n, data: t }))) : (s = this.connection) == null ? void 0 : s.send(JSON.stringify({ event: n, data: t }));
     console.warn('You tried to use "persist" with a dispatch event. Please use the "emit" method instead.');
   }
   emit(...n) {
     var e;
-    const [t, s] = n;
+    const t = n[0], s = n.length > 1 ? n[1] : void 0;
     if (this.EVENT_THAT_WILL_MUTATE_THE_SERVER.includes(t))
       return console.warn(
         `You tried to use "emit" with a the "${t}" event. Please use the "persist" method instead to persist changes to the server.`
@@ -55,15 +58,15 @@ class z {
     }), (n = this.connection) == null || n.addEventListener("message", (t) => {
       var s, e;
       try {
-        const { event: i, data: o } = JSON.parse(t.data);
+        const { event: i, data: c } = JSON.parse(t.data), o = c;
         if (i === "dispatch") {
-          const { type: c, payload: h } = o;
-          (s = this.listeners[c]) == null || s.forEach((l) => l(h));
+          const { type: a, payload: l } = o;
+          (s = this.listeners[a]) == null || s.forEach((u) => u(l));
           return;
         }
-        const a = o.extensions ? T(o.extensions, this.options.surface) : o.extensions;
-        (e = this.listeners[i]) == null || e.forEach((c) => {
-          c({ ...o, extensions: this._getLocalizedExtensions(a) });
+        const h = o.extensions ? T(o.extensions, this.options.surface) : o.extensions;
+        (e = this.listeners[i]) == null || e.forEach((a) => {
+          a({ ...o, extensions: this._getLocalizedExtensions(h) });
         });
       } catch (i) {
         console.error(
@@ -82,10 +85,10 @@ class z {
   }
   _getLocalizedExtensions(n) {
     return n == null ? void 0 : n.map((t) => {
-      var a, c, h, l, u;
+      var o, h, a, l, u;
       if (!this.options.locales || !f(t))
         return t;
-      const e = ((c = (a = this.uiExtensionsByUuid[t.uuid]) == null ? void 0 : a.localization) == null ? void 0 : c.lastUpdated) !== ((h = t.localization) == null ? void 0 : h.lastUpdated) ? g(t.localization, this.options.locales) : ((l = this.uiExtensionsByUuid[t.uuid]) == null ? void 0 : l.localization) ?? t.localization, i = e && d(e) ? JSON.parse(e.translations) : e, o = {
+      const e = ((h = (o = this.uiExtensionsByUuid[t.uuid]) == null ? void 0 : o.localization) == null ? void 0 : h.lastUpdated) !== ((a = t.localization) == null ? void 0 : a.lastUpdated) ? g(t.localization, this.options.locales) : ((l = this.uiExtensionsByUuid[t.uuid]) == null ? void 0 : l.localization) ?? t.localization, i = e && d(e) ? JSON.parse(e.translations) : e, c = {
         ...t,
         localization: e,
         name: i && t.name.startsWith("t:") ? this._getLocalizedValue(i, t.name) : t.name,
@@ -94,8 +97,8 @@ class z {
         }
       };
       return this.uiExtensionsByUuid[t.uuid] = {
-        ...o,
-        extensionPoints: this._getLocalizedExtensionPoints(e, o)
+        ...c,
+        extensionPoints: this._getLocalizedExtensionPoints(e, c)
       }, this.uiExtensionsByUuid[t.uuid];
     });
   }

package/dist/packages/ui-extensions-server-kit/src/context/ExtensionServerProvider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../../_virtual/jsx-runtime.cjs.js"),E=require("./constants.cjs.js"),o=require("../state/actions/actions.cjs.js"),d=require("../ExtensionServerClient/ExtensionServerClient.cjs.js"),a=require("../hooks/useIsomorphicLayoutEffect.cjs.js"),l=require("../hooks/useExtensionServerState.cjs.js"),s=require("react");function q({children:f,options:x}){const[i,n]=l.useExtensionServerState(),[r,S]=s.useState(x),[t]=s.useState(()=>new d.ExtensionServerClient),u=s.useCallback((c=r)=>{S(c)},[r]);a.useIsomorphicLayoutEffect(()=>t.connect(r),[t,r]),a.useIsomorphicLayoutEffect(()=>{const c=[t.on("update",e=>n(o.createUpdateAction(e))),t.on("connected",e=>n(o.createConnectedAction(e))),t.on("refresh",e=>n(o.createRefreshAction(e))),t.on("focus",e=>n(o.createFocusAction(e))),t.on("unfocus",e=>n(o.createUnfocusAction(e)))];return()=>c.forEach(e=>e())},[n]);const v=s.useMemo(()=>({dispatch:n,state:i,connect:u,client:t}),[n,u,i,t]);return p.jsxRuntimeExports.jsx(E.extensionServerContext.Provider,{value:v,children:f})}exports.ExtensionServerProvider=q;

package/dist/packages/ui-extensions-server-kit/src/context/ExtensionServerProvider.es.js

@@ -0,0 +1,30 @@
+import { j as x } from "../../../../_virtual/jsx-runtime.es.js";
+import { extensionServerContext as d } from "./constants.es.js";
+import { createUpdateAction as v, createConnectedAction as l, createRefreshAction as E, createFocusAction as S, createUnfocusAction as h } from "../state/actions/actions.es.js";
+import { ExtensionServerClient as A } from "../ExtensionServerClient/ExtensionServerClient.es.js";
+import { useIsomorphicLayoutEffect as i } from "../hooks/useIsomorphicLayoutEffect.es.js";
+import { useExtensionServerState as C } from "../hooks/useExtensionServerState.es.js";
+import { useState as a, useCallback as j, useMemo as P } from "react";
+function I({ children: m, options: u }) {
+  const [c, t] = C(), [n, f] = a(u), [o] = a(() => new A()), s = j(
+    (r = n) => {
+      f(r);
+    },
+    [n]
+  );
+  i(() => o.connect(n), [o, n]), i(() => {
+    const r = [
+      o.on("update", (e) => t(v(e))),
+      o.on("connected", (e) => t(l(e))),
+      o.on("refresh", (e) => t(E(e))),
+      o.on("focus", (e) => t(S(e))),
+      o.on("unfocus", (e) => t(h(e)))
+    ];
+    return () => r.forEach((e) => e());
+  }, [t]);
+  const p = P(() => ({ dispatch: t, state: c, connect: s, client: o }), [t, s, c, o]);
+  return /* @__PURE__ */ x.jsx(d.Provider, { value: p, children: m });
+}
+export {
+  I as ExtensionServerProvider
+};

package/dist/{context → packages/ui-extensions-server-kit/src/context}/constants.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../ExtensionServerClient/ExtensionServerClient.cjs.js"),n=require("../state/reducers/constants.cjs.js"),e=require("../utilities/noop.cjs.js"),o=require("react"),r={connect:e.noop,dispatch:e.noop,state:n.INITIAL_STATE,client:new t.ExtensionServerClient},s=o.createContext(r);exports.extensionServerContext=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../ExtensionServerClient/ExtensionServerClient.cjs.js"),n=require("../state/reducers/constants.cjs.js"),e=require("../utilities/noop.cjs.js"),o=require("react"),r={connect:e.noop,dispatch:e.noop,state:n.INITIAL_STATE,client:new t.ExtensionServerClient},i=o.createContext(r);exports.extensionServerContext=i;

package/dist/packages/ui-extensions-server-kit/src/hooks/useExtensionServerContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../_virtual/jsx-runtime.cjs.js");const e=require("../context/constants.cjs.js"),t=require("react"),r=()=>t.useContext(e.extensionServerContext);exports.useExtensionServerContext=r;

package/dist/{hooks → packages/ui-extensions-server-kit/src/hooks}/useExtensionServerContext.es.js

@@ -1,6 +1,7 @@
+import "../../../../_virtual/jsx-runtime.es.js";
 import { extensionServerContext as e } from "../context/constants.es.js";
 import { useContext as t } from "react";
-const n = () => t(e);
+const x = () => t(e);
 export {
-  n as useExtensionServerContext
+  x as useExtensionServerContext
 };

package/dist/packages/ui-extensions-server-kit/src/testing/MockExtensionServerProvider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),i=require("../context/ExtensionServerProvider.cjs.js"),s=require("../context/constants.cjs.js"),u=require("../hooks/useExtensionServerContext.cjs.js"),x=require("react");function c({children:n,...e}){const r=u.useExtensionServerContext(),o=x.useMemo(()=>({...r,...e}),[r,e]);return t.jsxRuntimeExports.jsx(s.extensionServerContext.Provider,{value:o,children:n})}function v({children:n,options:e={connection:{}},...r}){return t.jsxRuntimeExports.jsx(i.ExtensionServerProvider,{options:e,children:t.jsxRuntimeExports.jsx(c,{...r,children:n})})}exports.MockExtensionServerProvider=v;

package/dist/packages/ui-extensions-server-kit/src/testing/MockExtensionServerProvider.es.js

@@ -0,0 +1,25 @@
+import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
+import { ExtensionServerProvider as i } from "../context/ExtensionServerProvider.es.js";
+import { extensionServerContext as s } from "../context/constants.es.js";
+import { useExtensionServerContext as x } from "../hooks/useExtensionServerContext.es.js";
+import { useMemo as m } from "react";
+function c({ children: o, ...r }) {
+  const e = x(), n = m(
+    () => ({
+      ...e,
+      ...r
+    }),
+    [e, r]
+  );
+  return /* @__PURE__ */ t.jsx(s.Provider, { value: n, children: o });
+}
+function d({
+  children: o,
+  options: r = { connection: {} },
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(i, { options: r, children: /* @__PURE__ */ t.jsx(c, { ...e, children: o }) });
+}
+export {
+  d as MockExtensionServerProvider
+};

package/dist/{testing → packages/ui-extensions-server-kit/src/testing}/extensions.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../types.cjs.js");let i=0;function a(e){return`00000000000${e}`.slice(-12)}function r(e={}){const t=`00000000-0000-0000-0000-${a(i++)}`,n=Date.now();return{handle:"my-extension",name:"My extension",description:"My extension description",surface:"admin",type:"purchase_option",externalType:"external_type",uuid:t,version:"extension version",...e,assets:{main:{name:"main",url:`https://secure-link.com/extensions/${t}/assets/handle.js?lastUpdated=${n}`,lastUpdated:n},...e.assets??{}},development:{hidden:!1,status:s.Status.Success,resource:{url:"resourceUrl"},root:{url:`https://secure-link.com/extensions/${t}`},renderer:{name:"render name",version:"1.0.0"},...e.development??{}},extensionPoints:e.extensionPoints,capabilities:e.capabilities,localization:e.localization,authenticatedRedirectStartUrl:e.authenticatedRedirectStartUrl,authenticatedRedirectRedirectUrls:e.authenticatedRedirectRedirectUrls,settings:{fields:[{key:"sample-key",name:"sample_name",type:"sample_type"}]}}}exports.mockExtension=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../types.cjs.js");let i=0;function a(e){return`00000000000${e}`.slice(-12)}function r(e={}){const t=`00000000-0000-0000-0000-${a(i++)}`,n=Date.now();return{handle:"my-extension",name:"My extension",description:"My extension description",surface:"admin",type:"purchase_option",externalType:"external_type",uuid:t,version:"extension version",...e,assets:{main:{name:"main",url:`https://secure-link.com/extensions/${t}/assets/handle.js?lastUpdated=${n}`,lastUpdated:n},...e.assets??{}},development:{hidden:!1,status:s.Status.Success,resource:{url:"resourceUrl"},root:{url:`https://secure-link.com/extensions/${t}`},renderer:{name:"render name",version:"1.0.0"},...e.development??{}},extensionPoints:e.extensionPoints,capabilities:e.capabilities,supportedFeatures:e.supportedFeatures,localization:e.localization,authenticatedRedirectStartUrl:e.authenticatedRedirectStartUrl,authenticatedRedirectRedirectUrls:e.authenticatedRedirectRedirectUrls,settings:{fields:[{key:"sample-key",name:"sample_name",type:"sample_type"}]}}}exports.mockExtension=r;

package/dist/{testing → packages/ui-extensions-server-kit/src/testing}/extensions.es.js

@@ -3,7 +3,7 @@ let i = 0;
 function a(e) {
   return `00000000000${e}`.slice(-12);
 }
-function c(e = {}) {
+function o(e = {}) {
   const t = `00000000-0000-0000-0000-${a(i++)}`, n = Date.now();
   return {
     handle: "my-extension",
@@ -46,6 +46,7 @@ function c(e = {}) {
     // in a generalized, non-surprising way
     extensionPoints: e.extensionPoints,
     capabilities: e.capabilities,
+    supportedFeatures: e.supportedFeatures,
     localization: e.localization,
     authenticatedRedirectStartUrl: e.authenticatedRedirectStartUrl,
     authenticatedRedirectRedirectUrls: e.authenticatedRedirectRedirectUrls,
@@ -61,5 +62,5 @@ function c(e = {}) {
   };
 }
 export {
-  c as mockExtension
+  o as mockExtension
 };

package/dist/packages/ui-extensions-server-kit/src/utilities/isUIExtension.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(t){const e=t;return e.type==="ui_extension"&&Array.isArray(e.extensionPoints)&&e.extensionPoints.every(n=>typeof n=="object")}exports.isUIExtension=i;

package/dist/{utilities → packages/ui-extensions-server-kit/src/utilities}/isUIExtension.es.js

@@ -1,6 +1,7 @@
-function n(e) {
+function o(n) {
+  const e = n;
   return e.type === "ui_extension" && Array.isArray(e.extensionPoints) && e.extensionPoints.every((t) => typeof t == "object");
 }
 export {
-  n as isUIExtension
+  o as isUIExtension
 };

package/dist/{utilities → packages/ui-extensions-server-kit/src/utilities}/isValidSurface.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../ExtensionServerClient/types.cjs.js");function t(e){return e&&i.AVAILABLE_SURFACES.includes(e)}exports.isValidSurface=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../ExtensionServerClient/types.cjs.js");function t(e){return!!e&&i.AVAILABLE_SURFACES.includes(e)}exports.isValidSurface=t;

package/dist/packages/ui-extensions-server-kit/src/utilities/isValidSurface.es.js

@@ -0,0 +1,7 @@
+import { AVAILABLE_SURFACES as i } from "../ExtensionServerClient/types.es.js";
+function r(o) {
+  return !!o && i.includes(o);
+}
+export {
+  r as isValidSurface
+};

package/dist/testing/MockExtensionServerProvider.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { ExtensionServerProviderProps, ExtensionServerContext } from '../context';
 interface InternalProviderProps extends Partial<ExtensionServerContext> {
     children?: ExtensionServerProviderProps['children'];
 }
 type MockExtensionServerProviderProps = Partial<ExtensionServerProviderProps> & InternalProviderProps;
-export declare function MockExtensionServerProvider({ children, options, ...props }: MockExtensionServerProviderProps): JSX.Element;
+export declare function MockExtensionServerProvider({ children, options, ...props }: MockExtensionServerProviderProps): React.JSX.Element;
 export {};

package/dist/types.d.ts

@@ -93,9 +93,7 @@ export interface ExtensionPoint {
     localization?: FlattenedLocalization | Localization | null;
     name: string;
     description?: string;
-    assets?: {
-        [name: string]: Asset;
-    };
+    assets?: Record<string, Asset>;
 }
 type ExtensionPoints = string[] | ExtensionPoint[] | null;
 interface CollectBuyerConsentCapabilities {
@@ -115,9 +113,7 @@ interface Capabilities {
 export interface ExtensionPayload {
     type: string;
     externalType: string;
-    assets: {
-        [name: string]: Asset;
-    };
+    assets: Record<string, Asset>;
     development: {
         hidden: boolean;
         status: Status;
@@ -141,6 +137,7 @@ export interface ExtensionPayload {
     handle: string;
     extensionPoints: ExtensionPoints;
     capabilities?: Capabilities;
+    supportedFeatures: ExtensionSupportedFeatures;
     authenticatedRedirectStartUrl?: string;
     authenticatedRedirectRedirectUrls?: string[];
     localization?: FlattenedLocalization | Localization | null;
@@ -151,10 +148,13 @@ export interface ExtensionPayload {
             name?: string;
             description?: string;
             required?: boolean;
-            validations?: any[];
+            validations?: unknown[];
         }[];
     };
 }
+export interface ExtensionSupportedFeatures {
+    runsOffline: boolean;
+}
 export declare enum Status {
     Success = "success"
 }
@@ -175,5 +175,12 @@ export interface App {
     };
     supportEmail?: string;
     supportLocales?: string[];
+    allowedDomains?: string[];
+    assets?: {
+        [key: string]: {
+            url: string;
+            lastUpdated: number;
+        };
+    };
 }
 export {};

package/dist/utilities/isUIExtension.d.ts

@@ -1 +1 @@
-export declare function isUIExtension(extension: any): extension is ExtensionServer.UIExtension;
+export declare function isUIExtension(extension: unknown): extension is ExtensionServer.UIExtension;

package/dist/utilities/isValidSurface.d.ts

@@ -1,2 +1,2 @@
 import type { Surface } from '../ExtensionServerClient/types';
-export declare function isValidSurface(surface: any): surface is Surface;
+export declare function isValidSurface(surface: unknown): surface is Surface;

package/dist/utilities/set.d.ts

@@ -1,4 +1,4 @@
 /**
  * Deep sets an object in a type-safe way
  */
-export declare function set<TObject, TValue>(obj: TObject, pathFn: (o: TObject) => TValue, value: TValue): TObject;
+export declare function set<TObject extends object, TValue>(obj: TObject, pathFn: (o: TObject) => TValue, value: TValue): TObject;

package/node_modules/{@shopify/react-testing/LICENSE.md → @testing-library/react/LICENSE}

@@ -1,6 +1,5 @@
-MIT License
-
-Copyright (c) 2018-present Shopify
+The MIT License (MIT)
+Copyright (c) 2017-Present Kent C. Dodds
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal