bitsnap-payloadcms 0.0.0-stage → 0.1.2

package/dist/types.d.ts

@@ -0,0 +1,75 @@
+import type { Config as PayloadConfig, Payload, PayloadRequest } from 'payload';
+export type BitsnapWebhookHandler<T = any> = (args: {
+    config: PayloadConfig;
+    event: T;
+    payload: Payload;
+    pluginConfig?: BitsnapPluginConfig;
+    req: PayloadRequest;
+}) => Promise<void> | void;
+export type BitsnapWebhookHandlers = {
+    [webhookName: string]: BitsnapWebhookHandler;
+};
+export type FieldSyncConfig = {
+    fieldPath: string;
+    bitsnapProperty: string;
+};
+export type SyncConfig = {
+    collection: string;
+    fields: FieldSyncConfig[];
+};
+export type BitsnapPluginConfig = {
+    /**
+     * Bitsnap API key. Server-side only — never sent to the browser.
+     */
+    bitsnapApiKey: string;
+    /**
+     * Bitsnap project ID. Falls back to `process.env.BITSNAP_PROJECT_ID`.
+     */
+    projectId?: string;
+    /**
+     * Base URL of the Bitsnap dashboard. Default: `https://bitsnap.pl`.
+     */
+    dashboardUrl?: string;
+    /**
+     * Path the plugin mounts its REST endpoints on, relative to the Payload API root.
+     * Default: `/bitsnap`.
+     */
+    apiBasePath?: string;
+    /**
+     * Currency used when creating products and variants. Default: `PLN`.
+     */
+    currency?: string;
+    logs?: boolean;
+    sync?: SyncConfig[];
+    webhooks?: BitsnapWebhookHandler | BitsnapWebhookHandlers;
+};
+export type SanitizedBitsnapPluginConfig = {
+    apiBasePath: string;
+    currency: string;
+    dashboardUrl: string;
+    projectId: string;
+    sync: SyncConfig[];
+} & BitsnapPluginConfig;
+/**
+ * Values the admin UI components need. Passed to them through Payload's
+ * `clientProps` mechanism — see `admin.components.Field.clientProps`.
+ */
+export type BitsnapClientConfig = {
+    /**
+     * Path prefix of the plugin's REST endpoints, including the Payload API root.
+     * Example: `/api/bitsnap`.
+     */
+    apiBaseUrl: string;
+    currency: string;
+    dashboardUrl: string;
+    projectId: string;
+};
+export type BitsnapProxy = (args: {
+    bitsnapArgs: any[];
+    bitsnapMethod: string;
+    bitsnapApiKey: string;
+}) => Promise<{
+    data?: any;
+    message?: string;
+    status: number;
+}>;

package/dist/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { Config as PayloadConfig, Payload, PayloadRequest } from 'payload'\n\nexport type BitsnapWebhookHandler<T = any> = (args: {\n  config: PayloadConfig\n  event: T\n  payload: Payload\n  pluginConfig?: BitsnapPluginConfig\n  req: PayloadRequest\n}) => Promise<void> | void\n\nexport type BitsnapWebhookHandlers = {\n  [webhookName: string]: BitsnapWebhookHandler\n}\n\nexport type FieldSyncConfig = {\n  fieldPath: string\n  bitsnapProperty: string\n}\n\nexport type SyncConfig = {\n  collection: string\n  fields: FieldSyncConfig[]\n}\n\nexport type BitsnapPluginConfig = {\n  /**\n   * Bitsnap API key. Server-side only — never sent to the browser.\n   */\n  bitsnapApiKey: string\n  /**\n   * Bitsnap project ID. Falls back to `process.env.BITSNAP_PROJECT_ID`.\n   */\n  projectId?: string\n  /**\n   * Base URL of the Bitsnap dashboard. Default: `https://bitsnap.pl`.\n   */\n  dashboardUrl?: string\n  /**\n   * Path the plugin mounts its REST endpoints on, relative to the Payload API root.\n   * Default: `/bitsnap`.\n   */\n  apiBasePath?: string\n  /**\n   * Currency used when creating products and variants. Default: `PLN`.\n   */\n  currency?: string\n  logs?: boolean\n  sync?: SyncConfig[]\n  webhooks?: BitsnapWebhookHandler | BitsnapWebhookHandlers\n}\n\nexport type SanitizedBitsnapPluginConfig = {\n  apiBasePath: string\n  currency: string\n  dashboardUrl: string\n  projectId: string\n  sync: SyncConfig[]\n} & BitsnapPluginConfig\n\n/**\n * Values the admin UI components need. Passed to them through Payload's\n * `clientProps` mechanism — see `admin.components.Field.clientProps`.\n */\nexport type BitsnapClientConfig = {\n  /**\n   * Path prefix of the plugin's REST endpoints, including the Payload API root.\n   * Example: `/api/bitsnap`.\n   */\n  apiBaseUrl: string\n  currency: string\n  dashboardUrl: string\n  projectId: string\n}\n\nexport type BitsnapProxy = (args: {\n  bitsnapArgs: any[]\n  bitsnapMethod: string\n  bitsnapApiKey: string\n}) => Promise<{\n  data?: any\n  message?: string\n  status: number\n}>\n"],"names":[],"mappings":"AA0EA,WAQE"}

