@timum/booking 1.11.4 → 1.11.6

package/README.md

@@ -14,23 +14,23 @@ This documentation guides you through all the customization capabilities.
   - [Entity Referencing](#entity-referencing)
     - [Channel Reference](#channel-reference)
     - [Resource Reference](#resource-reference)
-    - [Resource Reference + `channelKey`](#channel-reference-channel-key)
+    - [Resource Reference with channelKey](#resource-reference-with-channelKey)
       - [Example](#example)
     - [Customer pre-identification](#customer-pre-identification)
-      - [Identification via pData](#identification-via-pdata)
+      - [Identification via pDataId](#identification-via-pdataid)
       - [Identification via logged-in User](#identification-via-logged-in-user)
 - [Advanced Customisation](#advanced-usage)
-  - [muiTheme](#mui-theme)
-  - [fcConfig](#fc-config)
-  - [appConfig](#app-config)
+  - [muiTheme](#muiTheme)
+  - [fcConfig](#fcConfig)
+  - [appConfig](#appConfig)
   - [How to use Callbacks](#how-to-use-callbacks)
     - [Booking Related](#booking-related)
     - [Cancelation Related](#cancelation-related)
     - [Data Fetching Related](#data-fetching-related)
   - [Localisation](#localisation)
-  - [Booking Form Fields](#bookingFormFields)
-    - [Custom Fields](#customFields)
-  - [Custom Field Example](#CustomFieldExample)
+  - [Booking Form Fields](#booking-form-fields)
+    - [Custom Fields](#custom-fields)
+  - [Custom Field Example](#custom-field-example)
     - [The Scenario](#the-scenario)
     - [The Implementation](#the-implementation)
 
@@ -157,9 +157,9 @@ To use these channels in an embed scenario, provide a channel reference in the r
 
 A reference that refers to a plain resource, where the channel is unknown. The default channel (and its corresponding configuration) is used instead.
 
-<a name="channel-reference-channel-key"></a>
+<a name="#resource-reference-with-channelKey"></a>
 
-#### Resource Reference + `ChannelKey`
+#### Resource Reference with ChannelKey
 
 If you don't have a channel reference but still want to use a different channel than the default one, you can provide a combination of resource reference and `channelKey` to uniquely identify the channel (and resource) to be used.
 
@@ -195,9 +195,9 @@ The following table gives an overview of the different permutations and how book
 BookingJs can identify customers automatically if configured correctly.
 This means they don't need to input their personal data prior to booking.
 
-<a name="identification-via-pdata"></a>
+<a name="identification-via-pdataid"></a>
 
-##### Identification via pDataId (personId)
+##### Identification via pDataId
 
 Detection method: Is there a valid pDataId paired with a supported pDataPlatform (platform) in parent url matching an entity (contact, customer) in given CRM?
 <em>
@@ -230,7 +230,7 @@ The following table gives a rough overview over each.
 | muiTheme  | object, mui theme allowing you to change the look and feel of timum. Requires a professional plan. |
 | fcConfig  | object, only used if you use full calendar as a booking frontend (settable in appConfig).          |
 
-<a name=”mui-theme”></a>
+<a name=”muiTheme”></a>
 
 ### muiTheme
 
@@ -241,7 +241,7 @@ When you open the file `config.js` in [this](https://stackblitz.com/edit/react-8
 
 Needs professional plan.
 
-<a name=”fc-config”></a>
+<a name=”fcConfig”></a>
 
 ### fcConfig
 
@@ -273,7 +273,7 @@ There are also some options specific to bookingjs. In addition to the configurat
    </tr>
 </table>
 
-<a name=”app-config”></a>
+<a name=”appConfig”></a>
 
 ### appConfig
 
@@ -695,7 +695,7 @@ localization: {
 },
 ```
 
-<a name=”bookingFormFields”></a>
+<a name=”booking-form-fields”></a>
 
 #### Booking Form Fields
 
@@ -778,7 +778,7 @@ fields: {
 },
 ```
 
-<a name=”customFields”></a>
+<a name=”custom-fields”></a>
 
 ##### Custom Fields
 
@@ -865,7 +865,7 @@ Type `select`:
 
 - options: array of objects with structure { title: string, key: string }. The title is displayed and the key is passed in the data object to callbacks.
 
-<a name=”CustomFieldExample”></a>
+<a name=”custom-field-example”></a>
 
 ### Custom Field Example
 

package/build/booking.js

@@ -65896,16 +65896,16 @@ function MKe({
     }
   ) });
 }
-function IKe({ key: e, date: t, timeslots: n, width: r, openBookingPage: i }) {
-  const { t: o } = Dn(), s = R.useMemo(() => `${Ne.fromISO(t).toLocaleString({
+function IKe({ date: e, timeslots: t, width: n, openBookingPage: r }) {
+  const { t: i } = Dn(), o = R.useMemo(() => `${Ne.fromISO(e).toLocaleString({
     weekday: "short"
-  })} ${Ne.fromISO(t).toLocaleString({
+  })} ${Ne.fromISO(e).toLocaleString({
     day: "2-digit",
     month: "2-digit"
   })}
-      `, [t]);
-  return n ? /* @__PURE__ */ $.jsxs(he, { container: !0, item: !0, xs: "auto", alignContent: "flex-start", children: [
-    /* @__PURE__ */ $.jsx(he, { item: !0, xs: 12, height: "25px", children: /* @__PURE__ */ $.jsx(De, { sx: { textAlign: "center" }, children: s }) }),
+      `, [e]);
+  return t ? /* @__PURE__ */ $.jsxs(he, { container: !0, item: !0, xs: "auto", alignContent: "flex-start", children: [
+    /* @__PURE__ */ $.jsx(he, { item: !0, xs: 12, height: "25px", children: /* @__PURE__ */ $.jsx(De, { sx: { textAlign: "center" }, children: o }) }),
     /* @__PURE__ */ $.jsx(
       he,
       {
@@ -65915,35 +65915,35 @@ function IKe({ key: e, date: t, timeslots: n, width: r, openBookingPage: i }) {
         direction: "row",
         alignItems: "center",
         rowSpacing: 1,
-        sx: { minWidth: r - 8, mt: 1 },
-        children: n.map((a) => {
-          if (a.renderAsBookable)
+        sx: { minWidth: n - 8, mt: 1 },
+        children: t.map((s, a) => {
+          if (s.renderAsBookable)
             return /* @__PURE__ */ $.jsx(he, { item: !0, xs: 12, children: /* @__PURE__ */ $.jsx(
               Mo,
               {
                 fullWidth: !0,
                 variant: "outlined",
-                onClick: () => i(a),
-                children: a.start.toLocaleString({
+                onClick: () => r(s),
+                children: s.start.toLocaleString({
                   hour: "2-digit",
                   minute: "2-digit"
                 })
               }
-            ) }, a.uuid);
-          if (a.renderAsCancelable)
+            ) }, a);
+          if (s.renderAsCancelable)
             return /* @__PURE__ */ $.jsx(he, { item: !0, xs: 12, children: /* @__PURE__ */ $.jsx(
               Mo,
               {
                 variant: "outlined",
                 fullWidth: !0,
-                onClick: () => i(a),
-                children: a.start.toLocaleString({
+                onClick: () => r(s),
+                children: s.start.toLocaleString({
                   hour: "2-digit",
                   minute: "2-digit"
                 })
               }
-            ) }, a.uuid);
-          if (a.renderAsBlocker)
+            ) }, a);
+          if (s.renderAsBlocker)
             return /* @__PURE__ */ $.jsx(he, { item: !0, xs: 12, children: /* @__PURE__ */ $.jsx(
               Mo,
               {
@@ -65951,9 +65951,9 @@ function IKe({ key: e, date: t, timeslots: n, width: r, openBookingPage: i }) {
                 fullWidth: !0,
                 disabled: !0,
                 sx: { textTransform: "inherit" },
-                children: o("appoinment_at_capacity")
+                children: i("appoinment_at_capacity")
               }
-            ) }, a.uuid);
+            ) }, a);
         })
       }
     )