@boneframework/native-components 1.0.56 → 1.0.58

package/api/client.ts

@@ -1,11 +1,11 @@
 import {ApisauceInstance, create} from 'apisauce';
 
 import cache from '../utilities/cache';
-import settings from '../../../../config/settings';
-import cacheSettings from '../../../../config/cache';
+
+// import cacheSettings from '../../../../config/cache';
 
 const apiClient: ApisauceInstance  = create({
-    baseURL: settings.apiUrl
+    baseURL: process.env.EXPO_PUBLIC_API_URL
 });
 
 const get = apiClient.get;
@@ -14,9 +14,10 @@ apiClient.get = async (url, params, axiosConfig) => {
     const response = await get(url, params, axiosConfig);
 
     if (response.ok) {
-        if (cacheSettings.blacklist.includes(url) === false) {
-            cache.store(url, response.data);
-        }
+        // @todo re-enable caching later
+        // if (cacheSettings.blacklist.includes(url) === false) {
+        //     cache.store(url, response.data);
+        // }
 
         return response;
     }

package/api/notifications.ts

@@ -0,0 +1,12 @@
+import client from './client';
+
+const register = (pushToken: string) => client.post('/api/notifications/register-token', { token: pushToken });
+
+const send = (message: string, data: any) => {
+  return client.post('/api/notifications/send-notification', { message, data });
+};
+
+export default {
+  register,
+  send,
+};

package/api/{ping.js → ping.ts}

@@ -1,9 +1,9 @@
-import apiClient from './client'
-
-const endpoint = '/ping';
-
-const ping = () => apiClient.get(endpoint);
-
-export default {
-    ping
-}
+import apiClient from './client';
+
+const endpoint = '/ping';
+
+const ping = () => apiClient.get(endpoint);
+
+export default {
+  ping,
+};

package/api/users.ts

@@ -0,0 +1,35 @@
+import client from './client';
+
+const activateAccount = (email: string, token: string, clientId: string, password: string) => client.post('/api/user/activate', { email, token, clientId, password });
+const getProfile = (token: string) => client.get('/api/user/profile', {}, {
+  headers: { Authorization: 'Bearer ' + token },
+});
+const register = (userInfo: any) => client.post('/api/user/register', userInfo);
+const resendactivationEmail = (email: string) => client.post('/api/user/resend-activation-email', { email });
+const updateProfile = (profileInfo: any) => client.put('/api/user/profile', profileInfo);
+const validateEmailToken = (email: string, token: string) => client.post('/api/user/validate-email-token', { email, token });
+const uploadUserImage = (formData: any) => client.post('/api/user/image', formData, {
+  headers: { 'Content-Type': 'multipart/form-data' },
+});
+const userImage = () => client.get('/api/user/image');
+const userSettings = () => client.get('/api/user/settings');
+const updateUserSettings = (settings: any) => client.put('/api/user/settings', settings);
+const uploadUserBackgroundImage = (formData: any) => client.post('/api/user/background-image', formData, {
+  headers: { 'Content-Type': 'multipart/form-data' },
+});
+const userBackgroundImage = () => client.get('/api/user/background-image');
+
+export default {
+  activateAccount,
+  getProfile,
+  register,
+  resendactivationEmail,
+  updateProfile,
+  uploadUserImage,
+  uploadUserBackgroundImage,
+  userBackgroundImage,
+  userImage,
+  userSettings,
+  updateUserSettings,
+  validateEmailToken,
+};

package/assets/animations/done.json

@@ -0,0 +1 @@
+{"v":"4.10.1","fr":48,"ip":0,"op":48,"w":56,"h":56,"nm":"录入声纹 tick","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"对勾","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[28,28,0],"ix":2},"a":{"a":0,"k":[0.988,5.188,0],"ix":1},"s":{"a":0,"k":[66.824,66.824,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-13.398,3.94],[-1.702,13.989],[20.038,-8.302]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":1,"lj":1,"ml":4,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"形状 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.446],"y":[1]},"o":{"x":[0.078],"y":[0.582]},"n":["0p446_1_0p078_0p582"],"t":19,"s":[0],"e":[86]},{"t":31}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":21,"s":[0],"e":[60]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":26,"s":[60],"e":[0]},{"t":31}],"ix":3},"m":1,"ix":2,"nm":"修剪路径 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":12,"op":468,"st":-12,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"形状图层 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[28,28,0],"ix":2},"a":{"a":0,"k":[-0.121,0.371,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.706,0.706,0.333],"y":[0.004,0.004,0]},"n":["0p667_1_0p706_0p004","0p667_1_0p706_0p004","0p667_1_0p333_0"],"t":0,"s":[0,0,100],"e":[111.445,111.445,100]},{"i":{"x":[0.105,0.105,0.667],"y":[0.984,0.984,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"n":["0p105_0p984_0p333_0","0p105_0p984_0p333_0","0p667_1_0p333_0"],"t":12,"s":[111.445,111.445,100],"e":[100,100,100]},{"t":19}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[48.469,48.469],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"椭圆路径 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[0.9882352941176471,0.3607843137254902,0.396078431372549,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-0.121,0.371],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"椭圆 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":144,"st":0,"bm":0}]}

