@xyo-network/os-react-runtime 4.2.0-rc.1 → 4.2.0-rc.3

package/dist/browser/hooks/os/useDappContextCreator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDappContextCreator.d.ts","sourceRoot":"","sources":["../../../../src/hooks/os/useDappContextCreator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAC9C,MAAM,uBAAuB,CAAA;AAS9B;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,eACpB,MAAM,GAAG,SAAS,cAClB,MAAM,GAAG,SAAS,SACvB,cAAc,kBACL,UAAU,iBACX,MAAM,EAAE,8BAEtB,iBAAiB,GAAG;IACrB,eAAe,CAAC,EAAE,KAAK,CAAA;CA2DxB,CAAA"}
+{"version":3,"file":"useDappContextCreator.d.ts","sourceRoot":"","sources":["../../../../src/hooks/os/useDappContextCreator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAC9C,MAAM,uBAAuB,CAAA;AAS9B;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,eACpB,MAAM,GAAG,SAAS,cAClB,MAAM,GAAG,SAAS,SACvB,cAAc,kBACL,UAAU,iBACX,MAAM,EAAE,8BAEtB,iBAAiB,GAAG;IACrB,eAAe,CAAC,EAAE,KAAK,CAAA;CAgExB,CAAA"}

package/dist/browser/index.mjs

@@ -167,7 +167,7 @@ import { FlexCol as FlexCol13 } from "@xylabs/react-flexbox";
 import React33 from "react";
 
 // src/modules/Dapp/Container.tsx
-import React26, { useMemo as useMemo13 } from "react";
+import React26, { memo, useMemo as useMemo13 } from "react";
 
 // src/hooks/access-requests/useBuildDappAccessRequestResource.ts
 import { usePromise } from "@xylabs/react-promise";
@@ -639,6 +639,7 @@ var useDappContextCreator = /* @__PURE__ */ __name((xnsNodeUrl, xnsNetwork, dapp
     dappWallet: void 0
   });
   const [dappWindowNodeError, setDappWindowNodeError] = useState3();
+  const targetedDapp = !!(dapp && context && currentIntent?.targetDappId === dapp?.config.name);
   const windowDappNodeSetRef = useRef(windowDappNodeSet);
   useEffect7(() => {
     windowDappNodeSetRef.current = windowDappNodeSet;
@@ -646,7 +647,7 @@ var useDappContextCreator = /* @__PURE__ */ __name((xnsNodeUrl, xnsNetwork, dapp
     windowDappNodeSet
   ]);
   const createNode = useCallback3(async () => {
-    if (dapp && context) {
+    if (targetedDapp) {
       try {
         const windowDappNodeSet2 = await RunningDappCache.findOrCreate(dapp, context, allowedNames ?? [], xnsNodeUrl, xnsNetwork);
         setWindowDappNodeSet(windowDappNodeSet2);
@@ -656,6 +657,7 @@ var useDappContextCreator = /* @__PURE__ */ __name((xnsNodeUrl, xnsNetwork, dapp
     }
   }, [
     dapp,
+    currentIntent,
     context,
     allowedNames
   ]);
@@ -670,22 +672,24 @@ var useDappContextCreator = /* @__PURE__ */ __name((xnsNodeUrl, xnsNetwork, dapp
     createNode
   ]);
   useAsyncEffect2(async () => {
-    switch (currentIntent?.intent) {
-      case DappIntentTypes4.Launch: {
-        await createNode();
-        break;
-      }
-      case DappIntentTypes4.Close: {
-        if (windowDappNodeSetRef.current.context) {
-          await DappContextCreator.resetDappArchivist(windowDappNodeSetRef.current.context);
-          setWindowDappNodeSet({
-            context: null,
-            dappWallet: void 0
-          });
+    if (targetedDapp) {
+      switch (currentIntent?.intent) {
+        case DappIntentTypes4.Launch: {
+          await createNode();
+          break;
+        }
+        case DappIntentTypes4.Close: {
+          if (windowDappNodeSetRef.current.context) {
+            await DappContextCreator.resetDappArchivist(windowDappNodeSetRef.current.context);
+            setWindowDappNodeSet({
+              context: null,
+              dappWallet: void 0
+            });
+          }
+          break;
         }
-        break;
+        case DappIntentTypes4.Minimize:
       }
-      case DappIntentTypes4.Minimize:
     }
   }, [
     createNode,
@@ -2152,14 +2156,14 @@ var DappPathHelpers = {
 
 // src/modules/Dapp/modules/Window/hooks/lib/deriveDappState.ts
 import { DappIntentTypes as DappIntentTypes7 } from "@xyo-network/os-model";
-var deriveDappState = /* @__PURE__ */ __name((intent, context) => {
+var deriveDappState = /* @__PURE__ */ __name((intent) => {
   const minimized = intent?.intent === DappIntentTypes7.Minimize;
-  const open = intent?.intent === DappIntentTypes7.Launch;
-  const active = !!(context && open);
+  const active = intent?.intent === DappIntentTypes7.Launch;
+  const closed = intent?.intent === DappIntentTypes7.Close;
   return {
     active,
-    minimized,
-    open
+    closed,
+    minimized
   };
 }, "deriveDappState");
 
@@ -3141,7 +3145,7 @@ var DappMenuDrawer = /* @__PURE__ */ __name(({ activePath, context, iconSvg, nam
 // src/modules/Dapp/modules/Window/DappWindow.tsx
 var DappWindow = /* @__PURE__ */ __name(({ context, dappSet, dappState, dappWallet, intent, nodeCreateError }) => {
   const { DappComponent, name, scrollable = true, version } = decomposeDappSet(dappSet);
-  const { active, minimized, open } = dappState ?? {};
+  const { active, minimized } = dappState ?? {};
   const TypedDappComponent = useMemo12(() => DappComponent, []);
   const errors = useManageDappBasedOffRoute(intent, name, context);
   useSyncOsRegisteredAccessInterfaces(context);
@@ -3178,7 +3182,7 @@ var DappWindow = /* @__PURE__ */ __name(({ context, dappSet, dappState, dappWall
     splashScreen: resolvedError ? null : /* @__PURE__ */ React25.createElement(DappLoadingFlexbox, {
       minimize: !!minimized,
       name,
-      open: !!open
+      open: !!active
     })
   }, resolvedError || errors?.length > 0 ? /* @__PURE__ */ React25.createElement(FlexCol10, {
     padding: 2
@@ -3219,11 +3223,10 @@ var DappContainer = /* @__PURE__ */ __name(({ currentIntent, dappSet, xnsNodeUrl
   const { dappWallet, context, nodeCreateError } = useDappContextCreator(xnsNodeUrl, xnsNetwork, dapp, currentIntent);
   const dappState = useMemo13(() => {
     if (currentIntent?.targetDappId === dapp.config.name) {
-      return deriveDappState(currentIntent, context);
+      return deriveDappState(currentIntent);
     }
   }, [
     currentIntent,
-    context,
     dapp
   ]);
   return /* @__PURE__ */ React26.createElement(DappIconButton, {
@@ -3240,6 +3243,7 @@ var DappContainer = /* @__PURE__ */ __name(({ currentIntent, dappSet, xnsNodeUrl
     nodeCreateError
   }));
 }, "DappContainer");
+var DappContainerMemo = /* @__PURE__ */ memo(DappContainer);
 
 // src/modules/Dapp/ContainerFlexbox.tsx
 import { Container as Container2 } from "@mui/material";
@@ -3301,9 +3305,9 @@ var DappsRow = /* @__PURE__ */ __name(({ chipLabel, installType, registeredDapps
   })), filteredRegisteredDappSets?.length ? /* @__PURE__ */ React29.createElement(Fade2, {
     in: !!filteredRegisteredDappSets?.length,
     timeout: 1e3
-  }, /* @__PURE__ */ React29.createElement(StyledGridContainer, null, filteredRegisteredDappSets?.map((dappSet, index) => /* @__PURE__ */ React29.createElement(DappContainer, {
+  }, /* @__PURE__ */ React29.createElement(StyledGridContainer, null, filteredRegisteredDappSets?.map((dappSet) => /* @__PURE__ */ React29.createElement(DappContainerMemo, {
     currentIntent: intentPayload,
-    key: index,
+    key: dappSet.dapp.config.name,
     dappSet,
     xnsNodeUrl,
     xnsNetwork
@@ -4844,6 +4848,7 @@ export {
   DappChrome,
   DappChromeLarge,
   DappContainer,
+  DappContainerMemo,
   DappInstallTypeFilters,
   DappIntentResourceHooks,
   DappMenuDrawer,