@cryptlex/web-components 6.6.6-alpha17 → 6.6.6-alpha20

package/dist/utilities/resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources.js","sources":["../../lib/utilities/resources.tsx"],"sourcesContent":["import type { components, operations } from '@cryptlex/web-api-types/develop';\nimport { createContext, use } from 'react';\nimport { toTitleCase } from './string';\n\nexport type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];\nexport type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;\nexport type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;\nexport type ApiFilters<T extends keyof operations> = NonNullable<ApiFilter<T>>;\nexport type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';\n// Display names specific to customer and reseller portal\nconst OTHER_PORTALS_DISPLAY_NAME: Record<string, string> = {\n    'product.displayName': 'Product',\n    // TanStack Table converts . -> _ TODO\n    product_displayName: 'Product',\n};\n\n/** Resource Name should ALWAYS be in singular form */\nexport const RESOURCE_NAMES = [\n    'access-token',\n    'account',\n    'activation',\n    'activation-log',\n    'admin-role',\n    'audit-log',\n    'automated-email',\n    'automated-email-event-log',\n    'card',\n    'feature-flag',\n    'invoice',\n    'license',\n    'license-template',\n    'maintenance-policy',\n    'organization',\n    'plan',\n    'product',\n    'product-version',\n    'profile',\n    'release',\n    'release-channel',\n    'release-file',\n    'release-platform',\n    'report',\n    'role',\n    'role-claim',\n    'saml-configuration',\n    'segment',\n    'sending-domain',\n    'setting',\n    'tag',\n    'team-member',\n    'trial',\n    'trial-policy',\n    'user',\n    'user-group',\n    'webhook',\n    'webhook-event-log',\n    'webhook-trigger',\n    'reseller',\n    'oidc-configuration',\n    'organization-claim',\n    'reseller-claim',\n    'tenant-database-cluster',\n    'customer',\n] as const;\nexport type ResourceName = (typeof RESOURCE_NAMES)[number];\nexport const RESOURCE_DEFINITIONS: Record<ResourceName, string> = {\n    account: 'Your organization account.',\n    product: 'Products are the software products you want to license',\n    license:\n        'Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.',\n    'access-token': 'Access Tokens are used to authenticate your API requests.',\n    activation: 'Activations, also known as devices/machines/seats are the devices consuming licenses.',\n    'activation-log': 'Activation Log is a log entry of activation/deactivation of a particular license.',\n    trial: 'Trial/Trial Activation is a device that has activated a trial of your product.',\n    'audit-log': 'Audit logs contain all the changes made to your account.',\n    'automated-email': 'Automated Email allow you to send marketing emails based on events on the linked product.',\n    'automated-email-event-log':\n        'Automated email event log is the log of all the automated email events for your product.',\n    card: 'The payment card for your account.',\n    'feature-flag': 'Feature flags define features that make up tiers for your products.',\n    invoice: '',\n    'license-template':\n        'License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.',\n    'maintenance-policy': 'Maintenance policies represent support contracts and can be linked to licenses.',\n    plan: '',\n    'product-version': 'Product Versions are sets of Feature Flags that define the tiers of your products.',\n    'release-channel': 'Release channel is the release channel for your product.',\n    'release-file': 'Release files are files within your created releases.',\n    'release-platform':\n        'Release Platforms differentiate the target platform for your release. Common platforms include \"Windows\", \"macOS\", and \"Linux\".',\n    release: 'Releases help you to manage different versions of your app, and secure distribute it to licensed users.',\n    report: 'Analytics data for your account',\n    'role-claim': '',\n    role: 'Roles define permissions for your team.',\n    'saml-configuration': '',\n    segment: 'Sets of filters that can be saved to filter resources.',\n    'trial-policy': 'Trial policies are templates for creating trials for your products.',\n    'webhook-event-log': 'Webhook Event Logs are logs of events that have occured on webhooks.',\n    'webhook-trigger': '',\n    webhook: 'Webhooks are HTTP callbacks which are triggered by specific events.',\n    organization: '',\n    profile: '',\n    setting: '',\n    tag: 'Tags allow you to manage your licenses and customers on the dashboard.',\n    'team-member': 'Team members can access the account based on their roles.',\n    user: 'A user refers to your customer whom you want to license your product.',\n    'sending-domain': 'Allows Cryptlex to send emails on your behalf using your From Email address',\n    'admin-role': 'Roles that have type admin',\n    'user-group': 'Groups of users that you can assign licenses to.',\n    reseller: 'Resellers allow you to delegate user management to third parties or partners',\n    'oidc-configuration': '',\n    'organization-claim': '',\n    'reseller-claim': '',\n    'tenant-database-cluster': '',\n    customer: '',\n};\n\nconst RESOURCE_DISPLAY_NAMES: Record<string, string> = {\n    id: 'ID',\n    createdAt: 'Creation Date',\n    scopes: 'Permissions',\n    updatedAt: 'Last Updated',\n    expiresAt: 'Expiration Date',\n    lastSeenAt: 'Last Seen',\n    os: 'OS',\n    osVersion: 'OS Version',\n    key: 'License Key',\n    vmName: 'VM Name',\n    container: 'Container',\n    allowedIpRange: 'Allowed IP Range',\n    allowedIpRanges: 'Allowed IP Ranges',\n    allowedIpAddresses: 'Allowed IP Addresses',\n    disallowedIpAddresses: 'Disallowed IP Addresses',\n    allowVmActivation: 'Allow VM Activation',\n    disableGeoLocation: 'Disable Geolocation',\n    'user.id': 'User ID',\n    userId: 'User',\n    productId: 'Product',\n    downloads: 'Total Downloads',\n    claims: 'Permissions',\n    googleSsoEnabled: 'Google Login Enabled',\n    lastAttemptedAt: 'Last Attempt Date',\n    url: 'URL',\n    'trialPolicy.name': 'Trial Policy Name',\n    'licensePolicy.name': 'License Template Name',\n    licensePolicy: 'License Template',\n    eventLog: 'Audit Log',\n    cc: 'CC Recepients',\n    bcc: 'BCC Recepients',\n    ipAddress: 'IP Address',\n    resellerId: 'Reseller',\n    productVersionId: 'Product Version',\n    releaseId: 'Release',\n    maintenancePolicyId: 'Maintenance Policy',\n    webhookId: 'Webhook',\n    automatedEmailId: 'Automated Email',\n    'location.countryName': 'Country',\n    'location.ipAddress': 'IP Address',\n    'location.countryCode': 'Country',\n    organizationId: 'Organization',\n    'address.country': 'Country',\n    'address.addressLine1': 'Address Line 1',\n    'address.addressLine2': 'Address Line 2',\n    responseStatusCode: 'HTTP Status Code',\n    resourceId: 'Resource ID',\n    Sso: 'SAML SSO 2.0',\n    'reseller.name': 'Reseller',\n    sendingDomain: 'Email Sending Domain',\n};\n\nfunction getResourceDisplayName(resourceName: string, portal: CtxPortals) {\n    if (portal !== 'admin-portal' && resourceName in OTHER_PORTALS_DISPLAY_NAME) {\n        return OTHER_PORTALS_DISPLAY_NAME[resourceName];\n    } else if (resourceName in RESOURCE_DISPLAY_NAMES) {\n        return RESOURCE_DISPLAY_NAMES[resourceName];\n    } else {\n        return toTitleCase(resourceName);\n    }\n}\n\nconst ProjectContext = createContext<CtxPortals>('admin-portal');\n\nexport function ProjectProvider({ projectName, children }: { projectName: CtxPortals; children: React.ReactNode }) {\n    return <ProjectContext.Provider value={projectName}>{children}</ProjectContext.Provider>;\n}\n\nexport function useProjectName(): CtxPortals {\n    const projectName = use(ProjectContext);\n    return projectName;\n}\n\nexport function useResourceFormatter(): (resourceName: string) => string {\n    const portal = useProjectName();\n    return (resourceName: string) => getResourceDisplayName(resourceName, portal);\n}\n\nexport const CTX_RESOURCES = [\n    'account',\n    'activation',\n    'automatedEmail',\n    'billingAddress',\n    'entitlementSet',\n    'feature',\n    'featureEntitlement',\n    'featureFlag',\n    'license',\n    'licenseTemplate',\n    'maintenancePolicy',\n    'oidcConfiguration',\n    'oidcRoleMapping',\n    'organization',\n    'paymentMethod',\n    'personalAccessToken',\n    'plan',\n    'product',\n    'productVersion',\n    'release',\n    'releaseChannel',\n    'releaseFile',\n    'releasePlatform',\n    'reseller',\n    'role',\n    'samlConfiguration',\n    'segment',\n    'sendingDomain',\n    'tag',\n    'trialActivation',\n    'trialPolicy',\n    'user',\n    'userGroup',\n    'webhook',\n    'tenantDatabaseCluster',\n    'customer',\n] as const;\n\nexport type CtxResourceName = (typeof CTX_RESOURCES)[number];\n\n/**\n * Format multiple license parameters (expired, suspended, revoked) into a single status\n */\nexport function getLicenseStatus(license: any): string {\n    const licenseExpired = license.expiresAt && new Date(license.expiresAt) < new Date();\n    // Status Column\n    switch (true) {\n        case license.revoked && license.suspended && licenseExpired:\n            return 'Revoked, Suspended, Expired';\n        case license.revoked && license.suspended:\n            return 'Revoked, Suspended';\n        case license.revoked && licenseExpired:\n            return 'Revoked, Expired';\n        case license.suspended && licenseExpired:\n            return 'Suspended, Expired';\n        case license.suspended:\n            return 'Suspended';\n        case license.revoked:\n            return 'Revoked';\n        case licenseExpired:\n            return 'Expired';\n        default:\n            return 'Active';\n    }\n}\ntype OsType = ApiSchema<'ActivationCreateRequestModel'>['os'];\nexport const ALL_OS: Record<OsType, string> = {\n    windows: 'Windows',\n    macos: 'macOS',\n    linux: 'Linux',\n    ios: 'iOS',\n    android: 'Android',\n};\n"],"names":["OTHER_PORTALS_DISPLAY_NAME","RESOURCE_NAMES","RESOURCE_DEFINITIONS","RESOURCE_DISPLAY_NAMES","getResourceDisplayName","resourceName","portal","toTitleCase","ProjectContext","createContext","ProjectProvider","projectName","children","useProjectName","use","useResourceFormatter","CTX_RESOURCES","getLicenseStatus","license","licenseExpired","ALL_OS"],"mappings":"mJAUA,MAAMA,EAAqD,CACvD,sBAAuB,UAEvB,oBAAqB,SACzB,EAGaC,EAAiB,CAC1B,eACA,UACA,aACA,iBACA,aACA,YACA,kBACA,4BACA,OACA,eACA,UACA,UACA,mBACA,qBACA,eACA,OACA,UACA,kBACA,UACA,UACA,kBACA,eACA,mBACA,SACA,OACA,aACA,qBACA,UACA,iBACA,UACA,MACA,cACA,QACA,eACA,OACA,aACA,UACA,oBACA,kBACA,WACA,qBACA,qBACA,iBACA,0BACA,UACJ,EAEaC,EAAqD,CAC9D,QAAS,6BACT,QAAS,yDACT,QACI,wIACJ,eAAgB,4DAChB,WAAY,wFACZ,iBAAkB,oFAClB,MAAO,iFACP,YAAa,2DACb,kBAAmB,4FACnB,4BACI,2FACJ,KAAM,qCACN,eAAgB,sEAChB,QAAS,GACT,mBACI,kIACJ,qBAAsB,kFACtB,KAAM,GACN,kBAAmB,qFACnB,kBAAmB,2DACnB,eAAgB,wDAChB,mBACI,kIACJ,QAAS,0GACT,OAAQ,kCACR,aAAc,GACd,KAAM,0CACN,qBAAsB,GACtB,QAAS,yDACT,eAAgB,sEAChB,oBAAqB,uEACrB,kBAAmB,GACnB,QAAS,sEACT,aAAc,GACd,QAAS,GACT,QAAS,GACT,IAAK,yEACL,cAAe,4DACf,KAAM,wEACN,iBAAkB,8EAClB,aAAc,6BACd,aAAc,mDACd,SAAU,+EACV,qBAAsB,GACtB,qBAAsB,GACtB,iBAAkB,GAClB,0BAA2B,GAC3B,SAAU,EACd,EAEMC,EAAiD,CACnD,GAAI,KACJ,UAAW,gBACX,OAAQ,cACR,UAAW,eACX,UAAW,kBACX,WAAY,YACZ,GAAI,KACJ,UAAW,aACX,IAAK,cACL,OAAQ,UACR,UAAW,YACX,eAAgB,mBAChB,gBAAiB,oBACjB,mBAAoB,uBACpB,sBAAuB,0BACvB,kBAAmB,sBACnB,mBAAoB,sBACpB,UAAW,UACX,OAAQ,OACR,UAAW,UACX,UAAW,kBACX,OAAQ,cACR,iBAAkB,uBAClB,gBAAiB,oBACjB,IAAK,MACL,mBAAoB,oBACpB,qBAAsB,wBACtB,cAAe,mBACf,SAAU,YACV,GAAI,gBACJ,IAAK,iBACL,UAAW,aACX,WAAY,WACZ,iBAAkB,kBAClB,UAAW,UACX,oBAAqB,qBACrB,UAAW,UACX,iBAAkB,kBAClB,uBAAwB,UACxB,qBAAsB,aACtB,uBAAwB,UACxB,eAAgB,eAChB,kBAAmB,UACnB,uBAAwB,iBACxB,uBAAwB,iBACxB,mBAAoB,mBACpB,WAAY,cACZ,IAAK,eACL,gBAAiB,WACjB,cAAe,sBACnB,EAEA,SAASC,EAAuBC,EAAsBC,EAAoB,CACtE,OAAIA,IAAW,gBAAkBD,KAAgBL,EACtCA,EAA2BK,CAAY,EACvCA,KAAgBF,EAChBA,EAAuBE,CAAY,EAEnCE,EAAYF,CAAY,CAEvC,CAEA,MAAMG,EAAiBC,EAA0B,cAAc,EAExD,SAASC,EAAgB,CAAE,YAAAC,EAAa,SAAAC,GAAoE,CAC/G,SAAQJ,EAAe,SAAf,CAAwB,MAAOG,EAAc,SAAAC,EAAS,CAClE,CAEO,SAASC,GAA6B,CAEzC,OADoBC,EAAIN,CAAc,CAE1C,CAEO,SAASO,GAAyD,CACrE,MAAMT,EAASO,EAAA,EACf,OAAQR,GAAyBD,EAAuBC,EAAcC,CAAM,CAChF,CAEO,MAAMU,EAAgB,CACzB,UACA,aACA,iBACA,iBACA,iBACA,UACA,qBACA,cACA,UACA,kBACA,oBACA,oBACA,kBACA,eACA,gBACA,sBACA,OACA,UACA,iBACA,UACA,iBACA,cACA,kBACA,WACA,OACA,oBACA,UACA,gBACA,MACA,kBACA,cACA,OACA,YACA,UACA,wBACA,UACJ,EAOO,SAASC,EAAiBC,EAAsB,CACnD,MAAMC,EAAiBD,EAAQ,WAAa,IAAI,KAAKA,EAAQ,SAAS,EAAI,IAAI,KAE9E,OAAQ,GAAA,CACJ,KAAKA,EAAQ,SAAWA,EAAQ,WAAaC,GACzC,MAAO,8BACX,KAAKD,EAAQ,SAAWA,EAAQ,WAC5B,MAAO,qBACX,KAAKA,EAAQ,SAAWC,GACpB,MAAO,mBACX,KAAKD,EAAQ,WAAaC,GACtB,MAAO,qBACX,KAAKD,EAAQ,UACT,MAAO,YACX,KAAKA,EAAQ,QACT,MAAO,UACX,KAAKC,EACD,MAAO,UACX,QACI,MAAO,QAAA,CAEnB,CAEO,MAAMC,EAAiC,CAC1C,QAAS,UACT,MAAO,QACP,MAAO,QACP,IAAK,MACL,QAAS,SACb"}
+{"version":3,"file":"resources.js","sources":["../../lib/utilities/resources.tsx"],"sourcesContent":["import type { components, operations } from '@cryptlex/web-api-types/develop';\nimport { createContext, use } from 'react';\nimport { toTitleCase } from './string';\n\nexport type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];\nexport type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;\nexport type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;\nexport type ApiFilters<T extends keyof operations> = NonNullable<ApiFilter<T>>;\nexport type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';\n// Display names specific to customer and reseller portal\nconst OTHER_PORTALS_DISPLAY_NAME: Record<string, string> = {\n    'product.displayName': 'Product',\n    // TanStack Table converts . -> _ TODO\n    product_displayName: 'Product',\n};\n\n/** Resource Name should ALWAYS be in singular form */\nexport const RESOURCE_NAMES = [\n    'access-token',\n    'account',\n    'activation',\n    'activation-log',\n    'admin-role',\n    'audit-log',\n    'automated-email',\n    'automated-email-event-log',\n    'card',\n    'feature-flag',\n    'invoice',\n    'license',\n    'license-template',\n    'maintenance-policy',\n    'organization',\n    'plan',\n    'product',\n    'product-version',\n    'profile',\n    'release',\n    'release-channel',\n    'release-file',\n    'release-platform',\n    'report',\n    'role',\n    'role-claim',\n    'saml-configuration',\n    'segment',\n    'sending-domain',\n    'setting',\n    'tag',\n    'team-member',\n    'trial',\n    'trial-policy',\n    'user',\n    'user-group',\n    'webhook',\n    'webhook-event-log',\n    'webhook-trigger',\n    'reseller',\n    'oidc-configuration',\n    'organization-claim',\n    'reseller-claim',\n    'tenant-database-cluster',\n    'customer',\n] as const;\nexport type CtxResourceName = (typeof RESOURCE_NAMES)[number];\nexport const RESOURCE_DEFINITIONS: Record<CtxResourceName, string> = {\n    account: 'Your organization account.',\n    product: 'Products are the software products you want to license',\n    license:\n        'Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.',\n    'access-token': 'Access Tokens are used to authenticate your API requests.',\n    activation: 'Activations, also known as devices/machines/seats are the devices consuming licenses.',\n    'activation-log': 'Activation Log is a log entry of activation/deactivation of a particular license.',\n    trial: 'Trial/Trial Activation is a device that has activated a trial of your product.',\n    'audit-log': 'Audit logs contain all the changes made to your account.',\n    'automated-email': 'Automated Email allow you to send marketing emails based on events on the linked product.',\n    'automated-email-event-log':\n        'Automated email event log is the log of all the automated email events for your product.',\n    card: 'The payment card for your account.',\n    'feature-flag': 'Feature flags define features that make up tiers for your products.',\n    invoice: '',\n    'license-template':\n        'License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.',\n    'maintenance-policy': 'Maintenance policies represent support contracts and can be linked to licenses.',\n    plan: '',\n    'product-version': 'Product Versions are sets of Feature Flags that define the tiers of your products.',\n    'release-channel': 'Release channel is the release channel for your product.',\n    'release-file': 'Release files are files within your created releases.',\n    'release-platform':\n        'Release Platforms differentiate the target platform for your release. Common platforms include \"Windows\", \"macOS\", and \"Linux\".',\n    release: 'Releases help you to manage different versions of your app, and secure distribute it to licensed users.',\n    report: 'Analytics data for your account',\n    'role-claim': '',\n    role: 'Roles define permissions for your team.',\n    'saml-configuration': '',\n    segment: 'Sets of filters that can be saved to filter resources.',\n    'trial-policy': 'Trial policies are templates for creating trials for your products.',\n    'webhook-event-log': 'Webhook Event Logs are logs of events that have occured on webhooks.',\n    'webhook-trigger': '',\n    webhook: 'Webhooks are HTTP callbacks which are triggered by specific events.',\n    organization: '',\n    profile: '',\n    setting: '',\n    tag: 'Tags allow you to manage your licenses and customers on the dashboard.',\n    'team-member': 'Team members can access the account based on their roles.',\n    user: 'A user refers to your customer whom you want to license your product.',\n    'sending-domain': 'Allows Cryptlex to send emails on your behalf using your From Email address',\n    'admin-role': 'Roles that have type admin',\n    'user-group': 'Groups of users that you can assign licenses to.',\n    reseller: 'Resellers allow you to delegate user management to third parties or partners',\n    'oidc-configuration': '',\n    'organization-claim': '',\n    'reseller-claim': '',\n    'tenant-database-cluster': '',\n    customer: '',\n};\n\nconst RESOURCE_DISPLAY_NAMES: Record<string, string> = {\n    id: 'ID',\n    createdAt: 'Creation Date',\n    scopes: 'Permissions',\n    updatedAt: 'Last Updated',\n    expiresAt: 'Expiration Date',\n    lastSeenAt: 'Last Seen',\n    os: 'OS',\n    osVersion: 'OS Version',\n    key: 'License Key',\n    vmName: 'VM Name',\n    container: 'Container',\n    allowedIpRange: 'Allowed IP Range',\n    allowedIpRanges: 'Allowed IP Ranges',\n    allowedIpAddresses: 'Allowed IP Addresses',\n    disallowedIpAddresses: 'Disallowed IP Addresses',\n    allowVmActivation: 'Allow VM Activation',\n    disableGeoLocation: 'Disable Geolocation',\n    'user.id': 'User ID',\n    userId: 'User',\n    productId: 'Product',\n    downloads: 'Total Downloads',\n    claims: 'Permissions',\n    googleSsoEnabled: 'Google Login Enabled',\n    lastAttemptedAt: 'Last Attempt Date',\n    url: 'URL',\n    'trialPolicy.name': 'Trial Policy Name',\n    'licensePolicy.name': 'License Template Name',\n    licensePolicy: 'License Template',\n    eventLog: 'Audit Log',\n    cc: 'CC Recepients',\n    bcc: 'BCC Recepients',\n    ipAddress: 'IP Address',\n    resellerId: 'Reseller',\n    productVersionId: 'Product Version',\n    releaseId: 'Release',\n    maintenancePolicyId: 'Maintenance Policy',\n    webhookId: 'Webhook',\n    automatedEmailId: 'Automated Email',\n    'location.countryName': 'Country',\n    'location.ipAddress': 'IP Address',\n    'location.countryCode': 'Country',\n    organizationId: 'Organization',\n    'address.country': 'Country',\n    'address.addressLine1': 'Address Line 1',\n    'address.addressLine2': 'Address Line 2',\n    responseStatusCode: 'HTTP Status Code',\n    resourceId: 'Resource ID',\n    Sso: 'SAML SSO 2.0',\n    'reseller.name': 'Reseller',\n    sendingDomain: 'Email Sending Domain',\n};\n\nfunction getResourceDisplayName(resourceName: string, portal: CtxPortals) {\n    if (portal !== 'admin-portal' && resourceName in OTHER_PORTALS_DISPLAY_NAME) {\n        return OTHER_PORTALS_DISPLAY_NAME[resourceName];\n    } else if (resourceName in RESOURCE_DISPLAY_NAMES) {\n        return RESOURCE_DISPLAY_NAMES[resourceName];\n    } else {\n        return toTitleCase(resourceName);\n    }\n}\n\nconst ProjectContext = createContext<CtxPortals>('admin-portal');\n\nexport function ProjectProvider({ projectName, children }: { projectName: CtxPortals; children: React.ReactNode }) {\n    return <ProjectContext.Provider value={projectName}>{children}</ProjectContext.Provider>;\n}\n\nexport function useProjectName(): CtxPortals {\n    const projectName = use(ProjectContext);\n    return projectName;\n}\n\nexport function useResourceFormatter(): (resourceName: string) => string {\n    const portal = useProjectName();\n    return (resourceName: string) => getResourceDisplayName(resourceName, portal);\n}\n\n/**\n * Format multiple license parameters (expired, suspended, revoked) into a single status\n */\nexport function getLicenseStatus(license: any): string {\n    const licenseExpired = license.expiresAt && new Date(license.expiresAt) < new Date();\n    // Status Column\n    switch (true) {\n        case license.revoked && license.suspended && licenseExpired:\n            return 'Revoked, Suspended, Expired';\n        case license.revoked && license.suspended:\n            return 'Revoked, Suspended';\n        case license.revoked && licenseExpired:\n            return 'Revoked, Expired';\n        case license.suspended && licenseExpired:\n            return 'Suspended, Expired';\n        case license.suspended:\n            return 'Suspended';\n        case license.revoked:\n            return 'Revoked';\n        case licenseExpired:\n            return 'Expired';\n        default:\n            return 'Active';\n    }\n}\ntype OsType = ApiSchema<'ActivationCreateRequestModel'>['os'];\nexport const ALL_OS: Record<OsType, string> = {\n    windows: 'Windows',\n    macos: 'macOS',\n    linux: 'Linux',\n    ios: 'iOS',\n    android: 'Android',\n};\n"],"names":["OTHER_PORTALS_DISPLAY_NAME","RESOURCE_NAMES","RESOURCE_DEFINITIONS","RESOURCE_DISPLAY_NAMES","getResourceDisplayName","resourceName","portal","toTitleCase","ProjectContext","createContext","ProjectProvider","projectName","children","useProjectName","use","useResourceFormatter","getLicenseStatus","license","licenseExpired","ALL_OS"],"mappings":"mJAUA,MAAMA,EAAqD,CACvD,sBAAuB,UAEvB,oBAAqB,SACzB,EAGaC,EAAiB,CAC1B,eACA,UACA,aACA,iBACA,aACA,YACA,kBACA,4BACA,OACA,eACA,UACA,UACA,mBACA,qBACA,eACA,OACA,UACA,kBACA,UACA,UACA,kBACA,eACA,mBACA,SACA,OACA,aACA,qBACA,UACA,iBACA,UACA,MACA,cACA,QACA,eACA,OACA,aACA,UACA,oBACA,kBACA,WACA,qBACA,qBACA,iBACA,0BACA,UACJ,EAEaC,EAAwD,CACjE,QAAS,6BACT,QAAS,yDACT,QACI,wIACJ,eAAgB,4DAChB,WAAY,wFACZ,iBAAkB,oFAClB,MAAO,iFACP,YAAa,2DACb,kBAAmB,4FACnB,4BACI,2FACJ,KAAM,qCACN,eAAgB,sEAChB,QAAS,GACT,mBACI,kIACJ,qBAAsB,kFACtB,KAAM,GACN,kBAAmB,qFACnB,kBAAmB,2DACnB,eAAgB,wDAChB,mBACI,kIACJ,QAAS,0GACT,OAAQ,kCACR,aAAc,GACd,KAAM,0CACN,qBAAsB,GACtB,QAAS,yDACT,eAAgB,sEAChB,oBAAqB,uEACrB,kBAAmB,GACnB,QAAS,sEACT,aAAc,GACd,QAAS,GACT,QAAS,GACT,IAAK,yEACL,cAAe,4DACf,KAAM,wEACN,iBAAkB,8EAClB,aAAc,6BACd,aAAc,mDACd,SAAU,+EACV,qBAAsB,GACtB,qBAAsB,GACtB,iBAAkB,GAClB,0BAA2B,GAC3B,SAAU,EACd,EAEMC,EAAiD,CACnD,GAAI,KACJ,UAAW,gBACX,OAAQ,cACR,UAAW,eACX,UAAW,kBACX,WAAY,YACZ,GAAI,KACJ,UAAW,aACX,IAAK,cACL,OAAQ,UACR,UAAW,YACX,eAAgB,mBAChB,gBAAiB,oBACjB,mBAAoB,uBACpB,sBAAuB,0BACvB,kBAAmB,sBACnB,mBAAoB,sBACpB,UAAW,UACX,OAAQ,OACR,UAAW,UACX,UAAW,kBACX,OAAQ,cACR,iBAAkB,uBAClB,gBAAiB,oBACjB,IAAK,MACL,mBAAoB,oBACpB,qBAAsB,wBACtB,cAAe,mBACf,SAAU,YACV,GAAI,gBACJ,IAAK,iBACL,UAAW,aACX,WAAY,WACZ,iBAAkB,kBAClB,UAAW,UACX,oBAAqB,qBACrB,UAAW,UACX,iBAAkB,kBAClB,uBAAwB,UACxB,qBAAsB,aACtB,uBAAwB,UACxB,eAAgB,eAChB,kBAAmB,UACnB,uBAAwB,iBACxB,uBAAwB,iBACxB,mBAAoB,mBACpB,WAAY,cACZ,IAAK,eACL,gBAAiB,WACjB,cAAe,sBACnB,EAEA,SAASC,EAAuBC,EAAsBC,EAAoB,CACtE,OAAIA,IAAW,gBAAkBD,KAAgBL,EACtCA,EAA2BK,CAAY,EACvCA,KAAgBF,EAChBA,EAAuBE,CAAY,EAEnCE,EAAYF,CAAY,CAEvC,CAEA,MAAMG,EAAiBC,EAA0B,cAAc,EAExD,SAASC,EAAgB,CAAE,YAAAC,EAAa,SAAAC,GAAoE,CAC/G,SAAQJ,EAAe,SAAf,CAAwB,MAAOG,EAAc,SAAAC,EAAS,CAClE,CAEO,SAASC,GAA6B,CAEzC,OADoBC,EAAIN,CAAc,CAE1C,CAEO,SAASO,GAAyD,CACrE,MAAMT,EAASO,EAAA,EACf,OAAQR,GAAyBD,EAAuBC,EAAcC,CAAM,CAChF,CAKO,SAASU,EAAiBC,EAAsB,CACnD,MAAMC,EAAiBD,EAAQ,WAAa,IAAI,KAAKA,EAAQ,SAAS,EAAI,IAAI,KAE9E,OAAQ,GAAA,CACJ,KAAKA,EAAQ,SAAWA,EAAQ,WAAaC,GACzC,MAAO,8BACX,KAAKD,EAAQ,SAAWA,EAAQ,WAC5B,MAAO,qBACX,KAAKA,EAAQ,SAAWC,GACpB,MAAO,mBACX,KAAKD,EAAQ,WAAaC,GACtB,MAAO,qBACX,KAAKD,EAAQ,UACT,MAAO,YACX,KAAKA,EAAQ,QACT,MAAO,UACX,KAAKC,EACD,MAAO,UACX,QACI,MAAO,QAAA,CAEnB,CAEO,MAAMC,EAAiC,CAC1C,QAAS,UACT,MAAO,QACP,MAAO,QACP,IAAK,MACL,QAAS,SACb"}

