@intoss/shared 0.0.11 → 0.0.13

package/dist/index.js

@@ -1 +1,522 @@
-import{createContext as ie,useContext as se,useMemo as ae}from"react";import{getOperationalEnvironment as re,getSchemeUri as ne}from"@apps-in-toss/framework";var M=re()==="sandbox"?"local":ne().startsWith("intoss-private")?"preview":"production",A={local:"http://localhost:3000",preview:"https://preview-api.intoss.app",production:"https://api.intoss.app"}[M];import{jsx as pe}from"react/jsx-runtime";var F=ie({appName:"",apiEndpoint:"http://localhost:3000",runningEnvironment:"local"}),V=({appName:e,children:o})=>{let t=ae(()=>({appName:e,apiEndpoint:A,runningEnvironment:M}),[e]);return pe(F.Provider,{value:t,children:o})},c=()=>se(F);import{createContext as ue,useCallback as I,useContext as le,useEffect as de,useMemo as ce,useState as R}from"react";import{Alert as me}from"react-native";import{jsx as fe}from"react/jsx-runtime";var b=ue({getInterstitialAdGroup:()=>({id:"ait-ad-test-interstitial-id",type:"interstitial"}),getRewardedAdGroup:()=>({id:"ait-ad-test-rewarded-id",type:"rewarded"})}),O=({initial:e,children:o})=>{let{appName:t,runningEnvironment:n}=c(),[i,s]=R(n!=="production"),[r,p]=R(e),u=I(a=>({id:r[a]??"ait-ad-test-interstitial-id",type:"interstitial"}),[r]),l=I(a=>({id:r[a]??"ait-ad-test-rewarded-id",type:"rewarded"}),[r]),d=ce(()=>({getInterstitialAdGroup:u,getRewardedAdGroup:l}),[u,l]);return de(()=>{if(i)return;let a=new AbortController,f=setTimeout(()=>a.abort(),3e3);fetch(`https://static.intoss.app/${t}/assets/adGroupList.json`,{signal:a.signal}).then(x=>x.json()).then(p).finally(()=>{clearTimeout(f),s(!0)})},[t,i]),me.alert("AdGroupProvider",`initialized: ${i}, appName: ${t}`),i?fe(b.Provider,{value:d,children:o}):null},k=()=>le(b);import{GoogleAdMob as S}from"@apps-in-toss/framework";import{useCallback as E,useEffect as N,useState as _}from"react";var W=({primaryAdGroup:e,secondaryAdGroup:o,onShowAd:t,onDissmissAd:n})=>{let[i,s]=_(!1),[r,p]=_(!1),[u,l]=_(),[d,a]=_(null),f=E(g=>new Promise(C=>{let P=S.loadAppsInTossAdMob({options:{adGroupId:g},onEvent:y=>{switch(y.type){case"loaded":C([!0,P]);break}},onError:()=>C([!1,P])})}),[]),x=E(async()=>{if(S.loadAppsInTossAdMob.isSupported()!==!0){s(!0);return}if(r)return;let[g,C]=await f(e.id);if(g){s(!0),p(!0),l(e.id),a(()=>C);return}if(C(),!o){s(!0);return}let[P,y]=await f(o.id);if(P){s(!0),p(!0),l(o.id),a(()=>y);return}y(),s(!0)},[e,o,r,f]),h=E(()=>{d?.(),p(!1),l(void 0),a(null)},[d]),oe=E(()=>{if(S.loadAppsInTossAdMob.isSupported()!==!0){t?.(),n?.();return}if(!r||!u){t?.(),n?.();return}S.showAppsInTossAdMob({options:{adGroupId:u},onEvent:g=>{switch(g.type){case"show":(u===e.id&&e.type==="interstitial"||u===o?.id&&o.type==="interstitial")&&t?.();break;case"failedToShow":t?.(),h();break;case"dismissed":n?.(),h();break;case"userEarnedReward":t?.();break}},onError:()=>{t?.(),h()}})},[r,u,e,o,t,n,h]);return N(()=>{u||x()},[u,x]),N(()=>()=>h(),[]),{initialized:i,adLoaded:r,showAd:oe}};import{useQuery as he}from"@tanstack/react-query";import{createContext as ge,useContext as Ce,useMemo as xe}from"react";import{jsx as Pe}from"react/jsx-runtime";var K=ge({isPreparing:!0,isLoggedIn:!1,retry:()=>Promise.resolve()}),L=({children:e})=>{let{data:o,isFetching:t,refetch:n}=he({queryKey:["/my/user"]}),i=xe(()=>({isPreparing:t,isLoggedIn:!!o?.user?.id,retry:n}),[o,t,n]);return Pe(K.Provider,{value:i,children:e})},v=()=>Ce(K);import{appLogin as Oe,Storage as ke}from"@apps-in-toss/framework";import{Storage as ye}from"@apps-in-toss/framework";import{camelCase as Se}from"es-toolkit/string";import{createContext as Ee,useCallback as _e,useContext as ve,useEffect as Te,useState as D}from"react";import{Alert as Me}from"react-native";import{jsx as Ae}from"react/jsx-runtime";var we="@auth/token",G=Ee({fetcher:fetch,setToken:()=>null}),w=e=>Array.isArray(e)?e.map(w):e!==null&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([o,t])=>[Se(o),w(t)])):e,z=({baseUrl:e,children:o})=>{let{appName:t,apiEndpoint:n}=c(),[i,s]=D(null),[r,p]=D(!1),u=_e((l,d)=>fetch(`${e??n}/${t}${l}`,{...d,headers:{"Content-Type":"application/json",...d?.headers,...i?{Authorization:`Bearer ${i}`}:{}}}).then(a=>a.json()).then(a=>w(a)),[t,n,i,e]);return Te(()=>{ye.getItem(we).then(s).finally(()=>p(!0))},[]),Me.alert("FetcherProvider",`initialized: ${r}, apiEndpoint: ${n}`),Ae(G.Provider,{value:{fetcher:u,setToken:s},children:r?o:null})},m=()=>ve(G);import{createElement as Fe,memo as Y}from"react";var T=(e,o,t)=>{let{displayName:n}=t??{},i=Y(o),s=Y(r=>Fe(i,e(r)));return s.ViewComponent=i,n&&(s.displayName=n,s.ViewComponent.displayName=`${n}View`),s};import{QueryClientProvider as Re}from"@tanstack/react-query";import{QueryClient as Ve}from"@tanstack/react-query";import{useMemo as Ie}from"react";var $=({children:e})=>{let{fetcher:o}=m();return{queryClient:Ie(()=>new Ve({defaultOptions:{queries:{queryFn:({queryKey:n})=>o(n[0])}}}),[o]),children:e}};import{jsx as be}from"react/jsx-runtime";var Q=T($,({queryClient:e,children:o})=>be(Re,{client:e,children:o}));import{useMutation as Ne}from"@tanstack/react-query";import{useCallback as We}from"react";var Ke="@auth/token",U=({onSuccess:e})=>{let{retry:o}=v(),{fetcher:t,setToken:n}=m(),i=Ne({mutationFn:async r=>t("/my/sessions",{method:"POST",body:JSON.stringify(r)}),onSuccess:async r=>{n(r.token),await ke.setItem(Ke,r.token),await o(),e?.()}});return{signInWithToss:We(async()=>{let{authorizationCode:r,referrer:p}=await Oe();i.mutate({authorizationCode:r,referrer:p})},[i]),isLoading:i.isPending}};var q=e=>Math.floor((e+324e5)/864e5);var H=e=>(e+3)%7;var J=e=>Math.floor((e+324e5)%864e5/36e5);var j=e=>Math.floor((e+324e5)%36e5/6e4);var B=e=>Math.floor((e+3)/7);import{Storage as X}from"@apps-in-toss/framework";import{useCallback as Le,useEffect as De,useState as Z}from"react";import{DeviceEventEmitter as ee}from"react-native";var te=e=>{let[o,t]=Z(),[n,i]=Z(!0),s=Le(r=>(t(r),ee.emit(e,r),X.setItem(e,JSON.stringify({value:r}))),[e]);return De(()=>{i(!0),X.getItem(e).then(p=>{try{t(p===null?void 0:JSON.parse(p).value)}catch{t(void 0)}finally{i(!1)}});let r=ee.addListener(e,t);return()=>r.remove()},[e]),[o,s,n]};export{O as AdGroupProvider,L as AuthStateProvider,V as ConfigProvider,z as FetcherProvider,Q as QueryProvider,T as bind,q as calculateDay,H as calculateDayOfWeek,J as calculateHour,j as calculateMinute,B as calculateWeek,k as useAdGroup,W as useAdvertisement,v as useAuthState,c as useConfig,m as useFetcher,U as useSignInWithToss,te as useStorage};
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AdGroupProvider: () => AdGroupProvider,
+  AuthStateProvider: () => AuthStateProvider,
+  ConfigProvider: () => ConfigProvider,
+  FetcherProvider: () => FetcherProvider,
+  QueryProvider: () => QueryProvider,
+  bind: () => bind,
+  calculateDay: () => calculateDay,
+  calculateDayOfWeek: () => calculateDayOfWeek,
+  calculateHour: () => calculateHour,
+  calculateMinute: () => calculateMinute,
+  calculateWeek: () => calculateWeek,
+  useAdGroup: () => useAdGroup,
+  useAdvertisement: () => useAdvertisement,
+  useAuthState: () => useAuthState,
+  useConfig: () => useConfig,
+  useFetcher: () => useFetcher,
+  useSignInWithToss: () => useSignInWithToss,
+  useStorage: () => useStorage
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/config/ConfigContext/ConfigContext.tsx
+var import_react = require("react");
+
+// src/config/ConfigContext/constant.ts
+var import_framework = require("@apps-in-toss/framework");
+var RUNNING_ENVIRONMENT = (0, import_framework.getOperationalEnvironment)() === "sandbox" ? "local" : (0, import_framework.getSchemeUri)().startsWith("intoss-private") ? "preview" : "production";
+var API_ENDPOINT = {
+  local: "http://localhost:3000",
+  preview: "https://preview-api.intoss.app",
+  production: "https://api.intoss.app"
+}[RUNNING_ENVIRONMENT];
+
+// src/config/ConfigContext/ConfigContext.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ConfigContext = (0, import_react.createContext)({
+  appName: "",
+  apiEndpoint: "http://localhost:3000",
+  runningEnvironment: "local"
+});
+var ConfigProvider = ({ appName, children }) => {
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      appName,
+      apiEndpoint: API_ENDPOINT,
+      runningEnvironment: RUNNING_ENVIRONMENT
+    }),
+    [appName]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConfigContext.Provider, { value: contextValue, children });
+};
+var useConfig = () => (0, import_react.useContext)(ConfigContext);
+
+// src/advertisement/AdGroupContext/AdGroupContext.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var AdGroupContext = (0, import_react2.createContext)({
+  getInterstitialAdGroup: () => ({ id: "ait-ad-test-interstitial-id", type: "interstitial" }),
+  getRewardedAdGroup: () => ({ id: "ait-ad-test-rewarded-id", type: "rewarded" })
+});
+var AdGroupProvider = ({ initial, children }) => {
+  const { appName, runningEnvironment } = useConfig();
+  const [initialized, setInitialized] = (0, import_react2.useState)(runningEnvironment !== "production");
+  const [adGroupList, setAdGroupList] = (0, import_react2.useState)(initial);
+  const getInterstitialAdGroup = (0, import_react2.useCallback)(
+    (key) => {
+      var _a;
+      return {
+        id: (_a = adGroupList[key]) != null ? _a : "ait-ad-test-interstitial-id",
+        type: "interstitial"
+      };
+    },
+    [adGroupList]
+  );
+  const getRewardedAdGroup = (0, import_react2.useCallback)(
+    (key) => {
+      var _a;
+      return {
+        id: (_a = adGroupList[key]) != null ? _a : "ait-ad-test-rewarded-id",
+        type: "rewarded"
+      };
+    },
+    [adGroupList]
+  );
+  const contextValue = (0, import_react2.useMemo)(
+    () => ({
+      getInterstitialAdGroup,
+      getRewardedAdGroup
+    }),
+    [getInterstitialAdGroup, getRewardedAdGroup]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (initialized) {
+      return;
+    }
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), 3e3);
+    fetch(`https://static.intoss.app/${appName}/assets/adGroupList.json`, {
+      signal: controller.signal
+    }).then((res) => res.json()).then(setAdGroupList).finally(() => {
+      clearTimeout(timeoutId);
+      setInitialized(true);
+    });
+  }, [appName, initialized]);
+  if (!initialized) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AdGroupContext.Provider, { value: contextValue, children });
+};
+var useAdGroup = () => (0, import_react2.useContext)(AdGroupContext);
+
+// src/advertisement/useAdvertisement/useAdvertisement.ts
+var import_framework2 = require("@apps-in-toss/framework");
+var import_react3 = require("react");
+var useAdvertisement = ({
+  primaryAdGroup,
+  secondaryAdGroup,
+  onShowAd,
+  onDissmissAd
+}) => {
+  const [initialized, setInitialized] = (0, import_react3.useState)(false);
+  const [adLoaded, setAdLoaded] = (0, import_react3.useState)(false);
+  const [adGroupId, setAdGroupId] = (0, import_react3.useState)();
+  const [adCleanup, setAdCleanup] = (0, import_react3.useState)(null);
+  const loadAd = (0, import_react3.useCallback)(
+    (adGroupId2) => new Promise((resolve) => {
+      const cleanup = import_framework2.GoogleAdMob.loadAppsInTossAdMob({
+        options: {
+          adGroupId: adGroupId2
+        },
+        onEvent: (event) => {
+          switch (event.type) {
+            case "loaded":
+              resolve([true, cleanup]);
+              break;
+          }
+        },
+        onError: () => resolve([false, cleanup])
+      });
+    }),
+    []
+  );
+  const loadWaterfall = (0, import_react3.useCallback)(() => __async(null, null, function* () {
+    if (import_framework2.GoogleAdMob.loadAppsInTossAdMob.isSupported() !== true) {
+      setInitialized(true);
+      return;
+    }
+    if (adLoaded) {
+      return;
+    }
+    const [primaryAdLoaded, primaryAdCleanup] = yield loadAd(primaryAdGroup.id);
+    if (primaryAdLoaded) {
+      setInitialized(true);
+      setAdLoaded(true);
+      setAdGroupId(primaryAdGroup.id);
+      setAdCleanup(() => primaryAdCleanup);
+      return;
+    }
+    primaryAdCleanup();
+    if (!secondaryAdGroup) {
+      setInitialized(true);
+      return;
+    }
+    const [secondaryAdLoaded, secondaryAdCleanup] = yield loadAd(secondaryAdGroup.id);
+    if (secondaryAdLoaded) {
+      setInitialized(true);
+      setAdLoaded(true);
+      setAdGroupId(secondaryAdGroup.id);
+      setAdCleanup(() => secondaryAdCleanup);
+      return;
+    }
+    secondaryAdCleanup();
+    setInitialized(true);
+  }), [primaryAdGroup, secondaryAdGroup, adLoaded, loadAd]);
+  const cleanupAd = (0, import_react3.useCallback)(() => {
+    adCleanup == null ? void 0 : adCleanup();
+    setAdLoaded(false);
+    setAdGroupId(void 0);
+    setAdCleanup(null);
+  }, [adCleanup]);
+  const showAd = (0, import_react3.useCallback)(() => {
+    if (import_framework2.GoogleAdMob.loadAppsInTossAdMob.isSupported() !== true) {
+      onShowAd == null ? void 0 : onShowAd();
+      onDissmissAd == null ? void 0 : onDissmissAd();
+      return;
+    }
+    if (!adLoaded || !adGroupId) {
+      onShowAd == null ? void 0 : onShowAd();
+      onDissmissAd == null ? void 0 : onDissmissAd();
+      return;
+    }
+    import_framework2.GoogleAdMob.showAppsInTossAdMob({
+      options: {
+        adGroupId
+      },
+      onEvent: (event) => {
+        switch (event.type) {
+          case "show":
+            if (adGroupId === primaryAdGroup.id && primaryAdGroup.type === "interstitial" || adGroupId === (secondaryAdGroup == null ? void 0 : secondaryAdGroup.id) && secondaryAdGroup.type === "interstitial") {
+              onShowAd == null ? void 0 : onShowAd();
+            }
+            break;
+          case "failedToShow":
+            onShowAd == null ? void 0 : onShowAd();
+            cleanupAd();
+            break;
+          case "dismissed":
+            onDissmissAd == null ? void 0 : onDissmissAd();
+            cleanupAd();
+            break;
+          case "userEarnedReward":
+            onShowAd == null ? void 0 : onShowAd();
+            break;
+        }
+      },
+      onError: () => {
+        onShowAd == null ? void 0 : onShowAd();
+        cleanupAd();
+      }
+    });
+  }, [adLoaded, adGroupId, primaryAdGroup, secondaryAdGroup, onShowAd, onDissmissAd, cleanupAd]);
+  (0, import_react3.useEffect)(() => {
+    if (!adGroupId) {
+      loadWaterfall();
+    }
+  }, [adGroupId, loadWaterfall]);
+  (0, import_react3.useEffect)(() => () => cleanupAd(), []);
+  return {
+    initialized,
+    adLoaded,
+    showAd
+  };
+};
+
+// src/auth-state/AuthStateContext/AuthStateContext.tsx
+var import_react_query = require("@tanstack/react-query");
+var import_react4 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var AuthStateContext = (0, import_react4.createContext)({
+  isPreparing: true,
+  isLoggedIn: false,
+  retry: () => Promise.resolve()
+});
+var AuthStateProvider = ({ children }) => {
+  const { data, isFetching, refetch } = (0, import_react_query.useQuery)({
+    queryKey: ["/my/user"]
+  });
+  const contextValue = (0, import_react4.useMemo)(
+    () => {
+      var _a;
+      return {
+        isPreparing: isFetching,
+        isLoggedIn: Boolean((_a = data == null ? void 0 : data.user) == null ? void 0 : _a.id),
+        retry: refetch
+      };
+    },
+    [data, isFetching, refetch]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AuthStateContext.Provider, { value: contextValue, children });
+};
+var useAuthState = () => (0, import_react4.useContext)(AuthStateContext);
+
+// src/auth-state/useSignInWithToss/useSignInWithToss.ts
+var import_framework4 = require("@apps-in-toss/framework");
+
+// src/query/FetcherContext/FetcherContext.tsx
+var import_framework3 = require("@apps-in-toss/framework");
+var import_string = require("es-toolkit/string");
+var import_react5 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var KEY_TOKEN = "@auth/token";
+var FetcherContext = (0, import_react5.createContext)({
+  fetcher: fetch,
+  setToken: () => null
+});
+var camelizeKeys = (input) => {
+  if (Array.isArray(input)) {
+    return input.map(camelizeKeys);
+  }
+  if (input !== null && typeof input === "object") {
+    return Object.fromEntries(
+      Object.entries(input).map(([key, value]) => [(0, import_string.camelCase)(key), camelizeKeys(value)])
+    );
+  }
+  return input;
+};
+var FetcherProvider = ({ baseUrl, children }) => {
+  const { appName, apiEndpoint } = useConfig();
+  const [token, setToken] = (0, import_react5.useState)(null);
+  const [initialized, setInitialized] = (0, import_react5.useState)(false);
+  const fetcher = (0, import_react5.useCallback)(
+    (input, init) => fetch(`${baseUrl != null ? baseUrl : apiEndpoint}/${appName}${input}`, __spreadProps(__spreadValues({}, init), {
+      headers: __spreadValues(__spreadValues({
+        "Content-Type": "application/json"
+      }, init == null ? void 0 : init.headers), token ? { Authorization: `Bearer ${token}` } : {})
+    })).then((res) => res.json()).then((data) => camelizeKeys(data)),
+    [appName, apiEndpoint, token, baseUrl]
+  );
+  (0, import_react5.useEffect)(() => {
+    import_framework3.Storage.getItem(KEY_TOKEN).then(setToken).finally(() => setInitialized(true));
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FetcherContext.Provider, { value: { fetcher, setToken }, children: initialized ? children : null });
+};
+var useFetcher = () => (0, import_react5.useContext)(FetcherContext);
+
+// src/view-model/bind/bind.ts
+var import_react6 = require("react");
+var bind = (useViewModel, ViewComponent, options) => {
+  const { displayName } = options != null ? options : {};
+  const MemoizedViewComponent = (0, import_react6.memo)(ViewComponent);
+  const Component = (0, import_react6.memo)(
+    (props) => (0, import_react6.createElement)(
+      MemoizedViewComponent,
+      useViewModel(props)
+    )
+  );
+  Component.ViewComponent = MemoizedViewComponent;
+  if (displayName) {
+    Component.displayName = displayName;
+    Component.ViewComponent.displayName = `${displayName}View`;
+  }
+  return Component;
+};
+
+// src/query/QueryProvider/QueryProvider.tsx
+var import_react_query3 = require("@tanstack/react-query");
+
+// src/query/QueryProvider/useQueryProvider.ts
+var import_react_query2 = require("@tanstack/react-query");
+var import_react7 = require("react");
+var useQueryProvider = ({ children }) => {
+  const { fetcher } = useFetcher();
+  const queryClient = (0, import_react7.useMemo)(
+    () => new import_react_query2.QueryClient({
+      defaultOptions: {
+        queries: {
+          queryFn: ({ queryKey }) => fetcher(queryKey[0])
+        }
+      }
+    }),
+    [fetcher]
+  );
+  return {
+    queryClient,
+    children
+  };
+};
+
+// src/query/QueryProvider/QueryProvider.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var QueryProvider = bind(useQueryProvider, ({ queryClient, children }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_query3.QueryClientProvider, { client: queryClient, children }));
+
+// src/auth-state/useSignInWithToss/useSignInWithToss.ts
+var import_react_query4 = require("@tanstack/react-query");
+var import_react8 = require("react");
+var KEY_TOKEN2 = "@auth/token";
+var useSignInWithToss = ({ onSuccess }) => {
+  const { retry } = useAuthState();
+  const { fetcher, setToken } = useFetcher();
+  const signInWithTossMutation = (0, import_react_query4.useMutation)({
+    mutationFn: (body) => __async(null, null, function* () {
+      return fetcher("/my/sessions", {
+        method: "POST",
+        body: JSON.stringify(body)
+      });
+    }),
+    onSuccess: (data) => __async(null, null, function* () {
+      setToken(data.token);
+      yield import_framework4.Storage.setItem(KEY_TOKEN2, data.token);
+      yield retry();
+      onSuccess == null ? void 0 : onSuccess();
+    })
+  });
+  const signInWithToss = (0, import_react8.useCallback)(() => __async(null, null, function* () {
+    const { authorizationCode, referrer } = yield (0, import_framework4.appLogin)();
+    signInWithTossMutation.mutate({
+      authorizationCode,
+      referrer
+    });
+  }), [signInWithTossMutation]);
+  return {
+    signInWithToss,
+    isLoading: signInWithTossMutation.isPending
+  };
+};
+
+// src/calendar/calculateDay/calculateDay.ts
+var MS_PER_DAY = 864e5;
+var KST_OFFSET_MS = 324e5;
+var calculateDay = (timestamp) => Math.floor((timestamp + KST_OFFSET_MS) / MS_PER_DAY);
+
+// src/calendar/calculateDayOfWeek/calculateDayOfWeek.ts
+var KST_OFFSET_WEEKDAY = 3;
+var calculateDayOfWeek = (day) => (day + KST_OFFSET_WEEKDAY) % 7;
+
+// src/calendar/calculateHour/calculateHour.ts
+var MS_PER_DAY2 = 864e5;
+var MS_PER_HOUR = 36e5;
+var KST_OFFSET_MS2 = 324e5;
+var calculateHour = (timestamp) => Math.floor((timestamp + KST_OFFSET_MS2) % MS_PER_DAY2 / MS_PER_HOUR);
+
+// src/calendar/calculateMinute/calculateMinute.ts
+var MS_PER_HOUR2 = 36e5;
+var MS_PER_MINUTE = 6e4;
+var KST_OFFSET_MS3 = 324e5;
+var calculateMinute = (timestamp) => Math.floor((timestamp + KST_OFFSET_MS3) % MS_PER_HOUR2 / MS_PER_MINUTE);
+
+// src/calendar/calculateWeek/calculateWeek.ts
+var KST_OFFSET_WEEKDAY2 = 3;
+var calculateWeek = (day) => Math.floor((day + KST_OFFSET_WEEKDAY2) / 7);
+
+// src/storage/useStorage/useStorage.ts
+var import_framework5 = require("@apps-in-toss/framework");
+var import_react9 = require("react");
+var import_react_native = require("react-native");
+var useStorage = (key) => {
+  const [stateValue, setStateValue] = (0, import_react9.useState)();
+  const [isLoading, setIsLoading] = (0, import_react9.useState)(true);
+  const updateValue = (0, import_react9.useCallback)(
+    (value) => {
+      setStateValue(value);
+      import_react_native.DeviceEventEmitter.emit(key, value);
+      return import_framework5.Storage.setItem(key, JSON.stringify({ value }));
+    },
+    [key]
+  );
+  (0, import_react9.useEffect)(() => {
+    setIsLoading(true);
+    import_framework5.Storage.getItem(key).then((item) => {
+      try {
+        setStateValue(item === null ? void 0 : JSON.parse(item).value);
+      } catch (e) {
+        setStateValue(void 0);
+      } finally {
+        setIsLoading(false);
+      }
+    });
+    const updateValueListener = import_react_native.DeviceEventEmitter.addListener(key, setStateValue);
+    return () => updateValueListener.remove();
+  }, [key]);
+  return [stateValue, updateValue, isLoading];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdGroupProvider,
+  AuthStateProvider,
+  ConfigProvider,
+  FetcherProvider,
+  QueryProvider,
+  bind,
+  calculateDay,
+  calculateDayOfWeek,
+  calculateHour,
+  calculateMinute,
+  calculateWeek,
+  useAdGroup,
+  useAdvertisement,
+  useAuthState,
+  useConfig,
+  useFetcher,
+  useSignInWithToss,
+  useStorage
+});

