@ossy/distribution 1.9.6 → 1.10.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ossy/distribution",
   "description": "Analytics module — workspace analytics for website traffic",
-  "version": "1.9.6",
+  "version": "1.10.0",
   "type": "module",
   "main": "./src/index.js",
   "module": "./src/index.js",
@@ -27,5 +27,5 @@
     "@ossy/sdk-react": "*",
     "react": "*"
   },
-  "gitHead": "72d150cf20ff7ba25b328bc5b429b065c2840b2b"
+  "gitHead": "d9d31182be64a448d575da432af2830d909ad4b9"
 }

package/src/Definition.js

@@ -2,12 +2,6 @@ export const Definition = {
   id: 'distribution',
   title: 'Distribution',
   description: 'Distribution channels and external publishing integrations.',
-  module: {
-    id: 'distribution',
-    enabled: true
-  },
+  icon: 'share',
   statuses: ['beta'],
-  actions: ['distribution.publish', 'distribution.unpublish'],
-  views: ['home.page', 'distribution.integrations'],
-  tasks: ['distribution.sync']
 }

package/src/distribution.page.jsx

@@ -1,6 +1,6 @@
-import React  from 'react'
+import React from 'react'
 import { useRouter } from '@ossy/router-react'
-import { Title, Text, View, Tags, Button, Switch, Icon2 } from '@ossy/design-system'
+import { Title, Text, View, Tags, Button, Switch, useLocale } from '@ossy/design-system'
 import { AsyncStatus } from '@ossy/sdk-react'
 import { Definition } from '@ossy/distribution'
 import { moduleStatusTags } from './moduleStatus.js'
@@ -13,31 +13,19 @@ export const metadata = {
   },
 }
 
-const integrations = [
-  {
-      name: 'Pinterest',
-      description: 'Share your images on Pinterest',
-      icon: 'details-more',
-  },
-  {
-      name: 'X',
-      description: 'Share your images on X',
-      icon: 'screen-shot',
-  },
-  {
-      name: 'LinkedIn',
-      description: 'Share your images on LinkedIn',
-      icon: 'arrows-expand-up-right',
-  },
-  {
-    name: 'Gmail',
-    description: 'Send and read emails',
-    icon: 'arrows-expand-up-right',
-  }
-]
+const integrationKeys = ['pinterest', 'x', 'linkedin', 'gmail']
 
 export const DistributionPage = () => {
   const router = useRouter()
+  const { t } = useLocale()
+
+  const integrations = integrationKeys.map((key) => ({
+    key,
+    name: key === 'x' ? 'X' : key.charAt(0).toUpperCase() + key.slice(1),
+    description: t(`distribution.home.integration.${key}.description`),
+    icon: key === 'pinterest' ? 'details-more' : key === 'x' ? 'screen-shot' : 'arrows-expand-up-right',
+  }))
+
   return (
     <View gap="m" surface="primary" style={{ padding: 'var(--space-m) var(--space-l)', height: '100%', overflowY: 'auto' }}>
 
@@ -45,39 +33,39 @@ export const DistributionPage = () => {
 
         <View layout="row" justifyContent="space-between" alignItems="center">
             <View layout='row' gap="s" alignItems="center">
-              <Title>{Definition.title}</Title>
+              <Title>{t('distribution.home.title')}</Title>
               {moduleStatusTags(Definition).length > 0 && (
                 <Tags tags={moduleStatusTags(Definition)} size="s" />
               )}
             </View>
             <Button variant="cta" disabled={true} prefix="add">
-              Add integration
+              {t('distribution.home.addIntegration')}
             </Button>
         </View>
 
         <Text style={{ maxWidth: '400px' }}>
-          {Definition.description}
+          {t('distribution.home.description')}
         </Text>
 
       </View>
 
       <View gap="m" inset="s">
-          <Title variant="secondary">Integrations</Title>
+          <Title variant="secondary">{t('distribution.home.integrations')}</Title>
           <Switch on={AsyncStatus.Success}>
 
               <Switch.Case match={[AsyncStatus.NotInitialized, AsyncStatus.Loading]}>
-                  <Text>Loading...</Text>
+                  <Text>{t('design-system.loading')}</Text>
               </Switch.Case>
 
               <Switch.Case match={[AsyncStatus.Error, AsyncStatus.AuthenticationError]}>
-                  <Text>Error loading profile</Text>
+                  <Text>{t('design-system.errorLoadingProfile')}</Text>
               </Switch.Case>
 
               <Switch.Case match={[AsyncStatus.Success]}>
                   <View gap="m" layout="row-wrap">
                   {integrations.map(service => (
                       <View
-                          key={service.name}
+                          key={service.key}
                           roundness="m"
                           surface="primary"
                           selectable

package/src/en.translations.json

@@ -0,0 +1,11 @@
+{
+  "distribution.home.documentTitle": "Distribution",
+  "distribution.home.title": "Distribution",
+  "distribution.home.description": "Distribution channels and external publishing integrations.",
+  "distribution.home.addIntegration": "Add integration",
+  "distribution.home.integrations": "Integrations",
+  "distribution.home.integration.pinterest.description": "Share your images on Pinterest",
+  "distribution.home.integration.x.description": "Share your images on X",
+  "distribution.home.integration.linkedin.description": "Share your images on LinkedIn",
+  "distribution.home.integration.gmail.description": "Send and read emails"
+}

package/src/sv.translations.json

@@ -0,0 +1,11 @@
+{
+  "distribution.home.documentTitle": "Distribution",
+  "distribution.home.title": "Distribution",
+  "distribution.home.description": "Distributionskanaler och externa publiceringsintegrationer.",
+  "distribution.home.addIntegration": "Lägg till integration",
+  "distribution.home.integrations": "Integrationer",
+  "distribution.home.integration.pinterest.description": "Dela dina bilder på Pinterest",
+  "distribution.home.integration.x.description": "Dela dina bilder på X",
+  "distribution.home.integration.linkedin.description": "Dela dina bilder på LinkedIn",
+  "distribution.home.integration.gmail.description": "Skicka och läs e-post"
+}