clients/subscriptions: export subscribers

clients/apps/web/src/components/Subscriptions/SubscribersPage.tsx

@@ -1,7 +1,10 @@
 'use client'
 
 import { DashboardBody } from '@/components/Layout/DashboardLayout'
-import { ArrowDownOnSquareIcon } from '@heroicons/react/24/outline'
+import {
+  ArrowDownOnSquareIcon,
+  ArrowUpOnSquareIcon,
+} from '@heroicons/react/24/outline'
 import {
   Organization,
   PolarSubscriptionSchemasUser,
@@ -11,6 +14,7 @@ import {
   SubscriptionTierType,
 } from '@polar-sh/sdk'
 import { useRouter } from 'next/navigation'
+import { getServerURL } from 'polarkit/api'
 import {
   Avatar,
   Button,
@@ -245,21 +249,23 @@ const SubscribersPage: React.FC<SubscribersPageProps> = ({
     show: showImportSubscribers,
   } = useModal()
 
+  const onExport = () => {
+    const url = new URL(
+      `${getServerURL()}/api/v1/subscriptions/subscriptions/export?organization_name=${
+        organization.name
+      }&platform=${organization.platform}`,
+    )
+
+    window.open(url, '_blank')
+  }
+
   return (
     <DashboardBody>
       <div className="flex flex-col gap-8">
         <div className="flex items-center justify-between gap-2">
           <h2 className="text-xl">Subscribers</h2>
 
           <div className="flex items-center gap-2">
-            <Button
-              onClick={showImportSubscribers}
-              className="flex items-center"
-            >
-              <ArrowDownOnSquareIcon className="-ml-1 mr-2 h-5 w-5" />
-              <span>Import</span>
-            </Button>
-
             <div className="w-full min-w-[180px]">
               <SubscriptionTiersSelect
                 tiersByType={subscriptionTiersByType}
@@ -280,6 +286,25 @@ const SubscribersPage: React.FC<SubscribersPageProps> = ({
             onSortingChange={setSorting}
           />
         )}
+        <div className="flex items-center justify-end gap-2">
+          <Button
+            onClick={showImportSubscribers}
+            className="flex items-center"
+            variant={'secondary'}
+          >
+            <ArrowDownOnSquareIcon className="-ml-1 mr-2 h-5 w-5" />
+            <span>Import</span>
+          </Button>
+
+          <Button
+            onClick={onExport}
+            className="flex flex-row items-center "
+            variant={'secondary'}
+          >
+            <ArrowUpOnSquareIcon className="-ml-1 mr-2 h-5 w-5" />
+            <span>Export</span>
+          </Button>
+        </div>
       </div>
 
       <Modal

clients/packages/sdk/src/client/apis/SubscriptionsApi.ts

@@ -135,6 +135,12 @@ export interface SubscriptionsApiSearchSubscriptionsSummaryRequest {
     limit?: number;
 }
 
+export interface SubscriptionsApiSubscriptionsExportRequest {
+    organizationName: string;
+    platform: Platforms;
+    repositoryName?: string;
+}
+
 export interface SubscriptionsApiSubscriptionsImportRequest {
     organizationName: string;
     platform: Platforms;
@@ -932,6 +938,64 @@ export class SubscriptionsApi extends runtime.BaseAPI {
         return await response.value();
     }
 
+    /**
+     * Subscriptions Export
+     */
+    async subscriptionsExportRaw(requestParameters: SubscriptionsApiSubscriptionsExportRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<any>> {
+        if (requestParameters.organizationName === null || requestParameters.organizationName === undefined) {
+            throw new runtime.RequiredError('organizationName','Required parameter requestParameters.organizationName was null or undefined when calling subscriptionsExport.');
+        }
+
+        if (requestParameters.platform === null || requestParameters.platform === undefined) {
+            throw new runtime.RequiredError('platform','Required parameter requestParameters.platform was null or undefined when calling subscriptionsExport.');
+        }
+
+        const queryParameters: any = {};
+
+        if (requestParameters.repositoryName !== undefined) {
+            queryParameters['repository_name'] = requestParameters.repositoryName;
+        }
+
+        if (requestParameters.organizationName !== undefined) {
+            queryParameters['organization_name'] = requestParameters.organizationName;
+        }
+
+        if (requestParameters.platform !== undefined) {
+            queryParameters['platform'] = requestParameters.platform;
+        }
+
+        const headerParameters: runtime.HTTPHeaders = {};
+
+        if (this.configuration && this.configuration.accessToken) {
+            const token = this.configuration.accessToken;
+            const tokenString = await token("HTTPBearer", []);
+
+            if (tokenString) {
+                headerParameters["Authorization"] = `Bearer ${tokenString}`;
+            }
+        }
+        const response = await this.request({
+            path: `/api/v1/subscriptions/subscriptions/export`,
+            method: 'GET',
+            headers: headerParameters,
+            query: queryParameters,
+        }, initOverrides);
+
+        if (this.isJsonMime(response.headers.get('content-type'))) {
+            return new runtime.JSONApiResponse<any>(response);
+        } else {
+            return new runtime.TextApiResponse(response) as any;
+        }
+    }
+
+    /**
+     * Subscriptions Export
+     */
+    async subscriptionsExport(requestParameters: SubscriptionsApiSubscriptionsExportRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<any> {
+        const response = await this.subscriptionsExportRaw(requestParameters, initOverrides);
+        return await response.value();
+    }
+
     /**
      * Subscriptions Import
      */