@shipfox/client-integrations 0.2.0

package/dist/components/installed-integrations-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/installed-integrations-section.tsx"],"sourcesContent":["import type {\n  IntegrationConnectionDto,\n  ListIntegrationConnectionsResponseDto,\n} from '@shipfox/api-integration-core-dto';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {IconButton} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn, formatDate} from '@shipfox/react-ui/utils';\nimport type {UseQueryResult} from '@tanstack/react-query';\nimport {Link} from '@tanstack/react-router';\nimport {ConnectionStatusBadge} from '#connection-status-badge.js';\nimport {IntegrationIcon} from '#integration-icon.js';\nimport {usageEventsForConnection} from './integration-usage-events.js';\n\ninterface InstalledIntegrationsSectionProps {\n  connectionsQuery: UseQueryResult<ListIntegrationConnectionsResponseDto, Error>;\n  connections: IntegrationConnectionDto[];\n  isMutating: boolean;\n  onUse: (connectionId: string) => void;\n  onSetActive: (connection: IntegrationConnectionDto, active: boolean) => void;\n  onDelete: (connectionId: string) => void;\n  providerDisplayName: (provider: string) => string | undefined;\n}\n\nconst INSTALLED_SURFACE_CLASS =\n  'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport function InstalledIntegrationsSection({\n  connectionsQuery,\n  connections,\n  isMutating,\n  onUse,\n  onSetActive,\n  onDelete,\n  providerDisplayName,\n}: InstalledIntegrationsSectionProps) {\n  return (\n    <section className=\"flex flex-col gap-16\" aria-label=\"Installed integrations\">\n      <div className=\"flex flex-col gap-4\">\n        <Header variant=\"h3\">Installed integrations</Header>\n        <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n          Provider accounts installed in this workspace.\n        </Text>\n      </div>\n\n      {connectionsQuery.isPending ? <InstalledSkeleton label=\"Loading integrations\" /> : null}\n\n      {connectionsQuery.isError && connectionsQuery.data === undefined ? (\n        <div className={cn(INSTALLED_SURFACE_CLASS, 'px-16')}>\n          <QueryLoadError query={connectionsQuery} subject=\"integrations\" />\n        </div>\n      ) : null}\n\n      {connectionsQuery.data !== undefined && connections.length === 0 ? (\n        <div className={cn(INSTALLED_SURFACE_CLASS, 'px-16')}>\n          <EmptyState\n            icon=\"componentLine\"\n            title=\"No integrations installed yet\"\n            description=\"Install a provider below to get started.\"\n          />\n        </div>\n      ) : null}\n\n      {connections.length > 0 ? (\n        <ul className={cn('divide-y divide-border-neutral-base', INSTALLED_SURFACE_CLASS)}>\n          {connections.map((connection) => (\n            <InstalledRow\n              key={connection.id}\n              connection={connection}\n              isMutating={isMutating}\n              onUse={onUse}\n              onSetActive={(nextActive) => onSetActive(connection, nextActive)}\n              onDelete={onDelete}\n              providerDisplayName={providerDisplayName}\n            />\n          ))}\n        </ul>\n      ) : null}\n    </section>\n  );\n}\n\nfunction InstalledRow({\n  connection,\n  isMutating,\n  onUse,\n  onSetActive,\n  onDelete,\n  providerDisplayName,\n}: {\n  connection: IntegrationConnectionDto;\n  isMutating: boolean;\n  onUse: (connectionId: string) => void;\n  onSetActive: (active: boolean) => void;\n  onDelete: (connectionId: string) => void;\n  providerDisplayName: (provider: string) => string | undefined;\n}) {\n  const muted = connection.lifecycle_status === 'disabled';\n  const active = connection.lifecycle_status === 'active';\n  const recentEventsEvent = usageEventsForConnection(connection)[0]?.value ?? 'received';\n  const providerName = providerDisplayName(connection.provider);\n\n  return (\n    <li className=\"flex items-center gap-12 px-16 py-12 transition-colors hover:bg-background-components-hover\">\n      <IntegrationIcon\n        source={connection.provider}\n        aria-hidden\n        className={cn(\n          'size-24 shrink-0',\n          muted ? 'text-foreground-neutral-disabled' : 'text-foreground-neutral-base',\n        )}\n      />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n        <div className=\"flex min-w-0 items-center gap-8\">\n          <Text\n            size=\"md\"\n            bold\n            className={cn('truncate', muted ? 'text-foreground-neutral-disabled' : undefined)}\n          >\n            {connection.display_name}\n          </Text>\n          <ConnectionStatusBadge status={connection.lifecycle_status} className=\"shrink-0\" />\n        </div>\n        <Text size=\"sm\" className=\"truncate text-foreground-neutral-muted\">\n          Added {formatDate(connection.created_at)}\n        </Text>\n      </div>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <IconButton\n            size=\"sm\"\n            variant=\"transparent\"\n            icon=\"more2Line\"\n            aria-label={`Open ${connection.display_name} integration actions`}\n          />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\">\n          {connection.external_url ? (\n            <DropdownMenuItem asChild>\n              <a href={connection.external_url} target=\"_blank\" rel=\"noreferrer noopener\">\n                {providerName ? `Open in ${providerName}` : 'Open provider settings'}\n              </a>\n            </DropdownMenuItem>\n          ) : null}\n          <DropdownMenuItem onSelect={() => onUse(connection.id)}>\n            Use this integration\n          </DropdownMenuItem>\n          <DropdownMenuItem asChild>\n            <Link\n              to=\"/workspaces/$wid/settings/events\"\n              params={{wid: connection.workspace_id}}\n              search={{source: [connection.slug], event: [recentEventsEvent]}}\n            >\n              View recent events\n            </Link>\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem disabled={isMutating} onSelect={() => onSetActive(!active)}>\n            {active ? 'Disable integration' : 'Enable integration'}\n          </DropdownMenuItem>\n          <DropdownMenuItem disabled={isMutating} onSelect={() => onDelete(connection.id)}>\n            Delete integration\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </li>\n  );\n}\n\nfunction InstalledSkeleton({label}: {label: string}) {\n  return (\n    <ul\n      role=\"status\"\n      aria-label={label}\n      className={cn('divide-y divide-border-neutral-base', INSTALLED_SURFACE_CLASS)}\n    >\n      {[0, 1, 2].map((row) => (\n        <li key={row} className=\"flex items-center gap-12 px-16 py-12\">\n          <Skeleton className=\"size-24 shrink-0\" />\n          <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n            <Skeleton className=\"h-16 w-120\" />\n            <Skeleton className=\"h-12 w-80\" />\n          </div>\n          <Skeleton className=\"h-20 w-72 shrink-0\" />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["QueryLoadError","IconButton","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuTrigger","EmptyState","Skeleton","Header","Text","cn","formatDate","Link","ConnectionStatusBadge","IntegrationIcon","usageEventsForConnection","INSTALLED_SURFACE_CLASS","InstalledIntegrationsSection","connectionsQuery","connections","isMutating","onUse","onSetActive","onDelete","providerDisplayName","section","className","aria-label","div","variant","size","isPending","InstalledSkeleton","label","isError","data","undefined","query","subject","length","icon","title","description","ul","map","connection","InstalledRow","nextActive","id","muted","lifecycle_status","active","recentEventsEvent","value","providerName","provider","li","source","aria-hidden","bold","display_name","status","created_at","asChild","align","external_url","a","href","target","rel","onSelect","to","params","wid","workspace_id","search","slug","event","disabled","role","row"],"mappings":";AAIA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,UAAU,QAAO,2BAA2B;AACpD,SACEC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,qBAAqB,EACrBC,mBAAmB,QACd,kCAAkC;AACzC,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,EAAE,EAAEC,UAAU,QAAO,0BAA0B;AAEvD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,qBAAqB,QAAO,8BAA8B;AAClE,SAAQC,eAAe,QAAO,uBAAuB;AACrD,SAAQC,wBAAwB,QAAO,gCAAgC;AAYvE,MAAMC,0BACJ;AAEF,OAAO,SAASC,6BAA6B,EAC3CC,gBAAgB,EAChBC,WAAW,EACXC,UAAU,EACVC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EACe;IAClC,qBACE,MAACC;QAAQC,WAAU;QAAuBC,cAAW;;0BACnD,MAACC;gBAAIF,WAAU;;kCACb,KAAClB;wBAAOqB,SAAQ;kCAAK;;kCACrB,KAACpB;wBAAKqB,MAAK;wBAAKJ,WAAU;kCAAgC;;;;YAK3DR,iBAAiBa,SAAS,iBAAG,KAACC;gBAAkBC,OAAM;iBAA4B;YAElFf,iBAAiBgB,OAAO,IAAIhB,iBAAiBiB,IAAI,KAAKC,0BACrD,KAACR;gBAAIF,WAAWhB,GAAGM,yBAAyB;0BAC1C,cAAA,KAACjB;oBAAesC,OAAOnB;oBAAkBoB,SAAQ;;iBAEjD;YAEHpB,iBAAiBiB,IAAI,KAAKC,aAAajB,YAAYoB,MAAM,KAAK,kBAC7D,KAACX;gBAAIF,WAAWhB,GAAGM,yBAAyB;0BAC1C,cAAA,KAACV;oBACCkC,MAAK;oBACLC,OAAM;oBACNC,aAAY;;iBAGd;YAEHvB,YAAYoB,MAAM,GAAG,kBACpB,KAACI;gBAAGjB,WAAWhB,GAAG,uCAAuCM;0BACtDG,YAAYyB,GAAG,CAAC,CAACC,2BAChB,KAACC;wBAECD,YAAYA;wBACZzB,YAAYA;wBACZC,OAAOA;wBACPC,aAAa,CAACyB,aAAezB,YAAYuB,YAAYE;wBACrDxB,UAAUA;wBACVC,qBAAqBA;uBANhBqB,WAAWG,EAAE;iBAUtB;;;AAGV;AAEA,SAASF,aAAa,EACpBD,UAAU,EACVzB,UAAU,EACVC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EAQpB;IACC,MAAMyB,QAAQJ,WAAWK,gBAAgB,KAAK;IAC9C,MAAMC,SAASN,WAAWK,gBAAgB,KAAK;IAC/C,MAAME,oBAAoBrC,yBAAyB8B,WAAW,CAAC,EAAE,EAAEQ,SAAS;IAC5E,MAAMC,eAAe9B,oBAAoBqB,WAAWU,QAAQ;IAE5D,qBACE,MAACC;QAAG9B,WAAU;;0BACZ,KAACZ;gBACC2C,QAAQZ,WAAWU,QAAQ;gBAC3BG,aAAW;gBACXhC,WAAWhB,GACT,oBACAuC,QAAQ,qCAAqC;;0BAGjD,MAACrB;gBAAIF,WAAU;;kCACb,MAACE;wBAAIF,WAAU;;0CACb,KAACjB;gCACCqB,MAAK;gCACL6B,IAAI;gCACJjC,WAAWhB,GAAG,YAAYuC,QAAQ,qCAAqCb;0CAEtES,WAAWe,YAAY;;0CAE1B,KAAC/C;gCAAsBgD,QAAQhB,WAAWK,gBAAgB;gCAAExB,WAAU;;;;kCAExE,MAACjB;wBAAKqB,MAAK;wBAAKJ,WAAU;;4BAAyC;4BAC1Df,WAAWkC,WAAWiB,UAAU;;;;;0BAG3C,MAAC7D;;kCACC,KAACI;wBAAoB0D,OAAO;kCAC1B,cAAA,KAAC/D;4BACC8B,MAAK;4BACLD,SAAQ;4BACRW,MAAK;4BACLb,cAAY,CAAC,KAAK,EAAEkB,WAAWe,YAAY,CAAC,oBAAoB,CAAC;;;kCAGrE,MAAC1D;wBAAoB8D,OAAM;;4BACxBnB,WAAWoB,YAAY,iBACtB,KAAC9D;gCAAiB4D,OAAO;0CACvB,cAAA,KAACG;oCAAEC,MAAMtB,WAAWoB,YAAY;oCAAEG,QAAO;oCAASC,KAAI;8CACnDf,eAAe,CAAC,QAAQ,EAAEA,cAAc,GAAG;;iCAG9C;0CACJ,KAACnD;gCAAiBmE,UAAU,IAAMjD,MAAMwB,WAAWG,EAAE;0CAAG;;0CAGxD,KAAC7C;gCAAiB4D,OAAO;0CACvB,cAAA,KAACnD;oCACC2D,IAAG;oCACHC,QAAQ;wCAACC,KAAK5B,WAAW6B,YAAY;oCAAA;oCACrCC,QAAQ;wCAAClB,QAAQ;4CAACZ,WAAW+B,IAAI;yCAAC;wCAAEC,OAAO;4CAACzB;yCAAkB;oCAAA;8CAC/D;;;0CAIH,KAAChD;0CACD,KAACD;gCAAiB2E,UAAU1D;gCAAYkD,UAAU,IAAMhD,YAAY,CAAC6B;0CAClEA,SAAS,wBAAwB;;0CAEpC,KAAChD;gCAAiB2E,UAAU1D;gCAAYkD,UAAU,IAAM/C,SAASsB,WAAWG,EAAE;0CAAG;;;;;;;;AAO3F;AAEA,SAAShB,kBAAkB,EAACC,KAAK,EAAkB;IACjD,qBACE,KAACU;QACCoC,MAAK;QACLpD,cAAYM;QACZP,WAAWhB,GAAG,uCAAuCM;kBAEpD;YAAC;YAAG;YAAG;SAAE,CAAC4B,GAAG,CAAC,CAACoC,oBACd,MAACxB;gBAAa9B,WAAU;;kCACtB,KAACnB;wBAASmB,WAAU;;kCACpB,MAACE;wBAAIF,WAAU;;0CACb,KAACnB;gCAASmB,WAAU;;0CACpB,KAACnB;gCAASmB,WAAU;;;;kCAEtB,KAACnB;wBAASmB,WAAU;;;eANbsD;;AAWjB"}

