gorombo-payload-appointments 1.0.0

package/dist/collections/Services.js

@@ -0,0 +1,147 @@
+export const Services = {
+    slug: 'services',
+    access: {
+        create: ({ req })=>!!req.user,
+        delete: ({ req })=>!!req.user,
+        read: ()=>true,
+        update: ({ req })=>!!req.user
+    },
+    admin: {
+        defaultColumns: [
+            'name',
+            'duration',
+            'price',
+            'isActive'
+        ],
+        group: 'Scheduling',
+        useAsTitle: 'name'
+    },
+    fields: [
+        {
+            name: 'name',
+            type: 'text',
+            admin: {
+                description: 'Name of the service (e.g., "30-Minute Consultation")'
+            },
+            required: true
+        },
+        {
+            name: 'slug',
+            type: 'text',
+            admin: {
+                description: 'URL-friendly identifier'
+            },
+            required: true,
+            unique: true
+        },
+        {
+            name: 'description',
+            type: 'textarea',
+            admin: {
+                description: 'Description shown to customers'
+            }
+        },
+        {
+            name: 'duration',
+            type: 'number',
+            admin: {
+                description: 'Duration in minutes',
+                step: 5
+            },
+            defaultValue: 30,
+            max: 480,
+            min: 5,
+            required: true
+        },
+        {
+            name: 'price',
+            type: 'number',
+            admin: {
+                description: 'Price in cents (e.g., 5000 = $50.00)'
+            },
+            defaultValue: 0,
+            min: 0,
+            required: true
+        },
+        {
+            name: 'color',
+            type: 'text',
+            admin: {
+                description: 'Color for calendar display (hex code)'
+            },
+            defaultValue: '#3b82f6'
+        },
+        {
+            name: 'isActive',
+            type: 'checkbox',
+            admin: {
+                description: 'Whether this service is available for booking',
+                position: 'sidebar'
+            },
+            defaultValue: true
+        },
+        {
+            name: 'requiresDeposit',
+            type: 'checkbox',
+            admin: {
+                description: 'Whether a deposit is required to book',
+                position: 'sidebar'
+            },
+            defaultValue: false
+        },
+        {
+            name: 'depositAmount',
+            type: 'number',
+            admin: {
+                condition: (data)=>data?.requiresDeposit === true,
+                description: 'Deposit amount in cents'
+            },
+            min: 0
+        },
+        {
+            name: 'bufferBefore',
+            type: 'number',
+            admin: {
+                description: 'Buffer time before appointment (minutes)',
+                step: 5
+            },
+            defaultValue: 0,
+            min: 0
+        },
+        {
+            name: 'bufferAfter',
+            type: 'number',
+            admin: {
+                description: 'Buffer time after appointment (minutes)',
+                step: 5
+            },
+            defaultValue: 0,
+            min: 0
+        },
+        {
+            name: 'maxAdvanceBooking',
+            type: 'number',
+            admin: {
+                description: 'How many days in advance can this be booked'
+            },
+            defaultValue: 30,
+            min: 1
+        },
+        {
+            name: 'minAdvanceBooking',
+            type: 'number',
+            admin: {
+                description: 'Minimum hours notice required to book'
+            },
+            defaultValue: 0,
+            min: 0
+        }
+    ],
+    labels: {
+        plural: 'Services',
+        singular: 'Service'
+    },
+    timestamps: true
+};
+
+//# sourceMappingURL=Services.js.map