package/lib/index.css

@@ -1,4 +1,5 @@
 @import 'tailwindcss';
+@plugin 'tailwindcss-react-aria-components';
 @import './tokens.css';
 /** https://tailwindcss.com/docs/theme#theme-variable-namespaces */
 @theme inline {
@@ -70,16 +71,10 @@
     --color-success-10: var(--success-10);
 
     --color-background: var(--color-neutral-3);
+    --color-foreground: var(--color-neutral-8);
     --color-elevation-1: var(--color-neutral-2);
     --color-elevation-2: var(--color-neutral-1);
 
-    --color-foreground: var(--color-neutral-8);
-    --color-card: var(--color-elevation-1);
-    --color-card-foreground: var(--color-foreground);
-    /* Assuming popovers only show up over cards ??? */
-    --color-popover: var(--color-elevation-2);
-    --color-popover-foreground: var(--color-foreground);
-
     --color-primary: var(--color-primary-7);
     --color-primary-foreground: var(--color-primary-2);
     --color-secondary: var(--color-secondary-7);
@@ -103,9 +98,6 @@
     --color-chart-4: var(--color-secondary-4);
     --color-chart-5: var(--color-secondary-2);
 
-    --color-sidebar-background: var(--color-elevation-1);
-    --color-sidebar-foreground: var(--color-foreground);
-
     --spacing-input: --spacing(8);
     --spacing-icon: --spacing(4);
     --spacing-table: --spacing(100);
@@ -130,55 +122,55 @@
     @apply text-primary/70 focus:text-primary hover:text-primary;
 }
 