package/dist/components/integration-delete-confirm-modal.d.ts

@@ -0,0 +1,10 @@
+interface IntegrationDeleteConfirmModalProps {
+    connectionName: string | undefined;
+    open: boolean;
+    isPending: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+}
+export declare function IntegrationDeleteConfirmModal({ connectionName, open, isPending, onOpenChange, onConfirm, }: IntegrationDeleteConfirmModalProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=integration-delete-confirm-modal.d.ts.map

package/dist/components/integration-delete-confirm-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-delete-confirm-modal.d.ts","sourceRoot":"","sources":["../../src/components/integration-delete-confirm-modal.tsx"],"names":[],"mappings":"AAWA,UAAU,kCAAkC;IAC1C,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,cAAc,EACd,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,SAAS,GACV,EAAE,kCAAkC,+BAoCpC"}

package/dist/components/integration-delete-confirm-modal.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalTitle } from '@shipfox/react-ui/modal';
+import { Text } from '@shipfox/react-ui/typography';
+export function IntegrationDeleteConfirmModal({ connectionName, open, isPending, onOpenChange, onConfirm }) {
+    const name = connectionName ?? 'this integration';
+    return /*#__PURE__*/ _jsx(Modal, {
+        open: open,
+        onOpenChange: (nextOpen)=>{
+            if (isPending && !nextOpen) return;
+            onOpenChange(nextOpen);
+        },
+        children: /*#__PURE__*/ _jsxs(ModalContent, {
+            "aria-describedby": undefined,
+            children: [
+                /*#__PURE__*/ _jsx(ModalTitle, {
+                    className: "sr-only",
+                    children: "Delete integration"
+                }),
+                /*#__PURE__*/ _jsx(ModalHeader, {
+                    title: "Delete integration",
+                    showClose: !isPending
+                }),
+                /*#__PURE__*/ _jsx(ModalBody, {
+                    className: "gap-16",
+                    children: /*#__PURE__*/ _jsxs(Text, {
+                        size: "sm",
+                        children: [
+                            "Are you sure you want to delete ",
+                            /*#__PURE__*/ _jsx("strong", {
+                                className: "font-medium",
+                                children: name
+                            }),
+                            "? Once deleted, Shipfox will immediately stop processing events from this integration. This cannot be undone."
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(ModalFooter, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "secondary",
+                            disabled: isPending,
+                            onClick: ()=>onOpenChange(false),
+                            children: "Cancel"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "danger",
+                            isLoading: isPending,
+                            onClick: onConfirm,
+                            children: "Delete integration"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=integration-delete-confirm-modal.js.map

package/dist/components/integration-delete-confirm-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/integration-delete-confirm-modal.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {Text} from '@shipfox/react-ui/typography';\n\ninterface IntegrationDeleteConfirmModalProps {\n  connectionName: string | undefined;\n  open: boolean;\n  isPending: boolean;\n  onOpenChange: (open: boolean) => void;\n  onConfirm: () => void;\n}\n\nexport function IntegrationDeleteConfirmModal({\n  connectionName,\n  open,\n  isPending,\n  onOpenChange,\n  onConfirm,\n}: IntegrationDeleteConfirmModalProps) {\n  const name = connectionName ?? 'this integration';\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(nextOpen) => {\n        if (isPending && !nextOpen) return;\n        onOpenChange(nextOpen);\n      }}\n    >\n      <ModalContent aria-describedby={undefined}>\n        <ModalTitle className=\"sr-only\">Delete integration</ModalTitle>\n        <ModalHeader title=\"Delete integration\" showClose={!isPending} />\n        <ModalBody className=\"gap-16\">\n          <Text size=\"sm\">\n            Are you sure you want to delete <strong className=\"font-medium\">{name}</strong>? Once\n            deleted, Shipfox will immediately stop processing events from this integration. This\n            cannot be undone.\n          </Text>\n        </ModalBody>\n        <ModalFooter>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            disabled={isPending}\n            onClick={() => onOpenChange(false)}\n          >\n            Cancel\n          </Button>\n          <Button type=\"button\" variant=\"danger\" isLoading={isPending} onClick={onConfirm}>\n            Delete integration\n          </Button>\n        </ModalFooter>\n      </ModalContent>\n    </Modal>\n  );\n}\n"],"names":["Button","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","Text","IntegrationDeleteConfirmModal","connectionName","open","isPending","onOpenChange","onConfirm","name","nextOpen","aria-describedby","undefined","className","title","showClose","size","strong","type","variant","disabled","onClick","isLoading"],"mappings":";AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SACEC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,UAAU,QACL,0BAA0B;AACjC,SAAQC,IAAI,QAAO,+BAA+B;AAUlD,OAAO,SAASC,8BAA8B,EAC5CC,cAAc,EACdC,IAAI,EACJC,SAAS,EACTC,YAAY,EACZC,SAAS,EAC0B;IACnC,MAAMC,OAAOL,kBAAkB;IAC/B,qBACE,KAACR;QACCS,MAAMA;QACNE,cAAc,CAACG;YACb,IAAIJ,aAAa,CAACI,UAAU;YAC5BH,aAAaG;QACf;kBAEA,cAAA,MAACZ;YAAaa,oBAAkBC;;8BAC9B,KAACX;oBAAWY,WAAU;8BAAU;;8BAChC,KAACb;oBAAYc,OAAM;oBAAqBC,WAAW,CAACT;;8BACpD,KAACT;oBAAUgB,WAAU;8BACnB,cAAA,MAACX;wBAAKc,MAAK;;4BAAK;0CACkB,KAACC;gCAAOJ,WAAU;0CAAeJ;;4BAAc;;;;8BAKnF,MAACV;;sCACC,KAACJ;4BACCuB,MAAK;4BACLC,SAAQ;4BACRC,UAAUd;4BACVe,SAAS,IAAMd,aAAa;sCAC7B;;sCAGD,KAACZ;4BAAOuB,MAAK;4BAASC,SAAQ;4BAASG,WAAWhB;4BAAWe,SAASb;sCAAW;;;;;;;AAO3F"}

package/dist/components/integration-gallery-for-workspace.d.ts

@@ -0,0 +1,9 @@
+import type { IntegrationCapabilityDto } from '@shipfox/api-integration-core-dto';
+interface IntegrationGalleryForWorkspaceProps {
+    capability: IntegrationCapabilityDto | undefined;
+    emptyProvidersMessage: string;
+    workspaceId: string;
+}
+export declare function IntegrationGalleryForWorkspace({ capability, emptyProvidersMessage, workspaceId, }: IntegrationGalleryForWorkspaceProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=integration-gallery-for-workspace.d.ts.map

package/dist/components/integration-gallery-for-workspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-gallery-for-workspace.d.ts","sourceRoot":"","sources":["../../src/components/integration-gallery-for-workspace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EAGzB,MAAM,mCAAmC,CAAC;AAsB3C,UAAU,mCAAmC;IAC3C,UAAU,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACjD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,UAAU,EACV,qBAAqB,EACrB,WAAW,GACZ,EAAE,mCAAmC,+BA4JrC"}

package/dist/components/integration-gallery-for-workspace.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toast } from '@shipfox/react-ui/toast';
+import { Header, Text } from '@shipfox/react-ui/typography';
+import { useState } from 'react';
+import { useDeleteIntegrationConnectionMutation, useIntegrationConnectionsQuery, useIntegrationProvidersQuery, useUpdateIntegrationConnectionMutation } from '#hooks/api/integrations.js';
+import { useDeleteWebhookConnectionMutation, useUpdateWebhookConnectionMutation } from '#hooks/api/webhook-connections.js';
+import { InstalledIntegrationsSection } from './installed-integrations-section.js';
+import { IntegrationDeleteConfirmModal } from './integration-delete-confirm-modal.js';
+import { usageEventsForConnection } from './integration-usage-events.js';
+import { IntegrationUsageModal } from './integration-usage-modal.js';
+import { ProviderGrid } from './provider-grid.js';
+import { WebhookCreateModal } from './webhook/webhook-create-modal.js';
+import { WebhookUsageDetails } from './webhook/webhook-usage-details.js';
+export function IntegrationGalleryForWorkspace({ capability, emptyProvidersMessage, workspaceId }) {
+    const [createProvider, setCreateProvider] = useState();
+    const [usageConnectionId, setUsageConnectionId] = useState();
+    const [createdUsageConnection, setCreatedUsageConnection] = useState();
+    const [deleteConnectionId, setDeleteConnectionId] = useState();
+    const providersQuery = useIntegrationProvidersQuery(capability ? {
+        capability
+    } : undefined);
+    const connectionsQuery = useIntegrationConnectionsQuery(workspaceId);
+    const updateConnection = useUpdateIntegrationConnectionMutation();
+    const deleteConnection = useDeleteIntegrationConnectionMutation();
+    const updateWebhookConnection = useUpdateWebhookConnectionMutation();
+    const deleteWebhookConnection = useDeleteWebhookConnectionMutation();
+    const providers = providersQuery.data?.providers ?? [];
+    const providersMap = new Map(providers.map((provider)=>[
+            provider.provider,
+            provider
+        ]));
+    const allConnections = connectionsQuery.data?.connections ?? [];
+    // Filter in memory so the all-status cache key stays shared; passing capability
+    // into the hook would collide with the active-only `source_control` key used
+    // elsewhere.
+    const connections = capability ? allConnections.filter((connection)=>connection.capabilities.includes(capability)) : allConnections;
+    const providerDisplayName = (provider)=>providersMap.get(provider)?.display_name;
+    const providerLabel = (provider)=>providerDisplayName(provider) ?? provider;
+    const sortedConnections = [
+        ...connections
+    ].sort((a, b)=>{
+        const byProvider = providerLabel(a.provider).localeCompare(providerLabel(b.provider));
+        if (byProvider !== 0) return byProvider;
+        return a.created_at.localeCompare(b.created_at);
+    });
+    const usageConnection = sortedConnections.find((connection)=>connection.id === usageConnectionId) ?? (createdUsageConnection?.id === usageConnectionId ? createdUsageConnection : null) ?? null;
+    const deleteConnectionTarget = sortedConnections.find((connection)=>connection.id === deleteConnectionId);
+    async function setConnectionActive(connection, active) {
+        try {
+            const body = {
+                lifecycle_status: active ? 'active' : 'disabled'
+            };
+            if (connection.provider === 'webhook') {
+                await updateWebhookConnection.mutateAsync({
+                    workspaceId,
+                    connectionId: connection.id,
+                    body
+                });
+            } else {
+                await updateConnection.mutateAsync({
+                    connectionId: connection.id,
+                    body
+                });
+            }
+            toast.success(active ? 'Integration enabled.' : 'Integration disabled.');
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Could not update integration.');
+        }
+    }
+    async function confirmDeleteConnection() {
+        if (!deleteConnectionTarget) return;
+        try {
+            if (deleteConnectionTarget.provider === 'webhook') {
+                await deleteWebhookConnection.mutateAsync({
+                    workspaceId,
+                    connectionId: deleteConnectionTarget.id
+                });
+            } else {
+                await deleteConnection.mutateAsync({
+                    workspaceId,
+                    connectionId: deleteConnectionTarget.id
+                });
+            }
+            toast.success('Integration deleted.');
+            setDeleteConnectionId(undefined);
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Could not delete integration.');
+        }
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-24",
+        children: [
+            /*#__PURE__*/ _jsx(InstalledIntegrationsSection, {
+                connectionsQuery: connectionsQuery,
+                connections: sortedConnections,
+                isMutating: updateConnection.isPending || deleteConnection.isPending || updateWebhookConnection.isPending || deleteWebhookConnection.isPending,
+                onUse: setUsageConnectionId,
+                onSetActive: (connection, active)=>{
+                    void setConnectionActive(connection, active);
+                },
+                onDelete: setDeleteConnectionId,
+                providerDisplayName: providerDisplayName
+            }),
+            /*#__PURE__*/ _jsxs("section", {
+                className: "flex flex-col gap-16",
+                "aria-label": "Available integrations",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex flex-col gap-4",
+                        children: [
+                            /*#__PURE__*/ _jsx(Header, {
+                                variant: "h3",
+                                children: "Available integrations"
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "sm",
+                                className: "text-foreground-neutral-muted",
+                                children: "Providers available to install in this workspace."
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(ProviderGrid, {
+                        providersQuery: providersQuery,
+                        workspaceId: workspaceId,
+                        emptyMessage: emptyProvidersMessage,
+                        onOpenProvider: setCreateProvider
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(WebhookCreateModal, {
+                workspaceId: workspaceId,
+                open: createProvider === 'webhook',
+                onOpenChange: (open)=>setCreateProvider(open ? 'webhook' : undefined),
+                onCreated: (connection)=>{
+                    setCreatedUsageConnection(connection);
+                    setUsageConnectionId(connection.id);
+                }
+            }),
+            /*#__PURE__*/ _jsx(IntegrationUsageModal, {
+                connection: usageConnection,
+                events: usageConnection ? usageEventsForConnection(usageConnection) : [],
+                open: usageConnection !== null,
+                onOpenChange: (open)=>{
+                    if (!open) {
+                        setUsageConnectionId(undefined);
+                        setCreatedUsageConnection(undefined);
+                    }
+                },
+                children: usageConnection?.provider === 'webhook' ? /*#__PURE__*/ _jsx(WebhookUsageDetails, {
+                    workspaceId: workspaceId,
+                    connectionId: usageConnection.id
+                }) : null
+            }),
+            /*#__PURE__*/ _jsx(IntegrationDeleteConfirmModal, {
+                connectionName: deleteConnectionTarget?.display_name,
+                open: deleteConnectionId !== undefined,
+                isPending: deleteConnection.isPending || deleteWebhookConnection.isPending,
+                onOpenChange: (open)=>{
+                    if (!open) setDeleteConnectionId(undefined);
+                },
+                onConfirm: ()=>{
+                    void confirmDeleteConnection();
+                }
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=integration-gallery-for-workspace.js.map

package/dist/components/integration-gallery-for-workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/integration-gallery-for-workspace.tsx"],"sourcesContent":["import type {\n  IntegrationCapabilityDto,\n  IntegrationConnectionDto,\n  IntegrationProviderDto,\n} from '@shipfox/api-integration-core-dto';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {useState} from 'react';\nimport {\n  useDeleteIntegrationConnectionMutation,\n  useIntegrationConnectionsQuery,\n  useIntegrationProvidersQuery,\n  useUpdateIntegrationConnectionMutation,\n} from '#hooks/api/integrations.js';\nimport {\n  useDeleteWebhookConnectionMutation,\n  useUpdateWebhookConnectionMutation,\n} from '#hooks/api/webhook-connections.js';\nimport {InstalledIntegrationsSection} from './installed-integrations-section.js';\nimport {IntegrationDeleteConfirmModal} from './integration-delete-confirm-modal.js';\nimport {usageEventsForConnection} from './integration-usage-events.js';\nimport {IntegrationUsageModal} from './integration-usage-modal.js';\nimport {ProviderGrid} from './provider-grid.js';\nimport {WebhookCreateModal} from './webhook/webhook-create-modal.js';\nimport {WebhookUsageDetails} from './webhook/webhook-usage-details.js';\n\ninterface IntegrationGalleryForWorkspaceProps {\n  capability: IntegrationCapabilityDto | undefined;\n  emptyProvidersMessage: string;\n  workspaceId: string;\n}\n\nexport function IntegrationGalleryForWorkspace({\n  capability,\n  emptyProvidersMessage,\n  workspaceId,\n}: IntegrationGalleryForWorkspaceProps) {\n  const [createProvider, setCreateProvider] = useState<string | undefined>();\n  const [usageConnectionId, setUsageConnectionId] = useState<string | undefined>();\n  const [createdUsageConnection, setCreatedUsageConnection] = useState<\n    IntegrationConnectionDto | undefined\n  >();\n  const [deleteConnectionId, setDeleteConnectionId] = useState<string | undefined>();\n  const providersQuery = useIntegrationProvidersQuery(capability ? {capability} : undefined);\n  const connectionsQuery = useIntegrationConnectionsQuery(workspaceId);\n  const updateConnection = useUpdateIntegrationConnectionMutation();\n  const deleteConnection = useDeleteIntegrationConnectionMutation();\n  const updateWebhookConnection = useUpdateWebhookConnectionMutation();\n  const deleteWebhookConnection = useDeleteWebhookConnectionMutation();\n\n  const providers = providersQuery.data?.providers ?? [];\n  const providersMap = new Map<string, IntegrationProviderDto>(\n    providers.map((provider) => [provider.provider, provider]),\n  );\n\n  const allConnections = connectionsQuery.data?.connections ?? [];\n  // Filter in memory so the all-status cache key stays shared; passing capability\n  // into the hook would collide with the active-only `source_control` key used\n  // elsewhere.\n  const connections = capability\n    ? allConnections.filter((connection) => connection.capabilities.includes(capability))\n    : allConnections;\n\n  const providerDisplayName = (provider: string) => providersMap.get(provider)?.display_name;\n  const providerLabel = (provider: string) => providerDisplayName(provider) ?? provider;\n\n  const sortedConnections = [...connections].sort((a, b) => {\n    const byProvider = providerLabel(a.provider).localeCompare(providerLabel(b.provider));\n    if (byProvider !== 0) return byProvider;\n    return a.created_at.localeCompare(b.created_at);\n  });\n  const usageConnection =\n    sortedConnections.find((connection) => connection.id === usageConnectionId) ??\n    (createdUsageConnection?.id === usageConnectionId ? createdUsageConnection : null) ??\n    null;\n  const deleteConnectionTarget = sortedConnections.find(\n    (connection) => connection.id === deleteConnectionId,\n  );\n\n  async function setConnectionActive(connection: IntegrationConnectionDto, active: boolean) {\n    try {\n      const body = {lifecycle_status: active ? 'active' : 'disabled'} as const;\n      if (connection.provider === 'webhook') {\n        await updateWebhookConnection.mutateAsync({\n          workspaceId,\n          connectionId: connection.id,\n          body,\n        });\n      } else {\n        await updateConnection.mutateAsync({\n          connectionId: connection.id,\n          body,\n        });\n      }\n      toast.success(active ? 'Integration enabled.' : 'Integration disabled.');\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Could not update integration.');\n    }\n  }\n\n  async function confirmDeleteConnection() {\n    if (!deleteConnectionTarget) return;\n    try {\n      if (deleteConnectionTarget.provider === 'webhook') {\n        await deleteWebhookConnection.mutateAsync({\n          workspaceId,\n          connectionId: deleteConnectionTarget.id,\n        });\n      } else {\n        await deleteConnection.mutateAsync({\n          workspaceId,\n          connectionId: deleteConnectionTarget.id,\n        });\n      }\n      toast.success('Integration deleted.');\n      setDeleteConnectionId(undefined);\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Could not delete integration.');\n    }\n  }\n\n  return (\n    <div className=\"flex flex-col gap-24\">\n      <InstalledIntegrationsSection\n        connectionsQuery={connectionsQuery}\n        connections={sortedConnections}\n        isMutating={\n          updateConnection.isPending ||\n          deleteConnection.isPending ||\n          updateWebhookConnection.isPending ||\n          deleteWebhookConnection.isPending\n        }\n        onUse={setUsageConnectionId}\n        onSetActive={(connection, active) => {\n          void setConnectionActive(connection, active);\n        }}\n        onDelete={setDeleteConnectionId}\n        providerDisplayName={providerDisplayName}\n      />\n\n      <section className=\"flex flex-col gap-16\" aria-label=\"Available integrations\">\n        <div className=\"flex flex-col gap-4\">\n          <Header variant=\"h3\">Available integrations</Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            Providers available to install in this workspace.\n          </Text>\n        </div>\n\n        <ProviderGrid\n          providersQuery={providersQuery}\n          workspaceId={workspaceId}\n          emptyMessage={emptyProvidersMessage}\n          onOpenProvider={setCreateProvider}\n        />\n      </section>\n      <WebhookCreateModal\n        workspaceId={workspaceId}\n        open={createProvider === 'webhook'}\n        onOpenChange={(open) => setCreateProvider(open ? 'webhook' : undefined)}\n        onCreated={(connection) => {\n          setCreatedUsageConnection(connection);\n          setUsageConnectionId(connection.id);\n        }}\n      />\n      <IntegrationUsageModal\n        connection={usageConnection}\n        events={usageConnection ? usageEventsForConnection(usageConnection) : []}\n        open={usageConnection !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setUsageConnectionId(undefined);\n            setCreatedUsageConnection(undefined);\n          }\n        }}\n      >\n        {usageConnection?.provider === 'webhook' ? (\n          <WebhookUsageDetails workspaceId={workspaceId} connectionId={usageConnection.id} />\n        ) : null}\n      </IntegrationUsageModal>\n      <IntegrationDeleteConfirmModal\n        connectionName={deleteConnectionTarget?.display_name}\n        open={deleteConnectionId !== undefined}\n        isPending={deleteConnection.isPending || deleteWebhookConnection.isPending}\n        onOpenChange={(open) => {\n          if (!open) setDeleteConnectionId(undefined);\n        }}\n        onConfirm={() => {\n          void confirmDeleteConnection();\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["toast","Header","Text","useState","useDeleteIntegrationConnectionMutation","useIntegrationConnectionsQuery","useIntegrationProvidersQuery","useUpdateIntegrationConnectionMutation","useDeleteWebhookConnectionMutation","useUpdateWebhookConnectionMutation","InstalledIntegrationsSection","IntegrationDeleteConfirmModal","usageEventsForConnection","IntegrationUsageModal","ProviderGrid","WebhookCreateModal","WebhookUsageDetails","IntegrationGalleryForWorkspace","capability","emptyProvidersMessage","workspaceId","createProvider","setCreateProvider","usageConnectionId","setUsageConnectionId","createdUsageConnection","setCreatedUsageConnection","deleteConnectionId","setDeleteConnectionId","providersQuery","undefined","connectionsQuery","updateConnection","deleteConnection","updateWebhookConnection","deleteWebhookConnection","providers","data","providersMap","Map","map","provider","allConnections","connections","filter","connection","capabilities","includes","providerDisplayName","get","display_name","providerLabel","sortedConnections","sort","a","b","byProvider","localeCompare","created_at","usageConnection","find","id","deleteConnectionTarget","setConnectionActive","active","body","lifecycle_status","mutateAsync","connectionId","success","error","Error","message","confirmDeleteConnection","div","className","isMutating","isPending","onUse","onSetActive","onDelete","section","aria-label","variant","size","emptyMessage","onOpenProvider","open","onOpenChange","onCreated","events","connectionName","onConfirm"],"mappings":";AAKA,SAAQA,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SACEC,sCAAsC,EACtCC,8BAA8B,EAC9BC,4BAA4B,EAC5BC,sCAAsC,QACjC,6BAA6B;AACpC,SACEC,kCAAkC,EAClCC,kCAAkC,QAC7B,oCAAoC;AAC3C,SAAQC,4BAA4B,QAAO,sCAAsC;AACjF,SAAQC,6BAA6B,QAAO,wCAAwC;AACpF,SAAQC,wBAAwB,QAAO,gCAAgC;AACvE,SAAQC,qBAAqB,QAAO,+BAA+B;AACnE,SAAQC,YAAY,QAAO,qBAAqB;AAChD,SAAQC,kBAAkB,QAAO,oCAAoC;AACrE,SAAQC,mBAAmB,QAAO,qCAAqC;AAQvE,OAAO,SAASC,+BAA+B,EAC7CC,UAAU,EACVC,qBAAqB,EACrBC,WAAW,EACyB;IACpC,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGnB;IAC5C,MAAM,CAACoB,mBAAmBC,qBAAqB,GAAGrB;IAClD,MAAM,CAACsB,wBAAwBC,0BAA0B,GAAGvB;IAG5D,MAAM,CAACwB,oBAAoBC,sBAAsB,GAAGzB;IACpD,MAAM0B,iBAAiBvB,6BAA6BY,aAAa;QAACA;IAAU,IAAIY;IAChF,MAAMC,mBAAmB1B,+BAA+Be;IACxD,MAAMY,mBAAmBzB;IACzB,MAAM0B,mBAAmB7B;IACzB,MAAM8B,0BAA0BzB;IAChC,MAAM0B,0BAA0B3B;IAEhC,MAAM4B,YAAYP,eAAeQ,IAAI,EAAED,aAAa,EAAE;IACtD,MAAME,eAAe,IAAIC,IACvBH,UAAUI,GAAG,CAAC,CAACC,WAAa;YAACA,SAASA,QAAQ;YAAEA;SAAS;IAG3D,MAAMC,iBAAiBX,iBAAiBM,IAAI,EAAEM,eAAe,EAAE;IAC/D,gFAAgF;IAChF,6EAA6E;IAC7E,aAAa;IACb,MAAMA,cAAczB,aAChBwB,eAAeE,MAAM,CAAC,CAACC,aAAeA,WAAWC,YAAY,CAACC,QAAQ,CAAC7B,eACvEwB;IAEJ,MAAMM,sBAAsB,CAACP,WAAqBH,aAAaW,GAAG,CAACR,WAAWS;IAC9E,MAAMC,gBAAgB,CAACV,WAAqBO,oBAAoBP,aAAaA;IAE7E,MAAMW,oBAAoB;WAAIT;KAAY,CAACU,IAAI,CAAC,CAACC,GAAGC;QAClD,MAAMC,aAAaL,cAAcG,EAAEb,QAAQ,EAAEgB,aAAa,CAACN,cAAcI,EAAEd,QAAQ;QACnF,IAAIe,eAAe,GAAG,OAAOA;QAC7B,OAAOF,EAAEI,UAAU,CAACD,aAAa,CAACF,EAAEG,UAAU;IAChD;IACA,MAAMC,kBACJP,kBAAkBQ,IAAI,CAAC,CAACf,aAAeA,WAAWgB,EAAE,KAAKtC,sBACxDE,CAAAA,wBAAwBoC,OAAOtC,oBAAoBE,yBAAyB,IAAG,KAChF;IACF,MAAMqC,yBAAyBV,kBAAkBQ,IAAI,CACnD,CAACf,aAAeA,WAAWgB,EAAE,KAAKlC;IAGpC,eAAeoC,oBAAoBlB,UAAoC,EAAEmB,MAAe;QACtF,IAAI;YACF,MAAMC,OAAO;gBAACC,kBAAkBF,SAAS,WAAW;YAAU;YAC9D,IAAInB,WAAWJ,QAAQ,KAAK,WAAW;gBACrC,MAAMP,wBAAwBiC,WAAW,CAAC;oBACxC/C;oBACAgD,cAAcvB,WAAWgB,EAAE;oBAC3BI;gBACF;YACF,OAAO;gBACL,MAAMjC,iBAAiBmC,WAAW,CAAC;oBACjCC,cAAcvB,WAAWgB,EAAE;oBAC3BI;gBACF;YACF;YACAjE,MAAMqE,OAAO,CAACL,SAAS,yBAAyB;QAClD,EAAE,OAAOM,OAAO;YACdtE,MAAMsE,KAAK,CAACA,iBAAiBC,QAAQD,MAAME,OAAO,GAAG;QACvD;IACF;IAEA,eAAeC;QACb,IAAI,CAACX,wBAAwB;QAC7B,IAAI;YACF,IAAIA,uBAAuBrB,QAAQ,KAAK,WAAW;gBACjD,MAAMN,wBAAwBgC,WAAW,CAAC;oBACxC/C;oBACAgD,cAAcN,uBAAuBD,EAAE;gBACzC;YACF,OAAO;gBACL,MAAM5B,iBAAiBkC,WAAW,CAAC;oBACjC/C;oBACAgD,cAAcN,uBAAuBD,EAAE;gBACzC;YACF;YACA7D,MAAMqE,OAAO,CAAC;YACdzC,sBAAsBE;QACxB,EAAE,OAAOwC,OAAO;YACdtE,MAAMsE,KAAK,CAACA,iBAAiBC,QAAQD,MAAME,OAAO,GAAG;QACvD;IACF;IAEA,qBACE,MAACE;QAAIC,WAAU;;0BACb,KAACjE;gBACCqB,kBAAkBA;gBAClBY,aAAaS;gBACbwB,YACE5C,iBAAiB6C,SAAS,IAC1B5C,iBAAiB4C,SAAS,IAC1B3C,wBAAwB2C,SAAS,IACjC1C,wBAAwB0C,SAAS;gBAEnCC,OAAOtD;gBACPuD,aAAa,CAAClC,YAAYmB;oBACxB,KAAKD,oBAAoBlB,YAAYmB;gBACvC;gBACAgB,UAAUpD;gBACVoB,qBAAqBA;;0BAGvB,MAACiC;gBAAQN,WAAU;gBAAuBO,cAAW;;kCACnD,MAACR;wBAAIC,WAAU;;0CACb,KAAC1E;gCAAOkF,SAAQ;0CAAK;;0CACrB,KAACjF;gCAAKkF,MAAK;gCAAKT,WAAU;0CAAgC;;;;kCAK5D,KAAC7D;wBACCe,gBAAgBA;wBAChBT,aAAaA;wBACbiE,cAAclE;wBACdmE,gBAAgBhE;;;;0BAGpB,KAACP;gBACCK,aAAaA;gBACbmE,MAAMlE,mBAAmB;gBACzBmE,cAAc,CAACD,OAASjE,kBAAkBiE,OAAO,YAAYzD;gBAC7D2D,WAAW,CAAC5C;oBACVnB,0BAA0BmB;oBAC1BrB,qBAAqBqB,WAAWgB,EAAE;gBACpC;;0BAEF,KAAChD;gBACCgC,YAAYc;gBACZ+B,QAAQ/B,kBAAkB/C,yBAAyB+C,mBAAmB,EAAE;gBACxE4B,MAAM5B,oBAAoB;gBAC1B6B,cAAc,CAACD;oBACb,IAAI,CAACA,MAAM;wBACT/D,qBAAqBM;wBACrBJ,0BAA0BI;oBAC5B;gBACF;0BAEC6B,iBAAiBlB,aAAa,0BAC7B,KAACzB;oBAAoBI,aAAaA;oBAAagD,cAAcT,gBAAgBE,EAAE;qBAC7E;;0BAEN,KAAClD;gBACCgF,gBAAgB7B,wBAAwBZ;gBACxCqC,MAAM5D,uBAAuBG;gBAC7B+C,WAAW5C,iBAAiB4C,SAAS,IAAI1C,wBAAwB0C,SAAS;gBAC1EW,cAAc,CAACD;oBACb,IAAI,CAACA,MAAM3D,sBAAsBE;gBACnC;gBACA8D,WAAW;oBACT,KAAKnB;gBACP;;;;AAIR"}

package/dist/components/integration-gallery.d.ts

@@ -0,0 +1,8 @@
+import type { IntegrationCapabilityDto } from '@shipfox/api-integration-core-dto';
+export interface IntegrationGalleryProps {
+    capability?: IntegrationCapabilityDto;
+    emptyProvidersMessage?: string;
+    workspaceId?: string;
+}
+export declare function IntegrationGallery({ capability, emptyProvidersMessage, workspaceId, }: IntegrationGalleryProps): import("react").JSX.Element;
+//# sourceMappingURL=integration-gallery.d.ts.map

package/dist/components/integration-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-gallery.d.ts","sourceRoot":"","sources":["../../src/components/integration-gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AAIhF,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,qBAAmF,EACnF,WAAW,GACZ,EAAE,uBAAuB,+BAiBzB"}

package/dist/components/integration-gallery.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useActiveWorkspace } from '@shipfox/client-auth';
+import { IntegrationGalleryForWorkspace } from './integration-gallery-for-workspace.js';
+export function IntegrationGallery({ capability, emptyProvidersMessage = 'Enable at least one provider in the application settings.', workspaceId }) {
+    if (workspaceId) {
+        return /*#__PURE__*/ _jsx(IntegrationGalleryForWorkspace, {
+            workspaceId: workspaceId,
+            capability: capability,
+            emptyProvidersMessage: emptyProvidersMessage
+        });
+    }
+    return /*#__PURE__*/ _jsx(RoutedIntegrationGallery, {
+        capability: capability,
+        emptyProvidersMessage: emptyProvidersMessage
+    });
+}
+function RoutedIntegrationGallery({ capability, emptyProvidersMessage }) {
+    const workspace = useActiveWorkspace();
+    return /*#__PURE__*/ _jsx(IntegrationGalleryForWorkspace, {
+        workspaceId: workspace.id,
+        capability: capability,
+        emptyProvidersMessage: emptyProvidersMessage
+    });
+}
+
+//# sourceMappingURL=integration-gallery.js.map

package/dist/components/integration-gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/integration-gallery.tsx"],"sourcesContent":["import type {IntegrationCapabilityDto} from '@shipfox/api-integration-core-dto';\nimport {useActiveWorkspace} from '@shipfox/client-auth';\nimport {IntegrationGalleryForWorkspace} from './integration-gallery-for-workspace.js';\n\nexport interface IntegrationGalleryProps {\n  capability?: IntegrationCapabilityDto;\n  emptyProvidersMessage?: string;\n  workspaceId?: string;\n}\n\nexport function IntegrationGallery({\n  capability,\n  emptyProvidersMessage = 'Enable at least one provider in the application settings.',\n  workspaceId,\n}: IntegrationGalleryProps) {\n  if (workspaceId) {\n    return (\n      <IntegrationGalleryForWorkspace\n        workspaceId={workspaceId}\n        capability={capability}\n        emptyProvidersMessage={emptyProvidersMessage}\n      />\n    );\n  }\n\n  return (\n    <RoutedIntegrationGallery\n      capability={capability}\n      emptyProvidersMessage={emptyProvidersMessage}\n    />\n  );\n}\n\nfunction RoutedIntegrationGallery({\n  capability,\n  emptyProvidersMessage,\n}: {\n  capability: IntegrationCapabilityDto | undefined;\n  emptyProvidersMessage: string;\n}) {\n  const workspace = useActiveWorkspace();\n  return (\n    <IntegrationGalleryForWorkspace\n      workspaceId={workspace.id}\n      capability={capability}\n      emptyProvidersMessage={emptyProvidersMessage}\n    />\n  );\n}\n"],"names":["useActiveWorkspace","IntegrationGalleryForWorkspace","IntegrationGallery","capability","emptyProvidersMessage","workspaceId","RoutedIntegrationGallery","workspace","id"],"mappings":";AACA,SAAQA,kBAAkB,QAAO,uBAAuB;AACxD,SAAQC,8BAA8B,QAAO,yCAAyC;AAQtF,OAAO,SAASC,mBAAmB,EACjCC,UAAU,EACVC,wBAAwB,2DAA2D,EACnFC,WAAW,EACa;IACxB,IAAIA,aAAa;QACf,qBACE,KAACJ;YACCI,aAAaA;YACbF,YAAYA;YACZC,uBAAuBA;;IAG7B;IAEA,qBACE,KAACE;QACCH,YAAYA;QACZC,uBAAuBA;;AAG7B;AAEA,SAASE,yBAAyB,EAChCH,UAAU,EACVC,qBAAqB,EAItB;IACC,MAAMG,YAAYP;IAClB,qBACE,KAACC;QACCI,aAAaE,UAAUC,EAAE;QACzBL,YAAYA;QACZC,uBAAuBA;;AAG7B"}

package/dist/components/integration-gallery.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/react';
+type Scenario = 'mixed' | 'empty-connections' | 'loading' | 'connections-error' | 'providers-error' | 'no-providers' | 'long-names';
+interface IntegrationGalleryStoryProps {
+    scenario: Scenario;
+}
+declare function IntegrationGalleryStory({ scenario }: IntegrationGalleryStoryProps): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof IntegrationGalleryStory;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        scenario: "mixed";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const EmptyConnections: Story;
+export declare const Loading: Story;
+export declare const ConnectionsError: Story;
+export declare const ProvidersError: Story;
+export declare const NoProvidersAvailable: Story;
+export declare const LongNames: Story;
+//# sourceMappingURL=integration-gallery.stories.d.ts.map

package/dist/components/integration-gallery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-gallery.stories.d.ts","sourceRoot":"","sources":["../../src/components/integration-gallery.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAwBrD,KAAK,QAAQ,GACT,OAAO,GACP,mBAAmB,GACnB,SAAS,GACT,mBAAmB,GACnB,iBAAiB,GACjB,cAAc,GACd,YAAY,CAAC;AAEjB,UAAU,4BAA4B;IACpC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAUD,iBAAS,uBAAuB,CAAC,EAAC,QAAQ,EAAC,EAAE,4BAA4B,+BA0DxE;AAED,QAAA,MAAM,IAAI;;;;;;;;;CAKsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAElC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}