package/assets/animations/email.json

@@ -0,0 +1 @@
+{"v":"5.5.8","fr":24,"ip":0,"op":72,"w":298,"h":304,"nm":"mail-send","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[151,100.5,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[80,80,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-1.5,-31.5],[-2,-91]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.980392156863,0.928692567115,0.49211841658,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.761307181564,0.828914926566,0.866666666667,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"rp","c":{"a":0,"k":7,"ix":1},"o":{"a":0,"k":0,"ix":2},"m":1,"ix":2,"tr":{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[-1,65],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":206,"ix":4},"so":{"a":0,"k":100,"ix":5},"eo":{"a":0,"k":100,"ix":6},"nm":"Transform"},"nm":"Repeater 1","mn":"ADBE Vector Filter - Repeater","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.038],"y":[0]},"t":35,"s":[0]},{"t":41,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.038],"y":[0]},"t":32,"s":[0]},{"t":38,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":-11,"op":229,"st":-11,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"mail","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[150,162,0],"ix":2},"a":{"a":0,"k":[535.5,452,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0,0,0.833],"y":[0.272,0.272,-6.619]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":21,"s":[0,0,100]},{"t":25,"s":[60,60,100]}],"ix":6,"x":"var $bm_rt;\nvar n, n, t, t, v, amp, freq, decay;\n$bm_rt = n = 0;\nif (numKeys > 0) {\n    $bm_rt = n = nearestKey(time).index;\n    if (key(n).time > time) {\n        n--;\n    }\n}\nif (n == 0) {\n    $bm_rt = t = 0;\n} else {\n    $bm_rt = t = $bm_sub(time, key(n).time);\n}\nif (n > 0 && t < 1) {\n    v = velocityAtTime($bm_sub(key(n).time, $bm_div(thisComp.frameDuration, 10)));\n    amp = 0.1;\n    freq = 2;\n    decay = 4;\n    $bm_rt = $bm_sum(value, $bm_div($bm_mul($bm_mul(v, amp), Math.sin($bm_mul($bm_mul($bm_mul(freq, t), 2), Math.PI))), Math.exp($bm_mul(decay, t))));\n} else {\n    $bm_rt = value;\n}"}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[10.207,0],[0,0],[0,-10.207],[0,0],[-10.207,0],[0,0],[0,10.207],[0,0]],"o":[[0,0],[-10.207,0],[0,0],[0,10.207],[0,0],[10.207,0],[0,0],[0,-10.207]],"v":[[92.519,-71.5],[-92.518,-71.5],[-111,-53.019],[-111,53.019],[-92.518,71.5],[92.519,71.5],[111,53.019],[111,-53.019]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,-4.676],[0,0],[4.677,0],[0,0],[0,4.676],[0,0],[-4.677,0]],"o":[[4.677,0],[0,0],[0,4.676],[0,0],[-4.677,0],[0,0],[0,-4.676],[0,0]],"v":[[92.519,-61.5],[101,-53.019],[101,53.019],[92.519,61.5],[-92.518,61.5],[-101,53.019],[-101,-53.019],[-92.518,-61.5]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.21176470588235294,0.5529411764705883,0.5294117647058824,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[535.5,452],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.573,0],[0,0],[-0.113,-8.653],[0,0],[-4.807,0],[-4.178,2.758],[0,0],[0,0]],"o":[[0,0],[-8.652,0],[0,0],[4.183,2.766],[4.801,0],[0,0],[0,0],[0,-8.574]],"v":[[95.431,-42.017],[-95.318,-42.017],[-110.84,-26.289],[-13.831,37.867],[-0.034,42.017],[13.747,37.879],[110.953,-26.289],[110.953,-26.492]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.988,-0.929],[0,0],[2.95,0],[2.464,1.63],[0,0],[-1.42,0]],"o":[[1.46,0],[0,0],[-2.462,1.625],[-2.954,0],[0,0],[1.028,-0.969],[0,0]],"v":[[95.431,-32.017],[99.208,-30.518],[8.239,29.533],[-0.034,32.017],[-8.315,29.526],[-99.102,-30.517],[-95.318,-32.017]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.21176470588235294,0.5529411764705883,0.5294117647058824,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[3.931,0],[3.285,2.173],[0,0],[-1.406,1.423],[-2.837,0],[0,0],[-1.058,-4.691],[0,0]],"o":[[-3.938,0],[0,0],[0.425,-1.902],[1.993,-2.019],[0,0],[5.007,0],[0,0],[-3.28,2.166]],"v":[[-0.032,37.017],[-11.073,33.696],[-105.588,-28.81],[-102.807,-33.885],[-95.318,-37.016],[95.431,-37.016],[105.697,-28.811],[10.992,33.705]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 2","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[533.671,389.392],"ix":2},"a":{"a":0,"k":[-1.875,-33.125],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[1,0.833]},"o":{"x":[1,1],"y":[0,0]},"t":25,"s":[100,0]},{"t":33,"s":[100,100]}],"ix":3,"x":"var $bm_rt;\nvar n, n, t, t, v, amp, freq, decay;\n$bm_rt = n = 0;\nif (numKeys > 0) {\n    $bm_rt = n = nearestKey(time).index;\n    if (key(n).time > time) {\n        n--;\n    }\n}\nif (n == 0) {\n    $bm_rt = t = 0;\n} else {\n    $bm_rt = t = $bm_sub(time, key(n).time);\n}\nif (n > 0 && t < 1) {\n    v = velocityAtTime($bm_sub(key(n).time, $bm_div(thisComp.frameDuration, 10)));\n    amp = 0.1;\n    freq = 2;\n    decay = 4;\n    $bm_rt = $bm_sum(value, $bm_div($bm_mul($bm_mul(v, amp), Math.sin($bm_mul($bm_mul($bm_mul(freq, t), 2), Math.PI))), Math.exp($bm_mul(decay, t))));\n} else {\n    $bm_rt = value;\n}"},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":6,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.112,8.658],[0,0],[-9.133,-6.163],[0,0],[0,0],[8.581,0],[0,0]],"o":[[0,0],[9.132,-6.163],[0,0],[0,0],[0,8.58],[0,0],[-8.659,0]],"v":[[-110.74,27.495],[-15.056,-37.07],[15.168,-37.07],[110.852,27.495],[110.852,27.697],[95.316,43.233],[-95.206,43.233]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.905999995213,0.948999980852,0.969000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[535.444,480.267],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[97.046,97.046],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.931,0],[3.285,2.173],[0,0],[-1.406,1.423],[-2.837,0],[0,0],[-1.058,-4.691],[0,0]],"o":[[-3.938,0],[0,0],[0.425,-1.902],[1.993,-2.019],[0,0],[5.007,0],[0,0],[-3.28,2.166]],"v":[[-0.086,37.016],[-11.128,33.695],[-105.642,-28.811],[-102.862,-33.885],[-95.372,-37.017],[95.376,-37.017],[105.642,-28.812],[10.938,33.704]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.761307181564,0.828914926566,0.866666666667,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[535.6,422.517],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[210.938,131.25],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":20,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.666666965859,0.682353001015,0.725489956725,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[535.969,451.062],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false}],"ip":-3,"op":237,"st":-3,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"send","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":1,"y":0},"t":0,"s":[143.721,162.929,0],"to":[80.667,-80,0],"ti":[-80.667,80,0]},{"t":12,"s":[627.721,-317.071,0]}],"ix":2},"a":{"a":0,"k":[229.921,451.765,0],"ix":1},"s":{"a":0,"k":[80,80,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[5.841,0],[1.329,-0.66],[0,0],[-7.405,-2.583],[0,0],[0,0],[-1.967,1.794],[0,0],[0,0],[-0.972,0],[-1.389,3.434],[0,0]],"o":[[-1.299,0],[0,0],[-7.022,3.493],[0,0],[0,0],[0.78,2.547],[0,0],[0,0],[0.967,0.338],[3.515,0],[0,0],[2.5,-6.183]],"v":[[74.783,-73.245],[70.807,-72.287],[-78.445,1.944],[-77.417,18.241],[-54.279,26.313],[-40.958,69.832],[-35.046,71.451],[-5.281,44.313],[26.745,55.522],[29.672,56.022],[37.886,50.481],[82.966,-61.034]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[1.107,0],[1.871,-1.706],[0,0],[0,0],[3.008,1.05],[0,0]],"o":[[0,0],[0,0],[-1.079,-0.378],[-2.455,0],[0,0],[0,0],[-0.933,-3.047],[0,0],[0,0]],"v":[[72.568,-61.994],[29.022,45.724],[-1.977,34.874],[-5.279,34.313],[-12.018,36.923],[-34.342,57.278],[-44.717,23.386],[-50.986,16.87],[-71.566,9.692]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[75.261,-63.333],[75.265,-63.333]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.21176470588235294,0.5529411764705883,0.5294117647058824,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[229.78,452.187],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-15.591,21.667],[19.834,-11.166],[-8.666,-21.666],[-19.834,21.667]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.638999968884,0.736999990426,0.769000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[211.666,500.667],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[1.545,-1.672],[0,0],[0,0],[0.477,1.996]],"o":[[0,0],[1.724,-1.488],[0,0],[0,0],[-0.512,1.988],[0,0]],"v":[[-57.689,10.161],[53.637,-59.486],[56.144,-56.892],[-31.689,18.161],[-42.212,58.987],[-46.032,58.953]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.905999995213,0.948999980852,0.969000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[234.689,460.839],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.504,0.525],[0,0],[0.038,0.599],[-2.129,1.059],[0,0],[-0.579,0],[-0.742,-1.1],[0.639,-1.579],[0,0],[1.58,0],[0,0],[0.415,0.145],[0,0],[0.553,0],[0.935,-0.854],[0,0]],"o":[[-0.466,-1.522],[0,0],[-2.245,-0.783],[-0.038,-0.6],[0,0],[0.58,-0.289],[1.24,0],[0.505,0.749],[0,0],[-0.593,1.467],[0,0],[-0.431,0],[0,0],[-0.539,-0.188],[-1.227,0],[0,0],[0,0]],"v":[[-49.79,25.824],[-52.924,22.567],[-76.061,14.496],[-78.641,11.095],[-76.508,7.396],[72.744,-66.834],[74.492,-67.27],[77.705,-65.487],[78.04,-61.933],[32.96,49.582],[29.382,51.996],[29.381,51.996],[28.107,51.778],[-3.919,40.568],[-5.57,40.288],[-8.939,41.594],[-37.102,67.27]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[230.071,451.212],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":240,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"send 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[-330.279,620.929,0],"to":[79,-76.333,0],"ti":[-79,76.333,0]},{"t":27,"s":[143.721,162.929,0]}],"ix":2},"a":{"a":0,"k":[229.921,451.765,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.728,0.728,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":21,"s":[80,80,100]},{"t":26,"s":[40,40,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[5.841,0],[1.329,-0.66],[0,0],[-7.405,-2.583],[0,0],[0,0],[-1.967,1.794],[0,0],[0,0],[-0.972,0],[-1.389,3.434],[0,0]],"o":[[-1.299,0],[0,0],[-7.022,3.493],[0,0],[0,0],[0.78,2.547],[0,0],[0,0],[0.967,0.338],[3.515,0],[0,0],[2.5,-6.183]],"v":[[74.783,-73.245],[70.807,-72.287],[-78.445,1.944],[-77.417,18.241],[-54.279,26.313],[-40.958,69.832],[-35.046,71.451],[-5.281,44.313],[26.745,55.522],[29.672,56.022],[37.886,50.481],[82.966,-61.034]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[1.107,0],[1.871,-1.706],[0,0],[0,0],[3.008,1.05],[0,0]],"o":[[0,0],[0,0],[-1.079,-0.378],[-2.455,0],[0,0],[0,0],[-0.933,-3.047],[0,0],[0,0]],"v":[[72.568,-61.994],[29.022,45.724],[-1.977,34.874],[-5.279,34.313],[-12.018,36.923],[-34.342,57.278],[-44.717,23.386],[-50.986,16.87],[-71.566,9.692]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[75.261,-63.333],[75.265,-63.333]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.21176470588235294,0.5529411764705883,0.5294117647058824,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[229.78,452.187],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-15.591,21.667],[19.834,-11.166],[-8.666,-21.666],[-19.834,21.667]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.638999968884,0.736999990426,0.769000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[211.666,500.667],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[1.545,-1.672],[0,0],[0,0],[0.477,1.996]],"o":[[0,0],[1.724,-1.488],[0,0],[0,0],[-0.512,1.988],[0,0]],"v":[[-57.689,10.161],[53.637,-59.486],[56.144,-56.892],[-31.689,18.161],[-42.212,58.987],[-46.032,58.953]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.905999995213,0.948999980852,0.969000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[234.689,460.839],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.504,0.525],[0,0],[0.038,0.599],[-2.129,1.059],[0,0],[-0.579,0],[-0.742,-1.1],[0.639,-1.579],[0,0],[1.58,0],[0,0],[0.415,0.145],[0,0],[0.553,0],[0.935,-0.854],[0,0]],"o":[[-0.466,-1.522],[0,0],[-2.245,-0.783],[-0.038,-0.6],[0,0],[0.58,-0.289],[1.24,0],[0.505,0.749],[0,0],[-0.593,1.467],[0,0],[-0.431,0],[0,0],[-0.539,-0.188],[-1.227,0],[0,0],[0,0]],"v":[[-49.79,25.824],[-52.924,22.567],[-76.061,14.496],[-78.641,11.095],[-76.508,7.396],[72.744,-66.834],[74.492,-67.27],[77.705,-65.487],[78.04,-61.933],[32.96,49.582],[29.382,51.996],[29.381,51.996],[28.107,51.778],[-3.919,40.568],[-5.57,40.288],[-8.939,41.594],[-37.102,67.27]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[230.071,451.212],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":15,"op":27,"st":15,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[150,152,0],"ix":2},"a":{"a":0,"k":[18,30,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":6,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[92.4,-105.18],[140,0],[0,140],[-102.483,95.381],[-140,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":9,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[111.4,-125.18],[140,0],[0,140],[-102.483,95.381],[-140,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":12,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[79.4,-91.18],[140,0],[0,140],[-102.483,95.381],[-140,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[102.4,-112.18],[140,0],[0,140],[-102.483,95.381],[-140,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[92.4,-105.18],[140,0],[0,140],[-102.483,95.381],[-140,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[92.4,-105.18],[140,0],[0,140],[-89.483,87.381],[-140,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[92.4,-105.18],[140,0],[0,140],[-116.483,114.381],[-140,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":26,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[92.4,-105.18],[140,0],[0,140],[-95.483,86.381],[-140,0]],"c":true}]},{"t":29,"s":[{"i":[[-77.32,0],[-24.654,-21.676],[0,-41.912],[77.32,0],[25.56,27.451],[0,36.853]],"o":[[35.408,0],[29.183,25.657],[0,77.32],[-40.466,0],[-23.278,-25],[0,-77.32]],"v":[[0,-140],[92.4,-105.18],[140,0],[0,140],[-102.483,95.381],[-140,0]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.666666965859,0.682353001015,0.725489956725,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.3058823529411765,0.803921568627451,0.7686274509803922,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18,30],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":240,"st":0,"bm":0}],"markers":[]}

package/assets/animations/loader.json

@@ -0,0 +1 @@
+{"v":"5.7.11","fr":29.9700012207031,"ip":0,"op":70.0000028511585,"w":1000,"h":1000,"nm":"v-3","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null 1","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":20,"s":[720]},{"t":50.0000020365418,"s":[450]}],"ix":10},"p":{"a":0,"k":[500,500,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[14,18,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":70.0000028511585,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Left","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-360,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[0,0,0],"to":[-130.952,-101.852,0],"ti":[130.952,101.852,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":20,"s":[-785.714,-611.111,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":50,"s":[-785.714,-611.111,0],"to":[130.952,101.852,0],"ti":[-130.952,-101.852,0]},{"t":69.0000028104276,"s":[0,0,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-83.299,-61.299,0],"ix":1,"l":2},"s":{"a":0,"k":[2500.286,1944.667,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[10.881,0],[0,-10.881],[-10.881,0],[0,10.881]],"o":[[-10.881,0],[0,10.881],[10.881,0],[0,-10.881]],"v":[[0,-19.701],[-19.701,0],[0,19.701],[19.701,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.9882352941176471,0.3607843137254902,0.396078431372549,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-83.299,-61.299],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":70.0000028511585,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 6","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-360,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[0,0,0],"to":[130.952,-101.852,0],"ti":[-130.952,101.852,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":20,"s":[785.714,-611.111,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":50,"s":[785.714,-611.111,0],"to":[-130.952,101.852,0],"ti":[130.952,-101.852,0]},{"t":69.0000028104276,"s":[0,0,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-83.299,-61.299,0],"ix":1,"l":2},"s":{"a":0,"k":[2500.286,1944.667,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[10.881,0],[0,-10.881],[-10.881,0],[0,10.881]],"o":[[-10.881,0],[0,10.881],[10.881,0],[0,-10.881]],"v":[[0,-19.701],[-19.701,0],[0,19.701],[19.701,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.3058823529411765,0.803921568627451,0.7686274509803922,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-83.299,-61.299],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":70.0000028511585,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 5","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-360,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[0,0,0],"to":[-130.952,101.852,0],"ti":[130.952,-101.852,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":20,"s":[-785.714,611.111,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":50,"s":[-785.714,611.111,0],"to":[130.952,-101.852,0],"ti":[-130.952,101.852,0]},{"t":69.0000028104276,"s":[0,0,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-83.299,-61.299,0],"ix":1,"l":2},"s":{"a":0,"k":[2500.286,1944.667,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[10.881,0],[0,-10.881],[-10.881,0],[0,10.881]],"o":[[-10.881,0],[0,10.881],[10.881,0],[0,-10.881]],"v":[[0,-19.701],[-19.701,0],[0,19.701],[19.701,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.3058823529411765,0.803921568627451,0.7686274509803922,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-83.299,-61.299],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":70.0000028511585,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 4","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-360,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[0,0,0],"to":[130.952,101.852,0],"ti":[-130.952,-101.852,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":20,"s":[785.714,611.111,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":50,"s":[785.714,611.111,0],"to":[-130.952,-101.852,0],"ti":[130.952,101.852,0]},{"t":69.0000028104276,"s":[0,0,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-83.299,-61.299,0],"ix":1,"l":2},"s":{"a":0,"k":[2500.286,1944.667,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[10.881,0],[0,-10.881],[-10.881,0],[0,10.881]],"o":[[-10.881,0],[0,10.881],[10.881,0],[0,-10.881]],"v":[[0,-19.701],[-19.701,0],[0,19.701],[19.701,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.9882352941176471,0.3607843137254902,0.396078431372549,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-83.299,-61.299],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":70.0000028511585,"st":0,"bm":0}],"markers":[]}

package/components/ActivityIndicator.tsx

@@ -7,14 +7,14 @@ import Animation from "./Animation";
 interface ActivityIndicatorProps {
     visible?: boolean;
     type?: 'default' | 'overlay';
-    animationSource: string | undefined;
+    animationSource?: string | undefined;
 }
 
 function ActivityIndicator({ visible = false , type ="default", animationSource}: ActivityIndicatorProps) {
     const defaultStyles = useStyle();
 
     if (!animationSource) {
-        animationSource = require('../../../../assets/animations/loader.json');
+        animationSource = require('../assets/animations/loader.json');
     }
 
     const styles = StyleSheet.create({

package/components/{Animation.tsx → Animation.native.tsx}

@@ -1,10 +1,12 @@
 import React, {useRef} from 'react';
+// import { DotLottie } from '@lottiefiles/dotlottie-react-native';
 import LottieView from "lottie-react-native";
 
 function Animation({source, style  = {}, onAnimationFinish = () => {}, autoPlay = true, loop = true, speed = 1.5}) {
-
+    
     const lottieRef = useRef(null);
 
+
     return(
         <LottieView
             source={source}

package/components/Animation.web.tsx

@@ -0,0 +1,24 @@
+import React, {useRef} from 'react';
+import DotLottie, {}  from '@lottiefiles/dotlottie-react';
+
+function Animation({source, style  = {}, onAnimationFinish = () => {}, autoPlay = true, loop = true, speed = 1.5}) {
+    
+    const lottieRef = useRef<DotLottie>(null);
+
+    // @todo: Fix web DotLottie usage
+    // <DotLottie
+    //         source={source}
+    //         autoPlay={autoPlay}
+    //         loop={loop}
+    //         style={style}
+    //         speed={speed}
+    //         onAnimationFinish={onAnimationFinish}
+    //         ref={lottieRef}
+    //     />
+
+    return(<></>
+        
+    );
+}
+
+export default Animation;

package/components/ApiInterceptor.tsx

@@ -2,11 +2,11 @@ import React, {useEffect} from 'react';
 
 import apiClient from "../api/client";
 import authStorage from "../utilities/authStorage";
-import settings from "../../../../config/settings";
 import useAuth from '../hooks/useAuth';
+import useSettings from '@boneframework/native-components/hooks/useSettings';
 
 // call to refresh an access token using our refresh token
-const refreshToken = async (token) => {
+const refreshToken = async (token, settings) => {
     const formData = new FormData();
     formData.append('client_id', settings.clientId);
     formData.append('grant_type', 'refresh_token');
@@ -30,6 +30,7 @@ const refreshToken = async (token) => {
 
 function ApiInterceptor(props) {
     const {user, logout} = useAuth();
+    const settings = useSettings
     let refreshing = null;
 
     const addTransformers = () => {
@@ -74,7 +75,7 @@ function ApiInterceptor(props) {
                             if (token) {
                                 // first request to refresh will call the method, all the other requests will await the promise
                                 // so only one call to refresh will be made in the case of multile async 401s
-                                refreshing = refreshing ? refreshing : refreshToken(token.refreshToken);
+                                refreshing = refreshing ? refreshing : refreshToken(token.refreshToken, settings);
                                 await refreshing;
                                 refreshing = null;
 

package/components/BoneNativeProvider.tsx

@@ -0,0 +1,31 @@
+import ApiContext from "@boneframework/native-components/contexts/api";
+import CacheContext from "@boneframework/native-components/contexts/cache";
+import ColorContext from "@boneframework/native-components/contexts/colors";
+import SettingsContext from "@boneframework/native-components/contexts/settings";
+import { ThemeColors } from "@boneframework/native-components/contexts/theme";
+import { useContext } from "react";
+
+interface BoneNativeProviderProps {
+        api: any
+        cache: any;
+        colors: ThemeColors;
+        routes: any;
+        settings: any;
+        styles: any;
+        children: React.ReactNode;
+}
+
+const BoneNativeProvider = ({api, cache, colors, settings, children}: BoneNativeProviderProps) => {
+   let apiContext = useContext(ApiContext);
+   apiContext = api;
+   let cacheContext = useContext(CacheContext);
+   cacheContext = cache;
+   let colorContext: ThemeColors = useContext(ColorContext);
+   colorContext = colors;
+   let settingsContext = useContext(SettingsContext);
+   settingsContext = settings;
+
+    return <>{children}</>;
+};
+
+export default BoneNativeProvider;

package/components/Button.tsx

@@ -2,10 +2,33 @@ import React from 'react';
 import {View, StyleSheet, Platform, TouchableOpacity, TouchableHighlight} from "react-native";
 
 import Text from '../components/Text'
-import colors from '../../../../config/colors'
-import defaultStyles from '../../../../config/styles'
+import useStyle from '@boneframework/native-components/hooks/useStyle';
+import useColors from '@boneframework/native-components/hooks/useColors';
 
 function Button({title, onPress, color, textColor}) {
+    const defaultStyles = useStyle();
+    const colors = useColors();
+
+    const styles = StyleSheet.create({
+        roundbutton: {
+            width: '100%',
+            height: 70,
+            borderRadius: 35,
+            backgroundColor: colors.primary,
+            justifyContent: 'center',
+            alignItems: 'center',
+            marginVertical: 10,
+            color: colors.black
+        },
+        text: {
+            fontFamily: defaultStyles.text.fontFamily,
+            color: colors.white,
+            fontSize: 18,
+            textTransform: 'uppercase',
+            fontWeight: 'bold'
+        }
+    });
+
     return (
         <TouchableHighlight style={[styles.roundbutton, {
             backgroundColor: color ? colors[color]: styles.roundbutton.color,
@@ -17,24 +40,6 @@ function Button({title, onPress, color, textColor}) {
     );
 }
 
-const styles = StyleSheet.create({
-    roundbutton: {
-        width: '100%',
-        height: 70,
-        borderRadius: 35,
-        backgroundColor: colors.primary,
-        justifyContent: 'center',
-        alignItems: 'center',
-        marginVertical: 10,
-        color: colors.black
-    },
-    text: {
-        fontFamily: defaultStyles.text.fontFamily,
-        color: colors.white,
-        fontSize: 18,
-        textTransform: 'uppercase',
-        fontWeight: 'bold'
-    }
-});
+
 
 export default Button;

package/components/Image.tsx

@@ -2,13 +2,19 @@ import {StyleSheet, View} from "react-native";
 import {Image as ExpoImage} from "expo-image";
 
 import useAuth from "../hooks/useAuth";
-import settings from '../../../../config/api';
+import useColors from "@boneframework/native-components/hooks/useColors";
+import settings from "../../../../config/settings";
+import useSettings from "@boneframework/native-components/hooks/useSettings";
+import { useContext } from "react";
+import ApiContext from "@boneframework/native-components/contexts/api";
 
 function Image({style, uri, onPress, handleError = error => console.error, source, ...rest}) {
     const {user} = useAuth();
+    const colors = useColors();
+    const settings = useContext(ApiContext);
 
     const tryAgain = async error => {
-        handleError();
+        handleError(error);
         setTimeout(() => {}, 1000);
     };
     let imageSource;

package/components/ImageInput.tsx

@@ -1,17 +1,18 @@
 import React, {useEffect} from 'react';
 import {Alert, Image, StyleSheet, TouchableWithoutFeedback, View} from "react-native";
 
-import colors from '../../../../config/colors'
 import Icon from './Icon';
 import useCamera from '../hooks/useCamera';
 import usePhotos from '../hooks/usePhotos';
 import useStyle from "../hooks/useStyle";
+import useColors from '@boneframework/native-components/hooks/useColors';
 
 function ImageInput({imageUri, onChangeImage, onCancel = () => {}, mode = 'both'}) {
 
     const camera = useCamera();
     const photos = usePhotos();
     const style = useStyle();
+    const colors = useColors();
 
     const styles = StyleSheet.create({
         container: {

package/components/ListItemDeleteAction.tsx

@@ -1,10 +1,19 @@
 import React from 'react';
 import {StyleSheet, TouchableWithoutFeedback, View} from "react-native";
 import {MaterialCommunityIcons} from '@expo/vector-icons';
-
-import colors from '../../../../config/colors'
+import useColors from '@boneframework/native-components/hooks/useColors';
 
 function ListItemDeleteAction({onPress}) {
+    const colors = useColors();
+    const styles = StyleSheet.create({
+        deleteBox: {
+            justifyContent: "center",
+            alignItems: "center",
+            backgroundColor: colors.danger,
+            width: 70
+        }
+})
+
     return (
         <TouchableWithoutFeedback onPress={onPress}>
             <View style={styles.deleteBox} >
@@ -18,13 +27,6 @@ function ListItemDeleteAction({onPress}) {
     );
 }
 
-const styles = StyleSheet.create({
-    deleteBox: {
-        justifyContent: "center",
-        alignItems: "center",
-        backgroundColor: colors.danger,
-        width: 70
-    }
-})
+
 
 export default ListItemDeleteAction;

package/components/ListItemFlipswitch.tsx

@@ -5,7 +5,6 @@ import Image from "./Image";
 import {MaterialCommunityIcons} from "@expo/vector-icons";
 
 import Text from '../components/Text'
-import colors from '../../../../config/colors';
 import useStyle from "../hooks/useStyle";
 
 function ListItemFlipswitch({title, subtitle, IconComponent, isOn, onColor, offColor, onToggle = () => {}}) {
@@ -32,7 +31,7 @@ function ListItemFlipswitch({title, subtitle, IconComponent, isOn, onColor, offC
             fontWeight: "500",
         },
         subtitle: {
-            color: colors.medium
+            color: style.colors.medium
         }
     });
 

package/components/ListItemSwipable.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
 import {StyleSheet, TouchableHighlight, View} from "react-native";
-import Swipeable from 'react-native-gesture-handler/Swipeable';
+import Swipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
 
 import Image from '../components/Image'
 import Text from '../components/Text'
-import colors from '../../../../config/colors'
 import {MaterialCommunityIcons} from "@expo/vector-icons";
 import useStyle from "../hooks/useStyle";
+import useColors from "../hooks/useColors";
 
 function ListItemSwipable({title, subtitle, image, IconComponent, onPress, renderRightActions, displayCheverons, titleStyle, subtitleStyle}) {
+    const colors = useColors();
     const style = useStyle();
 
     if (!title && subtitle) {

package/components/OfflineNotice.tsx

@@ -1,12 +1,26 @@
 import React from 'react';
 import {StyleSheet, View} from "react-native";
 import {useNetInfo} from "@react-native-community/netinfo";
-
-import colors from '../../../../config/colors';
 import Text from "./Text";
+import useColors from '@boneframework/native-components/hooks/useColors';
 
 function OfflineNotice(props) {
     const netInfo = useNetInfo();
+    const colors = useColors();
+
+    const styles = StyleSheet.create({
+        container: {
+            backgroundColor: colors.primary,
+            color: colors.white,
+            alignItems: "center",
+            justifyContent: "center",
+            padding: 10,
+            paddingTop: 20
+        },
+        text: {
+            color: colors.white,
+        }
+    })
 
     if (netInfo.type !== 'unkown' && netInfo.isInternetReachable === false) {
         return(
@@ -19,18 +33,6 @@ function OfflineNotice(props) {
     return null;
 }
 
-const styles = StyleSheet.create({
-    container: {
-        backgroundColor: colors.primary,
-        color: colors.white,
-        alignItems: "center",
-        justifyContent: "center",
-        padding: 10,
-        paddingTop: 20
-    },
-    text: {
-        color: colors.white,
-    }
-})
+
 
 export default OfflineNotice;

package/components/Text.tsx

@@ -1,10 +1,10 @@
+import useStyle from '@boneframework/native-components/hooks/useStyle';
 import React from 'react';
-import {Text as NativeText, StyleSheet} from "react-native";
-
-import defaultStyles from '../../../../config/styles'
-import colors from "../../../../config/colors";
+import {Text as NativeText} from "react-native";
 
 function Text({children, style, ...otherProps}) {
+    const defaultStyles = useStyle();
+
     return (
         <NativeText style={[defaultStyles.text, style]} {...otherProps} >
             {children}