@xyo-network/react-embed 2.28.0 → 2.28.1

package/src/contexts/RefreshPayloadContext/Provider.tsx

@@ -0,0 +1,19 @@
+import { WithChildren } from '@xylabs/react-shared'
+import { useState } from 'react'
+
+import { RefreshPayloadContext } from './Context'
+
+export interface RefreshPayloadProps {
+  refreshPayload?: boolean
+  onRefresh?: () => void
+}
+
+export const RefreshPayloadProvider: React.FC<WithChildren<RefreshPayloadProps>> = ({ children, onRefresh, refreshPayload }) => {
+  const [localRefreshPayload, setRefreshPayload] = useState(refreshPayload)
+
+  return (
+    <RefreshPayloadContext.Provider value={{ onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }}>
+      {children}
+    </RefreshPayloadContext.Provider>
+  )
+}

package/src/contexts/RefreshPayloadContext/State.ts

@@ -0,0 +1,8 @@
+import { ContextExState } from '@xyo-network/react-shared'
+import { Dispatch, SetStateAction } from 'react'
+
+export interface RefreshPayloadState extends ContextExState {
+  onRefresh?: () => void
+  refreshPayload?: boolean
+  setRefreshPayload?: Dispatch<SetStateAction<boolean | undefined>>
+}

package/src/contexts/RefreshPayloadContext/index.ts

@@ -0,0 +1,2 @@
+export * from './Provider'
+export * from './use'

package/src/contexts/RefreshPayloadContext/use.tsx

@@ -0,0 +1,5 @@
+import { useContextEx } from '@xyo-network/react-shared'
+
+import { RefreshPayloadContext } from './Context'
+
+export const useRefreshPayload = () => useContextEx(RefreshPayloadContext, 'RefreshPayload', true)

package/src/contexts/ResolvePayloadContext/Provider.tsx

@@ -1,32 +1,30 @@
-import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
 import { delay } from '@xylabs/sdk-js'
 import { XyoApiError } from '@xyo-network/api'
 import { Huri, XyoPayload } from '@xyo-network/payload'
-import { XyoApiErrorRender } from '@xyo-network/react-auth-service'
-import { ResultLoader } from '@xyo-network/react-webapp'
 import { useEffect, useState } from 'react'
 
+import { useRefreshPayload } from '../RefreshPayloadContext'
 import { ResolvePayloadContext } from './Context'
 import { ResolvePayloadState } from './State'
 
-export type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided' & FlexBoxProps>
+export type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided'>
 
-export const ResolvePayloadProvider: React.FC<WithChildren<ResolvePayloadProviderProps>> = ({ children, huriPayload, ...props }) => {
+export const ResolvePayloadProvider: React.FC<WithChildren<ResolvePayloadProviderProps>> = ({ children, huriPayload }) => {
   const [payload, setPayload] = useState<XyoPayload>()
   const [huri, setHuri] = useState<string>()
+  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload()
 
   useEffect(() => {
     typeof huriPayload === 'string' ? setHuri(huriPayload) : undefined
     if (typeof huriPayload === 'object') {
       setPayload(huriPayload)
-      setRefreshPayload(1)
+      setRefreshPayload?.(true)
     }
-  }, [huriPayload])
+  }, [huriPayload, setRefreshPayload])
 
   const [notFound, setNotFound] = useState<boolean>()
   const [huriApiError, setHuriApiError] = useState<XyoApiError>()
-  const [refreshPayload, setRefreshPayload] = useState(0)
 
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -41,31 +39,26 @@ export const ResolvePayloadProvider: React.FC<WithChildren<ResolvePayloadProvide
           if (mounted()) {
             setNotFound(result === null)
             setPayload(result)
-            setRefreshPayload(1)
+            setRefreshPayload?.(true)
           }
         } catch (e) {
           setHuriApiError(e as XyoApiError)
         }
       }
     },
-    [huri, payload, refreshPayload],
+    [huri, payload, refreshPayload, setRefreshPayload],
   )
 
   const refreshHuri = () => {
+    onRefresh?.()
     if (huri) {
-      setRefreshPayload(0)
+      setRefreshPayload?.(false)
     }
   }
 
   return (
-    <ResolvePayloadContext.Provider value={{ huri, huriApiError, notFound, payload, provided: true, refreshHuri, refreshPayload, setPayload }}>
-      <ResultLoader searchResult={payload} notFound={!!notFound} apiError={huriApiError}>
-        <XyoApiErrorRender apiError={huriApiError}>
-          <FlexCol busy={Boolean(!refreshPayload && payload)} {...props}>
-            {children}
-          </FlexCol>
-        </XyoApiErrorRender>
-      </ResultLoader>
+    <ResolvePayloadContext.Provider value={{ huri, huriApiError, notFound, payload, provided: true, refreshHuri, setPayload }}>
+      {children}
     </ResolvePayloadContext.Provider>
   )
 }

