@tebuto/react-booking-widget 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tebuto/react-booking-widget",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "description": "React Component for the Tebuto Booking Widget",
     "author": "Tebuto GmbH",
     "homepage": "https://tebuto.de",

package/src/components/TebutoBookingWidget.test.tsx

@@ -1,62 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import { TEBUTO_BOOKING_WIDGET_NO_SCRIPT_TEXT, TEBUTO_BOOKING_WIDGET_SCRIPT_URL } from '../constants'
-import TebutoBookingWidget from './TebutoBookingWidget'
-
-describe('TebutoBookingWidget', () => {
-    const therapistUUID = '9fddab56-5dd5-4bc4-b1bd-3b1d52eb952f'
-
-    it('should add a script tag to load the Tebuto Booking Widget to the page head', () => {
-        render(<TebutoBookingWidget therapistUUID={therapistUUID} />)
-
-        const container = screen.getByTestId<HTMLDivElement>('tebuto-booking-widget-container')
-
-        expect(container).not.toBeNull()
-        expect(container.childNodes).toHaveLength(2)
-
-        // @ts-expect-error ts(2339)
-        expect(container.childNodes[0].attributes['data-testid'].value).toBe('tebuto-booking-widget-script')
-        // @ts-expect-error ts(2339)
-        expect(container.childNodes[1].attributes['data-testid'].value).toBe('tebuto-booking-widget-noscript')
-
-        const script = screen.getByTestId<HTMLScriptElement>('tebuto-booking-widget-script')
-        expect(script).not.toBeNull()
-        expect(script.src).toBe(TEBUTO_BOOKING_WIDGET_SCRIPT_URL)
-        expect(script.getAttribute('data-therapist-uuid')).toBe(therapistUUID)
-
-        const noscript = screen.getByTestId('tebuto-booking-widget-noscript')
-        expect(noscript).not.toBeNull()
-        expect(noscript.textContent).toBe(TEBUTO_BOOKING_WIDGET_NO_SCRIPT_TEXT)
-    })
-
-    it('should set the "data-background-color" attribute of the script tag to the value of the "backgroundColor" prop', () => {
-        const backgroundColor = '#ffffff'
-        render(<TebutoBookingWidget therapistUUID={therapistUUID} backgroundColor={backgroundColor} />)
-
-        const script = screen.getByTestId('tebuto-booking-widget-script')
-        expect(script.getAttribute('data-background-color')).toBe(backgroundColor)
-    })
-
-    it('should set the "data-border" attribute of the script tag to the value of the "border" prop', () => {
-        const border = false
-        render(<TebutoBookingWidget therapistUUID={therapistUUID} border={border} />)
-
-        const script = screen.getByTestId('tebuto-booking-widget-script')
-        expect(script.getAttribute('data-border')).toBe(border.toString())
-    })
-
-    it('should set the "data-categories" attribute of the script tag to the value of the "categories" prop', () => {
-        const categories = [1, 2, 3]
-        render(<TebutoBookingWidget therapistUUID={therapistUUID} categories={categories} />)
-
-        const script = screen.getByTestId('tebuto-booking-widget-script')
-        expect(script.getAttribute('data-categories')).toBe(categories.join(','))
-    })
-
-    it('should set the noscript text to the value of the "noScriptText" prop', () => {
-        const noScriptText = 'This is the noscript text'
-        render(<TebutoBookingWidget therapistUUID={therapistUUID} noScriptText={noScriptText} />)
-
-        const noscript = screen.getByTestId('tebuto-booking-widget-noscript')
-        expect(noscript.textContent).toBe(noScriptText)
-    })
-})

package/src/components/TebutoBookingWidget.tsx

@@ -1,29 +0,0 @@
-import { JSX } from 'react'
-import { TEBUTO_BOOKING_WIDGET_ID, TEBUTO_BOOKING_WIDGET_NO_SCRIPT_TEXT, TEBUTO_BOOKING_WIDGET_SCRIPT_URL } from '../constants'
-import { TebutoBookingWidgetConfiguration } from '../types'
-
-type TebutoBookingWidgetProps = {
-    noScriptText?: string
-} & TebutoBookingWidgetConfiguration
-
-export default function TebutoBookingWidget({ noScriptText = TEBUTO_BOOKING_WIDGET_NO_SCRIPT_TEXT, ...config }: TebutoBookingWidgetProps): JSX.Element {
-    return (
-        <div id={TEBUTO_BOOKING_WIDGET_ID} data-testid="tebuto-booking-widget-container">
-            <TebutoBookingWidgetScript config={config} />
-            <noscript data-testid="tebuto-booking-widget-noscript">{noScriptText}</noscript>
-        </div>
-    )
-}
-
-function TebutoBookingWidgetScript({ config }: { config: TebutoBookingWidgetConfiguration }): JSX.Element {
-    return (
-        <script
-            src={TEBUTO_BOOKING_WIDGET_SCRIPT_URL}
-            data-therapist-uuid={config.therapistUUID}
-            {...(config.backgroundColor ? { 'data-background-color': config.backgroundColor } : {})}
-            {...(config.categories ? { 'data-categories': config.categories.join(',') } : {})}
-            {...(config.border !== undefined ? { 'data-border': config.border ? 'true' : 'false' } : {})}
-            data-testid="tebuto-booking-widget-script"
-        />
-    )
-}

package/src/components/index.ts

@@ -1 +0,0 @@
-export { default as TebutoBookingWidget } from './TebutoBookingWidget'

package/src/constants.ts

@@ -1,3 +0,0 @@
-export const TEBUTO_BOOKING_WIDGET_SCRIPT_URL = 'https://widget.tebuto.de/booking-widget.js'
-export const TEBUTO_BOOKING_WIDGET_ID = 'tebuto-booking-widget'
-export const TEBUTO_BOOKING_WIDGET_NO_SCRIPT_TEXT = 'Widget konnte nicht geladen werden. Möglicherweise ist Skripting im Browser deaktiviert.'

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './components'
-export * from './types'

package/src/types.ts

@@ -1,6 +0,0 @@
-export type TebutoBookingWidgetConfiguration = {
-    therapistUUID: string
-    backgroundColor?: string
-    categories?: number[]
-    border?: boolean
-}