package/dist/collections/Services.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/collections/Services.ts"],"sourcesContent":["import type { CollectionConfig } from 'payload'\n\nexport const Services: CollectionConfig = {\n  slug: 'services',\n  access: {\n    create: ({ req }) => !!req.user,\n    delete: ({ req }) => !!req.user,\n    read: () => true,\n    update: ({ req }) => !!req.user,\n  },\n  admin: {\n    defaultColumns: ['name', 'duration', 'price', 'isActive'],\n    group: 'Scheduling',\n    useAsTitle: 'name',\n  },\n  fields: [\n    {\n      name: 'name',\n      type: 'text',\n      admin: {\n        description: 'Name of the service (e.g., \"30-Minute Consultation\")',\n      },\n      required: true,\n    },\n    {\n      name: 'slug',\n      type: 'text',\n      admin: {\n        description: 'URL-friendly identifier',\n      },\n      required: true,\n      unique: true,\n    },\n    {\n      name: 'description',\n      type: 'textarea',\n      admin: {\n        description: 'Description shown to customers',\n      },\n    },\n    {\n      name: 'duration',\n      type: 'number',\n      admin: {\n        description: 'Duration in minutes',\n        step: 5,\n      },\n      defaultValue: 30,\n      max: 480,\n      min: 5,\n      required: true,\n    },\n    {\n      name: 'price',\n      type: 'number',\n      admin: {\n        description: 'Price in cents (e.g., 5000 = $50.00)',\n      },\n      defaultValue: 0,\n      min: 0,\n      required: true,\n    },\n    {\n      name: 'color',\n      type: 'text',\n      admin: {\n        description: 'Color for calendar display (hex code)',\n      },\n      defaultValue: '#3b82f6',\n    },\n    {\n      name: 'isActive',\n      type: 'checkbox',\n      admin: {\n        description: 'Whether this service is available for booking',\n        position: 'sidebar',\n      },\n      defaultValue: true,\n    },\n    {\n      name: 'requiresDeposit',\n      type: 'checkbox',\n      admin: {\n        description: 'Whether a deposit is required to book',\n        position: 'sidebar',\n      },\n      defaultValue: false,\n    },\n    {\n      name: 'depositAmount',\n      type: 'number',\n      admin: {\n        condition: (data) => data?.requiresDeposit === true,\n        description: 'Deposit amount in cents',\n      },\n      min: 0,\n    },\n    {\n      name: 'bufferBefore',\n      type: 'number',\n      admin: {\n        description: 'Buffer time before appointment (minutes)',\n        step: 5,\n      },\n      defaultValue: 0,\n      min: 0,\n    },\n    {\n      name: 'bufferAfter',\n      type: 'number',\n      admin: {\n        description: 'Buffer time after appointment (minutes)',\n        step: 5,\n      },\n      defaultValue: 0,\n      min: 0,\n    },\n    {\n      name: 'maxAdvanceBooking',\n      type: 'number',\n      admin: {\n        description: 'How many days in advance can this be booked',\n      },\n      defaultValue: 30,\n      min: 1,\n    },\n    {\n      name: 'minAdvanceBooking',\n      type: 'number',\n      admin: {\n        description: 'Minimum hours notice required to book',\n      },\n      defaultValue: 0,\n      min: 0,\n    },\n  ],\n  labels: {\n    plural: 'Services',\n    singular: 'Service',\n  },\n  timestamps: true,\n}\n"],"names":["Services","slug","access","create","req","user","delete","read","update","admin","defaultColumns","group","useAsTitle","fields","name","type","description","required","unique","step","defaultValue","max","min","position","condition","data","requiresDeposit","labels","plural","singular","timestamps"],"mappings":"AAEA,OAAO,MAAMA,WAA6B;IACxCC,MAAM;IACNC,QAAQ;QACNC,QAAQ,CAAC,EAAEC,GAAG,EAAE,GAAK,CAAC,CAACA,IAAIC,IAAI;QAC/BC,QAAQ,CAAC,EAAEF,GAAG,EAAE,GAAK,CAAC,CAACA,IAAIC,IAAI;QAC/BE,MAAM,IAAM;QACZC,QAAQ,CAAC,EAAEJ,GAAG,EAAE,GAAK,CAAC,CAACA,IAAIC,IAAI;IACjC;IACAI,OAAO;QACLC,gBAAgB;YAAC;YAAQ;YAAY;YAAS;SAAW;QACzDC,OAAO;QACPC,YAAY;IACd;IACAC,QAAQ;QACN;YACEC,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAC,UAAU;QACZ;QACA;YACEH,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAC,UAAU;YACVC,QAAQ;QACV;QACA;YACEJ,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;QACF;QACA;YACEF,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;gBACbG,MAAM;YACR;YACAC,cAAc;YACdC,KAAK;YACLC,KAAK;YACLL,UAAU;QACZ;QACA;YACEH,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAI,cAAc;YACdE,KAAK;YACLL,UAAU;QACZ;QACA;YACEH,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAI,cAAc;QAChB;QACA;YACEN,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;gBACbO,UAAU;YACZ;YACAH,cAAc;QAChB;QACA;YACEN,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;gBACbO,UAAU;YACZ;YACAH,cAAc;QAChB;QACA;YACEN,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLe,WAAW,CAACC,OAASA,MAAMC,oBAAoB;gBAC/CV,aAAa;YACf;YACAM,KAAK;QACP;QACA;YACER,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;gBACbG,MAAM;YACR;YACAC,cAAc;YACdE,KAAK;QACP;QACA;YACER,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;gBACbG,MAAM;YACR;YACAC,cAAc;YACdE,KAAK;QACP;QACA;YACER,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAI,cAAc;YACdE,KAAK;QACP;QACA;YACER,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAI,cAAc;YACdE,KAAK;QACP;KACD;IACDK,QAAQ;QACNC,QAAQ;QACRC,UAAU;IACZ;IACAC,YAAY;AACd,EAAC"}

