@calcom/atoms 2.8.9 → 2.9.0

package/dist/booker/components/form-builder/components.js

@@ -0,0 +1,355 @@
+import { jsx as t, jsxs as u, Fragment as p } from "react/jsx-runtime";
+import { useEffect as T } from "react";
+import { AddressInput as I } from "../../../components/ui/address-input.js";
+import { Button as k } from "../../../components/ui/button.js";
+import { CheckboxField as L, Checkbox as A } from "../../../components/ui/checkbox.js";
+import { Icon as V } from "../../../components/ui/icon.js";
+import { InfoBadge as C } from "../../../components/ui/info-badge.js";
+import { Label as W } from "../../../components/ui/label.js";
+import { RadioGroup as j, RadioField as _ } from "../../../components/ui/radio.js";
+import { EmailField as q, InputField as g } from "../../../components/ui/text-field.js";
+import { Tooltip as E } from "../../../components/ui/tooltip.js";
+import { useAtomsLocale as v } from "../../../hooks/use-atoms-locale.js";
+import { propsTypes as d } from "../../../vendor/form-builder/props-types.js";
+import { preprocessNameFieldDataWithVariant as $ } from "../../../vendor/form-builder/utils.js";
+import h from "../../../vendor/form-builder-widgets/index.js";
+import S from "../../../vendor/phone-input/phone-input.js";
+import { ComponentForField as P } from "./form-builder-field.js";
+const te = {
+  boolean: (e) => typeof e == "boolean",
+  multiselect: (e) => e instanceof Array && e.every((r) => typeof r == "string"),
+  objectiveWithInput: (e) => typeof e == "object" && e !== null ? "value" in e : !1,
+  select: (e) => typeof e == "string",
+  text: (e) => typeof e == "string",
+  textList: (e) => e instanceof Array && e.every((r) => typeof r == "string"),
+  variants: (e) => typeof e == "object" && e !== null || typeof e == "string"
+}, re = {
+  text: {
+    propsType: d.text,
+    factory: (e) => /* @__PURE__ */ t(h.TextWidget, { id: e.name, noLabel: !0, ...e })
+  },
+  textarea: {
+    propsType: d.textarea,
+    factory: (e) => /* @__PURE__ */ t(h.TextAreaWidget, { id: e.name, rows: 3, ...e })
+  },
+  number: {
+    propsType: d.number,
+    factory: (e) => /* @__PURE__ */ t(h.NumberWidget, { id: e.name, noLabel: !0, ...e })
+  },
+  name: {
+    propsType: d.name,
+    factory: (e) => {
+      const { variant: r = "fullName" } = e, l = (a, i) => {
+        let s = e.value;
+        typeof s != "object" && (s = {}), e.setValue({
+          ...s,
+          [a]: i
+        });
+      };
+      if (!e.variants)
+        throw new Error("'variants' is required for 'name' type of field");
+      if (r !== "firstAndLastName" && r !== "fullName")
+        throw new Error(`Invalid variant name '${r}' for 'name' type of field`);
+      const n = $(r, e.value);
+      if (r === "fullName") {
+        if (typeof n != "string")
+          throw new Error("Invalid value for 'fullName' variant");
+        const i = e.variants[r].fields[0];
+        return /* @__PURE__ */ t(
+          g,
+          {
+            name: "name",
+            showAsteriskIndicator: !0,
+            placeholder: i.placeholder,
+            label: i.label,
+            containerClassName: "w-full",
+            readOnly: e.readOnly,
+            value: n,
+            required: i.required,
+            type: "text",
+            autoComplete: "name",
+            onChange: (s) => {
+              e.setValue(s.target.value);
+            }
+          }
+        );
+      }
+      const o = e.variants[r];
+      if (typeof n != "object")
+        throw new Error("Invalid value for 'fullName' variant");
+      return /* @__PURE__ */ t("div", { className: "flex space-x-4", children: o.fields.map((a) => /* @__PURE__ */ t(
+        g,
+        {
+          className: "mb-0!",
+          showAsteriskIndicator: !0,
+          name: a.name,
+          readOnly: e.readOnly,
+          placeholder: a.placeholder,
+          label: a.label,
+          containerClassName: `w-full testid-${a.name}`,
+          value: n[a.name],
+          required: a.required,
+          type: "text",
+          autoComplete: a.name === "firstName" ? "given-name" : a.name === "lastName" ? "family-name" : void 0,
+          onChange: (i) => l(a.name, i.target.value)
+        },
+        a.name
+      )) });
+    }
+  },
+  phone: {
+    propsType: d.phone,
+    factory: ({ setValue: e, readOnly: r, ...l }) => l ? /* @__PURE__ */ t(
+      S,
+      {
+        disabled: r,
+        onChange: (n) => {
+          e(n);
+        },
+        ...l
+      }
+    ) : /* @__PURE__ */ t("div", {})
+  },
+  email: {
+    propsType: d.email,
+    factory: (e) => e ? /* @__PURE__ */ t(
+      g,
+      {
+        type: "email",
+        id: e.name,
+        noLabel: !0,
+        autoComplete: "email",
+        ...e,
+        onChange: (r) => e.setValue(r.target.value)
+      }
+    ) : /* @__PURE__ */ t("div", {})
+  },
+  address: {
+    propsType: d.address,
+    factory: (e) => /* @__PURE__ */ t(
+      I,
+      {
+        id: e.name,
+        onChange: (r) => {
+          e.setValue(r);
+        },
+        ...e,
+        disabled: e.readOnly
+      }
+    )
+  },
+  multiemail: {
+    propsType: d.multiemail,
+    factory: function({ value: r, readOnly: l, label: n, setValue: o, ...a }) {
+      const i = a.placeholder, { t: s } = v();
+      return r = r || [], /* @__PURE__ */ u(p, { children: [
+        r.length ? /* @__PURE__ */ u("div", { children: [
+          /* @__PURE__ */ t("label", { htmlFor: "guests", className: "text-default  mb-1 block text-sm font-medium", children: n }),
+          /* @__PURE__ */ t("ul", { children: r.map((b, m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+            q,
+            {
+              id: `${a.name}.${m}`,
+              disabled: l,
+              value: r[m],
+              onChange: (y) => {
+                r[m] = y.target.value.toLowerCase(), o(r);
+              },
+              placeholder: i,
+              label: /* @__PURE__ */ t(p, {}),
+              required: !0,
+              onClickAddon: () => {
+                r.splice(m, 1), o(r);
+              },
+              addOnSuffix: l ? null : /* @__PURE__ */ t(E, { content: "Remove email", children: /* @__PURE__ */ t("button", { className: "m-1", type: "button", children: /* @__PURE__ */ t(V, { name: "x", size: 12, className: "text-default" }) }) })
+            }
+          ) }, m)) }),
+          !l && /* @__PURE__ */ t(
+            k,
+            {
+              "data-testid": "add-another-guest",
+              type: "button",
+              color: "minimal",
+              StartIcon: "user-plus",
+              className: "my-2.5",
+              onClick: () => {
+                r.push(""), o(r);
+              },
+              children: s("add_another")
+            }
+          )
+        ] }) : /* @__PURE__ */ t(p, {}),
+        !r.length && !l && /* @__PURE__ */ t(
+          k,
+          {
+            "data-testid": "add-guests",
+            color: "minimal",
+            variant: "button",
+            StartIcon: "user-plus",
+            onClick: () => {
+              r.push(""), o(r);
+            },
+            className: "mr-auto h-fit whitespace-normal text-left",
+            children: /* @__PURE__ */ t("span", { className: "flex-1", children: n })
+          }
+        )
+      ] });
+    }
+  },
+  multiselect: {
+    propsType: d.multiselect,
+    factory: (e) => {
+      const r = {
+        ...e,
+        listValues: e.options.map((l) => ({ title: l.label, value: l.value }))
+      };
+      return /* @__PURE__ */ t(h.MultiSelectWidget, { id: e.name, ...r });
+    }
+  },
+  select: {
+    propsType: d.select,
+    factory: (e) => {
+      const r = {
+        ...e,
+        listValues: e.options.map((l) => ({ title: l.label, value: l.value }))
+      };
+      return /* @__PURE__ */ t(h.SelectWidget, { id: e.name, ...r });
+    }
+  },
+  checkbox: {
+    propsType: d.checkbox,
+    factory: ({ options: e, readOnly: r, setValue: l, value: n }) => (n = n || [], /* @__PURE__ */ t("div", { children: e.map((o, a) => /* @__PURE__ */ u("label", { className: "block", children: [
+      /* @__PURE__ */ t(
+        A,
+        {
+          disabled: r,
+          onCheckedChange: (i) => {
+            const s = n.filter((b) => b !== o.value);
+            i && s.push(o.value), l(s);
+          },
+          value: o.value,
+          checked: n.includes(o.value)
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "text-emphasis me-2 ms-2 text-sm", children: o.label ?? "" })
+    ] }, a)) }))
+  },
+  radio: {
+    propsType: d.radio,
+    factory: ({ setValue: e, name: r, value: l, options: n, readOnly: o }) => /* @__PURE__ */ t(
+      j,
+      {
+        disabled: o,
+        value: l,
+        onValueChange: (a) => {
+          e(a);
+        },
+        children: /* @__PURE__ */ t(p, { children: n.map((a, i) => /* @__PURE__ */ t(
+          _,
+          {
+            label: a.label,
+            value: a.label,
+            id: `${r}.option.${i}.radio`
+          },
+          `option.${i}.radio`
+        )) })
+      }
+    )
+  },
+  radioInput: {
+    propsType: d.radioInput,
+    factory: function({
+      name: r,
+      label: l,
+      options: n,
+      optionsInputs: o,
+      value: a,
+      setValue: i,
+      readOnly: s,
+      translatedDefaultLabel: b
+    }) {
+      var N;
+      T(() => {
+        var c;
+        a || i({
+          value: (c = n[0]) == null ? void 0 : c.value,
+          optionValue: ""
+        });
+      }, [n, i, a]);
+      const { t: m } = v(), y = (c, f) => c && f ? f !== c : !1, x = (c) => c ? c.search(/^https?:\/\//) !== -1 ? /* @__PURE__ */ t("a", { href: c, target: "_blank", children: /* @__PURE__ */ t("span", { className: "underline", children: c }) }) : c : "";
+      return /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: "mb-2", children: n.length > 1 ? n.map((c, f) => /* @__PURE__ */ u("label", { className: "mb-1 flex items-center", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "radio",
+              disabled: s,
+              name: r,
+              className: "bg-default after:bg-default border-emphasis hover:bg-subtle hover:after:bg-subtle checked:bg-brand-default checked:hover:bg-brand-default checked:after:bg-default dark:checked:bg-brand-default dark:checked:after:bg-brand-accent dark:hover:bg-subtle dark:checked:hover:bg-brand-default text-(--cal-brand) flex h-4 w-4 cursor-pointer items-center justify-center transition after:h-[6px] after:w-[6px] after:rounded-full after:content-[''] after:hover:block focus:ring-0 focus:ring-offset-0 focus:outline-none ltr:mr-2 rtl:ml-2",
+              value: c.value,
+              onChange: (w) => {
+                i({
+                  value: w.target.value,
+                  optionValue: ""
+                });
+              },
+              checked: (a == null ? void 0 : a.value) === c.value
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "text-emphasis me-2 ms-2 text-sm", children: x(c.label) ?? "" }),
+          /* @__PURE__ */ t("span", { children: c.value === "phone" && /* @__PURE__ */ t(C, { content: m("number_in_international_format") }) })
+        ] }, f)) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ u(W, { className: "flex items-center", children: [
+          x(
+            y(l, b) ? l : n[0].label
+          ),
+          !s && ((N = o[n[0].value]) != null && N.required) ? /* @__PURE__ */ t("span", { className: "text-default -mb-2 ml-1 text-sm font-medium", children: "*" }) : null,
+          n[0].value === "phone" && /* @__PURE__ */ t(C, { content: m("number_in_international_format") })
+        ] }) }) }) }),
+        (() => {
+          const c = o[a == null ? void 0 : a.value];
+          return c ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+            P,
+            {
+              readOnly: !!s,
+              field: {
+                ...c,
+                name: "optionField"
+              },
+              value: a == null ? void 0 : a.optionValue,
+              setValue: (f) => {
+                i({
+                  value: a == null ? void 0 : a.value,
+                  optionValue: f || ""
+                });
+              }
+            }
+          ) }) : null;
+        })()
+      ] });
+    }
+  },
+  boolean: {
+    propsType: d.boolean,
+    factory: ({ readOnly: e, name: r, label: l, value: n, setValue: o }) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ t(
+      L,
+      {
+        name: r,
+        onChange: (a) => {
+          a.target.checked ? o(!0) : o(!1);
+        },
+        placeholder: "",
+        checked: n,
+        disabled: e,
+        description: "",
+        descriptionAsSafeHtml: l ?? ""
+      }
+    ) })
+  },
+  url: {
+    propsType: d.url,
+    factory: (e) => /* @__PURE__ */ t(h.TextWidget, { type: "url", autoComplete: "url", noLabel: !0, ...e })
+  }
+};
+export {
+  re as Components,
+  te as isValidValueProp
+};

