@crystaldesign/widget-contact-form 25.3.0-beta.2 → 25.3.0-beta.20

package/build/esm/index.js

@@ -0,0 +1,440 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState, useEffect } from 'react';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useDivaCore, useTranslation, Trans } from '@crystaldesign/diva-core';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+(function() {
+    const env = {"STAGE":"production"};
+    try {
+        if (process) {
+            process.env = Object.assign({}, process.env);
+            Object.assign(process.env, env);
+            return;
+        }
+    } catch (e) {} // avoid ReferenceError: process is not defined
+    globalThis.process = { env:env };
+})();
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var form = "form-B77D-";
+var input = "input-oPXuT";
+var textarea = "textarea-cMW-q";
+var inputGroup = "inputGroup-gO790";
+var button = "button-fOW5S";
+var agbContainer = "agbContainer--O-xN";
+var checkAgbText = "checkAgbText-Jl3wz";
+var errorBox = "errorBox-hMx0W";
+var errorMailValidation = "errorMailValidation-HNoLo";
+var css_248z = ".form-B77D- {\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n  gap: 1.3rem;\n  font-family: 'Roboto';\n}\n\n.input-oPXuT,\n.textarea-cMW-q {\n  padding: 0.5rem;\n  border: 1px solid #ccc;\n}\n\n.inputGroup-gO790 {\n  display: flex;\n  flex-direction: column;\n}\n.textarea-cMW-q {\n  min-height: 150px;\n  font-family: 'Roboto';\n  resize: none;\n}\n\n.button-fOW5S {\n  padding: 0.75rem;\n  background-color: #6c757d;\n  background-color: var(--primaryColor, #6c757d);\n  color: white;\n  border: none;\n  cursor: pointer;\n}\n\n.button-fOW5S:disabled {\n  background-color: #ccc;\n  cursor: not-allowed;\n  color: #666;\n}\n\n.button-fOW5S:enabled:hover {\n  background-color: #5a6268;\n  background-color: var(--primaryColor, #5a6268);\n}\n\n.agbContainer--O-xN {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n}\n.agbContainer--O-xN input {\n  transform: scale(1.5);\n}\n\n.checkAgbText-Jl3wz {\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n}\n\n.errorBox-hMx0W {\n  background-color: #fdecea; /* Helles Rot */\n  border-left: 4px solid #e53e3e; /* Dunkelrote linke Linie */\n  color: #b71c1c; /* Kräftiges Rot für den Text */\n  padding: 10px;\n  border-radius: 6px;\n  font-weight: bold;\n}\n.errorMailValidation-HNoLo {\n  color: #d9534f; /* Dezentes Rot */\n  font-size: 13px; /* Kleine Schrift */\n  margin-top: 4px;\n  font-weight: 500; /* Etwas kräftiger für bessere Lesbarkeit */\n}\n@media (max-width: 768px) {\n  .agbContainer--O-xN {\n    flex-direction: row; /* Stack the elements vertically */\n    gap: 5px; /* Reduce the gap between checkbox and text */\n  }\n\n  .checkAgbText-Jl3wz {\n    font-size: 10px; /* Reduce the font size on smaller screens */\n  }\n  .agbContainer--O-xN input {\n    transform: scale(1.2);\n  }\n}\n";
+styleInject(css_248z);
+
+/**
+ * Sends an email via API call.
+ *
+ * @param {string} messageService - The URL of the message service.
+ * @param {string} jwt - The JWT token.
+ * @param {string} mailTo - The email address to send the email to.
+ * @param {any} data - The data to send in the email.
+ * @param {string[]} [attachments] - The attachments to send with the email.
+ * @returns {Promise<void>} - A promise that resolves when the email is sent.
+ */
+function sendMail(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
+  return _sendMail.apply(this, arguments);
+}
+function _sendMail() {
+  _sendMail = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(messageService, jwt, organizationId, mailTo, variant, data, attachments, language) {
+    var body, response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          body = {
+            variant: variant !== null && variant !== void 0 ? variant : 'DEFAULT',
+            to: mailTo,
+            language: language,
+            organizationIds: [organizationId],
+            data: data,
+            attachments: attachments !== null && attachments !== void 0 && attachments.length ? attachments : undefined
+          };
+          _context.next = 4;
+          return fetch(messageService + '/mail/contact', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+              Authorization: 'Bearer ' + jwt
+            },
+            body: JSON.stringify(body)
+          });
+        case 4:
+          response = _context.sent;
+          if (response.ok) {
+            _context.next = 7;
+            break;
+          }
+          throw new Error('Failed to send email');
+        case 7:
+          _context.next = 12;
+          break;
+        case 9:
+          _context.prev = 9;
+          _context.t0 = _context["catch"](0);
+          throw new Error('Failed to send email');
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 9]]);
+  }));
+  return _sendMail.apply(this, arguments);
+}
+
+/**
+ * Make sure that the CSS is in the dome and that it has the current content
+ *
+ * @param url an url to a css file
+ */
+function updateCssInDom (url) {
+  var element = document.getElementById('CONTACT-FORM-STYLE-URL');
+  if (element) {
+    var _element$parentNode;
+    (_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 || _element$parentNode.removeChild(element);
+  }
+  element = document.createElement('link');
+  element.rel = 'stylesheet';
+  element.type = 'text/css';
+  element.id = 'CONTACT-FORM-STYLE-URL';
+  element.href = url;
+  document.head.appendChild(element);
+}
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function useContactForm(settings) {
+  var _useState = useState(settings),
+    _useState2 = _slicedToArray(_useState, 2),
+    contactFormSettings = _useState2[0],
+    setContactFormSettings = _useState2[1];
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state = _useDivaCore.state,
+    apiConfig = _useDivaCore$state.apiConfig,
+    jwt = _useDivaCore$state.jwt,
+    currentComponent = _useDivaCore$state.currentComponent,
+    organization = _useDivaCore$state.organization,
+    navigationConfiguration = _useDivaCore$state.navigationConfiguration,
+    _useDivaCore$actions = _useDivaCore.actions,
+    openModal = _useDivaCore$actions.openModal,
+    toggleLoading = _useDivaCore$actions.toggleLoading;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  useEffect(function () {
+    if (!settings) {
+      var contactFormConfig = findContactForm(currentComponent);
+      if (contactFormConfig) {
+        setContactFormSettings(contactFormConfig.settings);
+        if (contactFormConfig.settings.cssUrl) {
+          updateCssInDom(contactFormConfig.settings.cssUrl);
+        }
+      }
+    }
+  }, []);
+  useEffect(function () {
+    if (settings !== null && settings !== void 0 && settings.cssUrl) {
+      updateCssInDom(settings === null || settings === void 0 ? void 0 : settings.cssUrl);
+    }
+  }, [settings === null || settings === void 0 ? void 0 : settings.cssUrl]);
+  function sendEMail(_x, _x2, _x3, _x4, _x5, _x6) {
+    return _sendEMail.apply(this, arguments);
+  }
+  function _sendEMail() {
+    _sendEMail = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(name, email, message, variant, attachments, divaNr) {
+      var _ref, data;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            if (contactFormSettings) {
+              _context.next = 3;
+              break;
+            }
+            throw new Error('No contact form settings found');
+          case 3:
+            data = {
+              name: name,
+              email: variant !== 'CLIENT' ? email : undefined,
+              message: message,
+              divaNr: divaNr
+            };
+            toggleLoading('sendMail');
+            _context.next = 7;
+            return sendMail(apiConfig.messageService, jwt, organization._id, variant === 'CLIENT' ? email : contactFormSettings.mailTo, variant, data, attachments, (_ref = i18n.language.toUpperCase()) !== null && _ref !== void 0 ? _ref : 'DE');
+          case 7:
+            toggleLoading('sendMail');
+            openModal({
+              content: t('modal.success.sendingcontactform'),
+              accept: true
+            });
+            _context.next = 15;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+            toggleLoading('sendMail');
+            openModal({
+              title: t('Error'),
+              content: t('modal.error.sendingcontactform') + _context.t0,
+              accept: true
+            });
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 11]]);
+    }));
+    return _sendEMail.apply(this, arguments);
+  }
+  function findContactForm(component) {
+    var _component$settings;
+    if ((component === null || component === void 0 ? void 0 : component.type) === 'CONTACTFORM') {
+      return component;
+    }
+    if (component !== null && component !== void 0 && (_component$settings = component.settings) !== null && _component$settings !== void 0 && _component$settings.subComponents) {
+      var _iterator = _createForOfIteratorHelper(component.settings.subComponents),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var subComponent = _step.value;
+          var found = findContactForm(subComponent);
+          if (found) return found;
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return undefined;
+  }
+  var validateEmail = function validateEmail(email) {
+    var regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return regex.test(email);
+  };
+  return {
+    sendEMail: sendEMail,
+    navigationConfiguration: navigationConfiguration,
+    validateEmail: validateEmail
+  };
+}
+
+var MainComponent = function MainComponent(_ref) {
+  var _navigationConfigurat, _navigationConfigurat2;
+  var onSubmit = _ref.onSubmit,
+    title = _ref.title,
+    submitButtonText = _ref.submitButtonText,
+    action = _ref.action,
+    basket = _ref.basket,
+    settings = _ref.settings;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useContactForm = useContactForm(settings),
+    sendEMail = _useContactForm.sendEMail,
+    navigationConfiguration = _useContactForm.navigationConfiguration,
+    validateEmail = _useContactForm.validateEmail;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    error = _useState2[0],
+    setError = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    name = _useState4[0],
+    setName = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    email = _useState6[0],
+    setEmail = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    message = _useState8[0],
+    setMessage = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    acceptAgbs = _useState10[0],
+    setAcceptAgbs = _useState10[1];
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    emailError = _useState12[0],
+    setEmailError = _useState12[1];
+  var inputOk = name && validateEmail(email) && message && acceptAgbs;
+  var handleEmailChange = function handleEmailChange(e) {
+    var value = e.target.value;
+    setEmail(value);
+    if (!validateEmail(value)) {
+      setEmailError(t('input.mail.validation.error'));
+    } else {
+      setEmailError('');
+    }
+  };
+  var handleSubmit = function handleSubmit() {
+    if (action === 'SEND_MAIL') {
+      if (inputOk) {
+        var attachments = basket !== null && basket !== void 0 && basket.PDFDocumentURL ? [basket === null || basket === void 0 ? void 0 : basket.PDFDocumentURL] : undefined;
+        sendEMail(name, email, message, 'DEFAULT', attachments, basket === null || basket === void 0 ? void 0 : basket.DivaNr);
+        sendEMail(name, email, message, 'CLIENT', attachments, undefined);
+      } else {
+        setError(t('contactform.error.fields'));
+      }
+    } else if (onSubmit) {
+      onSubmit({
+        name: name,
+        email: email,
+        message: message
+      });
+    } else alert('Action is not implemented yet');
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [title && /*#__PURE__*/jsx("h2", {
+      children: t(title, title)
+    }), /*#__PURE__*/jsxs("div", {
+      className: form,
+      children: [/*#__PURE__*/jsx("input", {
+        type: "text",
+        id: "name",
+        value: name,
+        onChange: function onChange(e) {
+          return setName(e.target.value);
+        },
+        required: true,
+        className: input,
+        placeholder: t('contactform.placeholder.name')
+      }), /*#__PURE__*/jsxs("div", {
+        className: inputGroup,
+        children: [/*#__PURE__*/jsx("input", {
+          type: "email",
+          id: "email",
+          value: email,
+          onChange: handleEmailChange,
+          required: true,
+          className: input,
+          placeholder: t('contactform.placeholder.email')
+        }), emailError && /*#__PURE__*/jsx("div", {
+          className: errorMailValidation,
+          children: emailError
+        })]
+      }), /*#__PURE__*/jsx("textarea", {
+        id: "message",
+        value: message,
+        onChange: function onChange(e) {
+          return setMessage(e.target.value);
+        },
+        required: true,
+        className: textarea,
+        placeholder: t('contactform.placeholder.message')
+      }), /*#__PURE__*/jsxs("div", {
+        id: "agbContainer",
+        className: agbContainer,
+        children: [/*#__PURE__*/jsx("input", {
+          type: "checkbox",
+          id: "acceptAgbs",
+          onChange: function onChange(e) {
+            return setAcceptAgbs(e.target.checked);
+          },
+          required: true
+        }), /*#__PURE__*/jsx("label", {
+          htmlFor: "acceptAgbs",
+          children: /*#__PURE__*/jsx("div", {
+            className: checkAgbText,
+            children: /*#__PURE__*/jsx("span", {
+              children: /*#__PURE__*/jsx(AcceptTerms, {
+                privacyUrl: (_navigationConfigurat = navigationConfiguration === null || navigationConfiguration === void 0 ? void 0 : navigationConfiguration.privacyUrl) !== null && _navigationConfigurat !== void 0 ? _navigationConfigurat : 'https://www.diva-portal.de/datenschutz',
+                agbUrl: (_navigationConfigurat2 = navigationConfiguration === null || navigationConfiguration === void 0 ? void 0 : navigationConfiguration.tosUrl) !== null && _navigationConfigurat2 !== void 0 ? _navigationConfigurat2 : 'https://www.diva-portal.de/agb'
+              })
+            })
+          })
+        })]
+      }), error && /*#__PURE__*/jsx("div", {
+        className: errorBox,
+        children: error
+      }), /*#__PURE__*/jsx("button", {
+        type: "submit",
+        id: "submitButton",
+        className: button,
+        onClick: handleSubmit,
+        disabled: !inputOk,
+        children: submitButtonText ? t(submitButtonText, submitButtonText) : t('contactform.submitbuttontext')
+      })]
+    })]
+  });
+};
+var AcceptTerms = function AcceptTerms(_ref2) {
+  var privacyUrl = _ref2.privacyUrl,
+    agbUrl = _ref2.agbUrl;
+  var _useTranslation2 = useTranslation(),
+    t = _useTranslation2.t;
+  var pUrl = /*#__PURE__*/jsx("a", {
+    href: privacyUrl,
+    target: "_blank",
+    children: t('auth.privacypolicy')
+  });
+  var aUrl = /*#__PURE__*/jsx("a", {
+    href: agbUrl,
+    target: "_blank",
+    children: t('auth.GeneralTerms')
+  });
+  return /*#__PURE__*/jsx(Trans, {
+    i18nKey: "contactform.acceptprivacyandagb",
+    components: {
+      privacyUrl: pUrl,
+      agbUrl: aUrl
+    }
+  });
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Main = function Main(_ref) {
+  var settings = _ref.settings;
+    _ref.parameters;
+    _ref.internal;
+  return /*#__PURE__*/jsx(MainComponent, {
+    settings: settings
+  });
+};
+var ContactFormComponent = function ContactFormComponent(props) {
+  return /*#__PURE__*/jsx(MainComponent, _objectSpread({}, props));
+};
+var ContactForm = {
+  name: 'CONTACTFORM',
+  renderFunction: Main
+};
+
+export { ContactFormComponent, ContactForm as default };

package/build/types/widget-contact-form/src/components/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ContactFormProps } from '../types';
+export declare const MainComponent: React.FC<ContactFormProps>;
+export default MainComponent;
+//# sourceMappingURL=index.d.ts.map