package/dist/collections/TeamMembers.d.ts

@@ -0,0 +1,2 @@
+import type { CollectionConfig } from 'payload';
+export declare const TeamMembers: CollectionConfig;

package/dist/collections/TeamMembers.js

@@ -0,0 +1,184 @@
+export const TeamMembers = {
+    slug: 'team-members',
+    access: {
+        create: ({ req })=>!!req.user,
+        delete: ({ req })=>!!req.user,
+        read: ()=>true,
+        update: ({ req })=>!!req.user
+    },
+    admin: {
+        defaultColumns: [
+            'name',
+            'email',
+            'role',
+            'takingAppointments'
+        ],
+        group: 'Scheduling',
+        useAsTitle: 'name'
+    },
+    fields: [
+        {
+            name: 'name',
+            type: 'text',
+            admin: {
+                description: 'Full name of the team member'
+            },
+            required: true
+        },
+        {
+            name: 'email',
+            type: 'email',
+            required: true,
+            unique: true
+        },
+        {
+            name: 'phone',
+            type: 'text',
+            admin: {
+                description: 'Contact phone number'
+            }
+        },
+        {
+            name: 'role',
+            type: 'text',
+            admin: {
+                description: 'Job title or role (e.g., "Senior Consultant")'
+            }
+        },
+        {
+            name: 'bio',
+            type: 'textarea',
+            admin: {
+                description: 'Short bio shown to customers'
+            }
+        },
+        {
+            name: 'avatar',
+            type: 'upload',
+            admin: {
+                description: 'Profile photo'
+            },
+            relationTo: 'media'
+        },
+        {
+            name: 'takingAppointments',
+            type: 'checkbox',
+            admin: {
+                description: 'Whether this team member accepts appointments',
+                position: 'sidebar'
+            },
+            defaultValue: true
+        },
+        {
+            name: 'services',
+            type: 'relationship',
+            admin: {
+                description: 'Services this team member can provide'
+            },
+            hasMany: true,
+            relationTo: 'services'
+        },
+        {
+            name: 'availability',
+            type: 'array',
+            admin: {
+                description: 'Weekly availability schedule'
+            },
+            fields: [
+                {
+                    name: 'day',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Monday',
+                            value: 'monday'
+                        },
+                        {
+                            label: 'Tuesday',
+                            value: 'tuesday'
+                        },
+                        {
+                            label: 'Wednesday',
+                            value: 'wednesday'
+                        },
+                        {
+                            label: 'Thursday',
+                            value: 'thursday'
+                        },
+                        {
+                            label: 'Friday',
+                            value: 'friday'
+                        },
+                        {
+                            label: 'Saturday',
+                            value: 'saturday'
+                        },
+                        {
+                            label: 'Sunday',
+                            value: 'sunday'
+                        }
+                    ],
+                    required: true
+                },
+                {
+                    name: 'isAvailable',
+                    type: 'checkbox',
+                    admin: {
+                        description: 'Available on this day'
+                    },
+                    defaultValue: true
+                },
+                {
+                    name: 'startTime',
+                    type: 'text',
+                    admin: {
+                        condition: (data, siblingData)=>siblingData?.isAvailable === true,
+                        description: 'Start time (HH:MM format)'
+                    },
+                    defaultValue: '09:00'
+                },
+                {
+                    name: 'endTime',
+                    type: 'text',
+                    admin: {
+                        condition: (data, siblingData)=>siblingData?.isAvailable === true,
+                        description: 'End time (HH:MM format)'
+                    },
+                    defaultValue: '17:00'
+                },
+                {
+                    name: 'breakStart',
+                    type: 'text',
+                    admin: {
+                        condition: (data, siblingData)=>siblingData?.isAvailable === true,
+                        description: 'Break start time (optional)'
+                    }
+                },
+                {
+                    name: 'breakEnd',
+                    type: 'text',
+                    admin: {
+                        condition: (data, siblingData)=>siblingData?.isAvailable === true,
+                        description: 'Break end time (optional)'
+                    }
+                }
+            ]
+        },
+        {
+            name: 'color',
+            type: 'text',
+            admin: {
+                description: 'Color for calendar display (hex code)',
+                position: 'sidebar'
+            },
+            defaultValue: '#10b981'
+        }
+    ],
+    labels: {
+        plural: 'Team Members',
+        singular: 'Team Member'
+    },
+    timestamps: true
+};
+
+//# sourceMappingURL=TeamMembers.js.map