+@utility bg-glass-1 {
+    @apply bg-elevation-1/20 backdrop-blur-xl;
+}
+
 /* Fluid grid with minimum width */
 @utility grid-fluid {
     @apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-icon;
 }
 
 @utility focus-ring {
-    @apply data-[focus-visible]:outline-none focus-visible:outline-none data-[focus-visible]:ring-1 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2 focus-visible:outline-hidden focus-visible:ring-offset-2 focus-visible:ring-1 focus-visible:ring-ring;
+    @apply focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-hidden;
 }
 
 @utility disabled-muted {
-    @apply disabled:cursor-not-allowed disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70 data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-70;
+    @apply disabled:cursor-not-allowed disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70 disabled:pointer-events-none;
 }
 @utility input {
-    @apply border border-input bg-popover px-icon py-2 body-sm placeholder:text-muted-foreground disabled-muted focus-ring;
+    @apply border border-input bg-elevation-2 px-icon py-2 body-sm placeholder:text-muted-foreground disabled-muted focus-ring;
 }
 
 /* A base set of classes for elements that can be clicked */
 @utility btn {
-    @apply inline-flex gap-1 data-[disabled]:pointer-events-none text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 leading-none outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring;
+    @apply inline-flex body-sm gap-1 disabled:pointer-events-none text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 [&_svg]:opacity-70 leading-none outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring;
 }
 
 @utility btn-link {
     @apply btn-ghost underline underline-offset-2;
 }
 @utility btn-primary {
-    @apply border border-primary text-primary bg-primary/10 hover:bg-primary/20 data-[hovered]:bg-primary/20 focus:bg-primary/20 data-[focused]:bg-primary/20;
+    @apply border border-primary text-primary bg-primary/10 hover:bg-primary/20 focus:bg-primary/20;
 }
 @utility btn-destructive {
-    @apply border border-destructive text-destructive bg-destructive/10 hover:bg-destructive/20 data-[hovered]:bg-destructive/20 focus:bg-destructive/20 data-[focused]:bg-destructive/20;
+    @apply border border-destructive text-destructive bg-destructive/10 hover:bg-destructive/20 focus:bg-destructive/20;
 }
 @utility btn-neutral {
-    @apply border border-input text-accent bg-accent/10 hover:bg-accent/20 data-[hovered]:bg-accent/20 focus:bg-accent/20 data-[focused]:bg-accent/20;
+    @apply border border-input text-accent bg-accent/10 hover:bg-accent/20 focus:bg-accent/20;
 }
 @utility btn-secondary {
-    @apply border border-secondary text-secondary bg-secondary/10 hover:bg-secondary/20 data-[hovered]:bg-secondary/20 focus:bg-secondary/20 data-[focused]:bg-secondary/20;
+    @apply border border-secondary text-secondary bg-secondary/10 hover:bg-secondary/20 focus:bg-secondary/20;
 }
 @utility btn-ghost {
-    @apply bg-transparent focus:bg-accent/20 data-[focused]:bg-accent/20 hover:bg-accent/20 data-[hovered]:bg-accent/20;
+    @apply bg-transparent focus:bg-accent/20 hover:bg-accent/20;
 }
 @utility btn-tab {
-    @apply truncate btn btn-ghost input-dim font-normal text-accent justify-start data-[selected=true]:bg-primary/20 data-[selected=true]:font-medium data-[selected=true]:text-primary;
+    @apply truncate btn btn-ghost input-dim font-normal text-accent justify-start selected:bg-primary/20 selected:font-medium selected:text-primary;
 }
 /* Dimensions for a standard input */
 @utility input-dim {
-    @apply h-input px-icon py-2 body-sm leading-none;
-}
-
-@utility form-column {
-    @apply flex flex-col gap-input;
+    @apply h-input px-2 py-2 body-sm leading-none;
 }
 
 @utility form-field {
@@ -218,7 +210,7 @@
     }
 
     body {
-        @apply bg-background text-foreground;
+        @apply bg-gradient-to-t from-background to-neutral-1 text-foreground;
     }
 
     .tw-prose a {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.6.6-alpha17",
+  "version": "6.6.6-alpha20",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -93,6 +93,7 @@
     "rollup-preserve-directives": "1.1.3",
     "sass": "1.89.2",
     "storybook": "9.1.4",
+    "tailwindcss-react-aria-components": "2.0.1",
     "typescript": "5.9.2",
     "vite": "7.1.4",
     "vite-plugin-dts": "4.5.4",

package/dist/components/field.d.ts

@@ -1,22 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { ButtonProps as AriaButtonProps, GroupProps as AriaGroupProps, LabelProps as AriaLabelProps, TextProps as AriaTextProps } from 'react-aria-components';
-export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export declare function FieldLabel({ className, ...props }: AriaLabelProps): import("react/jsx-runtime").JSX.Element;
-export declare function FieldDescription({ className, children, ...props }: AriaTextProps): import("react/jsx-runtime").JSX.Element;
-export declare function FieldError({ className, children, ...props }: React.ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare const fieldGroupVariants: (props?: ({
-    variant?: "ghost" | "default" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface GroupProps extends AriaGroupProps, VariantProps<typeof fieldGroupVariants> {
-}
-export declare function FieldGroup({ className, variant, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
-export type FormFieldProps = {
-    label?: string;
-    description?: React.ReactNode;
-    errorMessage?: string;
-};
-/** Wrapper for FormFields */
-export declare function FormField({ label, description, errorMessage, children, }: FormFieldProps & {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function FormFieldButton({ className, ...props }: AriaButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/field.js

@@ -1,2 +0,0 @@
-"use client";import{jsxs as a,Fragment as l,jsx as n}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";import{Group as m,composeRenderProps as d,Label as u,Text as c,Button as f}from"react-aria-components";import{classNames as r}from"../utilities/theme.js";import{IcInfo as p,IcError as g}from"./icons.js";import"clsx";import"react";const b=s(["select-none body-sm font-medium leading-none","disabled-muted","group-data-[invalid]:text-destructive"]);function h({className:t,...e}){return n(u,{className:r(b(),t),...e})}function x({className:t,children:e,...i}){return a(c,{className:r("body-sm text-muted leading-tight",t),...i,slot:"description",children:[e,n(p,{className:"inline size-2 align-text-top ms-0.5"})]})}function v({className:t,children:e,...i}){return a("div",{className:r("body-sm leading-tight text-destructive duration-150 animate-in transition-transform  slide-in-from-top-5 fade-in",t),...i,children:[e,n(g,{className:"inline size-2 align-text-top ms-0.5"})]})}const F=s("",{variants:{variant:{default:["relative flex w-full items-center overflow-hidden border border-input bg-popover input-dim px-2 ring-offset-background","focus-ring","disabled-muted"],ghost:""}},defaultVariants:{variant:"default"}});function z({className:t,variant:e,...i}){return n(m,{className:d(t,o=>r(F({variant:e}),o)),...i})}function B({label:t,description:e,errorMessage:i,children:o}){return a(l,{children:[t&&n(h,{children:t}),o,e&&n(x,{children:e}),i&&n(v,{children:i})]})}function E({className:t,...e}){return n(f,{className:d(t,i=>r("btn btn-ghost h-input px-2 -me-2",i)),...e})}export{x as FieldDescription,v as FieldError,z as FieldGroup,h as FieldLabel,B as FormField,E as FormFieldButton,F as fieldGroupVariants,b as labelVariants};
-//# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.js","sources":["../../lib/components/field.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n    Button as AriaButton,\n    ButtonProps as AriaButtonProps,\n    Group as AriaGroup,\n    GroupProps as AriaGroupProps,\n    Label as AriaLabel,\n    LabelProps as AriaLabelProps,\n    Text as AriaText,\n    TextProps as AriaTextProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { classNames } from '../utilities/theme';\nimport { IcError, IcInfo } from './icons';\n\nexport const labelVariants = cva([\n    'select-none body-sm font-medium leading-none',\n    /* Disabled */\n    'disabled-muted',\n    /* Invalid */\n    'group-data-[invalid]:text-destructive',\n]);\n\nexport function FieldLabel({ className, ...props }: AriaLabelProps) {\n    return <AriaLabel className={classNames(labelVariants(), className)} {...props} />;\n}\n\nexport function FieldDescription({ className, children, ...props }: AriaTextProps) {\n    return (\n        <AriaText className={classNames('body-sm text-muted leading-tight', className)} {...props} slot=\"description\">\n            {children}\n            <IcInfo className=\"inline size-2 align-text-top ms-0.5\" />\n        </AriaText>\n    );\n}\n// TODO, if we were to use AriaFieldError, it would use the internal ValidationState Context object, which might be useful for composing inputs but\n// this would have significant overlap with what Tanstack Form is already doing for us. It has pros and cons, needs to be discussed and explored.\nexport function FieldError({ className, children, ...props }: React.ComponentPropsWithRef<'div'>) {\n    return (\n        <div\n            className={classNames(\n                'body-sm leading-tight text-destructive duration-150 animate-in transition-transform  slide-in-from-top-5 fade-in',\n                className\n            )}\n            {...props}\n        >\n            {children}\n            <IcError className=\"inline size-2 align-text-top ms-0.5\" />\n        </div>\n    );\n}\n\nexport const fieldGroupVariants = cva('', {\n    variants: {\n        variant: {\n            default: [\n                'relative flex w-full items-center overflow-hidden border border-input bg-popover input-dim px-2 ring-offset-background',\n                /* Focus Within */\n                'focus-ring',\n                /* Disabled */\n                'disabled-muted',\n            ],\n            ghost: '',\n        },\n    },\n    defaultVariants: {\n        variant: 'default',\n    },\n});\n\nexport interface GroupProps extends AriaGroupProps, VariantProps<typeof fieldGroupVariants> {}\n\nexport function FieldGroup({ className, variant, ...props }: GroupProps) {\n    return (\n        <AriaGroup\n            className={composeRenderProps(className, className =>\n                classNames(fieldGroupVariants({ variant }), className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport type FormFieldProps = {\n    label?: string;\n    description?: React.ReactNode;\n    errorMessage?: string;\n    // | ((validation: AriaValidationResult) => string)\n};\n\n/** Wrapper for FormFields */\nexport function FormField({\n    label,\n    description,\n    errorMessage,\n    children,\n}: FormFieldProps & {\n    children: React.ReactNode;\n}) {\n    return (\n        <>\n            {label && <FieldLabel>{label}</FieldLabel>}\n            {children}\n            {description && <FieldDescription>{description}</FieldDescription>}\n            {errorMessage && <FieldError>{errorMessage}</FieldError>}\n        </>\n    );\n}\n\nexport function FormFieldButton({ className, ...props }: AriaButtonProps) {\n    return (\n        <AriaButton\n            className={composeRenderProps(className, className =>\n                classNames('btn btn-ghost h-input px-2 -me-2', className)\n            )}\n            {...props}\n        />\n    );\n}\n"],"names":["labelVariants","cva","FieldLabel","className","props","jsx","AriaLabel","classNames","FieldDescription","children","jsxs","AriaText","IcInfo","FieldError","IcError","fieldGroupVariants","FieldGroup","variant","AriaGroup","composeRenderProps","FormField","label","description","errorMessage","Fragment","FormFieldButton","AriaButton"],"mappings":"kWAkBO,MAAMA,EAAgBC,EAAI,CAC7B,+CAEA,iBAEA,uCACJ,CAAC,EAEM,SAASC,EAAW,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CAChE,OAAOC,EAACC,GAAU,UAAWC,EAAWP,IAAiBG,CAAS,EAAI,GAAGC,EAAO,CACpF,CAEO,SAASI,EAAiB,CAAE,UAAAL,EAAW,SAAAM,EAAU,GAAGL,GAAwB,CAC/E,OACIM,EAACC,EAAA,CAAS,UAAWJ,EAAW,mCAAoCJ,CAAS,EAAI,GAAGC,EAAO,KAAK,cAC3F,SAAA,CAAAK,EACDJ,EAACO,EAAA,CAAO,UAAU,qCAAA,CAAsC,CAAA,EAC5D,CAER,CAGO,SAASC,EAAW,CAAE,UAAAV,EAAW,SAAAM,EAAU,GAAGL,GAA6C,CAC9F,OACIM,EAAC,MAAA,CACG,UAAWH,EACP,mHACAJ,CAAA,EAEH,GAAGC,EAEH,SAAA,CAAAK,EACDJ,EAACS,EAAA,CAAQ,UAAU,qCAAA,CAAsC,CAAA,CAAA,CAAA,CAGrE,CAEO,MAAMC,EAAqBd,EAAI,GAAI,CACtC,SAAU,CACN,QAAS,CACL,QAAS,CACL,yHAEA,aAEA,gBAAA,EAEJ,MAAO,EAAA,CACX,EAEJ,gBAAiB,CACb,QAAS,SAAA,CAEjB,CAAC,EAIM,SAASe,EAAW,CAAE,UAAAb,EAAW,QAAAc,EAAS,GAAGb,GAAqB,CACrE,OACIC,EAACa,EAAA,CACG,UAAWC,EAAmBhB,EAAWA,GACrCI,EAAWQ,EAAmB,CAAE,QAAAE,CAAA,CAAS,EAAGd,CAAS,CAAA,EAExD,GAAGC,CAAA,CAAA,CAGhB,CAUO,SAASgB,EAAU,CACtB,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAd,CACJ,EAEG,CACC,OACIC,EAAAc,EAAA,CACK,SAAA,CAAAH,GAAShB,EAACH,GAAY,SAAAmB,CAAA,CAAM,EAC5BZ,EACAa,GAAejB,EAACG,EAAA,CAAkB,SAAAc,CAAA,CAAY,EAC9CC,GAAgBlB,EAACQ,EAAA,CAAY,SAAAU,CAAA,CAAa,CAAA,EAC/C,CAER,CAEO,SAASE,EAAgB,CAAE,UAAAtB,EAAW,GAAGC,GAA0B,CACtE,OACIC,EAACqB,EAAA,CACG,UAAWP,EAAmBhB,EAAWA,GACrCI,EAAW,mCAAoCJ,CAAS,CAAA,EAE3D,GAAGC,CAAA,CAAA,CAGhB"}