@crystaldesign/widget-contact-form 25.3.0-beta.39 → 25.3.0-beta.42

package/build/esm/index.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
+import { useCss, useConfiguration } from '@crystaldesign/widget-library';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
@@ -117,38 +118,11 @@ function _sendMail() {
   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,
@@ -157,22 +131,7 @@ function useContactForm(settings) {
   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]);
+  useCss(settings);
   function sendEMail(_x, _x2, _x3, _x4, _x5, _x6) {
     return _sendEMail.apply(this, arguments);
   }
@@ -183,12 +142,6 @@ function useContactForm(settings) {
         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,
@@ -196,18 +149,18 @@ function useContactForm(settings) {
               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:
+            _context.next = 5;
+            return sendMail(apiConfig.messageService, jwt, organization._id, variant === 'CLIENT' ? email : settings.mailTo, variant, data, attachments, (_ref = i18n.language.toUpperCase()) !== null && _ref !== void 0 ? _ref : 'DE');
+          case 5:
             toggleLoading('sendMail');
             openModal({
               content: t('modal.success.sendingcontactform'),
               accept: true
             });
-            _context.next = 15;
+            _context.next = 13;
             break;
-          case 11:
-            _context.prev = 11;
+          case 9:
+            _context.prev = 9;
             _context.t0 = _context["catch"](0);
             toggleLoading('sendMail');
             openModal({
@@ -215,36 +168,14 @@ function useContactForm(settings) {
               content: t('modal.error.sendingcontactform') + _context.t0,
               accept: true
             });
-          case 15:
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 11]]);
+      }, _callee, null, [[0, 9]]);
     }));
     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);
@@ -425,12 +356,15 @@ var Main = function Main(_ref) {
   var settings = _ref.settings;
     _ref.parameters;
     _ref.internal;
-  return /*#__PURE__*/jsx(MainComponent, {
+  return /*#__PURE__*/jsx(ContactFormComponent, {
     settings: settings
   });
 };
 var ContactFormComponent = function ContactFormComponent(props) {
-  return /*#__PURE__*/jsx(MainComponent, _objectSpread({}, props));
+  var settings = useConfiguration(ContactForm.name, props.settings);
+  return /*#__PURE__*/jsx(MainComponent, _objectSpread(_objectSpread({}, props), {}, {
+    settings: settings
+  }));
 };
 var ContactForm = {
   name: 'CONTACTFORM',

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAG/E,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM1D,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAG3D,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAGnD,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,6 +1,7 @@
 import { BasketData } from '@crystaldesign/diva-core';
+import { BaseConfiguration } from '@crystaldesign/widget-library';
 export interface ContactFormProps {
-    settings?: Configuration;
+    settings: Configuration;
     title?: string;
     submitButtonText?: string;
     onSubmit?: (data: {
@@ -11,8 +12,7 @@ export interface ContactFormProps {
     action?: 'SEND_MAIL';
     basket?: BasketData;
 }
-export interface Configuration {
+export interface Configuration extends BaseConfiguration {
     mailTo: string;
-    cssUrl?: string;
 }
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,aAAa,CAAC;IACxB,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,aAAc,SAAQ,iBAAiB;IACtD,MAAM,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1,4 +1,5 @@
-export default function useContactForm(settings?: any): {
+import { Configuration } from './types';
+export default function useContactForm(settings: Configuration): {
     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;

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

@@ -1 +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"}
+{"version":3,"file":"useContactForm.d.ts","sourceRoot":"","sources":["../../../../src/useContactForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,QAAQ,EAAE,aAAa;sBAS7B,MAAM,SAAS,MAAM,WAAW,MAAM,WAAW,MAAM,gBAAgB,MAAM,EAAE,WAAW,MAAM;;2BA2BjG,MAAM;EAMrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/widget-contact-form",
-  "version": "25.3.0-beta.39",
+  "version": "25.3.0-beta.42",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -25,7 +25,10 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
+  "dependencies": {
+    "@crystaldesign/widget-library": "25.3.0-beta.42"
+  },
   "module": "build/esm/index.js",
   "types": "./build/types/widget-contact-form/src/index.d.ts",
-  "gitHead": "1be3622cfdd2a736f19dd91a608975248338915b"
+  "gitHead": "ac1ee04802272364e173c8ab0eea41892d5ebef9"
 }

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

@@ -1,7 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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"}