package/build/types/widget-contact-form/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+FpD,CAAC;AAgBF,eAAe,aAAa,CAAC"}

package/build/types/widget-contact-form/src/index.d.ts

@@ -0,0 +1,11 @@
+
+
+export * from './types';
+import React from 'react';
+import { ComponentDefinition } from '@crystaldesign/diva-core';
+import { Configuration, ContactFormProps } from './types';
+export declare const ContactFormComponent: React.FC<ContactFormProps>;
+declare const ContactForm: ComponentDefinition<Configuration>;
+export default ContactForm;
+//# sourceMappingURL=index.d.ts.map
+  

package/build/types/widget-contact-form/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM1D,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3D,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAGnD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/widget-contact-form/src/services/ApiHandler.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Sends an email via API call.
+ *
+ * @param {string} messageService - The URL of the message service.
+ * @param {string} jwt - The JWT token.
+ * @param {string} mailTo - The email address to send the email to.
+ * @param {any} data - The data to send in the email.
+ * @param {string[]} [attachments] - The attachments to send with the email.
+ * @returns {Promise<void>} - A promise that resolves when the email is sent.
+ */
+export declare function sendMail(messageService: string, jwt: string, organizationId: string, mailTo: string, variant: string, data: any, attachments?: string[], language?: 'DE' | 'IT' | 'FR' | 'EN'): Promise<void>;
+//# sourceMappingURL=ApiHandler.d.ts.map