package/dist/ui/BitsnapManager.css

@@ -0,0 +1,159 @@
+.bitsnap-manager {
+  display: flex;
+  flex-direction: column;
+  gap: var(--base, 20px);
+}
+
+.bitsnap-manager .group-field__header {
+  margin-bottom: 0;
+}
+
+.bitsnap-manager .field-type.row .row__fields:has(> *:nth-child(1)) {
+  margin-bottom: 0;
+}
+
+.bitsnap-manager .field-type {
+  margin-bottom: 0;
+}
+
+.bitsnap-manager__col--half {
+  --field-width: 50%;
+}
+
+.bitsnap-manager__col--third {
+  --field-width: 33.33%;
+}
+
+.bitsnap-manager__col--quarter {
+  --field-width: 25%;
+}
+
+.bitsnap-manager__lead,
+.bitsnap-manager__empty {
+  margin: 0;
+  max-width: 68ch;
+  color: var(--theme-elevation-500, #9a9a9a);
+}
+
+.bitsnap-manager__loading {
+  display: grid;
+  gap: calc(var(--base, 20px) * 0.5);
+}
+
+.bitsnap-manager__loading-row {
+  height: 40px;
+  border-radius: var(--style-radius-s, 4px);
+  background-color: var(--theme-elevation-100, #262626);
+  animation: bitsnap-manager-pulse 1.4s ease-in-out infinite;
+}
+
+@keyframes bitsnap-manager-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+}
+
+.bitsnap-manager__variants {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: calc(var(--base, 20px) * 0.75);
+  padding-top: var(--base, 20px);
+  border-top: 1px solid var(--theme-elevation-100, #262626);
+}
+
+.bitsnap-manager__variants-header {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--base, 20px) * 0.5);
+}
+
+.bitsnap-manager__variants-title {
+  margin: 0;
+}
+
+.bitsnap-manager__grid {
+  display: grid;
+  gap: calc(var(--base, 20px) * 0.5);
+  width: 100%;
+}
+
+.bitsnap-manager__grid-head,
+.bitsnap-manager__grid-row {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) calc(var(--base, 20px) * 1.6);
+  align-items: center;
+  gap: calc(var(--base, 20px) * 0.5);
+}
+
+.bitsnap-manager__grid-head .field-label {
+  margin: 0;
+}
+
+.bitsnap-manager__grid-row input {
+  font-variant-numeric: tabular-nums;
+}
+
+.bitsnap-manager__remove {
+  display: flex;
+  justify-content: center;
+}
+
+.bitsnap-manager__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+}
+
+.bitsnap-manager__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: calc(var(--base, 20px) * 0.5);
+  padding-top: var(--base, 20px);
+  border-top: 1px solid var(--theme-elevation-100, #262626);
+}
+
+.bitsnap-manager__actions .btn {
+  margin: 0;
+}
+
+.bitsnap-manager__meta {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--base, 20px) * 0.4);
+  color: var(--theme-elevation-500, #9a9a9a);
+  font-size: calc(var(--base-body-size, 13) * 0.92px);
+}
+
+.bitsnap-manager__meta code {
+  color: var(--theme-elevation-800, #fafafa);
+  font-variant-numeric: tabular-nums;
+}
+
+@media (max-width: 768px) {
+  .bitsnap-manager__grid-head {
+    display: none;
+  }
+
+  .bitsnap-manager__grid-row {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) calc(var(--base, 20px) * 1.6);
+    padding-bottom: calc(var(--base, 20px) * 0.5);
+    border-bottom: 1px solid var(--theme-elevation-100, #262626);
+  }
+
+  .bitsnap-manager__grid-row > [role='cell']:first-child {
+    grid-column: 1 / -1;
+  }
+}
+
+.bitsnap-manager__actions .bitsnap-manager__open {
+  margin-left: auto;
+}

package/dist/ui/BitsnapManager.d.ts

@@ -0,0 +1,5 @@
+import type { UIFieldClientProps } from 'payload';
+import type { BitsnapClientConfig } from '../types.js';
+import './BitsnapManager.css';
+export type BitsnapManagerProps = UIFieldClientProps & Partial<BitsnapClientConfig>;
+export declare const BitsnapManager: (props: BitsnapManagerProps) => import("react").JSX.Element;