package/package.json

@@ -1,23 +1,8 @@
 {
   "name": "@intoss/shared",
-  "version": "0.0.11",
-  "type": "module",
+  "version": "0.0.13",
   "main": "dist/index.cjs",
-  "module": "dist/index.js",
   "types": "dist/index.d.cts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
-    },
-    "./package.json": "./package.json"
-  },
   "files": [
     "dist"
   ],

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";var b=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Ee=Object.prototype.hasOwnProperty;var _e=(e,t)=>{for(var o in t)b(e,o,{get:t[o],enumerable:!0})},ve=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Se(t))!Ee.call(e,r)&&r!==o&&b(e,r,{get:()=>t[r],enumerable:!(i=ye(t,r))||i.enumerable});return e};var Te=e=>ve(b({},"__esModule",{value:!0}),e);var Ae={};_e(Ae,{AdGroupProvider:()=>N,AuthStateProvider:()=>L,ConfigProvider:()=>k,FetcherProvider:()=>G,QueryProvider:()=>z,bind:()=>w,calculateDay:()=>$,calculateDayOfWeek:()=>Q,calculateHour:()=>U,calculateMinute:()=>q,calculateWeek:()=>H,useAdGroup:()=>W,useAdvertisement:()=>K,useAuthState:()=>T,useConfig:()=>h,useFetcher:()=>g,useSignInWithToss:()=>Y,useStorage:()=>B});module.exports=Te(Ae);var x=require("react");var I=require("@apps-in-toss/framework"),O=(0,I.getOperationalEnvironment)()==="sandbox"?"local":(0,I.getSchemeUri)().startsWith("intoss-private")?"preview":"production",X={local:"http://localhost:3000",preview:"https://preview-api.intoss.app",production:"https://api.intoss.app"}[O];var ee=require("react/jsx-runtime"),Z=(0,x.createContext)({appName:"",apiEndpoint:"http://localhost:3000",runningEnvironment:"local"}),k=({appName:e,children:t})=>{let o=(0,x.useMemo)(()=>({appName:e,apiEndpoint:X,runningEnvironment:O}),[e]);return(0,ee.jsx)(Z.Provider,{value:o,children:t})},h=()=>(0,x.useContext)(Z);var p=require("react"),te=require("react-native"),re=require("react/jsx-runtime"),oe=(0,p.createContext)({getInterstitialAdGroup:()=>({id:"ait-ad-test-interstitial-id",type:"interstitial"}),getRewardedAdGroup:()=>({id:"ait-ad-test-rewarded-id",type:"rewarded"})}),N=({initial:e,children:t})=>{let{appName:o,runningEnvironment:i}=h(),[r,s]=(0,p.useState)(i!=="production"),[n,l]=(0,p.useState)(e),d=(0,p.useCallback)(a=>({id:n[a]??"ait-ad-test-interstitial-id",type:"interstitial"}),[n]),m=(0,p.useCallback)(a=>({id:n[a]??"ait-ad-test-rewarded-id",type:"rewarded"}),[n]),f=(0,p.useMemo)(()=>({getInterstitialAdGroup:d,getRewardedAdGroup:m}),[d,m]);return(0,p.useEffect)(()=>{if(r)return;let a=new AbortController,y=setTimeout(()=>a.abort(),3e3);fetch(`https://static.intoss.app/${o}/assets/adGroupList.json`,{signal:a.signal}).then(A=>A.json()).then(l).finally(()=>{clearTimeout(y),s(!0)})},[o,r]),te.Alert.alert("AdGroupProvider",`initialized: ${r}, appName: ${o}`),r?(0,re.jsx)(oe.Provider,{value:f,children:t}):null},W=()=>(0,p.useContext)(oe);var v=require("@apps-in-toss/framework"),u=require("react"),K=({primaryAdGroup:e,secondaryAdGroup:t,onShowAd:o,onDissmissAd:i})=>{let[r,s]=(0,u.useState)(!1),[n,l]=(0,u.useState)(!1),[d,m]=(0,u.useState)(),[f,a]=(0,u.useState)(null),y=(0,u.useCallback)(E=>new Promise(_=>{let F=v.GoogleAdMob.loadAppsInTossAdMob({options:{adGroupId:E},onEvent:V=>{switch(V.type){case"loaded":_([!0,F]);break}},onError:()=>_([!1,F])})}),[]),A=(0,u.useCallback)(async()=>{if(v.GoogleAdMob.loadAppsInTossAdMob.isSupported()!==!0){s(!0);return}if(n)return;let[E,_]=await y(e.id);if(E){s(!0),l(!0),m(e.id),a(()=>_);return}if(_(),!t){s(!0);return}let[F,V]=await y(t.id);if(F){s(!0),l(!0),m(t.id),a(()=>V);return}V(),s(!0)},[e,t,n,y]),S=(0,u.useCallback)(()=>{f?.(),l(!1),m(void 0),a(null)},[f]),Pe=(0,u.useCallback)(()=>{if(v.GoogleAdMob.loadAppsInTossAdMob.isSupported()!==!0){o?.(),i?.();return}if(!n||!d){o?.(),i?.();return}v.GoogleAdMob.showAppsInTossAdMob({options:{adGroupId:d},onEvent:E=>{switch(E.type){case"show":(d===e.id&&e.type==="interstitial"||d===t?.id&&t.type==="interstitial")&&o?.();break;case"failedToShow":o?.(),S();break;case"dismissed":i?.(),S();break;case"userEarnedReward":o?.();break}},onError:()=>{o?.(),S()}})},[n,d,e,t,o,i,S]);return(0,u.useEffect)(()=>{d||A()},[d,A]),(0,u.useEffect)(()=>()=>S(),[]),{initialized:r,adLoaded:n,showAd:Pe}};var ne=require("@tanstack/react-query"),P=require("react"),se=require("react/jsx-runtime"),ie=(0,P.createContext)({isPreparing:!0,isLoggedIn:!1,retry:()=>Promise.resolve()}),L=({children:e})=>{let{data:t,isFetching:o,refetch:i}=(0,ne.useQuery)({queryKey:["/my/user"]}),r=(0,P.useMemo)(()=>({isPreparing:o,isLoggedIn:!!t?.user?.id,retry:i}),[t,o,i]);return(0,se.jsx)(ie.Provider,{value:r,children:e})},T=()=>(0,P.useContext)(ie);var R=require("@apps-in-toss/framework");var ae=require("@apps-in-toss/framework");var pe=require("es-toolkit/string"),c=require("react"),ue=require("react-native"),de=require("react/jsx-runtime"),Me="@auth/token",le=(0,c.createContext)({fetcher:fetch,setToken:()=>null}),D=e=>Array.isArray(e)?e.map(D):e!==null&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([t,o])=>[(0,pe.camelCase)(t),D(o)])):e,G=({baseUrl:e,children:t})=>{let{appName:o,apiEndpoint:i}=h(),[r,s]=(0,c.useState)(null),[n,l]=(0,c.useState)(!1),d=(0,c.useCallback)((m,f)=>fetch(`${e??i}/${o}${m}`,{...f,headers:{"Content-Type":"application/json",...f?.headers,...r?{Authorization:`Bearer ${r}`}:{}}}).then(a=>a.json()).then(a=>D(a)),[o,i,r,e]);return(0,c.useEffect)(()=>{ae.Storage.getItem(Me).then(s).finally(()=>l(!0))},[]),ue.Alert.alert("FetcherProvider",`initialized: ${n}, apiEndpoint: ${i}`),(0,de.jsx)(le.Provider,{value:{fetcher:d,setToken:s},children:n?t:null})},g=()=>(0,c.useContext)(le);var M=require("react"),w=(e,t,o)=>{let{displayName:i}=o??{},r=(0,M.memo)(t),s=(0,M.memo)(n=>(0,M.createElement)(r,e(n)));return s.ViewComponent=r,i&&(s.displayName=i,s.ViewComponent.displayName=`${i}View`),s};var he=require("@tanstack/react-query");var ce=require("@tanstack/react-query"),me=require("react");var fe=({children:e})=>{let{fetcher:t}=g();return{queryClient:(0,me.useMemo)(()=>new ce.QueryClient({defaultOptions:{queries:{queryFn:({queryKey:i})=>t(i[0])}}}),[t]),children:e}};var ge=require("react/jsx-runtime"),z=w(fe,({queryClient:e,children:t})=>(0,ge.jsx)(he.QueryClientProvider,{client:e,children:t}));var Ce=require("@tanstack/react-query"),xe=require("react");var we="@auth/token",Y=({onSuccess:e})=>{let{retry:t}=T(),{fetcher:o,setToken:i}=g(),r=(0,Ce.useMutation)({mutationFn:async n=>o("/my/sessions",{method:"POST",body:JSON.stringify(n)}),onSuccess:async n=>{i(n.token),await R.Storage.setItem(we,n.token),await t(),e?.()}});return{signInWithToss:(0,xe.useCallback)(async()=>{let{authorizationCode:n,referrer:l}=await(0,R.appLogin)();r.mutate({authorizationCode:n,referrer:l})},[r]),isLoading:r.isPending}};var $=e=>Math.floor((e+324e5)/864e5);var Q=e=>(e+3)%7;var U=e=>Math.floor((e+324e5)%864e5/36e5);var q=e=>Math.floor((e+324e5)%36e5/6e4);var H=e=>Math.floor((e+3)/7);var J=require("@apps-in-toss/framework"),C=require("react"),j=require("react-native"),B=e=>{let[t,o]=(0,C.useState)(),[i,r]=(0,C.useState)(!0),s=(0,C.useCallback)(n=>(o(n),j.DeviceEventEmitter.emit(e,n),J.Storage.setItem(e,JSON.stringify({value:n}))),[e]);return(0,C.useEffect)(()=>{r(!0),J.Storage.getItem(e).then(l=>{try{o(l===null?void 0:JSON.parse(l).value)}catch{o(void 0)}finally{r(!1)}});let n=j.DeviceEventEmitter.addListener(e,o);return()=>n.remove()},[e]),[t,s,i]};0&&(module.exports={AdGroupProvider,AuthStateProvider,ConfigProvider,FetcherProvider,QueryProvider,bind,calculateDay,calculateDayOfWeek,calculateHour,calculateMinute,calculateWeek,useAdGroup,useAdvertisement,useAuthState,useConfig,useFetcher,useSignInWithToss,useStorage});