package/src/contexts/ResolvePayloadContext/State.ts

@@ -10,6 +10,5 @@ export interface ResolvePayloadState extends ContextExState {
   notFound?: boolean
   payload?: XyoPayload
   refreshHuri?: () => void
-  refreshPayload?: number
   setPayload?: Dispatch<SetStateAction<XyoPayload | undefined>>
 }

package/src/contexts/XyoEmbedPluginContext/Provider.tsx

@@ -1,17 +1,13 @@
 import { WithChildren } from '@xylabs/react-shared'
-import { XyoPayload } from '@xyo-network/payload'
 import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
 import { useState } from 'react'
 
 import { XyoEmbedPluginContext } from './Context'
 import { XyoEmbedPluginBase } from './State'
 
-export interface XyoEmbedPluginProviderProps extends XyoEmbedPluginBase {
-  /** string for huri to resolve and payload for bypassing huri resolution */
-  huriPayload?: string | XyoPayload
-}
+export type XyoEmbedPluginProviderProps = XyoEmbedPluginBase
 
-/** Expose passed embed plugin props and payload via context */
+/** Expose passed embed plugin props via context */
 export const XyoEmbedPluginProvider: React.FC<WithChildren<XyoEmbedPluginProviderProps>> = ({
   children,
   refreshTitle,

package/src/contexts/index.ts

@@ -1,3 +1,4 @@
+export * from './RefreshPayloadContext'
 export * from './ResolvePayloadContext'
 export * from './ValidatePayloadContext'
 export * from './XyoEmbedPluginContext'

package/src/types/XyoEmbedPluginProps.ts

@@ -1,10 +1,11 @@
-import { CardProps } from '@mui/material'
+import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { XyoPayload } from '@xyo-network/payload'
 
 import { EmbedPluginVisibilityConfig, XyoEmbedPluginBase } from '../contexts'
 
-export interface XyoEmbedPluginProps extends XyoEmbedPluginBase, CardProps {
+export interface XyoEmbedPluginProps extends XyoEmbedPluginBase, FlexBoxProps {
   /** string for huri to resolve and payload for bypassing huri resolution */
+  onRefresh?: () => void
   huriPayload?: string | XyoPayload
   validateSchema?: boolean
   hideElementsConfig?: EmbedPluginVisibilityConfig

package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { CardProps } from '@mui/material';
-export declare const EmbedPluginContainer: React.FC<CardProps>;
-//# sourceMappingURL=EmbedPluginContainer.d.ts.map

package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAepD,CAAA"}

package/dist/cjs/components/embed-card/EmbedPluginContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4D;AAC5D,yDAAmD;AACnD,4DAAuD;AAEvD,6CAA0E;AAC1E,0CAA0E;AAC1E,uDAAmD;AAE5C,MAAM,oBAAoB,GAAwB,CAAC,KAAK,EAAE,EAAE;;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IACvC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IAC5F,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,0BAAW,GAAE,CAAA;IAElC,OAAO,CACL,wBAAC,eAAI,kBAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,IAAK,KAAK,eAC9C,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,cAAc,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,iCAAe,KAAG,EAChE,wBAAC,2BAAW,kBAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,iBAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAC,4BAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,MAAA,MAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,0CAAE,GAAG,0CAAE,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAC,oCAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,KACvF,EACd,uBAAC,sBAAW,cAAE,YAAY,CAAC,CAAC,CAAC,uBAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,GAAe,KAC3H,CACR,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}

package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { CardProps } from '@mui/material';
-export declare const EmbedPluginContainer: React.FC<CardProps>;
-//# sourceMappingURL=EmbedPluginContainer.d.ts.map

package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAepD,CAAA"}

package/dist/esm/components/embed-card/EmbedPluginContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,oBAAoB,GAAwB,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC5F,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,KAAK,KAAK,aAC9C,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,EAChE,MAAC,WAAW,IAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,aAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,yBAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,IACvF,EACd,KAAC,WAAW,cAAE,YAAY,CAAC,CAAC,CAAC,KAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,GAAe,IAC3H,CACR,CAAA;AACH,CAAC,CAAA"}