package/dist/booker/components/form-builder/form-builder-field.d.ts

@@ -0,0 +1,46 @@
+import { z } from 'zod';
+import { fieldsSchema } from '../../../vendor/form-builder/base-schema';
+type RhfForm = {
+    fields: z.infer<typeof fieldsSchema>;
+};
+type RhfFormFields = RhfForm["fields"];
+type RhfFormField = RhfFormFields[number];
+type ValueProps = {
+    value: string[];
+    setValue: (value: string[]) => void;
+} | {
+    value: string;
+    setValue: (value: string) => void;
+} | {
+    value: {
+        value: string;
+        optionValue: string;
+    };
+    setValue: (value: {
+        value: string;
+        optionValue: string;
+    }) => void;
+} | {
+    value: boolean;
+    setValue: (value: boolean) => void;
+};
+export declare const FormBuilderField: ({ field, readOnly, className, onValueChange, }: {
+    field: RhfFormFields[number];
+    readOnly: boolean;
+    className: string;
+    onValueChange?: (args: {
+        name: string;
+        value: unknown;
+        prevValue: unknown;
+    }) => void;
+}) => JSX.Element;
+export declare const ComponentForField: ({ field, value, setValue, readOnly, noLabel, translatedDefaultLabel, }: {
+    field: Omit<RhfFormField, "editable" | "label"> & {
+        label?: string;
+    };
+    readOnly: boolean;
+    noLabel?: boolean;
+    translatedDefaultLabel?: string;
+} & ValueProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=form-builder-field.d.ts.map

package/dist/booker/components/form-builder/form-builder-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-builder-field.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/form-builder/form-builder-field.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAO7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAuB7E,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;CACtC,CAAC;AAEF,KAAK,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAE1C,KAAK,UAAU,GACX;IACE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACrC,GACD;IACE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,GACD;IACE,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnE,GACD;IACE,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEN,eAAO,MAAM,gBAAgB,GAAI,gDAK9B;IACD,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACtF,gBAiEA,CAAC;AAuFF,eAAO,MAAM,iBAAiB,GAAI,wEAO/B;IACD,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;QAChD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,GAAG,UAAU,uBAqJb,CAAC"}

package/dist/booker/components/form-builder/form-builder-field.js

@@ -0,0 +1,238 @@
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import { ErrorMessage as E } from "@hookform/error-message";
+import { useFormContext as g, Controller as v } from "react-hook-form";
+import { Icon as L } from "../../../components/ui/icon.js";
+import { InfoBadge as I } from "../../../components/ui/info-badge.js";
+import { Label as S } from "../../../components/ui/label.js";
+import { useAtomsLocale as x } from "../../../hooks/use-atoms-locale.js";
+import { markdownToSafeHTML as N } from "../../../lib/markdown-to-safe-html.js";
+import { cn as $ } from "../../../lib/utils.js";
+import { fieldTypesConfigMap as A } from "../../../vendor/form-builder/field-types.js";
+import { fieldsThatSupportLabelAsSafeHtml as H } from "../../../vendor/form-builder/fields-that-support-label-as-safe-html.js";
+import { useShouldBeDisabledDueToPrefill as _, getFieldNameFromErrorMessage as C } from "../../../vendor/form-builder/use-should-be-disabled-due-to-prefill.js";
+import { getTranslatedConfig as D } from "../../../vendor/form-builder/utils/variants-config.js";
+import { Components as M, isValidValueProp as P } from "./components.js";
+const j = (r) => r.labelAsSafeHtml ? (
+  // biome-ignore lint/security/noDangerouslySetInnerHtml: Content is sanitized via markdownToSafeHTML
+  /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: N(r.labelAsSafeHtml) } })
+) : /* @__PURE__ */ t("span", { children: r.label }), or = ({
+  field: r,
+  readOnly: n,
+  className: s,
+  onValueChange: o
+}) => {
+  const { t: p } = x(), { control: i, formState: u } = g(), { hidden: e, placeholder: m, label: d, noLabel: a, translatedDefaultLabel: c } = k(
+    r,
+    p
+  ), f = _(r);
+  return /* @__PURE__ */ t("div", { "data-fob-field-name": r.name, className: $(s, e ? "hidden" : ""), children: /* @__PURE__ */ t(
+    v,
+    {
+      control: i,
+      name: `responses.${r.name}`,
+      render: ({ field: { value: b, onChange: y }, fieldState: { error: w } }) => {
+        const F = (l) => {
+          y(l), o == null || o({ name: r.name, value: l, prevValue: b });
+        };
+        return /* @__PURE__ */ T("div", { children: [
+          /* @__PURE__ */ t(
+            q,
+            {
+              field: { ...r, label: d, placeholder: m, hidden: e },
+              value: b,
+              readOnly: n || f,
+              setValue: F,
+              noLabel: a,
+              translatedDefaultLabel: c
+            }
+          ),
+          /* @__PURE__ */ t(
+            E,
+            {
+              name: "responses",
+              errors: u.errors,
+              render: ({ message: l }) => (l = l || "", !(C(l) === r.name) && !w ? null : (l = l.replace(/\{[^}]+\}(.*)/, "$1").trim(), e && console.error(`Error message for hidden field:${r.name} => ${l}`), /* @__PURE__ */ T(
+                "div",
+                {
+                  "data-testid": `error-message-${r.name}`,
+                  className: "mt-2 flex items-center text-sm text-red-700 ",
+                  children: [
+                    /* @__PURE__ */ t(L, { name: "info", size: 12, className: "ltr:mr-2 rtl:ml-2" }),
+                    /* @__PURE__ */ t("p", { children: p(l || "invalid_input") })
+                  ]
+                }
+              )))
+            }
+          )
+        ] });
+      }
+    }
+  ) });
+};
+function B(r) {
+  throw new Error(`Don't know how to handle ${JSON.stringify(r)}`);
+}
+const h = ({
+  field: r,
+  children: n,
+  readOnly: s,
+  htmlFor: o,
+  noLabel: p = !1
+}) => {
+  const { t: i } = x();
+  return /* @__PURE__ */ T("div", { children: [
+    p ? null : r.type !== "boolean" && r.type !== "multiemail" && r.label && /* @__PURE__ */ t("div", { className: "mb-2 flex items-center", children: /* @__PURE__ */ T(S, { className: "mb-0! flex items-center", htmlFor: o, children: [
+      j(r),
+      /* @__PURE__ */ t("span", { className: "text-emphasis -mb-1 ltr:ml-1 rtl:mr-1 text-sm font-medium leading-none", children: !s && r.required ? "*" : "" }),
+      r.type === "phone" && /* @__PURE__ */ t(I, { content: i("number_in_international_format") })
+    ] }) }),
+    n,
+    r.name === "smsReminderNumber" && /* @__PURE__ */ t("div", { className: "text-sm text-gray-500", children: i("sms_workflow_consent") })
+  ] });
+};
+function k(r, n) {
+  var e;
+  let s = !1, o = !!r.hidden;
+  if (r.type === "radioInput") {
+    const m = r.options;
+    if ((m == null ? void 0 : m.length) === 1) {
+      if (!r.optionsInputs)
+        throw new Error("radioInput must have optionsInputs");
+      r.optionsInputs[m[0].value] ? s = !0 : o = !0;
+    }
+  }
+  if (H.includes(r.type) && r.labelAsSafeHtml === void 0)
+    throw new Error(`${r.name}:${r.type} type must have labelAsSafeHtml set`);
+  const p = n(r.defaultLabel || ""), i = r.labelAsSafeHtml || r.label || p, u = r.placeholder || n(r.defaultPlaceholder || "");
+  return (e = r.variantsConfig) != null && e.variants && Object.entries(r.variantsConfig.variants).forEach(([m, d]) => {
+    d.fields.forEach((a) => {
+      var b, y, w, F;
+      const c = (b = A[r.type]) == null ? void 0 : b.variantsConfig, f = (F = (w = (y = c == null ? void 0 : c.variants) == null ? void 0 : y[m]) == null ? void 0 : w.fieldsMap[a.name]) == null ? void 0 : F.defaultLabel;
+      a.label = a.label || n(f || "");
+    });
+  }), { hidden: o, placeholder: u, label: i, noLabel: s, translatedDefaultLabel: p };
+}
+const q = ({
+  field: r,
+  value: n,
+  setValue: s,
+  readOnly: o,
+  noLabel: p,
+  translatedDefaultLabel: i
+}) => {
+  const u = r.type || "text", e = M[u], { t: m } = x();
+  if (n !== void 0 && !((a, c) => P[c](a))(n, e.propsType))
+    throw new Error(
+      `Value ${n} is not valid for type ${e.propsType} for field ${r.name}`
+    );
+  if (e.propsType === "text")
+    return /* @__PURE__ */ t(h, { field: r, htmlFor: r.name, readOnly: o, noLabel: p, children: /* @__PURE__ */ t(
+      e.factory,
+      {
+        placeholder: r.placeholder,
+        minLength: r.minLength,
+        maxLength: r.maxLength,
+        name: r.name,
+        label: r.label,
+        readOnly: o,
+        value: n,
+        setValue: s
+      }
+    ) });
+  if (e.propsType === "boolean")
+    return /* @__PURE__ */ t(h, { field: r, htmlFor: r.name, readOnly: o, noLabel: p, children: /* @__PURE__ */ t(
+      e.factory,
+      {
+        name: r.name,
+        label: r.label,
+        readOnly: o,
+        value: n,
+        setValue: s,
+        placeholder: r.placeholder
+      }
+    ) });
+  if (e.propsType === "textList")
+    return /* @__PURE__ */ t(h, { field: r, htmlFor: r.name, readOnly: o, noLabel: p, children: /* @__PURE__ */ t(
+      e.factory,
+      {
+        placeholder: r.placeholder,
+        name: r.name,
+        label: r.label,
+        readOnly: o,
+        value: n,
+        setValue: s
+      }
+    ) });
+  if (e.propsType === "select") {
+    if (!r.options)
+      throw new Error("Field options is not defined");
+    return /* @__PURE__ */ t(h, { field: r, htmlFor: r.name, readOnly: o, noLabel: p, children: /* @__PURE__ */ t(
+      e.factory,
+      {
+        readOnly: o,
+        value: n,
+        name: r.name,
+        placeholder: r.placeholder,
+        setValue: s,
+        options: r.options.map((a) => ({ ...a, title: a.label }))
+      }
+    ) });
+  }
+  if (e.propsType === "multiselect") {
+    if (!r.options)
+      throw new Error("Field options is not defined");
+    return /* @__PURE__ */ t(h, { field: r, htmlFor: r.name, readOnly: o, noLabel: p, children: /* @__PURE__ */ t(
+      e.factory,
+      {
+        placeholder: r.placeholder,
+        name: r.name,
+        readOnly: o,
+        value: n,
+        setValue: s,
+        options: r.options.map((a) => ({ ...a, title: a.label }))
+      }
+    ) });
+  }
+  if (e.propsType === "objectiveWithInput") {
+    if (!r.options)
+      throw new Error("Field options is not defined");
+    if (!r.optionsInputs)
+      throw new Error("Field optionsInputs is not defined");
+    const a = r.options;
+    return r.options.length ? /* @__PURE__ */ t(h, { field: r, htmlFor: r.name, readOnly: o, noLabel: p, children: /* @__PURE__ */ t(
+      e.factory,
+      {
+        placeholder: r.placeholder,
+        readOnly: o,
+        name: r.name,
+        label: r.label,
+        value: n,
+        setValue: s,
+        optionsInputs: r.optionsInputs,
+        options: a,
+        required: r.required,
+        translatedDefaultLabel: i
+      }
+    ) }) : null;
+  }
+  if (e.propsType === "variants") {
+    const a = D(r, m);
+    return a ? /* @__PURE__ */ t(
+      e.factory,
+      {
+        placeholder: r.placeholder,
+        readOnly: o,
+        name: r.name,
+        variant: r.variant,
+        value: n,
+        setValue: s,
+        variants: a.variants
+      }
+    ) : null;
+  }
+  return B(e), null;
+};
+export {
+  q as ComponentForField,
+  or as FormBuilderField
+};

package/dist/booker/components/having-trouble-finding-time.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    onButtonClick: () => void;
+    dayCount: number | null;
+    visible: boolean;
+    isScheduleLoading: boolean;
+};
+export declare function HavingTroubleFindingTime(props: Props): JSX.Element | null;
+export {};
+//# sourceMappingURL=having-trouble-finding-time.d.ts.map

package/dist/booker/components/having-trouble-finding-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"having-trouble-finding-time.d.ts","sourceRoot":"","sources":["../../../src/booker/components/having-trouble-finding-time.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,KAAK,sBAiCpD"}