package/dist/collections/TeamMembers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/collections/TeamMembers.ts"],"sourcesContent":["import type { CollectionConfig } from 'payload'\n\nexport const TeamMembers: CollectionConfig = {\n  slug: 'team-members',\n  access: {\n    create: ({ req }) => !!req.user,\n    delete: ({ req }) => !!req.user,\n    read: () => true,\n    update: ({ req }) => !!req.user,\n  },\n  admin: {\n    defaultColumns: ['name', 'email', 'role', 'takingAppointments'],\n    group: 'Scheduling',\n    useAsTitle: 'name',\n  },\n  fields: [\n    {\n      name: 'name',\n      type: 'text',\n      admin: {\n        description: 'Full name of the team member',\n      },\n      required: true,\n    },\n    {\n      name: 'email',\n      type: 'email',\n      required: true,\n      unique: true,\n    },\n    {\n      name: 'phone',\n      type: 'text',\n      admin: {\n        description: 'Contact phone number',\n      },\n    },\n    {\n      name: 'role',\n      type: 'text',\n      admin: {\n        description: 'Job title or role (e.g., \"Senior Consultant\")',\n      },\n    },\n    {\n      name: 'bio',\n      type: 'textarea',\n      admin: {\n        description: 'Short bio shown to customers',\n      },\n    },\n    {\n      name: 'avatar',\n      type: 'upload',\n      admin: {\n        description: 'Profile photo',\n      },\n      relationTo: 'media',\n    },\n    {\n      name: 'takingAppointments',\n      type: 'checkbox',\n      admin: {\n        description: 'Whether this team member accepts appointments',\n        position: 'sidebar',\n      },\n      defaultValue: true,\n    },\n    {\n      name: 'services',\n      type: 'relationship',\n      admin: {\n        description: 'Services this team member can provide',\n      },\n      hasMany: true,\n      relationTo: 'services',\n    },\n    {\n      name: 'availability',\n      type: 'array',\n      admin: {\n        description: 'Weekly availability schedule',\n      },\n      fields: [\n        {\n          name: 'day',\n          type: 'select',\n          options: [\n            { label: 'Monday', value: 'monday' },\n            { label: 'Tuesday', value: 'tuesday' },\n            { label: 'Wednesday', value: 'wednesday' },\n            { label: 'Thursday', value: 'thursday' },\n            { label: 'Friday', value: 'friday' },\n            { label: 'Saturday', value: 'saturday' },\n            { label: 'Sunday', value: 'sunday' },\n          ],\n          required: true,\n        },\n        {\n          name: 'isAvailable',\n          type: 'checkbox',\n          admin: {\n            description: 'Available on this day',\n          },\n          defaultValue: true,\n        },\n        {\n          name: 'startTime',\n          type: 'text',\n          admin: {\n            condition: (data, siblingData) => siblingData?.isAvailable === true,\n            description: 'Start time (HH:MM format)',\n          },\n          defaultValue: '09:00',\n        },\n        {\n          name: 'endTime',\n          type: 'text',\n          admin: {\n            condition: (data, siblingData) => siblingData?.isAvailable === true,\n            description: 'End time (HH:MM format)',\n          },\n          defaultValue: '17:00',\n        },\n        {\n          name: 'breakStart',\n          type: 'text',\n          admin: {\n            condition: (data, siblingData) => siblingData?.isAvailable === true,\n            description: 'Break start time (optional)',\n          },\n        },\n        {\n          name: 'breakEnd',\n          type: 'text',\n          admin: {\n            condition: (data, siblingData) => siblingData?.isAvailable === true,\n            description: 'Break end time (optional)',\n          },\n        },\n      ],\n    },\n    {\n      name: 'color',\n      type: 'text',\n      admin: {\n        description: 'Color for calendar display (hex code)',\n        position: 'sidebar',\n      },\n      defaultValue: '#10b981',\n    },\n  ],\n  labels: {\n    plural: 'Team Members',\n    singular: 'Team Member',\n  },\n  timestamps: true,\n}\n"],"names":["TeamMembers","slug","access","create","req","user","delete","read","update","admin","defaultColumns","group","useAsTitle","fields","name","type","description","required","unique","relationTo","position","defaultValue","hasMany","options","label","value","condition","data","siblingData","isAvailable","labels","plural","singular","timestamps"],"mappings":"AAEA,OAAO,MAAMA,cAAgC;IAC3CC,MAAM;IACNC,QAAQ;QACNC,QAAQ,CAAC,EAAEC,GAAG,EAAE,GAAK,CAAC,CAACA,IAAIC,IAAI;QAC/BC,QAAQ,CAAC,EAAEF,GAAG,EAAE,GAAK,CAAC,CAACA,IAAIC,IAAI;QAC/BE,MAAM,IAAM;QACZC,QAAQ,CAAC,EAAEJ,GAAG,EAAE,GAAK,CAAC,CAACA,IAAIC,IAAI;IACjC;IACAI,OAAO;QACLC,gBAAgB;YAAC;YAAQ;YAAS;YAAQ;SAAqB;QAC/DC,OAAO;QACPC,YAAY;IACd;IACAC,QAAQ;QACN;YACEC,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAC,UAAU;QACZ;QACA;YACEH,MAAM;YACNC,MAAM;YACNE,UAAU;YACVC,QAAQ;QACV;QACA;YACEJ,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;QACF;QACA;YACEF,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;QACF;QACA;YACEF,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;QACF;QACA;YACEF,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAG,YAAY;QACd;QACA;YACEL,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;gBACbI,UAAU;YACZ;YACAC,cAAc;QAChB;QACA;YACEP,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAM,SAAS;YACTH,YAAY;QACd;QACA;YACEL,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;YACf;YACAH,QAAQ;gBACN;oBACEC,MAAM;oBACNC,MAAM;oBACNQ,SAAS;wBACP;4BAAEC,OAAO;4BAAUC,OAAO;wBAAS;wBACnC;4BAAED,OAAO;4BAAWC,OAAO;wBAAU;wBACrC;4BAAED,OAAO;4BAAaC,OAAO;wBAAY;wBACzC;4BAAED,OAAO;4BAAYC,OAAO;wBAAW;wBACvC;4BAAED,OAAO;4BAAUC,OAAO;wBAAS;wBACnC;4BAAED,OAAO;4BAAYC,OAAO;wBAAW;wBACvC;4BAAED,OAAO;4BAAUC,OAAO;wBAAS;qBACpC;oBACDR,UAAU;gBACZ;gBACA;oBACEH,MAAM;oBACNC,MAAM;oBACNN,OAAO;wBACLO,aAAa;oBACf;oBACAK,cAAc;gBAChB;gBACA;oBACEP,MAAM;oBACNC,MAAM;oBACNN,OAAO;wBACLiB,WAAW,CAACC,MAAMC,cAAgBA,aAAaC,gBAAgB;wBAC/Db,aAAa;oBACf;oBACAK,cAAc;gBAChB;gBACA;oBACEP,MAAM;oBACNC,MAAM;oBACNN,OAAO;wBACLiB,WAAW,CAACC,MAAMC,cAAgBA,aAAaC,gBAAgB;wBAC/Db,aAAa;oBACf;oBACAK,cAAc;gBAChB;gBACA;oBACEP,MAAM;oBACNC,MAAM;oBACNN,OAAO;wBACLiB,WAAW,CAACC,MAAMC,cAAgBA,aAAaC,gBAAgB;wBAC/Db,aAAa;oBACf;gBACF;gBACA;oBACEF,MAAM;oBACNC,MAAM;oBACNN,OAAO;wBACLiB,WAAW,CAACC,MAAMC,cAAgBA,aAAaC,gBAAgB;wBAC/Db,aAAa;oBACf;gBACF;aACD;QACH;QACA;YACEF,MAAM;YACNC,MAAM;YACNN,OAAO;gBACLO,aAAa;gBACbI,UAAU;YACZ;YACAC,cAAc;QAChB;KACD;IACDS,QAAQ;QACNC,QAAQ;QACRC,UAAU;IACZ;IACAC,YAAY;AACd,EAAC"}

