@intoss/shared 0.0.12 → 0.0.13

package/dist/index.js

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