@planningcenter/chat-react-native 3.21.2-rc.3 → 3.21.2-rc.4

package/build/hooks/use_async_storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_async_storage.d.ts","sourceRoot":"","sources":["../../src/hooks/use_async_storage.ts"],"names":[],"mappings":"AAOA,KAAK,QAAQ,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAE7E,wBAAgB,eAAe,CAAC,UAAU,EACxC,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,UAAU,EACxB,YAAY,GAAE,OAAe,GAC5B,CAAC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CA+CpC"}
+{"version":3,"file":"use_async_storage.d.ts","sourceRoot":"","sources":["../../src/hooks/use_async_storage.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAE7E,wBAAgB,eAAe,CAAC,UAAU,EACxC,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,UAAU,EACxB,YAAY,GAAE,OAAe,GAC5B,CAAC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAEpC"}

package/build/hooks/use_async_storage.js

@@ -1,47 +1,6 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
-import { useSuspenseQuery } from '@tanstack/react-query';
-import { noop } from 'lodash';
-import { useCallback } from 'react';
-const cacheKeyGenerator = (key) => [`AsyncStorageResource:${key}`];
+import { Storage } from '../utils/native_adapters';
+import { useStorage } from './use_storage';
 export function useAsyncStorage(key, initialValue, throwOnError = false) {
-    const cacheKey = cacheKeyGenerator(key);
-    const { data: value, refetch } = useSuspenseQuery({
-        queryKey: cacheKey,
-        queryFn: () => AsyncStorage.getItem(key)
-            .then(storedValue => {
-            if (!storedValue)
-                return initialValue;
-            try {
-                return JSON.parse(storedValue);
-            }
-            catch {
-                return storedValue;
-            }
-        })
-            .catch(e => {
-            if (!throwOnError)
-                return initialValue;
-            return Promise.reject(e);
-        }),
-    });
-    const setValue = useCallback(itemValue => {
-        if (itemValue === null || itemValue === undefined) {
-            return AsyncStorage.removeItem(key)
-                .then(() => {
-                refetch();
-            })
-                .catch(noop);
-        }
-        return AsyncStorage.setItem(key, JSON.stringify(itemValue))
-            .then(() => {
-            refetch();
-        })
-            .catch(e => {
-            if (!throwOnError)
-                return;
-            return Promise.reject(e);
-        });
-    }, [throwOnError, key, refetch]);
-    return [value || initialValue, setValue];
+    return useStorage(Storage, key, initialValue, throwOnError);
 }
 //# sourceMappingURL=use_async_storage.js.map

package/build/hooks/use_async_storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_async_storage.js","sourceRoot":"","sources":["../../src/hooks/use_async_storage.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,2CAA2C,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,wBAAwB,GAAG,EAAE,CAAC,CAAA;AAI1E,MAAM,UAAU,eAAe,CAC7B,GAAW,EACX,YAAwB,EACxB,eAAwB,KAAK;IAE7B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAA;IAEvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAa;QAC5D,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG,EAAE,CACZ,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;aACtB,IAAI,CAAC,WAAW,CAAC,EAAE;YAClB,IAAI,CAAC,WAAW;gBAAE,OAAO,YAAY,CAAA;YAErC,IAAI,CAAC;gBACH,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;YAChC,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,WAAW,CAAA;YACpB,CAAC;QACH,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,YAAY;gBAAE,OAAO,YAAY,CAAA;YAEtC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC1B,CAAC,CAAC;KACP,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAyB,WAAW,CAChD,SAAS,CAAC,EAAE;QACV,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAClD,OAAO,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC;iBAChC,IAAI,CAAC,GAAG,EAAE;gBACT,OAAO,EAAE,CAAA;YACX,CAAC,CAAC;iBACD,KAAK,CAAC,IAAI,CAAC,CAAA;QAChB,CAAC;QAED,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;aACxD,IAAI,CAAC,GAAG,EAAE;YACT,OAAO,EAAE,CAAA;QACX,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,YAAY;gBAAE,OAAM;YAEzB,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC1B,CAAC,CAAC,CAAA;IACN,CAAC,EACD,CAAC,YAAY,EAAE,GAAG,EAAE,OAAO,CAAC,CAC7B,CAAA;IAED,OAAO,CAAC,KAAK,IAAI,YAAY,EAAE,QAAQ,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["import AsyncStorage from '@react-native-async-storage/async-storage'\nimport { useSuspenseQuery } from '@tanstack/react-query'\nimport { noop } from 'lodash'\nimport { useCallback } from 'react'\n\nconst cacheKeyGenerator = (key: string) => [`AsyncStorageResource:${key}`]\n\ntype SetValue<TCacheData> = (_itemValue?: TCacheData | null) => Promise<void>\n\nexport function useAsyncStorage<TCacheData>(\n  key: string,\n  initialValue: TCacheData,\n  throwOnError: boolean = false\n): [TCacheData, SetValue<TCacheData>] {\n  const cacheKey = cacheKeyGenerator(key)\n\n  const { data: value, refetch } = useSuspenseQuery<TCacheData>({\n    queryKey: cacheKey,\n    queryFn: () =>\n      AsyncStorage.getItem(key)\n        .then(storedValue => {\n          if (!storedValue) return initialValue\n\n          try {\n            return JSON.parse(storedValue)\n          } catch {\n            return storedValue\n          }\n        })\n        .catch(e => {\n          if (!throwOnError) return initialValue\n\n          return Promise.reject(e)\n        }),\n  })\n\n  const setValue: SetValue<TCacheData> = useCallback(\n    itemValue => {\n      if (itemValue === null || itemValue === undefined) {\n        return AsyncStorage.removeItem(key)\n          .then(() => {\n            refetch()\n          })\n          .catch(noop)\n      }\n\n      return AsyncStorage.setItem(key, JSON.stringify(itemValue))\n        .then(() => {\n          refetch()\n        })\n        .catch(e => {\n          if (!throwOnError) return\n\n          return Promise.reject(e)\n        })\n    },\n    [throwOnError, key, refetch]\n  )\n\n  return [value || initialValue, setValue]\n}\n"]}
+{"version":3,"file":"use_async_storage.js","sourceRoot":"","sources":["../../src/hooks/use_async_storage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C,MAAM,UAAU,eAAe,CAC7B,GAAW,EACX,YAAwB,EACxB,eAAwB,KAAK;IAE7B,OAAO,UAAU,CAAa,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC,CAAA;AACzE,CAAC","sourcesContent":["import { Storage } from '../utils/native_adapters'\nimport { useStorage } from './use_storage'\n\ntype SetValue<TCacheData> = (_itemValue?: TCacheData | null) => Promise<void>\n\nexport function useAsyncStorage<TCacheData>(\n  key: string,\n  initialValue: TCacheData,\n  throwOnError: boolean = false\n): [TCacheData, SetValue<TCacheData>] {\n  return useStorage<TCacheData>(Storage, key, initialValue, throwOnError)\n}\n"]}

package/build/hooks/use_storage.d.ts

@@ -0,0 +1,9 @@
+import { StorageAdapter } from '../utils/native_adapters';
+type SetValue<TCacheData> = (_itemValue?: TCacheData | null) => Promise<any>;
+/**
+ * Hook for using a storage adapter with React Query caching.
+ * Similar to useAsyncStorage but accepts a StorageAdapter instead of using AsyncStorage directly.
+ */
+export declare function useStorage<TCacheData>(storage: StorageAdapter, key: string, initialValue: TCacheData, throwOnError?: boolean): [TCacheData, SetValue<TCacheData>];
+export {};
+//# sourceMappingURL=use_storage.d.ts.map

package/build/hooks/use_storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_storage.d.ts","sourceRoot":"","sources":["../../src/hooks/use_storage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAIzD,KAAK,QAAQ,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;AAE5E;;;GAGG;AACH,wBAAgB,UAAU,CAAC,UAAU,EACnC,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,UAAU,EACxB,YAAY,GAAE,OAAe,GAC5B,CAAC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAkDpC"}

package/build/hooks/use_storage.js

@@ -0,0 +1,53 @@
+import { useSuspenseQuery } from '@tanstack/react-query';
+import { noop } from 'lodash';
+import { useCallback } from 'react';
+const cacheKeyGenerator = (key) => [`StorageResource:${key}`];
+/**
+ * Hook for using a storage adapter with React Query caching.
+ * Similar to useAsyncStorage but accepts a StorageAdapter instead of using AsyncStorage directly.
+ */
+export function useStorage(storage, key, initialValue, throwOnError = false) {
+    const cacheKey = cacheKeyGenerator(key);
+    const { data: value, refetch } = useSuspenseQuery({
+        queryKey: cacheKey,
+        queryFn: () => storage
+            .getItem(key)
+            .then(storedValue => {
+            if (!storedValue)
+                return initialValue;
+            try {
+                return JSON.parse(storedValue);
+            }
+            catch {
+                return storedValue;
+            }
+        })
+            .catch(e => {
+            if (!throwOnError)
+                return initialValue;
+            return Promise.reject(e);
+        }),
+    });
+    const setValue = useCallback(itemValue => {
+        if (itemValue === null || itemValue === undefined) {
+            return storage
+                .removeItem(key)
+                .then(() => {
+                refetch();
+            })
+                .catch(noop);
+        }
+        return storage
+            .setItem(key, JSON.stringify(itemValue))
+            .then(() => {
+            refetch();
+        })
+            .catch(e => {
+            if (!throwOnError)
+                return;
+            return Promise.reject(e);
+        });
+    }, [throwOnError, key, refetch, storage]);
+    return [value || initialValue, setValue];
+}
+//# sourceMappingURL=use_storage.js.map

package/build/hooks/use_storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_storage.js","sourceRoot":"","sources":["../../src/hooks/use_storage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,mBAAmB,GAAG,EAAE,CAAC,CAAA;AAIrE;;;GAGG;AACH,MAAM,UAAU,UAAU,CACxB,OAAuB,EACvB,GAAW,EACX,YAAwB,EACxB,eAAwB,KAAK;IAE7B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAA;IAEvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAa;QAC5D,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO;aACJ,OAAO,CAAC,GAAG,CAAC;aACZ,IAAI,CAAC,WAAW,CAAC,EAAE;YAClB,IAAI,CAAC,WAAW;gBAAE,OAAO,YAAY,CAAA;YAErC,IAAI,CAAC;gBACH,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;YAChC,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,WAAW,CAAA;YACpB,CAAC;QACH,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,YAAY;gBAAE,OAAO,YAAY,CAAA;YAEtC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC1B,CAAC,CAAC;KACP,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAyB,WAAW,CAChD,SAAS,CAAC,EAAE;QACV,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAClD,OAAO,OAAO;iBACX,UAAU,CAAC,GAAG,CAAC;iBACf,IAAI,CAAC,GAAG,EAAE;gBACT,OAAO,EAAE,CAAA;YACX,CAAC,CAAC;iBACD,KAAK,CAAC,IAAI,CAAC,CAAA;QAChB,CAAC;QAED,OAAO,OAAO;aACX,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;aACvC,IAAI,CAAC,GAAG,EAAE;YACT,OAAO,EAAE,CAAA;QACX,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,YAAY;gBAAE,OAAM;YAEzB,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC1B,CAAC,CAAC,CAAA;IACN,CAAC,EACD,CAAC,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CACtC,CAAA;IAED,OAAO,CAAC,KAAK,IAAI,YAAY,EAAE,QAAQ,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["import { useSuspenseQuery } from '@tanstack/react-query'\nimport { noop } from 'lodash'\nimport { useCallback } from 'react'\nimport { StorageAdapter } from '../utils/native_adapters'\n\nconst cacheKeyGenerator = (key: string) => [`StorageResource:${key}`]\n\ntype SetValue<TCacheData> = (_itemValue?: TCacheData | null) => Promise<any>\n\n/**\n * Hook for using a storage adapter with React Query caching.\n * Similar to useAsyncStorage but accepts a StorageAdapter instead of using AsyncStorage directly.\n */\nexport function useStorage<TCacheData>(\n  storage: StorageAdapter,\n  key: string,\n  initialValue: TCacheData,\n  throwOnError: boolean = false\n): [TCacheData, SetValue<TCacheData>] {\n  const cacheKey = cacheKeyGenerator(key)\n\n  const { data: value, refetch } = useSuspenseQuery<TCacheData>({\n    queryKey: cacheKey,\n    queryFn: () =>\n      storage\n        .getItem(key)\n        .then(storedValue => {\n          if (!storedValue) return initialValue\n\n          try {\n            return JSON.parse(storedValue)\n          } catch {\n            return storedValue\n          }\n        })\n        .catch(e => {\n          if (!throwOnError) return initialValue\n\n          return Promise.reject(e)\n        }),\n  })\n\n  const setValue: SetValue<TCacheData> = useCallback(\n    itemValue => {\n      if (itemValue === null || itemValue === undefined) {\n        return storage\n          .removeItem(key)\n          .then(() => {\n            refetch()\n          })\n          .catch(noop)\n      }\n\n      return storage\n        .setItem(key, JSON.stringify(itemValue))\n        .then(() => {\n          refetch()\n        })\n        .catch(e => {\n          if (!throwOnError) return\n\n          return Promise.reject(e)\n        })\n    },\n    [throwOnError, key, refetch, storage]\n  )\n\n  return [value || initialValue, setValue]\n}\n"]}