package/dist/components/BeforeDashboardClient.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BeforeDashboardClient: React.FC;

package/dist/components/BeforeDashboardClient.js

@@ -0,0 +1,162 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useConfig } from '@payloadcms/ui';
+import React, { useCallback, useEffect, useState } from 'react';
+import { CalendarContainer } from './calendar/index.js';
+function transformAppointmentToEvent(doc) {
+    const service = typeof doc.service === 'object' ? doc.service : undefined;
+    const customer = typeof doc.customer === 'object' ? doc.customer : undefined;
+    const guest = typeof doc.guest === 'object' ? doc.guest : undefined;
+    const teamMember = typeof doc.teamMember === 'object' ? doc.teamMember : undefined;
+    // Calculate end time if not provided
+    let endDateTime = doc.endDateTime;
+    if (!endDateTime && service?.duration) {
+        const start = new Date(doc.startDateTime);
+        start.setMinutes(start.getMinutes() + service.duration);
+        endDateTime = start.toISOString();
+    } else if (!endDateTime) {
+        const start = new Date(doc.startDateTime);
+        start.setMinutes(start.getMinutes() + 30); // Default 30 min
+        endDateTime = start.toISOString();
+    }
+    return {
+        id: doc.id,
+        type: doc.type,
+        blockoutReason: doc.blockoutReason,
+        customerId: customer?.id,
+        customerName: customer?.name || customer?.firstName,
+        end: new Date(endDateTime),
+        guestId: guest?.id,
+        guestName: guest ? `${guest.firstName} ${guest.lastName}`.trim() : undefined,
+        notes: doc.notes,
+        serviceColor: service?.color || '#3b82f6',
+        serviceId: service?.id,
+        serviceName: service?.name,
+        start: new Date(doc.startDateTime),
+        status: doc.status,
+        teamMemberColor: teamMember?.color,
+        teamMemberId: teamMember?.id,
+        teamMemberName: teamMember?.name,
+        title: doc.title || service?.name || 'Appointment'
+    };
+}
+export const BeforeDashboardClient = ()=>{
+    const configContext = useConfig();
+    const [events, setEvents] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    // Handle case where config context is not yet available
+    const config = configContext?.config;
+    const apiPath = config?.routes?.api || '/api';
+    const adminPath = config?.routes?.admin || '/admin';
+    const fetchAppointments = useCallback(async ()=>{
+        setIsLoading(true);
+        setError(null);
+        try {
+            // Get appointments for the next 30 days and past 7 days
+            const now = new Date();
+            const startDate = new Date(now);
+            startDate.setDate(startDate.getDate() - 7);
+            const endDate = new Date(now);
+            endDate.setDate(endDate.getDate() + 30);
+            // Build API URL
+            const queryParams = new URLSearchParams({
+                depth: '1',
+                limit: '200',
+                'where[startDateTime][greater_than_equal]': startDate.toISOString(),
+                'where[startDateTime][less_than_equal]': endDate.toISOString()
+            });
+            const response = await fetch(`${apiPath}/appointments?${queryParams.toString()}`);
+            if (!response.ok) {
+                throw new Error('Failed to fetch appointments');
+            }
+            const result = await response.json();
+            const appointmentEvents = result.docs.map(transformAppointmentToEvent);
+            setEvents(appointmentEvents);
+        } catch (err) {
+            console.error('Error fetching appointments:', err);
+            setError('Failed to load appointments');
+        } finally{
+            setIsLoading(false);
+        }
+    }, [
+        apiPath
+    ]);
+    useEffect(()=>{
+        void fetchAppointments();
+    }, [
+        fetchAppointments
+    ]);
+    const handleSlotClick = useCallback((start, _end)=>{
+        // Navigate to create new appointment with pre-filled start time
+        const params = new URLSearchParams({
+            startDateTime: start.toISOString()
+        });
+        window.location.href = `${adminPath}/collections/appointments/create?${params.toString()}`;
+    }, [
+        adminPath
+    ]);
+    const handleEventClick = useCallback((_event)=>{
+    // Event click is handled by the calendar popover
+    // but we could add custom handling here if needed
+    }, []);
+    if (error) {
+        return /*#__PURE__*/ _jsxs("div", {
+            style: {
+                padding: '20px'
+            },
+            children: [
+                /*#__PURE__*/ _jsx("h2", {
+                    style: {
+                        fontSize: '18px',
+                        fontWeight: 600,
+                        marginBottom: '12px'
+                    },
+                    children: "Appointments Calendar"
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    style: {
+                        background: 'var(--theme-error-50)',
+                        borderRadius: '8px',
+                        color: 'var(--theme-error-700)',
+                        padding: '20px'
+                    },
+                    children: error
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
+            padding: '20px'
+        },
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                style: {
+                    fontSize: '18px',
+                    fontWeight: 600,
+                    marginBottom: '12px'
+                },
+                children: "Appointments Calendar"
+            }),
+            isLoading ? /*#__PURE__*/ _jsx("div", {
+                style: {
+                    alignItems: 'center',
+                    color: 'var(--theme-elevation-500)',
+                    display: 'flex',
+                    height: '400px',
+                    justifyContent: 'center'
+                },
+                children: "Loading appointments..."
+            }) : /*#__PURE__*/ _jsx(CalendarContainer, {
+                endHour: 20,
+                events: events,
+                onEventClick: handleEventClick,
+                onSlotClick: handleSlotClick,
+                startHour: 8
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=BeforeDashboardClient.js.map

package/dist/components/BeforeDashboardClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/BeforeDashboardClient.tsx"],"sourcesContent":["'use client'\n\nimport { useConfig } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { CalendarEvent } from './calendar/index.js'\n\nimport { CalendarContainer } from './calendar/index.js'\n\ninterface AppointmentDoc {\n  blockoutReason?: string\n  customer?: {\n    email?: string\n    firstName?: string\n    id: string\n    name?: string\n  } | string\n  endDateTime?: string\n  guest?: {\n    email?: string\n    firstName: string\n    id: string\n    lastName: string\n  } | string\n  id: string\n  notes?: string\n  service?: {\n    color?: string\n    duration?: number\n    id: string\n    name: string\n  } | string\n  startDateTime: string\n  status?: string\n  teamMember?: {\n    color?: string\n    id: string\n    name: string\n  } | string\n  title?: string\n  type: 'appointment' | 'blockout'\n}\n\nfunction transformAppointmentToEvent(doc: AppointmentDoc): CalendarEvent {\n  const service = typeof doc.service === 'object' ? doc.service : undefined\n  const customer = typeof doc.customer === 'object' ? doc.customer : undefined\n  const guest = typeof doc.guest === 'object' ? doc.guest : undefined\n  const teamMember = typeof doc.teamMember === 'object' ? doc.teamMember : undefined\n\n  // Calculate end time if not provided\n  let endDateTime = doc.endDateTime\n  if (!endDateTime && service?.duration) {\n    const start = new Date(doc.startDateTime)\n    start.setMinutes(start.getMinutes() + service.duration)\n    endDateTime = start.toISOString()\n  } else if (!endDateTime) {\n    const start = new Date(doc.startDateTime)\n    start.setMinutes(start.getMinutes() + 30) // Default 30 min\n    endDateTime = start.toISOString()\n  }\n\n  return {\n    id: doc.id,\n    type: doc.type,\n    blockoutReason: doc.blockoutReason,\n    customerId: customer?.id,\n    customerName: customer?.name || customer?.firstName,\n    end: new Date(endDateTime),\n    guestId: guest?.id,\n    guestName: guest ? `${guest.firstName} ${guest.lastName}`.trim() : undefined,\n    notes: doc.notes,\n    serviceColor: service?.color || '#3b82f6',\n    serviceId: service?.id,\n    serviceName: service?.name,\n    start: new Date(doc.startDateTime),\n    status: doc.status as CalendarEvent['status'],\n    teamMemberColor: teamMember?.color,\n    teamMemberId: teamMember?.id,\n    teamMemberName: teamMember?.name,\n    title: doc.title || service?.name || 'Appointment',\n  }\n}\n\nexport const BeforeDashboardClient: React.FC = () => {\n  const configContext = useConfig()\n  const [events, setEvents] = useState<CalendarEvent[]>([])\n  const [isLoading, setIsLoading] = useState(true)\n  const [error, setError] = useState<null | string>(null)\n\n  // Handle case where config context is not yet available\n  const config = configContext?.config\n  const apiPath = config?.routes?.api || '/api'\n  const adminPath = config?.routes?.admin || '/admin'\n\n  const fetchAppointments = useCallback(async () => {\n    setIsLoading(true)\n    setError(null)\n\n    try {\n      // Get appointments for the next 30 days and past 7 days\n      const now = new Date()\n      const startDate = new Date(now)\n      startDate.setDate(startDate.getDate() - 7)\n      const endDate = new Date(now)\n      endDate.setDate(endDate.getDate() + 30)\n\n      // Build API URL\n      const queryParams = new URLSearchParams({\n        depth: '1',\n        limit: '200',\n        'where[startDateTime][greater_than_equal]': startDate.toISOString(),\n        'where[startDateTime][less_than_equal]': endDate.toISOString(),\n      })\n\n      const response = await fetch(`${apiPath}/appointments?${queryParams.toString()}`)\n\n      if (!response.ok) {\n        throw new Error('Failed to fetch appointments')\n      }\n\n      const result = await response.json()\n      const appointmentEvents = result.docs.map(transformAppointmentToEvent)\n      setEvents(appointmentEvents)\n    } catch (err) {\n      console.error('Error fetching appointments:', err)\n      setError('Failed to load appointments')\n    } finally {\n      setIsLoading(false)\n    }\n  }, [apiPath])\n\n  useEffect(() => {\n    void fetchAppointments()\n  }, [fetchAppointments])\n\n  const handleSlotClick = useCallback(\n    (start: Date, _end: Date) => {\n      // Navigate to create new appointment with pre-filled start time\n      const params = new URLSearchParams({\n        startDateTime: start.toISOString(),\n      })\n      window.location.href = `${adminPath}/collections/appointments/create?${params.toString()}`\n    },\n    [adminPath]\n  )\n\n  const handleEventClick = useCallback((_event: CalendarEvent) => {\n    // Event click is handled by the calendar popover\n    // but we could add custom handling here if needed\n  }, [])\n\n  if (error) {\n    return (\n      <div style={{ padding: '20px' }}>\n        <h2 style={{ fontSize: '18px', fontWeight: 600, marginBottom: '12px' }}>\n          Appointments Calendar\n        </h2>\n        <div\n          style={{\n            background: 'var(--theme-error-50)',\n            borderRadius: '8px',\n            color: 'var(--theme-error-700)',\n            padding: '20px',\n          }}\n        >\n          {error}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div style={{ padding: '20px' }}>\n      <h2 style={{ fontSize: '18px', fontWeight: 600, marginBottom: '12px' }}>\n        Appointments Calendar\n      </h2>\n      {isLoading ? (\n        <div\n          style={{\n            alignItems: 'center',\n            color: 'var(--theme-elevation-500)',\n            display: 'flex',\n            height: '400px',\n            justifyContent: 'center',\n          }}\n        >\n          Loading appointments...\n        </div>\n      ) : (\n        <CalendarContainer\n          endHour={20}\n          events={events}\n          onEventClick={handleEventClick}\n          onSlotClick={handleSlotClick}\n          startHour={8}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["useConfig","React","useCallback","useEffect","useState","CalendarContainer","transformAppointmentToEvent","doc","service","undefined","customer","guest","teamMember","endDateTime","duration","start","Date","startDateTime","setMinutes","getMinutes","toISOString","id","type","blockoutReason","customerId","customerName","name","firstName","end","guestId","guestName","lastName","trim","notes","serviceColor","color","serviceId","serviceName","status","teamMemberColor","teamMemberId","teamMemberName","title","BeforeDashboardClient","configContext","events","setEvents","isLoading","setIsLoading","error","setError","config","apiPath","routes","api","adminPath","admin","fetchAppointments","now","startDate","setDate","getDate","endDate","queryParams","URLSearchParams","depth","limit","response","fetch","toString","ok","Error","result","json","appointmentEvents","docs","map","err","console","handleSlotClick","_end","params","window","location","href","handleEventClick","_event","div","style","padding","h2","fontSize","fontWeight","marginBottom","background","borderRadius","alignItems","display","height","justifyContent","endHour","onEventClick","onSlotClick","startHour"],"mappings":"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"}

package/dist/components/BeforeDashboardServer.d.ts

@@ -0,0 +1,2 @@
+import type { ServerComponentProps } from 'payload';
+export declare const BeforeDashboardServer: (props: ServerComponentProps) => Promise<import("react").JSX.Element>;

package/dist/components/BeforeDashboardServer.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './BeforeDashboardServer.module.css';
+export const BeforeDashboardServer = async (props)=>{
+    const { payload } = props;
+    const { docs } = await payload.find({
+        collection: 'plugin-collection'
+    });
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.wrapper,
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                children: "Added by the plugin: Before Dashboard Server"
+            }),
+            "Docs from Local API:",
+            docs.map((doc)=>/*#__PURE__*/ _jsx("div", {
+                    children: doc.id
+                }, doc.id))
+        ]
+    });
+};
+
+//# sourceMappingURL=BeforeDashboardServer.js.map

package/dist/components/BeforeDashboardServer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/BeforeDashboardServer.tsx"],"sourcesContent":["import type { ServerComponentProps } from 'payload'\n\nimport styles from './BeforeDashboardServer.module.css'\n\nexport const BeforeDashboardServer = async (props: ServerComponentProps) => {\n  const { payload } = props\n\n  const { docs } = await payload.find({ collection: 'plugin-collection' })\n\n  return (\n    <div className={styles.wrapper}>\n      <h1>Added by the plugin: Before Dashboard Server</h1>\n      Docs from Local API:\n      {docs.map((doc) => (\n        <div key={doc.id}>{doc.id}</div>\n      ))}\n    </div>\n  )\n}\n"],"names":["styles","BeforeDashboardServer","props","payload","docs","find","collection","div","className","wrapper","h1","map","doc","id"],"mappings":";AAEA,OAAOA,YAAY,qCAAoC;AAEvD,OAAO,MAAMC,wBAAwB,OAAOC;IAC1C,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,MAAM,EAAEE,IAAI,EAAE,GAAG,MAAMD,QAAQE,IAAI,CAAC;QAAEC,YAAY;IAAoB;IAEtE,qBACE,MAACC;QAAIC,WAAWR,OAAOS,OAAO;;0BAC5B,KAACC;0BAAG;;YAAiD;YAEpDN,KAAKO,GAAG,CAAC,CAACC,oBACT,KAACL;8BAAkBK,IAAIC,EAAE;mBAAfD,IAAIC,EAAE;;;AAIxB,EAAC"}

package/dist/components/BeforeDashboardServer.module.css

@@ -0,0 +1,5 @@
+.wrapper {
+  display: flex;
+  gap: 5px;
+  flex-direction: column;
+}