hr-design-system-handlebars 1.114.84 → 1.114.86

package/dist/views/components/newsletter/components/newsletter_fields.hbs

@@ -0,0 +1,44 @@
+{{#if this.description}}
+<p class="mb-6 text-base font-copy sm:text-lg dark:text-text-dark">
+    {{{this.description}}}
+</p>
+{{/if}}  
+{{~> components/forms/components/input
+    _type="email"
+    _isEmail=true
+    _name="email"
+    _label="E-Mail"
+    _labelClass=""
+    _description=""
+    _required=true
+    _maxLength="140"
+    _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
+    _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
+    _formId=../_formId
+}}
+    
+{{~> components/forms/components/choice
+    _inGroup=false
+    _type="checkbox"
+    _name="checkbox"
+    _label=(loca "accept_data_privacy_regulation_link")
+    _description=""
+    _required=true
+    _errorMandatory="Bitte wählen Sie dieses Pflichtfeld aus"
+}}
+
+ {{~> components/forms/components/input
+    _name="newsletter"
+    _type="hidden"
+    _value=this.mailingList
+    _wrapperClass="hidden"
+    _hasLabel=false
+}}
+
+{{~>components/forms/components/input
+    _name="newsletter-type"
+    _type="hidden"
+    _wrapperClass="hidden"
+    _value="html"
+    _hasLabel=false
+}}

package/dist/views/components/newsletter/components/newsletter_form.hbs

@@ -1,63 +1,31 @@
 <div id="formWrapper" class="mt-4">
-<form class="relative flex flex-col justify-center overflow-hidden group js-form" id="form{{nextRandom}}" x-ref="form{{getRandom}}" ax-load="" x-data="" x-init="" @submit.prevent=""
-      action="{{configProperty "mailserver.newsletter"}}" method="post" enctype="application/x-www-form-urlencoded"
-      accept-charset="utf-8">
 
-        {{~> components/forms/components/input
-            _type="email"
-            _isEmail="true"
-            _name="email"
-            _label="E-Mail"
-            _labelClass=""
-            _description=""
-            _required="true"
-            _maxLength="140"
-            _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
-            _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
-            _formId=../_formId
-        }}
+<form class="relative flex flex-col justify-center overflow-hidden group js-form" 
+id="form{{nextRandom}}" 
+x-ref="form{{getRandom}}" 
+ax-load
+x-data="newsletterForm('form{{getRandom}}','{{this.trackingInformations}}')" 
+x-init="formInit()" 
+x-ignore
+@submit.prevent
+action="{{~#if (isStorybook)~}}{{this.jsonURL}}{{else}}{{configProperty "mailserver.newsletter"}}{{/if}}" 
+method="post" 
+enctype="application/x-www-form-urlencoded"
+accept-charset="utf-8"
+>
 
-        {{> components/forms/components/choiceGroup
-                _name="Registrierung"
-                _required=true
-                _inputClass=""
-                _type="radio"
-                _locaKey="newsletter_subscribe_text"
-                _inGroup=true
-                _isHorizontalLayout=true
-                _multipleChoice=false
-                _formId=../_formId
-                _items=this.items
-        }}
+<div x-show="!wasPosted"             
+            x-transition:enter="transition ease-out duration-300 delay-300"
+            x-transition:enter-start="opacity-0 transform scale-90"
+            x-transition:enter-end="opacity-100 transform scale-100"
+            x-transition:leave="transition ease-in duration-75 delay-0"
+            x-transition:leave-start="opacity-100 transform scale-100"
+            x-transition:leave-end="opacity-0 transform scale-90"
+        >
+            {{> components/newsletter/components/newsletter_old_fields }} 
 
+            {{> components/newsletter/components/newsletter_controls }}
+</div>
 
-   {{~> components/forms/components/controls}}
-
-   {{~> components/forms/components/input
-            _formField=this.formData.INXMAIL_HTTP_REDIRECT
-            _name="INXMAIL_HTTP_REDIRECT"
-            _type="hidden"
-            _wrapperClass="hidden"
-            _value=this.successLink
-            _hasLabel=false
-    }}
-
-    {{~>components/forms/components/input
-            _formField=this.formData.INXMAIL_HTTP_REDIRECT_ERROR
-            _name="INXMAIL_HTTP_REDIRECT_ERROR"
-            _type="hidden"
-            _wrapperClass="hidden"
-            _value=this.errorLink
-            _hasLabel=false
-    }}
-
-    {{~> components/forms/components/input
-            _formField=this.formData.backlink
-            _name="backlink"
-            _type="hidden"
-            _wrapperClass="hidden"
-            _value=this.backlinkUuid
-            _hasLabel=false
-    }}
 </form>
 </div>

package/dist/views/components/newsletter/components/newsletter_result.hbs

@@ -1,15 +1,31 @@
-<div class="c-feedbackBox">
-    <h2 class="c-feedbackBox__headline">{{loca _locaKeyTitle}}</h2>
-    <p class="c-feedbackBox__button">
-        {{#with this.backlink}}
-            <a class="c-form__button js-formReload" href="{{this}}#{{../uuid}}">{{loca "newsletter_form_back"}}</a>
-        {{/with}}
-    </p>
-    <p class="c-feedbackBox__text">
-        {{#if _locaKeyText}}
-            {{loca _locaKeyText}}
-        {{else}}
-            {{{_text}}}
-        {{/if}}
-    </p>
-</div>
+<div class="flex flex-col justify-between w-full gap-6 md:gap-10">
+        <div class="flex items-center gap-x-2 md:gap-x-3">
+            {{#if _success}}
+                {{> components/forms/components/success_icon}}
+                <h3 class="font-bold text-success pt-0.5">{{~loca "newsletter_title_success"}}</h3>       
+            {{else}}
+                 {{#if _alreadyRegistered}}
+                    {{> components/forms/components/error_icon _class="!block"}}
+                    <h3 class="font-bold text-error dark:text-error-dark pt-0.5">{{~loca "newsletter_title_already_registered"}}</h3>  
+                    {{else}}
+                    {{> components/forms/components/error_icon _class="!block"}}
+                    <h3 class="font-bold text-error dark:text-error-dark pt-0.5">{{~loca "newsletter_title_error"}}</h3>  
+                {{/if}}
+            {{/if}}
+        </div>      
+</div>
+<span class="font-copy text-text dark:text-text-dark">
+    {{#if _locaKeyText}}
+        {{loca _locaKeyText}}
+    {{else}}
+        {{{_text}}}
+    {{/if}}
+</span>
+<div class="flex justify-end">
+        {{#> components/button/button _variant="primary" _size="lg" }} 
+            <span class="text-base ds-button-label ">{{loca "newsletter_form_back"}}</span>        
+        {{/components/button/button}}  
+        {{#*inline "htmlProperties"}}        
+            @click="retryHandler"
+        {{/inline}}
+</div>

package/dist/views/components/newsletter/components/newsletter_success.hbs

@@ -2,6 +2,7 @@
 {{> components/newsletter/components/newsletter_result
             _locaKeyTitle="newsletter_title_success"
             _text=this.successText.richtext
+            _success=_success
 }}
 {{else}}
 {{> components/newsletter/components/newsletter_result

package/dist/views/components/newsletter/newsletter.hbs

@@ -1,24 +1,5 @@
-{{#if this.useNewNewsletter}}
-    <div id="{{this.uuid}}" class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
-        {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
-        <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
-            {{this.title}}
-        </h3>
-        {{#if this.description}}
-        <p class="mt-4 text-base font-copy sm:text-lg sm:mt-5 dark:text-text-dark">
-            {{{this.description}}}
-        </p>
-       {{/if}}
+<div id="{{this.uuid}}" class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
+    {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
         {{> components/newsletter/components/new_newsletter_form}}
-        {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
-    </div>
-{{else}}
-    <div id="{{this.uuid}}" class="js-load relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}" data-hr-newsletter-ds='{"url": "{{this.url.nocache}}"}'>
-        {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
-        <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
-            {{this.title}}
-        </h3>
-        {{> components/newsletter/components/newsletter_form}}
-        {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
-    </div>
- {{/if}}
+    {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
+</div>

package/dist/views_static/components/content/copytext/components/gallery/galleryitem_figure.hbs

@@ -4,11 +4,10 @@
         {{~#if this.displayOriginal.isTrue ~}}
             <div class="relative" aria-hidden="true">
                 {{> components/base/image/responsive_image
-                        _type="gallery"
-                        _variant="default"
-                        _addClass="ar-16-9"
-                        _noDelay=(if @first true '')
-                        _isWebview=true}}
+                    _type="gallery"
+                    _variant="default"
+                    _addClass="ar-16-9"
+                    _noDelay=(if @first true '')}}
                 <div class="absolute top-0 bottom-0 left-0 right-0 w-full bg-white/80 backdrop-blur-md">
                 </div>
             </div>
@@ -18,8 +17,7 @@
                 _addClass="absolute top-0 left-0 right-0 bottom-0"
                 _addClassImg="!w-auto h-full absolute left-1/2 -translate-x-1/2 js-gallery-image"
                 _noDelay=(if @first true '')
-                _isWebview=true
-                _loadHandler="handleImageLoad($event)"}}
+                _loadHandler="handleImageLoad($event.target)"}}
         {{else}}
             {{> components/base/image/responsive_image  
                 _type="gallery" 
@@ -27,8 +25,7 @@
                 _addClass="ar-16-9"
                 _addClassImg="js-gallery-image"
                 _noDelay=(if @first true '')
-                _isWebview=true
-                _loadHandler="handleImageLoad($event)"}}
+                _loadHandler="handleImageLoad($event.target)"}}
         {{~/if~}}
     </div>
     {{~> components/content/copytext/components/gallery/galleryitem_description_copytext _mediaBacklinkToStoryTeaser=_mediaBacklinkToStoryTeaser _cssClassCaption=_cssClassCaption~}}

package/dist/views_static/components/content/copytext/components/newsletter.hbs

@@ -1,5 +1,5 @@
 {{~#if (isStorybook)~}}
     <div class="mt-6 italic text-gray-dark">coming soon: Newsletter-component</div>
 {{~else~}}
-    {{> modules/newsletter/newsletter _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
+    {{> components/newsletter/newsletter _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
 {{~/if~}}    

package/dist/views_static/components/content/copytext/copytext_body.hbs

@@ -25,7 +25,7 @@
             {{> components/forms/webform _newWebForm=this.hasNewWebForm}}
         {{/if~}}
         {{~#if this.isNewsletter}}
-            {{> components/content/copytext/components/newsletter }}
+            {{> components/newsletter/newsletter }}
         {{/if~}}
         {{~#if this.isAudioOnDemand}}
             {{> components/content/copytext/components/audio _isTickerCopytext=../_isTickerCopytext }}

package/dist/views_static/components/newsletter/components/new_newsletter_form.hbs

@@ -1,4 +1,7 @@
-<div id="formWrapper" class="mt-4">
+<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
+    {{this.title}}
+</h3>
+<div id="formWrapper">
 <form class="relative flex flex-col justify-center overflow-hidden group" 
     id="form{{nextRandom}}" 
     x-ref="form{{getRandom}}" 
@@ -7,78 +10,46 @@
     x-init="formInit()" 
     x-ignore
     @submit.prevent
-    action="index.html" 
+    action="{{~#if (isStorybook)~}}{{this.jsonURL}}{{else}}{{configProperty "newsletter.subscription.endpoint"}}{{/if}}" 
     method="post" 
     accept-charset="utf-8"
 >
+<div x-show="!wasPosted"             
+            x-transition:enter="transition ease-out duration-300 delay-300"
+            x-transition:enter-start="opacity-0 transform scale-90"
+            x-transition:enter-end="opacity-100 transform scale-100"
+            x-transition:leave="transition ease-in duration-75 delay-0"
+            x-transition:leave-start="opacity-100 transform scale-100"
+            x-transition:leave-end="opacity-0 transform scale-90"
+        >
+            {{> components/newsletter/components/newsletter_fields }} 
 
-        {{~> components/forms/components/input
-            _type="email"
-            _isEmail=true
-            _name="email"
-            _label="E-Mail"
-            _labelClass=""
-            _description=""
-            _required=true
-            _maxLength="140"
-            _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
-            _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
-            _formId=../_formId
-        }}
-    
-        {{~> components/forms/components/choice
-            _inGroup=false
-            _type="checkbox"
-            _name="checkbox"
-            _label=(loca "accept_data_privacy_regulation_link")
-            _description=""
-            _required=true
-            _errorMandatory="Bitte wählen Sie dieses Pflichtfeld aus"
-        }}
-  
+            {{> components/newsletter/components/newsletter_controls }}
+</div>
 
-    {{~> components/forms/components/controls}}
-
-
-    {{~> components/forms/components/input
-        _name="newsletter"
-        _type="hidden"
-        _value=this.mailingList
-        _wrapperClass="hidden"
-        _hasLabel=false
-    }}
-
-    {{~>components/forms/components/input
-        _name="newsletter-type"
-        _type="hidden"
-        _wrapperClass="hidden"
-        _value="html"
-        _hasLabel=false
-    }}
-
-    <div class="flex flex-col gap-6 js-successMessage md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"  
-        x-transition:enter="transition ease-out duration-300 delay-75"
-        x-transition:enter-start="opacity-0 transform scale-90"
-        x-transition:enter-end="opacity-100 transform scale-100"
-        x-cloak
-    >
-            {{{include "components/newsletter/components/newsletter_success" }}}
-    </div>
-    <div class="flex flex-col gap-6 js-errorMessage md:gap-10" id="errorMessage" x-show="wasPostedWithError"
-        x-transition:enter="transition ease-out duration-300 delay-75"
-        x-transition:enter-start="opacity-0 transform scale-90"
-        x-transition:enter-end="opacity-100 transform scale-100"
-        x-cloak
-    >
-            {{{include "components/newsletter/components/newsletter_error" }}}
-    </div>
-    <div class="flex flex-col gap-6 js-alreadyRegisteredMessage md:gap-10" id="alreadyRegisteredMessage" x-show="wasPostedAlreadyRegistered"
-        x-transition:enter="transition ease-out duration-300 delay-75"
-        x-transition:enter-start="opacity-0 transform scale-90"
-        x-transition:enter-end="opacity-100 transform scale-100"
-        x-cloak
-    >
-            {{{include "components/newsletter/components/newsletter_already_registered" }}}
-    </div>
+<div class="flex flex-col gap-6 js-successMessage md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"  
+    x-transition:enter="transition ease-out duration-300 delay-75"
+    x-transition:enter-start="opacity-0 transform scale-90"
+    x-transition:enter-end="opacity-100 transform scale-100"
+    x-cloak
+>
+        {{{include "components/newsletter/components/newsletter_success" _success="true" _locaKeyText="newsletter_text_success"}}}
+</div>
+<div class="flex flex-col gap-6 js-errorMessage md:gap-10" id="errorMessage" x-show="wasPostedWithError"
+    x-transition:enter="transition ease-out duration-300 delay-75"
+    x-transition:enter-start="opacity-0 transform scale-90"
+    x-transition:enter-end="opacity-100 transform scale-100"
+    x-cloak
+>
+        {{{include "components/newsletter/components/newsletter_error" _locaKeyText="newsletter_text_error"}}}
+</div>
+<div class="flex flex-col gap-6 js-alreadyRegisteredMessage md:gap-10" id="alreadyRegisteredMessage" x-show="wasPostedAlreadyRegistered"
+    x-transition:enter="transition ease-out duration-300 delay-75"
+    x-transition:enter-start="opacity-0 transform scale-90"
+    x-transition:enter-end="opacity-100 transform scale-100"
+    x-cloak
+>
+        {{{include "components/newsletter/components/newsletter_already_registered" _alreadyRegistered="true" _locaKeyText="newsletter_text_already_registered" }}}
+</div>
 </form>
 </div>

package/dist/{views/components/newsletter/components/controls_no_alpine.hbs → views_static/components/newsletter/components/newsletter_controls.hbs}

@@ -4,7 +4,7 @@
         <label class="order-2 cursor-pointer {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant='primary'}} {{> components/button/utilities/button_dimension_classes _size='lg'}}">     
             <span class="hidden" :class="{'hidden': !isPosting}">{{> components/base/image/icon _icon="reload" _addClass="w-5 h-5 fill-white dark:fill-text-dark animate-spin"}}</span>
             <span class="" :class="{'hidden': isPosting}">{{> components/base/image/icon _icon="send-ds" _addClass="w-5 h-5 fill-white dark:fill-text-dark "}}</span>
-            <input type="submit" class="pl-2 cursor-pointer" value="{{loca "form_button_submit"}}" @click.prevent=""/>
+            <input type="submit" class="pl-2 cursor-pointer" value="{{loca "form_button_submit"}}" @click.prevent="submitButtonHandler($event)"/>
         </label>
 
         {{#> components/button/button _variant="tertiary"_size="lg" _css="order-1 mr-4" _type="reset"}} 

package/dist/views_static/components/newsletter/components/newsletter_fields.hbs

@@ -0,0 +1,44 @@
+{{#if this.description}}
+<p class="mb-6 text-base font-copy sm:text-lg dark:text-text-dark">
+    {{{this.description}}}
+</p>
+{{/if}}  
+{{~> components/forms/components/input
+    _type="email"
+    _isEmail=true
+    _name="email"
+    _label="E-Mail"
+    _labelClass=""
+    _description=""
+    _required=true
+    _maxLength="140"
+    _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
+    _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
+    _formId=../_formId
+}}
+    
+{{~> components/forms/components/choice
+    _inGroup=false
+    _type="checkbox"
+    _name="checkbox"
+    _label=(loca "accept_data_privacy_regulation_link")
+    _description=""
+    _required=true
+    _errorMandatory="Bitte wählen Sie dieses Pflichtfeld aus"
+}}
+
+ {{~> components/forms/components/input
+    _name="newsletter"
+    _type="hidden"
+    _value=this.mailingList
+    _wrapperClass="hidden"
+    _hasLabel=false
+}}
+
+{{~>components/forms/components/input
+    _name="newsletter-type"
+    _type="hidden"
+    _wrapperClass="hidden"
+    _value="html"
+    _hasLabel=false
+}}

package/dist/views_static/components/newsletter/components/newsletter_form.hbs

@@ -1,63 +1,31 @@
 <div id="formWrapper" class="mt-4">
-<form class="relative flex flex-col justify-center overflow-hidden group js-form" id="form{{nextRandom}}" x-ref="form{{getRandom}}" ax-load="" x-data="" x-init="" @submit.prevent=""
-      action="{{configProperty "mailserver.newsletter"}}" method="post" enctype="application/x-www-form-urlencoded"
-      accept-charset="utf-8">
 
-        {{~> components/forms/components/input
-            _type="email"
-            _isEmail="true"
-            _name="email"
-            _label="E-Mail"
-            _labelClass=""
-            _description=""
-            _required="true"
-            _maxLength="140"
-            _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
-            _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
-            _formId=../_formId
-        }}
+<form class="relative flex flex-col justify-center overflow-hidden group js-form" 
+id="form{{nextRandom}}" 
+x-ref="form{{getRandom}}" 
+ax-load
+x-data="newsletterForm('form{{getRandom}}','{{this.trackingInformations}}')" 
+x-init="formInit()" 
+x-ignore
+@submit.prevent
+action="{{~#if (isStorybook)~}}{{this.jsonURL}}{{else}}{{configProperty "mailserver.newsletter"}}{{/if}}" 
+method="post" 
+enctype="application/x-www-form-urlencoded"
+accept-charset="utf-8"
+>
 
-        {{> components/forms/components/choiceGroup
-                _name="Registrierung"
-                _required=true
-                _inputClass=""
-                _type="radio"
-                _locaKey="newsletter_subscribe_text"
-                _inGroup=true
-                _isHorizontalLayout=true
-                _multipleChoice=false
-                _formId=../_formId
-                _items=this.items
-        }}
+<div x-show="!wasPosted"             
+            x-transition:enter="transition ease-out duration-300 delay-300"
+            x-transition:enter-start="opacity-0 transform scale-90"
+            x-transition:enter-end="opacity-100 transform scale-100"
+            x-transition:leave="transition ease-in duration-75 delay-0"
+            x-transition:leave-start="opacity-100 transform scale-100"
+            x-transition:leave-end="opacity-0 transform scale-90"
+        >
+            {{> components/newsletter/components/newsletter_old_fields }} 
 
+            {{> components/newsletter/components/newsletter_controls }}
+</div>
 
-   {{~> components/forms/components/controls}}
-
-   {{~> components/forms/components/input
-            _formField=this.formData.INXMAIL_HTTP_REDIRECT
-            _name="INXMAIL_HTTP_REDIRECT"
-            _type="hidden"
-            _wrapperClass="hidden"
-            _value=this.successLink
-            _hasLabel=false
-    }}
-
-    {{~>components/forms/components/input
-            _formField=this.formData.INXMAIL_HTTP_REDIRECT_ERROR
-            _name="INXMAIL_HTTP_REDIRECT_ERROR"
-            _type="hidden"
-            _wrapperClass="hidden"
-            _value=this.errorLink
-            _hasLabel=false
-    }}
-
-    {{~> components/forms/components/input
-            _formField=this.formData.backlink
-            _name="backlink"
-            _type="hidden"
-            _wrapperClass="hidden"
-            _value=this.backlinkUuid
-            _hasLabel=false
-    }}
 </form>
 </div>

package/dist/views_static/components/newsletter/components/newsletter_result.hbs

@@ -1,15 +1,31 @@
-<div class="c-feedbackBox">
-    <h2 class="c-feedbackBox__headline">{{loca _locaKeyTitle}}</h2>
-    <p class="c-feedbackBox__button">
-        {{#with this.backlink}}
-            <a class="c-form__button js-formReload" href="{{this}}#{{../uuid}}">{{loca "newsletter_form_back"}}</a>
-        {{/with}}
-    </p>
-    <p class="c-feedbackBox__text">
-        {{#if _locaKeyText}}
-            {{loca _locaKeyText}}
-        {{else}}
-            {{{_text}}}
-        {{/if}}
-    </p>
-</div>
+<div class="flex flex-col justify-between w-full gap-6 md:gap-10">
+        <div class="flex items-center gap-x-2 md:gap-x-3">
+            {{#if _success}}
+                {{> components/forms/components/success_icon}}
+                <h3 class="font-bold text-success pt-0.5">{{~loca "newsletter_title_success"}}</h3>       
+            {{else}}
+                 {{#if _alreadyRegistered}}
+                    {{> components/forms/components/error_icon _class="!block"}}
+                    <h3 class="font-bold text-error dark:text-error-dark pt-0.5">{{~loca "newsletter_title_already_registered"}}</h3>  
+                    {{else}}
+                    {{> components/forms/components/error_icon _class="!block"}}
+                    <h3 class="font-bold text-error dark:text-error-dark pt-0.5">{{~loca "newsletter_title_error"}}</h3>  
+                {{/if}}
+            {{/if}}
+        </div>      
+</div>
+<span class="font-copy text-text dark:text-text-dark">
+    {{#if _locaKeyText}}
+        {{loca _locaKeyText}}
+    {{else}}
+        {{{_text}}}
+    {{/if}}
+</span>
+<div class="flex justify-end">
+        {{#> components/button/button _variant="primary" _size="lg" }} 
+            <span class="text-base ds-button-label ">{{loca "newsletter_form_back"}}</span>        
+        {{/components/button/button}}  
+        {{#*inline "htmlProperties"}}        
+            @click="retryHandler"
+        {{/inline}}
+</div>

package/dist/views_static/components/newsletter/components/newsletter_success.hbs

@@ -2,6 +2,7 @@
 {{> components/newsletter/components/newsletter_result
             _locaKeyTitle="newsletter_title_success"
             _text=this.successText.richtext
+            _success=_success
 }}
 {{else}}
 {{> components/newsletter/components/newsletter_result

package/dist/views_static/components/newsletter/newsletter.hbs

@@ -1,24 +1,5 @@
-{{#if this.useNewNewsletter}}
-    <div id="{{this.uuid}}" class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
-        {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
-        <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
-            {{this.title}}
-        </h3>
-        {{#if this.description}}
-        <p class="mt-4 text-base font-copy sm:text-lg sm:mt-5 dark:text-text-dark">
-            {{{this.description}}}
-        </p>
-       {{/if}}
+<div id="{{this.uuid}}" class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
+    {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
         {{> components/newsletter/components/new_newsletter_form}}
-        {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
-    </div>
-{{else}}
-    <div id="{{this.uuid}}" class="js-load relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}" data-hr-newsletter-ds='{"url": "{{this.url.nocache}}"}'>
-        {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
-        <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
-            {{this.title}}
-        </h3>
-        {{> components/newsletter/components/newsletter_form}}
-        {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
-    </div>
- {{/if}}
+    {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
+</div>

package/package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-  "version": "1.114.84",
+  "version": "1.114.86",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006 public",