package/build/utils/native_adapters/configuration.d.ts

@@ -5,6 +5,7 @@ import { ImagePickerAdapter } from './image_picker';
 import { VideoAdapter } from './video';
 import { LinkingAdapter } from './linking';
 import { HapticAdapter } from './haptic';
+import { StorageAdapter } from './storage_adapter';
 type ChatConfigurations = {
     clipboard: ClipboardAdapter;
     audio: AudioAdapter;
@@ -24,5 +25,6 @@ export declare let ImagePicker: ImagePickerAdapter;
 export declare let Log: LogAdapter;
 export declare let Linking: LinkingAdapter;
 export declare let Haptic: HapticAdapter;
+export declare let Storage: StorageAdapter;
 export {};
 //# sourceMappingURL=configuration.d.ts.map

package/build/utils/native_adapters/configuration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configuration.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,gBAAgB,CAAA;IAC3B,KAAK,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,YAAY,CAAA;IACnB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB,CAAA;AAED,qBAAa,YAAY;IACvB,MAAM,CAAC,SAAS,CAAC,cAAc,EAAE,kBAAkB;CASpD;AAMD,eAAO,IAAI,SAAS,EAAE,gBAMpB,CAAA;AAEF,eAAO,IAAI,KAAK,EAAE,YAKhB,CAAA;AAEF,eAAO,IAAI,KAAK,EAAE,YAQhB,CAAA;AAEF,eAAO,IAAI,WAAW,EAAE,kBAStB,CAAA;AAEF,eAAO,IAAI,GAAG,EAAE,UAA6B,CAAA;AAE7C,eAAO,IAAI,OAAO,EAAE,cAA8C,CAAA;AAElE,eAAO,IAAI,MAAM,EAAE,aAAmC,CAAA"}
+{"version":3,"file":"configuration.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,gBAAgB,CAAA;IAC3B,KAAK,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,YAAY,CAAA;IACnB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB,CAAA;AAED,qBAAa,YAAY;IACvB,MAAM,CAAC,SAAS,CAAC,cAAc,EAAE,kBAAkB;CASpD;AAMD,eAAO,IAAI,SAAS,EAAE,gBAMpB,CAAA;AAEF,eAAO,IAAI,KAAK,EAAE,YAKhB,CAAA;AAEF,eAAO,IAAI,KAAK,EAAE,YAQhB,CAAA;AAEF,eAAO,IAAI,WAAW,EAAE,kBAStB,CAAA;AAEF,eAAO,IAAI,GAAG,EAAE,UAA6B,CAAA;AAE7C,eAAO,IAAI,OAAO,EAAE,cAA8C,CAAA;AAElE,eAAO,IAAI,MAAM,EAAE,aAAmC,CAAA;AAEtD,eAAO,IAAI,OAAO,gBAIhB,CAAA"}

package/build/utils/native_adapters/configuration.js

@@ -6,6 +6,8 @@ import { VideoAdapter } from './video';
 import { Linking as RNLinking } from 'react-native';
 import { LinkingAdapter } from './linking';
 import { HapticAdapter } from './haptic';
+import { StorageAdapter } from './storage_adapter';
+import AsyncStorage from '@react-native-async-storage/async-storage';
 export class ChatAdapters {
     static configure(configurations) {
         Clipboard = configurations.clipboard;
@@ -52,4 +54,9 @@ export let ImagePicker = new ImagePickerAdapter({
 export let Log = new LogAdapter();
 export let Linking = new LinkingAdapter(RNLinking);
 export let Haptic = new HapticAdapter();
+export let Storage = new StorageAdapter({
+    getItem: AsyncStorage.getItem,
+    setItem: AsyncStorage.setItem,
+    removeItem: AsyncStorage.removeItem,
+});
 //# sourceMappingURL=configuration.js.map

package/build/utils/native_adapters/configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAYxC,MAAM,OAAO,YAAY;IACvB,MAAM,CAAC,SAAS,CAAC,cAAkC;QACjD,SAAS,GAAG,cAAc,CAAC,SAAS,CAAA;QACpC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAA;QAC5B,KAAK,GAAG,cAAc,CAAC,KAAK,CAAA;QAC5B,WAAW,GAAG,cAAc,CAAC,WAAW,CAAA;QACxC,GAAG,GAAG,cAAc,CAAC,GAAG,IAAI,IAAI,UAAU,EAAE,CAAA;QAC5C,OAAO,GAAG,cAAc,CAAC,OAAO,IAAI,IAAI,cAAc,CAAC,SAAS,CAAC,CAAA;QACjE,MAAM,GAAG,cAAc,CAAC,MAAM,IAAI,IAAI,aAAa,EAAE,CAAA;IACvD,CAAC;CACF;AAED,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,CAAC,IAAI,CAAC,mEAAmE,CAAC,CAAA;AACnF,CAAC,CAAA;AAED,MAAM,CAAC,IAAI,SAAS,GAAqB,IAAI,gBAAgB,CAAC;IAC5D,cAAc,EAAE,KAAK,IAAI,EAAE;QACzB,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,CAAA;IACX,CAAC;IACD,cAAc,EAAE,KAAK,EAAE,CAAS,EAAE,EAAE,CAAC,aAAa,EAAE;CACrD,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,KAAK,GAAiB,IAAI,YAAY,CAAC;IAChD,QAAQ,EAAE,CAAC,CAAS,EAAE,EAAE;QACtB,aAAa,EAAE,CAAA;QACf,OAAO,EAAS,CAAA;IAClB,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,KAAK,GAAiB,IAAI,YAAY,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC,MAAM,CACnB,GAAG,EAAE;QACH,aAAa,EAAE,CAAA;QACf,OAAO,IAAI,CAAA;IACb,CAAC,EACD,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE,CAC9C;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,WAAW,GAAuB,IAAI,kBAAkB,CAAC;IAClE,eAAe,EAAE,KAAK,IAAI,EAAE;QAC1B,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;IACzC,CAAC;IACD,qBAAqB,EAAE,KAAK,IAAI,EAAE;QAChC,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;IACzC,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,GAAG,GAAe,IAAI,UAAU,EAAE,CAAA;AAE7C,MAAM,CAAC,IAAI,OAAO,GAAmB,IAAI,cAAc,CAAC,SAAS,CAAC,CAAA;AAElE,MAAM,CAAC,IAAI,MAAM,GAAkB,IAAI,aAAa,EAAE,CAAA","sourcesContent":["import { LogAdapter } from './log'\nimport { AudioAdapter } from './audio'\nimport { ClipboardAdapter } from './clipboard'\nimport { ImagePickerAdapter } from './image_picker'\nimport { VideoAdapter } from './video'\nimport { Linking as RNLinking } from 'react-native'\nimport { LinkingAdapter } from './linking'\nimport { HapticAdapter } from './haptic'\n\ntype ChatConfigurations = {\n  clipboard: ClipboardAdapter\n  audio: AudioAdapter\n  video: VideoAdapter\n  imagePicker: ImagePickerAdapter\n  log?: LogAdapter\n  linking?: LinkingAdapter\n  haptic?: HapticAdapter\n}\n\nexport class ChatAdapters {\n  static configure(configurations: ChatConfigurations) {\n    Clipboard = configurations.clipboard\n    Audio = configurations.audio\n    Video = configurations.video\n    ImagePicker = configurations.imagePicker\n    Log = configurations.log || new LogAdapter()\n    Linking = configurations.linking || new LinkingAdapter(RNLinking)\n    Haptic = configurations.haptic || new HapticAdapter()\n  }\n}\n\nconst methodMissing = () => {\n  console.warn('ChatAdapters.configure() must be called before using any adapters')\n}\n\nexport let Clipboard: ClipboardAdapter = new ClipboardAdapter({\n  getStringAsync: async () => {\n    methodMissing()\n    return ''\n  },\n  setStringAsync: async (_: string) => methodMissing(),\n})\n\nexport let Audio: AudioAdapter = new AudioAdapter({\n  useAudio: (_: string) => {\n    methodMissing()\n    return {} as any\n  },\n})\n\nexport let Video: VideoAdapter = new VideoAdapter({\n  Player: Object.assign(\n    () => {\n      methodMissing()\n      return null\n    },\n    { $$typeof: Symbol.for('react.forward_ref') }\n  ),\n})\n\nexport let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({\n  openCameraAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n  openImageLibraryAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let Log: LogAdapter = new LogAdapter()\n\nexport let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)\n\nexport let Haptic: HapticAdapter = new HapticAdapter()\n"]}
+{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/configuration.ts"],"names":[],"mappings":"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","sourcesContent":["import { LogAdapter } from './log'\nimport { AudioAdapter } from './audio'\nimport { ClipboardAdapter } from './clipboard'\nimport { ImagePickerAdapter } from './image_picker'\nimport { VideoAdapter } from './video'\nimport { Linking as RNLinking } from 'react-native'\nimport { LinkingAdapter } from './linking'\nimport { HapticAdapter } from './haptic'\nimport { StorageAdapter } from './storage_adapter'\nimport AsyncStorage from '@react-native-async-storage/async-storage'\n\ntype ChatConfigurations = {\n  clipboard: ClipboardAdapter\n  audio: AudioAdapter\n  video: VideoAdapter\n  imagePicker: ImagePickerAdapter\n  log?: LogAdapter\n  linking?: LinkingAdapter\n  haptic?: HapticAdapter\n}\n\nexport class ChatAdapters {\n  static configure(configurations: ChatConfigurations) {\n    Clipboard = configurations.clipboard\n    Audio = configurations.audio\n    Video = configurations.video\n    ImagePicker = configurations.imagePicker\n    Log = configurations.log || new LogAdapter()\n    Linking = configurations.linking || new LinkingAdapter(RNLinking)\n    Haptic = configurations.haptic || new HapticAdapter()\n  }\n}\n\nconst methodMissing = () => {\n  console.warn('ChatAdapters.configure() must be called before using any adapters')\n}\n\nexport let Clipboard: ClipboardAdapter = new ClipboardAdapter({\n  getStringAsync: async () => {\n    methodMissing()\n    return ''\n  },\n  setStringAsync: async (_: string) => methodMissing(),\n})\n\nexport let Audio: AudioAdapter = new AudioAdapter({\n  useAudio: (_: string) => {\n    methodMissing()\n    return {} as any\n  },\n})\n\nexport let Video: VideoAdapter = new VideoAdapter({\n  Player: Object.assign(\n    () => {\n      methodMissing()\n      return null\n    },\n    { $$typeof: Symbol.for('react.forward_ref') }\n  ),\n})\n\nexport let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({\n  openCameraAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n  openImageLibraryAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let Log: LogAdapter = new LogAdapter()\n\nexport let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)\n\nexport let Haptic: HapticAdapter = new HapticAdapter()\n\nexport let Storage = new StorageAdapter({\n  getItem: AsyncStorage.getItem,\n  setItem: AsyncStorage.setItem,\n  removeItem: AsyncStorage.removeItem,\n})\n"]}

package/build/utils/native_adapters/index.d.ts

@@ -6,4 +6,5 @@ export * from './linking';
 export * from './log';
 export * from './video';
 export * from './haptic';
+export * from './storage_adapter';
 //# sourceMappingURL=index.d.ts.map

package/build/utils/native_adapters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA"}

package/build/utils/native_adapters/index.js

@@ -6,4 +6,5 @@ export * from './linking';
 export * from './log';
 export * from './video';
 export * from './haptic';
+export * from './storage_adapter';
 //# sourceMappingURL=index.js.map

package/build/utils/native_adapters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA","sourcesContent":["export * from './audio'\nexport * from './clipboard'\nexport * from './configuration'\nexport * from './image_picker'\nexport * from './linking'\nexport * from './log'\nexport * from './video'\nexport * from './haptic'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA","sourcesContent":["export * from './audio'\nexport * from './clipboard'\nexport * from './configuration'\nexport * from './image_picker'\nexport * from './linking'\nexport * from './log'\nexport * from './video'\nexport * from './haptic'\nexport * from './storage_adapter'\n"]}

package/build/utils/native_adapters/storage_adapter.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Storage adapter interface for abstracting storage implementations.
+ * Allows apps to use different storage backends (AsyncStorage, expo-secure-store, etc.)
+ * without requiring those dependencies in the shared package.
+ */
+export type StorageAdapterMethods = {
+    getItem: (key: string) => Promise<string | null>;
+    setItem: (key: string, value: string) => Promise<void>;
+    removeItem: (key: string) => Promise<void>;
+};
+export declare class StorageAdapter {
+    getItem: (key: string) => Promise<string | null>;
+    setItem: (key: string, value: string) => Promise<void>;
+    removeItem: (key: string) => Promise<void>;
+    constructor(methods: StorageAdapterMethods);
+}
+//# sourceMappingURL=storage_adapter.d.ts.map

package/build/utils/native_adapters/storage_adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage_adapter.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/storage_adapter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAChD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtD,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3C,CAAA;AAED,qBAAa,cAAc;IACzB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAChD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtD,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;gBAE9B,OAAO,EAAE,qBAAqB;CAK3C"}

package/build/utils/native_adapters/storage_adapter.js

@@ -0,0 +1,16 @@
+/**
+ * Storage adapter interface for abstracting storage implementations.
+ * Allows apps to use different storage backends (AsyncStorage, expo-secure-store, etc.)
+ * without requiring those dependencies in the shared package.
+ */
+export class StorageAdapter {
+    getItem;
+    setItem;
+    removeItem;
+    constructor(methods) {
+        this.getItem = methods.getItem;
+        this.setItem = methods.setItem;
+        this.removeItem = methods.removeItem;
+    }
+}
+//# sourceMappingURL=storage_adapter.js.map

package/build/utils/native_adapters/storage_adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage_adapter.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/storage_adapter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,MAAM,OAAO,cAAc;IACzB,OAAO,CAAyC;IAChD,OAAO,CAA+C;IACtD,UAAU,CAAgC;IAE1C,YAAY,OAA8B;QACxC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;QAC9B,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAA;IACtC,CAAC;CACF","sourcesContent":["/**\n * Storage adapter interface for abstracting storage implementations.\n * Allows apps to use different storage backends (AsyncStorage, expo-secure-store, etc.)\n * without requiring those dependencies in the shared package.\n */\n\nexport type StorageAdapterMethods = {\n  getItem: (key: string) => Promise<string | null>\n  setItem: (key: string, value: string) => Promise<void>\n  removeItem: (key: string) => Promise<void>\n}\n\nexport class StorageAdapter {\n  getItem: (key: string) => Promise<string | null>\n  setItem: (key: string, value: string) => Promise<void>\n  removeItem: (key: string) => Promise<void>\n\n  constructor(methods: StorageAdapterMethods) {\n    this.getItem = methods.getItem\n    this.setItem = methods.setItem\n    this.removeItem = methods.removeItem\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.21.2-rc.3",
+  "version": "3.21.2-rc.4",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -58,5 +58,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "a963dc243ab9a2d6c12b29312e84550a787858a9"
+  "gitHead": "243ecc2da2b0a74b66db045af3f30655ea57a55c"
 }

package/src/hooks/use_async_storage.ts

@@ -1,9 +1,5 @@
-import AsyncStorage from '@react-native-async-storage/async-storage'
-import { useSuspenseQuery } from '@tanstack/react-query'
-import { noop } from 'lodash'
-import { useCallback } from 'react'
-
-const cacheKeyGenerator = (key: string) => [`AsyncStorageResource:${key}`]
+import { Storage } from '../utils/native_adapters'
+import { useStorage } from './use_storage'
 
 type SetValue<TCacheData> = (_itemValue?: TCacheData | null) => Promise<void>
 
@@ -12,50 +8,5 @@ export function useAsyncStorage<TCacheData>(
   initialValue: TCacheData,
   throwOnError: boolean = false
 ): [TCacheData, SetValue<TCacheData>] {
-  const cacheKey = cacheKeyGenerator(key)
-
-  const { data: value, refetch } = useSuspenseQuery<TCacheData>({
-    queryKey: cacheKey,
-    queryFn: () =>
-      AsyncStorage.getItem(key)
-        .then(storedValue => {
-          if (!storedValue) return initialValue
-
-          try {
-            return JSON.parse(storedValue)
-          } catch {
-            return storedValue
-          }
-        })
-        .catch(e => {
-          if (!throwOnError) return initialValue
-
-          return Promise.reject(e)
-        }),
-  })
-
-  const setValue: SetValue<TCacheData> = useCallback(
-    itemValue => {
-      if (itemValue === null || itemValue === undefined) {
-        return AsyncStorage.removeItem(key)
-          .then(() => {
-            refetch()
-          })
-          .catch(noop)
-      }
-
-      return AsyncStorage.setItem(key, JSON.stringify(itemValue))
-        .then(() => {
-          refetch()
-        })
-        .catch(e => {
-          if (!throwOnError) return
-
-          return Promise.reject(e)
-        })
-    },
-    [throwOnError, key, refetch]
-  )
-
-  return [value || initialValue, setValue]
+  return useStorage<TCacheData>(Storage, key, initialValue, throwOnError)
 }

package/src/hooks/use_storage.ts

@@ -0,0 +1,69 @@
+import { useSuspenseQuery } from '@tanstack/react-query'
+import { noop } from 'lodash'
+import { useCallback } from 'react'
+import { StorageAdapter } from '../utils/native_adapters'
+
+const cacheKeyGenerator = (key: string) => [`StorageResource:${key}`]
+
+type SetValue<TCacheData> = (_itemValue?: TCacheData | null) => Promise<any>
+
+/**
+ * Hook for using a storage adapter with React Query caching.
+ * Similar to useAsyncStorage but accepts a StorageAdapter instead of using AsyncStorage directly.
+ */
+export function useStorage<TCacheData>(
+  storage: StorageAdapter,
+  key: string,
+  initialValue: TCacheData,
+  throwOnError: boolean = false
+): [TCacheData, SetValue<TCacheData>] {
+  const cacheKey = cacheKeyGenerator(key)
+
+  const { data: value, refetch } = useSuspenseQuery<TCacheData>({
+    queryKey: cacheKey,
+    queryFn: () =>
+      storage
+        .getItem(key)
+        .then(storedValue => {
+          if (!storedValue) return initialValue
+
+          try {
+            return JSON.parse(storedValue)
+          } catch {
+            return storedValue
+          }
+        })
+        .catch(e => {
+          if (!throwOnError) return initialValue
+
+          return Promise.reject(e)
+        }),
+  })
+
+  const setValue: SetValue<TCacheData> = useCallback(
+    itemValue => {
+      if (itemValue === null || itemValue === undefined) {
+        return storage
+          .removeItem(key)
+          .then(() => {
+            refetch()
+          })
+          .catch(noop)
+      }
+
+      return storage
+        .setItem(key, JSON.stringify(itemValue))
+        .then(() => {
+          refetch()
+        })
+        .catch(e => {
+          if (!throwOnError) return
+
+          return Promise.reject(e)
+        })
+    },
+    [throwOnError, key, refetch, storage]
+  )
+
+  return [value || initialValue, setValue]
+}

package/src/utils/native_adapters/configuration.ts

@@ -6,6 +6,8 @@ import { VideoAdapter } from './video'
 import { Linking as RNLinking } from 'react-native'
 import { LinkingAdapter } from './linking'
 import { HapticAdapter } from './haptic'
+import { StorageAdapter } from './storage_adapter'
+import AsyncStorage from '@react-native-async-storage/async-storage'
 
 type ChatConfigurations = {
   clipboard: ClipboardAdapter
@@ -74,3 +76,9 @@ export let Log: LogAdapter = new LogAdapter()
 export let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)
 
 export let Haptic: HapticAdapter = new HapticAdapter()
+
+export let Storage = new StorageAdapter({
+  getItem: AsyncStorage.getItem,
+  setItem: AsyncStorage.setItem,
+  removeItem: AsyncStorage.removeItem,
+})

package/src/utils/native_adapters/index.ts

@@ -6,3 +6,4 @@ export * from './linking'
 export * from './log'
 export * from './video'
 export * from './haptic'
+export * from './storage_adapter'

package/src/utils/native_adapters/storage_adapter.ts

@@ -0,0 +1,23 @@
+/**
+ * Storage adapter interface for abstracting storage implementations.
+ * Allows apps to use different storage backends (AsyncStorage, expo-secure-store, etc.)
+ * without requiring those dependencies in the shared package.
+ */
+
+export type StorageAdapterMethods = {
+  getItem: (key: string) => Promise<string | null>
+  setItem: (key: string, value: string) => Promise<void>
+  removeItem: (key: string) => Promise<void>
+}
+
+export class StorageAdapter {
+  getItem: (key: string) => Promise<string | null>
+  setItem: (key: string, value: string) => Promise<void>
+  removeItem: (key: string) => Promise<void>
+
+  constructor(methods: StorageAdapterMethods) {
+    this.getItem = methods.getItem
+    this.setItem = methods.setItem
+    this.removeItem = methods.removeItem
+  }
+}