@airporting/integrations-app 0.1.0 → 0.1.2

package/dist/mf/@mf-types/compiled-types/api/connectors/connectorsListQuery.d.ts

@@ -0,0 +1 @@
+export declare function useConnectorsListQuery(): import("@tanstack/react-query").UseQueryResult<import("../../gen/IntegrationsApi").ConnectorsListResponse, Error>;

package/dist/mf/@mf-types/compiled-types/api/connectors/statsQuery.d.ts

@@ -0,0 +1 @@
+export declare function useStatsQuery(): import("@tanstack/react-query").UseQueryResult<import("../../gen/IntegrationsApi").ConnectorsStatsResponse, Error>;

package/dist/mf/@mf-types/compiled-types/api/useApi.d.ts

@@ -0,0 +1,2 @@
+import { IntegrationsApi } from '@/src/gen/IntegrationsApi';
+export declare function useApi(): IntegrationsApi<unknown>;

package/dist/mf/@mf-types/compiled-types/components/connectors/connector.bubble.d.ts

@@ -0,0 +1,4 @@
+import { ConnectorItem } from "@/src/gen/IntegrationsApi.ts";
+export declare function ConnectorBubble({ connector }: {
+    connector: ConnectorItem;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/mf/@mf-types/compiled-types/components/connectors/list.ok.component.d.ts

@@ -0,0 +1 @@
+export declare function ListOkComponent(): import("react/jsx-runtime").JSX.Element;

package/dist/mf/@mf-types/compiled-types/connectors.app.d.ts

@@ -0,0 +1 @@
+export declare function ConnectorsApp(): import("react/jsx-runtime").JSX.Element;

package/dist/mf/@mf-types/compiled-types/gen/IntegrationsApi.d.ts

@@ -0,0 +1,173 @@
+export interface ConnectorItem {
+    id: number;
+    main_connectorlist: {
+        codename: string;
+        description_fr: string | null;
+        id: number;
+        logo_key: string | null;
+        name: string;
+        original_codename: string;
+    };
+    name: string;
+}
+export interface ConnectorsListResponse {
+    list: ConnectorItem[];
+}
+export interface ConnectorsStatsResponse {
+    ill: number;
+    maintenance: number;
+    ok: number;
+}
+export declare namespace Connectors {
+    /**
+     * No description
+     * @tags Connectors
+     * @name GetStatsConnectorsV1
+     * @request GET:/v1/connectors/stats
+     * @response `200` `ConnectorsStatsResponse`
+     */
+    namespace GetStatsConnectorsV1 {
+        type RequestParams = {};
+        type RequestQuery = {};
+        type RequestBody = never;
+        type RequestHeaders = {};
+        type ResponseBody = ConnectorsStatsResponse;
+    }
+    /**
+     * No description
+     * @tags Connectors
+     * @name GetConnectorsV1
+     * @request GET:/v1/connectors
+     * @response `200` `ConnectorsListResponse`
+     */
+    namespace GetConnectorsV1 {
+        type RequestParams = {};
+        type RequestQuery = {};
+        type RequestBody = never;
+        type RequestHeaders = {};
+        type ResponseBody = ConnectorsListResponse;
+    }
+    /**
+     * No description
+     * @tags Connectors
+     * @name GetIllConnectorsV1
+     * @request GET:/v1/connectors/ill
+     * @response `200` `ConnectorsListResponse`
+     */
+    namespace GetIllConnectorsV1 {
+        type RequestParams = {};
+        type RequestQuery = {};
+        type RequestBody = never;
+        type RequestHeaders = {};
+        type ResponseBody = ConnectorsListResponse;
+    }
+}
+export type QueryParamsType = Record<string | number, any>;
+export type ResponseFormat = keyof Omit<Body, 'body' | 'bodyUsed'>;
+export interface FullRequestParams extends Omit<RequestInit, 'body'> {
+    /** set parameter to `true` for call `securityWorker` for this request */
+    secure?: boolean;
+    /** request path */
+    path: string;
+    /** content type of request body */
+    type?: ContentType;
+    /** query params */
+    query?: QueryParamsType;
+    /** format of response (i.e. response.json() -> format: "json") */
+    format?: ResponseFormat;
+    /** request body */
+    body?: unknown;
+    /** base url */
+    baseUrl?: string;
+    /** request cancellation token */
+    cancelToken?: CancelToken;
+}
+export type RequestParams = Omit<FullRequestParams, 'body' | 'method' | 'query' | 'path'>;
+export interface ApiConfig<SecurityDataType = unknown> {
+    baseUrl?: string;
+    baseApiParams?: Omit<RequestParams, 'baseUrl' | 'cancelToken' | 'signal'>;
+    securityWorker?: (securityData: SecurityDataType | null) => Promise<RequestParams | void> | RequestParams | void;
+    customFetch?: typeof fetch;
+}
+export interface HttpResponse<D extends unknown, E extends unknown = unknown> extends Response {
+    data: D;
+    error: E;
+}
+type CancelToken = Symbol | string | number;
+export declare enum ContentType {
+    Json = "application/json",
+    JsonApi = "application/vnd.api+json",
+    FormData = "multipart/form-data",
+    UrlEncoded = "application/x-www-form-urlencoded",
+    Text = "text/plain"
+}
+export declare class HttpClient<SecurityDataType = unknown> {
+    baseUrl: string;
+    private securityData;
+    private securityWorker?;
+    private abortControllers;
+    private customFetch;
+    private baseApiParams;
+    constructor(apiConfig?: ApiConfig<SecurityDataType>);
+    setSecurityData: (data: SecurityDataType | null) => void;
+    protected encodeQueryParam(key: string, value: any): string;
+    protected addQueryParam(query: QueryParamsType, key: string): string;
+    protected addArrayQueryParam(query: QueryParamsType, key: string): any;
+    protected toQueryString(rawQuery?: QueryParamsType): string;
+    protected addQueryParams(rawQuery?: QueryParamsType): string;
+    private contentFormatters;
+    protected mergeRequestParams(params1: RequestParams, params2?: RequestParams): RequestParams;
+    protected createAbortSignal: (cancelToken: CancelToken) => AbortSignal | undefined;
+    abortRequest: (cancelToken: CancelToken) => void;
+    request: <T = any, E = any>({ body, secure, path, type, query, format, baseUrl, cancelToken, ...params }: FullRequestParams) => Promise<HttpResponse<T, E>>;
+}
+/**
+ * @title My Cool API
+ * @version 1.0
+ * @contact
+ *
+ * Change this info in src/main.ts
+ */
+export declare class IntegrationsApi<SecurityDataType extends unknown> {
+    http: HttpClient<SecurityDataType>;
+    constructor(http: HttpClient<SecurityDataType>);
+    /**
+     * No description
+     *
+     * @tags App
+     * @name Status
+     * @request GET:/status
+     * @response `200` `void`
+     */
+    status: (params?: RequestParams) => Promise<HttpResponse<void, any>>;
+    connectors: {
+        /**
+         * No description
+         *
+         * @tags Connectors
+         * @name GetStatsConnectorsV1
+         * @request GET:/v1/connectors/stats
+         * @response `200` `ConnectorsStatsResponse`
+         */
+        getStatsConnectorsV1: (params?: RequestParams) => Promise<HttpResponse<ConnectorsStatsResponse, any>>;
+        /**
+         * No description
+         *
+         * @tags Connectors
+         * @name GetConnectorsV1
+         * @request GET:/v1/connectors
+         * @response `200` `ConnectorsListResponse`
+         */
+        getConnectorsV1: (params?: RequestParams) => Promise<HttpResponse<ConnectorsListResponse, any>>;
+        /**
+         * No description
+         *
+         * @tags Connectors
+         * @name GetIllConnectorsV1
+         * @request GET:/v1/connectors/ill
+         * @response `200` `ConnectorsListResponse`
+         */
+        getIllConnectorsV1: (params?: RequestParams) => Promise<HttpResponse<ConnectorsListResponse, any>>;
+    };
+}
+export {};

package/dist/mf/__federation_expose_connectors.js

@@ -7,4 +7,4 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var REACT_ELEMENT_TYPE=Symbol.for("react.transitional.element"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment");function jsxProd(type,config,maybeKey){var key=null;void 0!==maybeKey&&(key=""+maybeKey);void 0!==config.key&&(key=""+config.key);if("key"in config){maybeKey={};for(var propName in config)"key"!==propName&&(maybeKey[propName]=config[propName])}else maybeKey=config;config=maybeKey.ref;return{$$typeof:REACT_ELEMENT_TYPE,type:type,key:key,ref:void 0!==config?config:null,props:maybeKey}}exports.Fragment=REACT_FRAGMENT_TYPE;exports.jsx=jsxProd;exports.jsxs=jsxProd},5893:function(module,__unused_webpack_exports,__webpack_require__){module.exports=__webpack_require__(631)},8504:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{default:()=>Connectors});var jsx_runtime=__webpack_require__(5893);var index_js_=__webpack_require__(9063);var index_mjs_=__webpack_require__(3215);function App(){return/*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[/*#__PURE__*/(0,jsx_runtime.jsx)("h1",{children:"Hello"}),/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Title,{order:2,children:"Nos connecteurs"}),/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Title,{order:3,children:"Synchronisez vos comptes bancaires et outils comptables facilement."}),/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.SegmentedControl,{data:["Connecteurs actifs","Connecteurs \xe0 configurer","Connecteurs en maintenance","Tous les connecteurs"]})]})}var dist_index_js_=__webpack_require__(7483);var esm_index_mjs_=__webpack_require__(3519);var notifications_esm_index_mjs_=__webpack_require__(225);var modern_index_js_=__webpack_require__(2760);var dist_esm_index_mjs_=__webpack_require__(3040);const AppConfigCtx=/*#__PURE__*/(0,index_js_.createContext)(null);const AppConfigProvider=AppConfigCtx.Provider;const theme=(0,index_mjs_.createTheme)((0,dist_esm_index_mjs_.assign)(dist_index_js_.theme,{components:{}}));const cssVarResolver=x=>(0,dist_esm_index_mjs_.assign)(dist_index_js_.cssVarResolver(x),{dark:{},light:{},variables:{}});function Providers(props){const{children,config,mantine,tanstack}=props;return/*#__PURE__*/(0,jsx_runtime.jsx)(AppConfigProvider,{value:config,children:/*#__PURE__*/(0,jsx_runtime.jsx)(modern_index_js_.QueryClientProvider,{client:tanstack?.queryClient??new modern_index_js_.QueryClient,children:/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.MantineProvider,{theme:theme,cssVariablesResolver:cssVarResolver,defaultColorScheme:mantine?.defaultColorScheme,forceColorScheme:mantine?.forceColorScheme,children:/*#__PURE__*/(0,jsx_runtime.jsxs)(esm_index_mjs_.ModalsProvider,{children:[/*#__PURE__*/(0,jsx_runtime.jsx)(notifications_esm_index_mjs_.Notifications,{}),children]})})})})}function Connectors(props){return/*#__PURE__*/(0,jsx_runtime.jsx)(index_js_.StrictMode,{children:/*#__PURE__*/(0,jsx_runtime.jsx)(Providers,{...props,children:/*#__PURE__*/(0,jsx_runtime.jsx)(App,{})})})}}}]);
+ */var REACT_ELEMENT_TYPE=Symbol.for("react.transitional.element"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment");function jsxProd(type,config,maybeKey){var key=null;void 0!==maybeKey&&(key=""+maybeKey);void 0!==config.key&&(key=""+config.key);if("key"in config){maybeKey={};for(var propName in config)"key"!==propName&&(maybeKey[propName]=config[propName])}else maybeKey=config;config=maybeKey.ref;return{$$typeof:REACT_ELEMENT_TYPE,type:type,key:key,ref:void 0!==config?config:null,props:maybeKey}}exports.Fragment=REACT_FRAGMENT_TYPE;exports.jsx=jsxProd;exports.jsxs=jsxProd},5893:function(module,__unused_webpack_exports,__webpack_require__){module.exports=__webpack_require__(631)},5371:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{default:()=>Connectors});var jsx_runtime=__webpack_require__(5893);var index_js_=__webpack_require__(9063);var index_mjs_=__webpack_require__(3215);var modern_index_js_=__webpack_require__(2760);class HttpClient{baseUrl="";securityData=null;securityWorker;abortControllers=new Map;customFetch=(...fetchParams)=>fetch(...fetchParams);baseApiParams={credentials:"same-origin",headers:{},redirect:"follow",referrerPolicy:"no-referrer"};constructor(apiConfig={}){Object.assign(this,apiConfig)}setSecurityData=data=>{this.securityData=data};encodeQueryParam(key,value){const encodedKey=encodeURIComponent(key);return`${encodedKey}=${encodeURIComponent("number"==typeof value?value:`${value}`)}`}addQueryParam(query,key){return this.encodeQueryParam(key,query[key])}addArrayQueryParam(query,key){const value=query[key];return value.map(v=>this.encodeQueryParam(key,v)).join("&")}toQueryString(rawQuery){const query=rawQuery||{};const keys=Object.keys(query).filter(key=>void 0!==query[key]);return keys.map(key=>Array.isArray(query[key])?this.addArrayQueryParam(query,key):this.addQueryParam(query,key)).join("&")}addQueryParams(rawQuery){const queryString=this.toQueryString(rawQuery);return queryString?`?${queryString}`:""}contentFormatters={["application/json"]:input=>null!==input&&("object"==typeof input||"string"==typeof input)?JSON.stringify(input):input,["application/vnd.api+json"]:input=>null!==input&&("object"==typeof input||"string"==typeof input)?JSON.stringify(input):input,["text/plain"]:input=>null!==input&&"string"!=typeof input?JSON.stringify(input):input,["multipart/form-data"]:input=>{if(input instanceof FormData)return input;return Object.keys(input||{}).reduce((formData,key)=>{const property=input[key];formData.append(key,property instanceof Blob?property:"object"==typeof property&&null!==property?JSON.stringify(property):`${property}`);return formData},new FormData)},["application/x-www-form-urlencoded"]:input=>this.toQueryString(input)};mergeRequestParams(params1,params2){return{...this.baseApiParams,...params1,...params2||{},headers:{...this.baseApiParams.headers||{},...params1.headers||{},...params2&&params2.headers||{}}}}createAbortSignal=cancelToken=>{if(this.abortControllers.has(cancelToken)){const abortController=this.abortControllers.get(cancelToken);if(abortController)return abortController.signal;return}const abortController=new AbortController;this.abortControllers.set(cancelToken,abortController);return abortController.signal};abortRequest=cancelToken=>{const abortController=this.abortControllers.get(cancelToken);if(abortController){abortController.abort();this.abortControllers.delete(cancelToken)}};request=async({body,secure,path,type,query,format,baseUrl,cancelToken,...params})=>{const secureParams=("boolean"==typeof secure?secure:this.baseApiParams.secure)&&this.securityWorker&&await this.securityWorker(this.securityData)||{};const requestParams=this.mergeRequestParams(params,secureParams);const queryString=query&&this.toQueryString(query);const payloadFormatter=this.contentFormatters[type||"application/json"];const responseFormat=format||requestParams.format;return this.customFetch(`${baseUrl||this.baseUrl||""}${path}${queryString?`?${queryString}`:""}`,{...requestParams,headers:{...requestParams.headers||{},...type&&"multipart/form-data"!==type?{"Content-Type":type}:{}},signal:(cancelToken?this.createAbortSignal(cancelToken):requestParams.signal)||null,body:null==body?null:payloadFormatter(body)}).then(async response=>{const r=response;r.data=null;r.error=null;const data=responseFormat?await response[responseFormat]().then(data=>{if(r.ok)r.data=data;else r.error=data;return r}).catch(e=>{r.error=e;return r}):r;if(cancelToken)this.abortControllers.delete(cancelToken);if(!response.ok)throw data;return data})}}class IntegrationsApi{http;constructor(http){this.http=http}status=(params={})=>this.http.request({path:"/status",method:"GET",...params});connectors={getStatsConnectorsV1:(params={})=>this.http.request({path:"/v1/connectors/stats",method:"GET",format:"json",...params}),getConnectorsV1:(params={})=>this.http.request({path:"/v1/connectors",method:"GET",format:"json",...params}),getIllConnectorsV1:(params={})=>this.http.request({path:"/v1/connectors/ill",method:"GET",format:"json",...params})}}const AppConfigCtx=/*#__PURE__*/(0,index_js_.createContext)(null);const AppConfigProvider=AppConfigCtx.Provider;function useAppConfig(){const config=(0,index_js_.useContext)(AppConfigCtx);if(!config)throw new Error("Called `useAppConfig` outside a `<AppConfigProvider />`");return config}function useApi(){const config=useAppConfig();const client=new HttpClient({baseUrl:config.api.replace(/\/$/,""),baseApiParams:{headers:{Authorization:config.token?`Bearer ${config.token}`:"",From:config.owner}}});return new IntegrationsApi(client)}function useStatsQuery(){const api=useApi();const query=(0,modern_index_js_.useQuery)({queryKey:["connectors","stats"],queryFn:async()=>await api.connectors.getStatsConnectorsV1().then(x=>x.data),refetchIntervalInBackground:false,refetchOnWindowFocus:true,refetchOnReconnect:true});return query}function useConnectorsListQuery(){const api=useApi();const query=(0,modern_index_js_.useQuery)({queryKey:["connectors","list"],queryFn:async()=>await api.connectors.getConnectorsV1().then(x=>x.data),refetchIntervalInBackground:false,refetchOnWindowFocus:true,refetchOnReconnect:true});return query}function ConnectorBubble({connector}){const logoUrl=connector.main_connectorlist.logo_key?`https://img.logo.dev/${connector.main_connectorlist.logo_key}?token=pk_QvyqAb6uTRGJE2_sDsEb9g&retina=true`:`https://s3.eu-west-3.amazonaws.com/media.airporting/connectors/${connector.main_connectorlist.codename}.png`;return/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Card,{children:/*#__PURE__*/(0,jsx_runtime.jsxs)(index_mjs_.Stack,{children:[/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Avatar,{src:logoUrl,size:64,radius:"md"}),/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Title,{w:"fit-content",order:3,children:connector.name}),/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Text,{c:"dimmed",lineClamp:3,children:connector.main_connectorlist.description_fr})]})})}function ListOkComponent(){const listResultRes=useConnectorsListQuery();const listResult=listResultRes.data;console.log(listResult);return/*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Title,{w:"fit-content",mb:0,order:2,children:"Tous vos connecteurs en marche"}),/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Grid,{children:listResult?.list?.map((connector,idx)=>connector?.main_connectorlist?/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Grid.Col,{span:{base:6,md:3},children:/*#__PURE__*/(0,jsx_runtime.jsx)("a",{href:`https://app.airporting.com/connector/company/1/co/${connector.id}/view`,children:/*#__PURE__*/(0,jsx_runtime.jsx)(ConnectorBubble,{connector:connector})})},idx):/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Skeleton,{radius:"md",animate:true},idx))})]})}function ConnectorsApp(){const statsResultRes=useStatsQuery();const statsResult=statsResultRes.data;const[value,setValue]=(0,index_js_.useState)("active");return/*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Group,{py:16,children:/*#__PURE__*/(0,jsx_runtime.jsxs)(index_mjs_.Stack,{gap:0,children:[/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Title,{w:"fit-content",mb:0,order:1,children:"Nos connecteurs"}),/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Text,{w:"fit-content",mb:0,c:"dimmed",fz:"h5",children:"Synchronisez vos comptes bancaires et outils comptables facilement."})]})}),/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.Group,{py:16,children:/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.SegmentedControl,{value:value,onChange:setValue,radius:"md",size:"xl",data:[{label:`Connecteurs actifs${statsResult?.ok?` (${statsResult.ok})`:""}`,value:"active"},`Connecteurs \xe0 configurer${statsResult?.ill?` (${statsResult.ill})`:""}`,`Connecteurs en maintenance${statsResult?.maintenance?` (${statsResult.maintenance})`:""}`,"Tous les connecteurs"]})}),/*#__PURE__*/(0,jsx_runtime.jsx)(ListOkComponent,{})]})}var dist_index_js_=__webpack_require__(7483);var esm_index_mjs_=__webpack_require__(3519);var notifications_esm_index_mjs_=__webpack_require__(225);var dist_esm_index_mjs_=__webpack_require__(3040);const theme=(0,index_mjs_.createTheme)((0,dist_esm_index_mjs_.assign)(dist_index_js_.theme,{components:{}}));const cssVarResolver=x=>(0,dist_esm_index_mjs_.assign)(dist_index_js_.cssVarResolver(x),{dark:{},light:{},variables:{}});function Providers(props){const{children,config,mantine,tanstack}=props;return/*#__PURE__*/(0,jsx_runtime.jsx)(AppConfigProvider,{value:config,children:/*#__PURE__*/(0,jsx_runtime.jsx)(modern_index_js_.QueryClientProvider,{client:tanstack?.queryClient??new modern_index_js_.QueryClient,children:/*#__PURE__*/(0,jsx_runtime.jsx)(index_mjs_.MantineProvider,{theme:theme,cssVariablesResolver:cssVarResolver,defaultColorScheme:mantine?.defaultColorScheme,forceColorScheme:mantine?.forceColorScheme,children:/*#__PURE__*/(0,jsx_runtime.jsxs)(esm_index_mjs_.ModalsProvider,{children:[/*#__PURE__*/(0,jsx_runtime.jsx)(notifications_esm_index_mjs_.Notifications,{}),children]})})})})}function Connectors(props){return/*#__PURE__*/(0,jsx_runtime.jsx)(index_js_.StrictMode,{children:/*#__PURE__*/(0,jsx_runtime.jsx)(Providers,{...props,children:/*#__PURE__*/(0,jsx_runtime.jsx)(ConnectorsApp,{})})})}}}]);