react-native-global-state-hooks 7.1.0 → 8.0.0

package/README.md

@@ -23,7 +23,7 @@ The best part? [react-hooks-global-states](https://www.npmjs.com/package/react-h
 We are gonna create a global state hook **useCount** with one line of code.
 
 ```ts
-import { createGlobalState } from "react-native-global-state-hooks";
+import { createGlobalState } from "react-native-global-state-hooks/createGlobalState";
 
 export const useCount = createGlobalState(0);
 ```
@@ -118,8 +118,7 @@ Okay, everything works when the changes come from the state, but what happens if
 const [filter, setFilter] = useState("");
 
 const [contacts] = useContacts(
-  (state) =>
-    [...state.entities.values()].filter((item) => item.name.includes(filter)),
+  (state) => [...state.entities.values()].filter((item) => item.name.includes(filter)),
   {
     isEqualRoot: (a, b) => a.entities === b.entities,
     /**
@@ -140,12 +139,9 @@ export const useContacts = createGlobalState({
   selected: Set<number>,
 });
 
-const useContactsArray = useContacts.createSelectorHook(
-  (state) => [...state.entities.values()],
-  {
-    isEqualRoot: (a, b) => a.entities === b.entities,
-  }
-);
+const useContactsArray = useContacts.createSelectorHook((state) => [...state.entities.values()], {
+  isEqualRoot: (a, b) => a.entities === b.entities,
+});
 ```
 
 Now inside your component just call the new hook
@@ -155,39 +151,28 @@ Now inside your component just call the new hook
 ```tsx
 const [filter, setFilter] = useState("");
 
-const [contacts] = useContactsArray(
-  (entities) => entities.name.includes(filter),
-  {
-    dependencies: [filter],
-  }
-);
+const [contacts] = useContactsArray((entities) => entities.name.includes(filter), {
+  dependencies: [filter],
+});
 ```
 
 Or you can create another selectorHook from your **useContactsArray**
 
 ```ts
-const useContactsArray = useContacts.createSelectorHook(
-  (state) => [...state.entities.values()],
-  {
-    isEqualRoot: (a, b) => a.entities === b.entities,
-  }
-);
+const useContactsArray = useContacts.createSelectorHook((state) => [...state.entities.values()], {
+  isEqualRoot: (a, b) => a.entities === b.entities,
+});
 
-const useContactsLength = useContactsArray.createSelectorHook(
-  (entities) => entities.length
-);
+const useContactsLength = useContactsArray.createSelectorHook((entities) => entities.length);
 ```
 
 Or you can create a custom hook
 
 ```tsx
 const useFilteredContacts = (filter: string) => {
-  const [contacts] = useContactsArray(
-    (entities) => entities.name.includes(filter),
-    {
-      dependencies: [filter],
-    }
-  );
+  const [contacts] = useContactsArray((entities) => entities.name.includes(filter), {
+    dependencies: [filter],
+  });
 
   return contacts;
 };
@@ -198,31 +183,28 @@ To summarize
 ```tsx
 const [filter, setFilter] = useState("");
 
-const [contacts] = useContacts(
-  (state) => state.contacts.filter((contact) => contact.name.includes(filter)),
-  {
-    /**
-     * You can use the `isEqualRoot` to validate if the values before the selector are equal.
-     * This validation will run before `isEqual` and if the result is true the selector will not be recomputed.
-     * If the result is true the re-render of the component will be prevented.
-     */
-    isEqualRoot: (r1, r2) => r1.filter === r2.filter,
+const [contacts] = useContacts((state) => state.contacts.filter((contact) => contact.name.includes(filter)), {
+  /**
+   * You can use the `isEqualRoot` to validate if the values before the selector are equal.
+   * This validation will run before `isEqual` and if the result is true the selector will not be recomputed.
+   * If the result is true the re-render of the component will be prevented.
+   */
+  isEqualRoot: (r1, r2) => r1.filter === r2.filter,
 
-    /**
-     * You can use the `isEqual` to validate if the values after the selector are equal.
-     * This validation will run after the selector computed a new value...
-     * and if the result is true it will prevent the re-render of the component.
-     */
-    isEqual: (filter1, filter2) => filter1 === filter2,
+  /**
+   * You can use the `isEqual` to validate if the values after the selector are equal.
+   * This validation will run after the selector computed a new value...
+   * and if the result is true it will prevent the re-render of the component.
+   */
+  isEqual: (filter1, filter2) => filter1 === filter2,
 
-    /**
-     * You can use the `dependencies` array as with regular hooks to to force the recomputation of the selector.
-     * Is important ot mention that changes in the dependencies will not trigger a re-render of the component...
-     * Instead the recomputation of the selector will returned immediately.
-     */
-    dependencies: [filter],
-  }
-);
+  /**
+   * You can use the `dependencies` array as with regular hooks to to force the recomputation of the selector.
+   * Is important ot mention that changes in the dependencies will not trigger a re-render of the component...
+   * Instead the recomputation of the selector will returned immediately.
+   */
+  dependencies: [filter],
+});
 
 return (
   <ul>
@@ -253,13 +235,9 @@ const useFilter = useContacts.createSelectorHook(({ filter }) => filter);
 
 const useContactsArray = useContacts.createSelectorHook(({ items }) => items);
 
-const useContactsLength = useContactsArray.createSelectorHook(
-  (items) => items.length
-);
+const useContactsLength = useContactsArray.createSelectorHook((items) => items.length);
 
-const useIsContactsEmpty = useContactsLength.createSelectorHook(
-  (length) => !length
-);
+const useIsContactsEmpty = useContactsLength.createSelectorHook((length) => !length);
 ```
 
 It can't get any simpler, right? Everything is connected, everything is reactive. Plus, these hooks are strongly typed, so if you're working with **TypeScript**, you'll absolutely love it.
@@ -275,30 +253,29 @@ By defining a custom API for the **useContacts**, we can encapsulate and expose
 ```ts
 import { createGlobalState } from "react-native-global-state-hooks";
 
-const initialState = {
-  isLoading: true,
-  filter: "",
-  items: [] as Contact[],
-};
-
-type State = typeof initialState;
-
-export const useContacts = createGlobalState(initialState, {
-  // this are the actions available for this state
-  actions: {
-    setFilter(filter: string) {
-      return ({ setState }: StoreTools<State>) => {
-        setState((state) => ({
-          ...state,
-          filter,
-        }));
-      };
-    },
-  } as const,
-  onInit: async ({ setState }: StoreTools<State>) => {
-    // fetch contacts
+export const useContacts = createGlobalState(
+  {
+    isLoading: true,
+    filter: "",
+    items: [] as Contact[],
   },
-});
+  {
+    // this are the actions available for this state
+    actions: {
+      setFilter(filter: string) {
+        return ({ setState }) => {
+          setState((state) => ({
+            ...state,
+            filter,
+          }));
+        };
+      },
+    } as const,
+    onInit: ({ setState }) => {
+      // fetch contacts
+    },
+  }
+);
 ```
 
 That's it! In this updated version, the **useContacts** hook will no longer return [**state**, **stateMutator**] but instead will return [**state**, **actions**]. This change will provide a more intuitive and convenient way to access and interact with the state and its associated actions.
@@ -452,9 +429,7 @@ const MyComponent = () => {
 
   // This component can access only the stateMutator of the state,
   // and won't re-render if the counter changes
-  return (
-    <button onClick={() => setCount((count) => count + 1)}>Increase</button>
-  );
+  return <button onClick={() => setCount((count) => count + 1)}>Increase</button>;
 };
 ```
 
@@ -482,20 +457,14 @@ const MyComponent = () => {
 ```tsx
 import { createStatefulContext, StoreTools } from "react-global-state-hooks";
 
-type CounterState = {
-  count: number;
-};
-
-const initialState: CounterState = {
-  count: 0,
-};
-
 export const [useCounterContext, CounterProvider] = createStatefulContext(
-  initialState,
+  {
+    count: 0,
+  },
   {
     actions: {
       increase: (value: number = 1) => {
-        return ({ setState }: StoreTools<CounterState>) => {
+        return ({ setState }) => {
           setState((state) => ({
             ...state,
             count: state.count + value,
@@ -503,7 +472,7 @@ export const [useCounterContext, CounterProvider] = createStatefulContext(
         };
       },
       decrease: (value: number = 1) => {
-        return ({ setState }: StoreTools<CounterState>) => {
+        return ({ setState }) => {
           setState((state) => ({
             ...state,
             count: state.count - value,
@@ -530,12 +499,9 @@ const MyComponent = () => {
 So, we have seen that we can subscribe a callback to state changes, create **selector hooks** from our global states. Guess what? We can also create derived **emitters** and subscribe callbacks to specific portions of the state. Let's review it:
 
 ```ts
-const subscribeToFilter = createDerivateEmitter(
-  contactsRetriever,
-  ({ filter }) => ({
-    filter,
-  })
-);
+const subscribeToFilter = createDerivateEmitter(contactsRetriever, ({ filter }) => ({
+  filter,
+}));
 ```
 
 Cool, it's basically the same, but instead of using the **hook** as a parameter, we just have to use the **stateRetriever** as a parameter, and that will make the magic.
@@ -587,15 +553,9 @@ const removeFilterSubscription = subscribeToFilter<Subscribe>(
 And guess what again? You can also derive emitters from derived emitters without any trouble at all! It works basically the same. Let's see an example:
 
 ```ts
-const subscribeToItems = createDerivateEmitter(
-  contactsRetriever,
-  ({ items }) => items
-);
+const subscribeToItems = createDerivateEmitter(contactsRetriever, ({ items }) => items);
 
-const subscribeToItemsLength = createDerivateEmitter(
-  subscribeToItems,
-  (items) => items.length
-);
+const subscribeToItemsLength = createDerivateEmitter(subscribeToItems, (items) => items.length);
 ```
 
 The examples may seem a little silly, but they allow you to see the incredible things you can accomplish with these **derived states** and **emitters**. They open up a world of possibilities!
@@ -702,8 +662,7 @@ const [stateRetriever3, stateMutator3] = useHook3.stateControls();
 
 const useIsLoading = createGlobalState(false);
 
-const [isLoadingStateRetriever, isLoadingMutator] =
-  useIsLoading.stateControls();
+const [isLoadingStateRetriever, isLoadingMutator] = useIsLoading.stateControls();
 ```
 
 Once we created another peace of state, we can combine it with our other **global hooks** and **emitters**
@@ -895,17 +854,17 @@ onInit?: ({
 /**
 * @description - callback function called every time the state is changed
 */
-onStateChanged?: (parameters: StateChangesParam<TState, TMetadata, TActions>) => void;
+onStateChanged?: (parameters: StoreTools<any, any> & StateChanges<unknown>) => void;
 
 /**
 * callback function called every time a component is subscribed to the store
 */
-onSubscribed?: (parameters: StateConfigCallbackParam<TState, TMetadata, TActions>) => void;
+onSubscribed?: (parameters: StoreTools<any, any>) => void;
 
 /**
 * callback function called every time the state is about to change and it allows you to prevent the state change
 */
-computePreventStateChange?: (parameters: StateChangesParam<TState, TMetadata, TActions>) => boolean;
+computePreventStateChange?: (parameters: StoreTools<any, any> & StateChanges<unknown>) => boolean;
 ```
 
 You can pass this callbacks between on the second parameter of the builders like **createGlobalState**
@@ -939,9 +898,7 @@ export class GlobalStore<
     asyncStorageKey?: string;
     isAsyncStorageReady?: boolean;
   } | null = null,
-  TStateSetter extends
-    | ActionCollectionConfig<TState, TMetadata>
-    | StateSetter<TState> = StateSetter<TState>
+  TStateSetter extends ActionCollectionConfig<TState, TMetadata> | StateSetter<TState> = StateSetter<TState>
 > extends GlobalStoreAbstract<TState, TMetadata, TStateSetter> {
   constructor(
     state: TState,
@@ -989,10 +946,7 @@ export class GlobalStore<
     setState(items, { forceUpdate: true });
   };
 
-  protected onChange = ({
-    getMetadata,
-    getState,
-  }: StateChangesParam<TState, TMetadata, NonNullable<TStateSetter>>) => {
+  protected onChange = ({ getMetadata, getState }: StoreTools<any, any> & StateChanges<unknown>) => {
     const asyncStorageKey = getMetadata()?.asyncStorageKey;
 
     if (!asyncStorageKey) return;
@@ -1012,9 +966,8 @@ Then, from an instance of the global store, you will be able to access the hooks
 
 ```ts
 const storage = new GlobalStore(0, {
-  metadata: {
-    asyncStorageKey: "counter",
-    isAsyncStorageReady: false,
+  asyncStorage: {
+    key: "counter",
   },
 });
 

package/asyncStorageWrapper.d.ts

@@ -0,0 +1,8 @@
+type AsyncStorageManager = {
+    getItem: <T extends string | null>(key: string) => Promise<T>;
+    setItem: (key: string, value: string) => Promise<void>;
+};
+export declare const asyncStorageWrapper: AsyncStorageManager & {
+    addAsyncStorageManager: (callback: () => Promise<AsyncStorageManager>) => Promise<void>;
+};
+export {};

package/asyncStorageWrapper.js

@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@react-native-async-storage/async-storage")):"function"==typeof define&&define.amd?define(["@react-native-async-storage/async-storage"],e):"object"==typeof exports?exports["react-native-global-state-hooks"]=e(require("@react-native-async-storage/async-storage")):t["react-native-global-state-hooks"]=e(t["@react-native-async-storage/async-storage"])}(this,(t=>(()=>{"use strict";var e={878:e=>{e.exports=t}},r={};function n(t){var o=r[t];if(void 0!==o)return o.exports;var a=r[t]={exports:{}};return e[t](a,a.exports,n),a.exports}var o={};return(()=>{var t=o;function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function r(){r=function(){return n};var t,n={},o=Object.prototype,a=o.hasOwnProperty,i=Object.defineProperty||function(t,e,r){t[e]=r.value},c="function"==typeof Symbol?Symbol:{},u=c.iterator||"@@iterator",s=c.asyncIterator||"@@asyncIterator",f=c.toStringTag||"@@toStringTag";function l(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{l({},"")}catch(t){l=function(t,e,r){return t[e]=r}}function h(t,e,r,n){var o=e&&e.prototype instanceof w?e:w,a=Object.create(o.prototype),c=new G(n||[]);return i(a,"_invoke",{value:S(t,r,c)}),a}function p(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}n.wrap=h;var v="suspendedStart",y="suspendedYield",d="executing",g="completed",m={};function w(){}function b(){}function x(){}var L={};l(L,u,(function(){return this}));var j=Object.getPrototypeOf,E=j&&j(j(M([])));E&&E!==o&&a.call(E,u)&&(L=E);var O=x.prototype=w.prototype=Object.create(L);function _(t){["next","throw","return"].forEach((function(e){l(t,e,(function(t){return this._invoke(e,t)}))}))}function k(t,r){function n(o,i,c,u){var s=p(t[o],t,i);if("throw"!==s.type){var f=s.arg,l=f.value;return l&&"object"==e(l)&&a.call(l,"__await")?r.resolve(l.__await).then((function(t){n("next",t,c,u)}),(function(t){n("throw",t,c,u)})):r.resolve(l).then((function(t){f.value=t,c(f)}),(function(t){return n("throw",t,c,u)}))}u(s.arg)}var o;i(this,"_invoke",{value:function(t,e){function a(){return new r((function(r,o){n(t,e,r,o)}))}return o=o?o.then(a,a):a()}})}function S(e,r,n){var o=v;return function(a,i){if(o===d)throw new Error("Generator is already running");if(o===g){if("throw"===a)throw i;return{value:t,done:!0}}for(n.method=a,n.arg=i;;){var c=n.delegate;if(c){var u=P(c,n);if(u){if(u===m)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===v)throw o=g,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=d;var s=p(e,r,n);if("normal"===s.type){if(o=n.done?g:y,s.arg===m)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(o=g,n.method="throw",n.arg=s.arg)}}}function P(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,P(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var a=p(o,e.iterator,r.arg);if("throw"===a.type)return r.method="throw",r.arg=a.arg,r.delegate=null,m;var i=a.arg;return i?i.done?(r[e.resultName]=i.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,m):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,m)}function I(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function N(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function G(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(I,this),this.reset(!0)}function M(r){if(r||""===r){var n=r[u];if(n)return n.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var o=-1,i=function e(){for(;++o<r.length;)if(a.call(r,o))return e.value=r[o],e.done=!1,e;return e.value=t,e.done=!0,e};return i.next=i}}throw new TypeError(e(r)+" is not iterable")}return b.prototype=x,i(O,"constructor",{value:x,configurable:!0}),i(x,"constructor",{value:b,configurable:!0}),b.displayName=l(x,f,"GeneratorFunction"),n.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===b||"GeneratorFunction"===(e.displayName||e.name))},n.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,x):(t.__proto__=x,l(t,f,"GeneratorFunction")),t.prototype=Object.create(O),t},n.awrap=function(t){return{__await:t}},_(k.prototype),l(k.prototype,s,(function(){return this})),n.AsyncIterator=k,n.async=function(t,e,r,o,a){void 0===a&&(a=Promise);var i=new k(h(t,e,r,o),a);return n.isGeneratorFunction(e)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},_(O),l(O,f,"Generator"),l(O,u,(function(){return this})),l(O,"toString",(function(){return"[object Generator]"})),n.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function t(){for(;r.length;){var n=r.pop();if(n in e)return t.value=n,t.done=!1,t}return t.done=!0,t}},n.values=M,G.prototype={constructor:G,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(N),!e)for(var r in this)"t"===r.charAt(0)&&a.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function n(n,o){return c.type="throw",c.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],c=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var u=a.call(i,"catchLoc"),s=a.call(i,"finallyLoc");if(u&&s){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=t,i.arg=e,o?(this.method="next",this.next=o.finallyLoc,m):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),m},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),N(r),m}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;N(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:M(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),m}},n}var a=Object.create?function(t,e,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(e,r);o&&!("get"in o?!e.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,n,o)}:function(t,e,r,n){void 0===n&&(n=r),t[n]=e[r]},i=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},c=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)"default"!==r&&Object.prototype.hasOwnProperty.call(t,r)&&a(e,t,r);return i(e,t),e},u=function(t,e,r,n){return new(r||(r=Promise))((function(o,a){function i(t){try{u(n.next(t))}catch(t){a(t)}}function c(t){try{u(n.throw(t))}catch(t){a(t)}}function u(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(i,c)}u((n=n.apply(t,e||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.asyncStorageWrapper=void 0,t.asyncStorageWrapper=function(){var t,e="pending",o=null;u(void 0,void 0,void 0,r().mark((function a(){var i,u,s,f,l;return r().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,i=Promise.resolve().then((function(){return c(n(878))})),t=i,r.next=5,i;case 5:u=r.sent,s=u.default,f=s.getItem,l=s.setItem,f.bind(s),l.bind(s),o={getItem:f,setItem:l},e="resolved",r.next=18;break;case 14:r.prev=14,r.t0=r.catch(0),e="rejected";case 18:return r.prev=18,t=null,r.finish(18);case 21:case"end":return r.stop()}}),a,null,[[0,14,18,21]])})));var a=function(){throw new Error("[AsyncStorageManager Not Found] \n\n      Please install the react-native-async-storage/async-storage to be use as the default async storage manager or\n      add an AsyncStorageManager using the asyncStorageWrapper.addAsyncStorageManager method before attempting to get or set items.")},i=function(){return u(void 0,void 0,void 0,r().mark((function n(){return r().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if("pending"!==e||!t){r.next=2;break}return r.abrupt("return",t);case 2:if("rejected"!==e){r.next=4;break}return r.abrupt("return",t.catch((function(t){throw t})));case 4:return o||a(),r.abrupt("return",o);case 6:case"end":return r.stop()}}),n)})))};return{getItem:function(t){return u(void 0,void 0,void 0,r().mark((function e(){return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i();case 2:return e.abrupt("return",o.getItem(t));case 3:case"end":return e.stop()}}),e)})))},setItem:function(t,e){return u(void 0,void 0,void 0,r().mark((function n(){return r().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,i();case 2:return r.abrupt("return",o.setItem(t,e));case 3:case"end":return r.stop()}}),n)})))},addAsyncStorageManager:function(n){return u(void 0,void 0,void 0,r().mark((function a(){var i;return r().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(r.prev=0,"pending"!==e||!t){r.next=4;break}return r.next=4,t.catch((function(){}));case 4:return e="pending",i=n(),t=i,r.next=9,i;case 9:o=r.sent,e="resolved",r.next=18;break;case 13:throw r.prev=13,r.t0=r.catch(0),t=null,e="rejected",r.t0;case 18:case"end":return r.stop()}}),a,null,[[0,13]])})))}}}()})(),o})()));