package/dist/index.d.cts

@@ -1,103 +0,0 @@
-import * as react from 'react';
-import { FC, PropsWithChildren } from 'react';
-import * as _tanstack_query_core from '@tanstack/query-core';
-
-type Props$5 = PropsWithChildren<{
-    initial: Record<string, string>;
-}>;
-declare const AdGroupProvider: FC<Props$5>;
-declare const useAdGroup: () => {
-    getInterstitialAdGroup: (key: string) => {
-        id: string;
-        type: "interstitial";
-    };
-    getRewardedAdGroup: (key: string) => {
-        id: string;
-        type: "rewarded";
-    };
-};
-
-type Props$4 = {
-    primaryAdGroup: {
-        id: string;
-        type: "rewarded" | "interstitial";
-    };
-    secondaryAdGroup?: {
-        id: string;
-        type: "rewarded" | "interstitial";
-    };
-    onShowAd?: () => void;
-    onDissmissAd?: () => void;
-};
-declare const useAdvertisement: ({ primaryAdGroup, secondaryAdGroup, onShowAd, onDissmissAd, }: Props$4) => {
-    initialized: boolean;
-    adLoaded: boolean;
-    showAd: () => void;
-};
-
-type AuthStateContextValues = {
-    isPreparing: boolean;
-    isLoggedIn: boolean;
-    retry: () => Promise<unknown>;
-};
-type Props$3 = PropsWithChildren<unknown>;
-declare const AuthStateProvider: FC<Props$3>;
-declare const useAuthState: () => AuthStateContextValues;
-
-type Props$2 = {
-    onSuccess?: () => void;
-};
-declare const useSignInWithToss: ({ onSuccess }: Props$2) => {
-    signInWithToss: () => Promise<void>;
-    isLoading: boolean;
-};
-
-declare const calculateDay: (timestamp: number) => number;
-
-declare const calculateDayOfWeek: (day: number) => number;
-
-declare const calculateHour: (timestamp: number) => number;
-
-declare const calculateMinute: (timestamp: number) => number;
-
-declare const calculateWeek: (day: number) => number;
-
-type ConfigContextValues = {
-    appName: string;
-    apiEndpoint: string;
-    runningEnvironment: "local" | "preview" | "production";
-};
-type Props$1 = PropsWithChildren<Pick<ConfigContextValues, "appName">>;
-declare const ConfigProvider: FC<Props$1>;
-declare const useConfig: () => ConfigContextValues;
-
-type FetcherContextValues = {
-    fetcher: <T = Record<string, string>>(...args: Parameters<typeof fetch>) => Promise<T>;
-    setToken: (value: string) => void;
-};
-type Props = PropsWithChildren<{
-    baseUrl?: string;
-}>;
-declare const FetcherProvider: FC<Props>;
-declare const useFetcher: () => FetcherContextValues;
-
-declare const QueryProvider: react.FC<{
-    children?: react.ReactNode | undefined;
-}> & {
-    ViewComponent: react.FC<{
-        queryClient: _tanstack_query_core.QueryClient;
-        children: react.ReactNode;
-    } & Record<string, unknown>>;
-};
-
-declare const useStorage: <Value>(key: string) => [Value | undefined, (value: Value) => Promise<void>, boolean];
-
-type ViewModelType<ViewModelProps, ViewModelResult> = (props: ViewModelProps) => ViewModelResult;
-type Options = {
-    displayName?: string;
-};
-declare const bind: <ViewModelProps extends Record<string, unknown>, ViewModelResult>(useViewModel: ViewModelType<ViewModelProps, ViewModelResult>, ViewComponent: FC<ViewModelResult>, options?: Options) => FC<ViewModelProps> & {
-    ViewComponent: FC<ViewModelResult & Record<string, unknown>>;
-};
-
-export { AdGroupProvider, type AuthStateContextValues, AuthStateProvider, ConfigProvider, FetcherProvider, QueryProvider, bind, calculateDay, calculateDayOfWeek, calculateHour, calculateMinute, calculateWeek, useAdGroup, useAdvertisement, useAuthState, useConfig, useFetcher, useSignInWithToss, useStorage };