@frak-labs/react-sdk 0.0.6 → 0.0.8

package/dist/index.cjs

@@ -1,389 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/provider/FrakConfigProvider.ts
-var _react = require('react');
-var FrakConfigContext = _react.createContext.call(void 0, 
-  void 0
-);
-function FrakConfigProvider(parameters) {
-  const { children, config } = parameters;
-  return _react.createElement.call(void 0, 
-    FrakConfigContext.Provider,
-    {
-      value: {
-        ...config,
-        walletUrl: _nullishCoalesce(config.walletUrl, () => ( "https://wallet.frak.id")),
-        domain: _nullishCoalesce(_nullishCoalesce(config.domain, () => ( (typeof window !== "undefined" ? _optionalChain([window, 'optionalAccess', _ => _.location, 'optionalAccess', _2 => _2.host]) : void 0))), () => ( "not-found"))
-      }
-    },
-    children
-  );
-}
-
-// src/provider/FrakIFrameClientProvider.ts
-
-
-
-var _coresdk = require('@frak-labs/core-sdk');
-
-
-
-
-
-
-
-// src/hook/useFrakConfig.ts
-
-
-function useFrakConfig() {
-  const config = _react.useContext.call(void 0, FrakConfigContext);
-  if (!config) {
-    throw new (0, _coresdk.FrakRpcError)(
-      _coresdk.RpcErrorCodes.configError,
-      "Frak config not found"
-    );
-  }
-  return config;
-}
-
-// src/hook/useFrakClient.ts
-
-function useFrakClient() {
-  return _react.useContext.call(void 0, FrakIFrameClientContext);
-}
-
-// src/hook/useWalletStatus.ts
-
-
-
-var _actions = require('@frak-labs/core-sdk/actions');
-var _reactquery = require('@tanstack/react-query');
-
-function useWalletStatus() {
-  const queryClient = _reactquery.useQueryClient.call(void 0, );
-  const client = useFrakClient();
-  const newStatusUpdated = _react.useCallback.call(void 0, 
-    (event) => {
-      queryClient.setQueryData(
-        ["frak-sdk", "wallet-status-listener"],
-        event
-      );
-    },
-    [queryClient]
-  );
-  return _reactquery.useQuery.call(void 0, {
-    gcTime: 0,
-    staleTime: 0,
-    queryKey: ["frak-sdk", "wallet-status-listener"],
-    queryFn: async () => {
-      if (!client) {
-        throw new (0, _coresdk.ClientNotFound)();
-      }
-      return _actions.watchWalletStatus.call(void 0, client, newStatusUpdated);
-    },
-    enabled: !!client
-  });
-}
-
-// src/hook/useSendTransaction.ts
-
-
-
-
-
-
-
-function useSendTransactionAction({
-  mutations
-} = {}) {
-  const client = useFrakClient();
-  return _reactquery.useMutation.call(void 0, {
-    ...mutations,
-    mutationKey: ["frak-sdk", "send-transaction"],
-    mutationFn: async (params) => {
-      if (!client) {
-        throw new (0, _coresdk.ClientNotFound)();
-      }
-      return _actions.sendTransaction.call(void 0, client, params);
-    }
-  });
-}
-
-// src/hook/useSiweAuthenticate.ts
-
-
-
-
-
-
-
-function useSiweAuthenticate({
-  mutations
-} = {}) {
-  const client = useFrakClient();
-  return _reactquery.useMutation.call(void 0, {
-    ...mutations,
-    mutationKey: [
-      "frak-sdk",
-      "siwe-authenticate",
-      _nullishCoalesce(_optionalChain([client, 'optionalAccess', _3 => _3.config, 'access', _4 => _4.domain]), () => ( "no-domain"))
-    ],
-    mutationFn: async (params) => {
-      if (!client) {
-        throw new (0, _coresdk.ClientNotFound)();
-      }
-      return _actions.siweAuthenticate.call(void 0, client, params);
-    }
-  });
-}
-
-// src/hook/helper/useReferralInteraction.ts
-
-
-
-
-
-
-
-
-
-// src/hook/utils/useFrakContext.ts
-
-
-
-// src/hook/utils/useWindowLocation.ts
-
-
-// src/hook/utils/useMounted.ts
-
-function useMounted() {
-  const [mounted, setMounted] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    setMounted(true);
-  }, []);
-  return mounted;
-}
-
-// src/hook/utils/useWindowLocation.ts
-function useWindowLocation() {
-  const isMounted = useMounted();
-  const [location, setLocation] = _react.useState.call(void 0, 
-    isMounted ? window.location : void 0
-  );
-  _react.useEffect.call(void 0, () => {
-    if (!isMounted) return;
-    function setWindowLocation() {
-      setLocation(window.location);
-    }
-    if (!location) {
-      setWindowLocation();
-    }
-    window.addEventListener("popstate", setWindowLocation);
-    return () => {
-      window.removeEventListener("popstate", setWindowLocation);
-    };
-  }, [isMounted, location]);
-  const href = _react.useMemo.call(void 0, () => _optionalChain([location, 'optionalAccess', _5 => _5.href]), [_optionalChain([location, 'optionalAccess', _6 => _6.href])]);
-  return { location, href };
-}
-
-// src/hook/utils/useFrakContext.ts
-function useFrakContext() {
-  const { location } = useWindowLocation();
-  const frakContext = _react.useMemo.call(void 0, () => {
-    if (!_optionalChain([location, 'optionalAccess', _7 => _7.href])) return null;
-    return _coresdk.FrakContextManager.parse({ url: location.href });
-  }, [_optionalChain([location, 'optionalAccess', _8 => _8.href])]);
-  const updateContext = _react.useCallback.call(void 0, 
-    (newContext) => {
-      console.log("Updating context", { newContext });
-      _coresdk.FrakContextManager.replaceUrl({
-        url: _optionalChain([location, 'optionalAccess', _9 => _9.href]),
-        context: newContext
-      });
-    },
-    [_optionalChain([location, 'optionalAccess', _10 => _10.href])]
-  );
-  return {
-    frakContext,
-    updateContext
-  };
-}
-
-// src/hook/helper/useReferralInteraction.ts
-function useReferralInteraction({
-  productId,
-  modalConfig,
-  options
-} = {}) {
-  const client = useFrakClient();
-  const { frakContext } = useFrakContext();
-  const { data: walletStatus } = useWalletStatus();
-  const {
-    data: referralState,
-    error,
-    status
-  } = _reactquery.useQuery.call(void 0, {
-    gcTime: 0,
-    staleTime: 0,
-    queryKey: [
-      "frak-sdk",
-      "auto-referral-interaction",
-      _nullishCoalesce(_optionalChain([frakContext, 'optionalAccess', _11 => _11.r]), () => ( "no-referrer")),
-      _nullishCoalesce(_optionalChain([walletStatus, 'optionalAccess', _12 => _12.key]), () => ( "no-wallet-status")),
-      _nullishCoalesce(productId, () => ( "no-product-id"))
-    ],
-    queryFn: () => {
-      if (!client) {
-        throw new (0, _coresdk.ClientNotFound)();
-      }
-      return _actions.processReferral.call(void 0, client, {
-        walletStatus,
-        frakContext,
-        modalConfig,
-        productId,
-        options
-      });
-    },
-    enabled: !!walletStatus
-  });
-  return _react.useMemo.call(void 0, () => {
-    if (status === "pending") return "processing";
-    if (status === "error") return error;
-    return referralState || "idle";
-  }, [referralState, status, error]);
-}
-
-// src/hook/useSendInteraction.ts
-
-
-
-
-
-function useSendInteraction({
-  mutations
-} = {}) {
-  const client = useFrakClient();
-  return _reactquery.useMutation.call(void 0, {
-    ...mutations,
-    mutationKey: ["frak-sdk", "send-interaction"],
-    mutationFn: async (params) => {
-      if (!client) {
-        throw new (0, _coresdk.ClientNotFound)();
-      }
-      return _actions.sendInteraction.call(void 0, client, params);
-    }
-  });
-}
-
-// src/hook/useDisplayModal.ts
-
-
-
-
-
-function useDisplayModal({
-  mutations
-} = {}) {
-  const client = useFrakClient();
-  return _reactquery.useMutation.call(void 0, {
-    ...mutations,
-    mutationKey: ["frak-sdk", "display-modal"],
-    mutationFn: async (args) => {
-      if (!client) {
-        throw new (0, _coresdk.ClientNotFound)();
-      }
-      return _actions.displayModal.call(void 0, client, args);
-    }
-  });
-}
-
-// src/hook/useOpenSso.ts
-
-
-
-
-
-function useOpenSso({ mutations } = {}) {
-  const client = useFrakClient();
-  return _reactquery.useMutation.call(void 0, {
-    ...mutations,
-    mutationKey: ["frak-sdk", "open-sso"],
-    mutationFn: async (params) => {
-      if (!client) {
-        throw new (0, _coresdk.ClientNotFound)();
-      }
-      return _actions.openSso.call(void 0, client, params);
-    }
-  });
-}
-
-// src/hook/useGetProductInformation.ts
-
-
-
-
-
-function useGetProductInformation({
-  query
-} = {}) {
-  const client = useFrakClient();
-  return _reactquery.useQuery.call(void 0, {
-    ...query,
-    queryKey: ["frak-sdk", "get-product-information"],
-    queryFn: async () => {
-      if (!client) {
-        throw new (0, _coresdk.ClientNotFound)();
-      }
-      return _actions.getProductInformation.call(void 0, client);
-    }
-  });
-}
-
-// src/provider/FrakIFrameClientProvider.ts
-var FrakIFrameClientContext = _react.createContext.call(void 0, 
-  void 0
-);
-function FrakIFrameClientProvider({
-  style,
-  children
-}) {
-  const config = useFrakConfig();
-  const [client, setClient] = _react.useState.call(void 0, void 0);
-  const iFrame = _react.createElement.call(void 0, "iframe", {
-    ..._coresdk.baseIframeProps,
-    src: `${config.walletUrl}/listener`,
-    style: _nullishCoalesce(style, () => ( _coresdk.baseIframeProps.style)),
-    ref: (iframe) => {
-      if (!iframe || client) {
-        return;
-      }
-      setClient(
-        _coresdk.createIFrameFrakClient.call(void 0, {
-          iframe,
-          config
-        })
-      );
-    }
-  });
-  const providerComponent = _react.createElement.call(void 0, 
-    FrakIFrameClientContext.Provider,
-    { value: client },
-    children
-  );
-  return _react.createElement.call(void 0, _react.Fragment, null, iFrame, providerComponent);
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.FrakConfigContext = FrakConfigContext; exports.FrakConfigProvider = FrakConfigProvider; exports.FrakIFrameClientContext = FrakIFrameClientContext; exports.FrakIFrameClientProvider = FrakIFrameClientProvider; exports.useDisplayModal = useDisplayModal; exports.useFrakClient = useFrakClient; exports.useFrakConfig = useFrakConfig; exports.useGetProductInformation = useGetProductInformation; exports.useOpenSso = useOpenSso; exports.useReferralInteraction = useReferralInteraction; exports.useSendInteraction = useSendInteraction; exports.useSendTransactionAction = useSendTransactionAction; exports.useSiweAuthenticate = useSiweAuthenticate; exports.useWalletStatus = useWalletStatus;
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=function(e,t){for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useSiweAuthenticate:()=>useSiweAuthenticate,useFrakConfig:()=>useFrakConfig,useOpenSso:()=>useOpenSso,useWalletStatus:()=>useWalletStatus,FrakIFrameClientContext:()=>FrakIFrameClientContext,FrakIFrameClientProvider:()=>FrakIFrameClientProvider,useGetProductInformation:()=>useGetProductInformation,useDisplayModal:()=>useDisplayModal,FrakConfigProvider:()=>FrakConfigProvider,FrakConfigContext:()=>FrakConfigContext,useReferralInteraction:()=>useReferralInteraction,useFrakClient:()=>useFrakClient,useSendInteraction:()=>useSendInteraction,useSendTransactionAction:()=>useSendTransactionAction});let external_react_namespaceObject=require("react"),FrakConfigContext=(0,external_react_namespaceObject.createContext)(void 0);function FrakConfigProvider(e){let{children:t,config:a}=e;return(0,external_react_namespaceObject.createElement)(FrakConfigContext.Provider,{value:{...a,walletUrl:a.walletUrl??"https://wallet.frak.id",domain:a.domain??("undefined"!=typeof window?window?.location?.host:void 0)??"not-found"}},t)}let core_sdk_namespaceObject=require("@frak-labs/core-sdk");function useFrakConfig(){let e=(0,external_react_namespaceObject.useContext)(FrakConfigContext);if(!e)throw new core_sdk_namespaceObject.FrakRpcError(core_sdk_namespaceObject.RpcErrorCodes.configError,"Frak config not found");return e}let FrakIFrameClientContext=(0,external_react_namespaceObject.createContext)(void 0);function FrakIFrameClientProvider({style:e,children:t}){let a=useFrakConfig(),[n,r]=(0,external_react_namespaceObject.useState)(void 0),c=(0,external_react_namespaceObject.createElement)("iframe",{...core_sdk_namespaceObject.baseIframeProps,src:`${a.walletUrl}/listener`,style:e??core_sdk_namespaceObject.baseIframeProps.style,ref:e=>{e&&!n&&r((0,core_sdk_namespaceObject.createIFrameFrakClient)({iframe:e,config:a}))}}),o=(0,external_react_namespaceObject.createElement)(FrakIFrameClientContext.Provider,{value:n},t);return(0,external_react_namespaceObject.createElement)(external_react_namespaceObject.Fragment,null,c,o)}let actions_namespaceObject=require("@frak-labs/core-sdk/actions"),react_query_namespaceObject=require("@tanstack/react-query");function useFrakClient(){return(0,external_react_namespaceObject.useContext)(FrakIFrameClientContext)}function useWalletStatus(){let e=(0,react_query_namespaceObject.useQueryClient)(),t=useFrakClient(),a=(0,external_react_namespaceObject.useCallback)(t=>{e.setQueryData(["frak-sdk","wallet-status-listener"],t)},[e]);return(0,react_query_namespaceObject.useQuery)({gcTime:0,staleTime:0,queryKey:["frak-sdk","wallet-status-listener"],queryFn:async()=>{if(!t)throw new core_sdk_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.watchWalletStatus)(t,a)},enabled:!!t})}function useMounted(){let[e,t]=(0,external_react_namespaceObject.useState)(!1);return(0,external_react_namespaceObject.useEffect)(()=>{t(!0)},[]),e}function useWindowLocation(){let e=useMounted(),[t,a]=(0,external_react_namespaceObject.useState)(e?window.location:void 0);(0,external_react_namespaceObject.useEffect)(()=>{if(e)return t||n(),window.addEventListener("popstate",n),()=>{window.removeEventListener("popstate",n)};function n(){a(window.location)}},[e,t]);let n=(0,external_react_namespaceObject.useMemo)(()=>t?.href,[t?.href]);return{location:t,href:n}}function useFrakContext(){let{location:e}=useWindowLocation();return{frakContext:(0,external_react_namespaceObject.useMemo)(()=>e?.href?core_sdk_namespaceObject.FrakContextManager.parse({url:e.href}):null,[e?.href]),updateContext:(0,external_react_namespaceObject.useCallback)(t=>{console.log("Updating context",{newContext:t}),core_sdk_namespaceObject.FrakContextManager.replaceUrl({url:e?.href,context:t})},[e?.href])}}function useReferralInteraction({productId:e,modalConfig:t,options:a}={}){let n=useFrakClient(),{frakContext:r}=useFrakContext(),{data:c}=useWalletStatus(),{data:o,error:s,status:u}=(0,react_query_namespaceObject.useQuery)({gcTime:0,staleTime:0,queryKey:["frak-sdk","auto-referral-interaction",r?.r??"no-referrer",c?.key??"no-wallet-status",e??"no-product-id"],queryFn:()=>{if(!n)throw new core_sdk_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.processReferral)(n,{walletStatus:c,frakContext:r,modalConfig:t,productId:e,options:a})},enabled:!!c});return(0,external_react_namespaceObject.useMemo)(()=>"pending"===u?"processing":"error"===u?s:o||"idle",[o,u,s])}function useGetProductInformation({query:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useQuery)({...e,queryKey:["frak-sdk","get-product-information"],queryFn:async()=>{if(!t)throw new core_sdk_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.getProductInformation)(t)}})}function useSiweAuthenticate({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","siwe-authenticate",t?.config.domain??"no-domain"],mutationFn:async e=>{if(!t)throw new core_sdk_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.siweAuthenticate)(t,e)}})}function useOpenSso({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","open-sso"],mutationFn:async e=>{if(!t)throw new core_sdk_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.openSso)(t,e)}})}function useSendInteraction({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","send-interaction"],mutationFn:async e=>{if(!t)throw new core_sdk_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.sendInteraction)(t,e)}})}function useDisplayModal({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","display-modal"],mutationFn:async e=>{if(!t)throw new core_sdk_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.displayModal)(t,e)}})}function useSendTransactionAction({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","send-transaction"],mutationFn:async e=>{if(!t)throw new core_sdk_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.sendTransaction)(t,e)}})}var __webpack_export_target__=exports;for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__]=__webpack_exports__[__webpack_i__];__webpack_exports__.__esModule&&Object.defineProperty(__webpack_export_target__,"__esModule",{value:!0});