@crystaldesign/widget-contact-form 25.2.0-rc.8 → 25.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/esm/index.js +32 -16
  2. package/build/types/widget-contact-form/src/components/index.d.ts.map +1 -1
  3. package/package.json +2 -2
package/build/esm/index.js CHANGED
@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
3
3
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
4
4
  import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
5
5
  import _regeneratorRuntime from '@babel/runtime/regenerator';
6
- import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
6
+ import { useDivaCore, useTranslation, Trans } from '@crystaldesign/diva-core';
7
7
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
8
8
 
9
9
  (function() {
@@ -54,7 +54,7 @@ var agbContainer = "agbContainer--O-xN";
54
54
  var checkAgbText = "checkAgbText-Jl3wz";
55
55
  var errorBox = "errorBox-hMx0W";
56
56
  var errorMailValidation = "errorMailValidation-HNoLo";
57
- 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";
57
+ 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";
58
58
  styleInject(css_248z);
59
59
 
60
60
  /**
@@ -371,21 +371,14 @@ var MainComponent = function MainComponent(_ref) {
371
371
  required: true
372
372
  }), /*#__PURE__*/jsx("label", {
373
373
  htmlFor: "acceptAgbs",
374
- children: /*#__PURE__*/jsxs("div", {
374
+ children: /*#__PURE__*/jsx("div", {
375
375
  className: checkAgbText,
376
- children: [/*#__PURE__*/jsx("span", {
377
- children: t('auth.acceptprivacyandagb')
378
- }), /*#__PURE__*/jsxs("span", {
379
- children: [/*#__PURE__*/jsx("a", {
380
- target: "_blank",
381
- href: (_navigationConfigurat = navigationConfiguration === null || navigationConfiguration === void 0 ? void 0 : navigationConfiguration.tosUrl) !== null && _navigationConfigurat !== void 0 ? _navigationConfigurat : 'https://www.diva-portal.de/agb',
382
- children: t('auth.GeneralTerms')
383
- }), ",\xA0", /*#__PURE__*/jsx("a", {
384
- target: "_blank",
385
- href: (_navigationConfigurat2 = navigationConfiguration === null || navigationConfiguration === void 0 ? void 0 : navigationConfiguration.privacyUrl) !== null && _navigationConfigurat2 !== void 0 ? _navigationConfigurat2 : 'https://www.diva-portal.de/datenschutz',
386
- children: t('auth.privacypolicy')
387
- })]
388
- })]
376
+ children: /*#__PURE__*/jsx("span", {
377
+ children: /*#__PURE__*/jsx(AcceptTerms, {
378
+ privacyUrl: (_navigationConfigurat = navigationConfiguration === null || navigationConfiguration === void 0 ? void 0 : navigationConfiguration.privacyUrl) !== null && _navigationConfigurat !== void 0 ? _navigationConfigurat : 'https://www.diva-portal.de/datenschutz',
379
+ agbUrl: (_navigationConfigurat2 = navigationConfiguration === null || navigationConfiguration === void 0 ? void 0 : navigationConfiguration.tosUrl) !== null && _navigationConfigurat2 !== void 0 ? _navigationConfigurat2 : 'https://www.diva-portal.de/agb'
380
+ })
381
+ })
389
382
  })
390
383
  })]
391
384
  }), error && /*#__PURE__*/jsx("div", {
@@ -402,6 +395,29 @@ var MainComponent = function MainComponent(_ref) {
402
395
  })]
403
396
  });
404
397
  };
398
+ var AcceptTerms = function AcceptTerms(_ref2) {
399
+ var privacyUrl = _ref2.privacyUrl,
400
+ agbUrl = _ref2.agbUrl;
401
+ var _useTranslation2 = useTranslation(),
402
+ t = _useTranslation2.t;
403
+ var pUrl = /*#__PURE__*/jsx("a", {
404
+ href: privacyUrl,
405
+ target: "_blank",
406
+ children: t('auth.privacypolicy')
407
+ });
408
+ var aUrl = /*#__PURE__*/jsx("a", {
409
+ href: agbUrl,
410
+ target: "_blank",
411
+ children: t('auth.GeneralTerms')
412
+ });
413
+ return /*#__PURE__*/jsx(Trans, {
414
+ i18nKey: "contactform.acceptprivacyandagb",
415
+ components: {
416
+ privacyUrl: pUrl,
417
+ agbUrl: aUrl
418
+ }
419
+ });
420
+ };
405
421
 
406
422
  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; }
407
423
  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; }
package/build/types/widget-contact-form/src/components/index.d.ts.map CHANGED
@@ -1 +1 @@
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,CAiGpD,CAAC;AAEF,eAAe,aAAa,CAAC"}
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystaldesign/widget-contact-form",
3
- "version": "25.2.0-rc.8",
3
+ "version": "25.2.0",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "storybook": "storybook dev -p 6006",
@@ -27,5 +27,5 @@
27
27
  },
28
28
  "module": "build/esm/index.js",
29
29
  "types": "./build/types/widget-contact-form/src/index.d.ts",
30
- "gitHead": "c5cb23c824995ac2b1f3c85d73634d6b643e50aa"
30
+ "gitHead": "cea59a56eea26ddf09eef75e6d13e94878dd2296"
31
31
  }