76bba1ca05
* mv PaymentPage to web * mv 2 more components to web * refactor * update imports * mv * revert * fix * fix * update * migrate relevant test too * move setup components to web from appstore * move wipemycalother * mv * fix typechecks * mv more routing forms components * fix * fix * fix * fix: resolve type errors in SingleForm.tsx after migration - Updated SingleFormComponentProps type to include enriched form properties - Added proper typing for user, team, nonOrgUsername, nonOrgTeamslug, userOrigin, teamOrigin - Fixes type errors that occurred after migrating SingleForm.tsx from packages/app-store/routing-forms/components/ - Resolves both SingleForm.tsx and TestForm.tsx type errors Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * delete * refactors * fix * fix * fix * remove usage of trpc client from OmniInstallAppButton.tsx * fix test * import only type * fix test * remove trpc package from appstore package.json * remove remaining trpc usage * update test * fix type checks * fix errors * fix * make it error * nit --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Setting up Zapier Integration
If you run it on localhost, check out the additional information below.
- Create Zapier Account
- If not redirected to developer account, go to: Zapier Developer Account
- Click Start a Zapier Integration
- Create Integration
- Name: Cal.com
- Description: Cal.com is a scheduling infrastructure for absolutely everyone.
- Intended Audience: Private
- Role: choose whatever is appropriate
- Category: Calendar
Authentication
- Go to Authentication, choose Api key and click save
- Click Add Fields
- Key: apiKey
- Check the box ‘is this field required?’
- Configure a Test
- Test: GET
<baseUrl>/api/integrations/zapier/listBookings - URL Params
- apiKey: {{bundle.authData.apiKey}}
- Test: GET
- Test your authentication —> First you have to install Zapier in the Cal.comApp Store and generate an API key, use this API key to test your authentication (only zapier Api key works)
Triggers
Booking created, Booking rescheduled, Booking cancelled, Meeting ended, Out Of Office Created
Booking created
- Settings
- Key: booking_created
- Name: Booking created
- Noun: Booking
- Description: Triggers when a new booking is created
- API Configuration (apiKey is set automatically, leave it like it is):
- Trigger Type: REST Hook
- Subscribe: POST
<baseUrl>/api/integrations/zapier/addSubscription- Request Body
- subscriberUrl: {{bundle.targetUrl}}
- triggerEvent: BOOKING_CREATED
- Request Body
- Unsubscribe: DELETE
<baseUrl>/api/integrations/zapier/deleteSubscription- URL Params (in addition to apiKey)
- id: {{bundle.subscribeData.id}}
- URL Params (in addition to apiKey)
- PerformList: GET
<baseUrl>/api/integrations/zapier/listBookings
- Test your API request
Create the other triggers (booking rescheduled, booking cancelled and meeting ended) exactly like this one, just use the appropriate naming (e.g. booking_rescheduled instead of booking_created)
Out Of Office Created
- Settings
- Key: ooo_created
- Name: Out Of Office Created
- Noun: OOO Entry
- Description: Triggers when a new Out Of Office entry is created.
- API Configuration (apiKey is set automatically, leave it like it is):
- Trigger Type: REST Hook
- Subscribe: POST
<baseUrl>/api/integrations/zapier/addSubscription- Request Body
- subscriberUrl: {{bundle.targetUrl}}
- triggerEvent: OOO_CREATED
- Request Body
- Unsubscribe: DELETE
<baseUrl>/api/integrations/zapier/deleteSubscription- URL Params (in addition to apiKey)
- id: {{bundle.subscribeData.id}}
- URL Params (in addition to apiKey)
- PerformList: GET
<baseUrl>/api/integrations/zapier/listOOOEntries
- Test your API request
- Note: When creating the ZAP you need to remember that data is stored in the { payload: { oooEntry: { ... } } }
Set ZAPIER_INVITE_LINK
The invite link can be found under Manage → Sharing.
Localhost
Localhost urls can not be used as the base URL for api endpoints
Possible solution: using https://ngrok.com/
- Create Account
- Download ngrok and start a tunnel to your running localhost
- Use forwarding url as your baseUrl for the URL endpoints