package/build/types/widget-contact-form/src/services/ApiHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiHandler.d.ts","sourceRoot":"","sources":["../../../../../src/services/ApiHandler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAsB,QAAQ,CAC5B,cAAc,EAAE,MAAM,EACtB,GAAG,EAAE,MAAM,EACX,cAAc,EAAE,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,GAAG,EACT,WAAW,CAAC,EAAE,MAAM,EAAE,EACtB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,iBA2BrC"}

package/build/types/widget-contact-form/src/stories/default/contactform.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WithDivaMock } from '@crystaldesign/diva-core';
+import { ContactFormProps } from '@crystaldesign/widget-contact-form/types';
+declare const meta: Meta<WithDivaMock<ContactFormProps>>;
+export default meta;
+type Story = StoryObj<WithDivaMock<ContactFormProps>>;
+export declare const Default: Story;
+//# sourceMappingURL=contactform.stories.d.ts.map

package/build/types/widget-contact-form/src/stories/default/contactform.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contactform.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/default/contactform.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAG5E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAI9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}

package/build/types/widget-contact-form/src/types/index.d.ts

@@ -0,0 +1,18 @@
+import { BasketData } from '@crystaldesign/diva-core';
+export interface ContactFormProps {
+    settings?: Configuration;
+    title?: string;
+    submitButtonText?: string;
+    onSubmit?: (data: {
+        name: string;
+        email: string;
+        message: string;
+    }) => void;
+    action?: 'SEND_MAIL';
+    basket?: BasketData;
+}
+export interface Configuration {
+    mailTo: string;
+    cssUrl?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/build/types/widget-contact-form/src/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/build/types/widget-contact-form/src/useContactForm.d.ts

@@ -0,0 +1,6 @@
+export default function useContactForm(settings?: any): {
+    sendEMail: (name: string, email: string, message: string, variant: string, attachments?: string[], divaNr?: string) => Promise<void>;
+    navigationConfiguration: import("packages/core/src/types").NavigationConfiguration;
+    validateEmail: (email: string) => boolean;
+};
+//# sourceMappingURL=useContactForm.d.ts.map

package/build/types/widget-contact-form/src/useContactForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContactForm.d.ts","sourceRoot":"","sources":["../../../../src/useContactForm.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,QAAQ,CAAC,EAAE,GAAG;sBA0BpB,MAAM,SAAS,MAAM,WAAW,MAAM,WAAW,MAAM,gBAAgB,MAAM,EAAE,WAAW,MAAM;;2BA2CjG,MAAM;EAMrC"}

package/build/types/widget-contact-form/src/utils/updateCssInDom.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Make sure that the CSS is in the dome and that it has the current content
+ *
+ * @param url an url to a css file
+ */
+export default function (url: string): void;
+//# sourceMappingURL=updateCssInDom.d.ts.map

package/build/types/widget-contact-form/src/utils/updateCssInDom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateCssInDom.d.ts","sourceRoot":"","sources":["../../../../../src/utils/updateCssInDom.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,OAAO,WAAW,GAAG,EAAE,MAAM,QAWnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/widget-contact-form",
-  "version": "25.3.0-beta.2",
+  "version": "25.3.0-beta.20",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -27,5 +27,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/widget-contact-form/src/index.d.ts",
-  "gitHead": "54ea9345ad72c01925ce8c09c588f113ec10e98c"
+  "gitHead": "262d06f563e45f2d566c2170fbafd223cb0298f2"
 }