@unidy.io/sdk 1.0.1 → 1.1.0

package/dist/cjs/u-magic-code-field.cjs.entry.js

@@ -1,18 +1,17 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var authStore = require('./auth-store-BT2pDmTN.js');
-var auth = require('./auth-COn3PdbX.js');
-require('./index-JpRzPaSm.js');
-require('./unidy-store-C1O0g41c.js');
-require('./profile-store-JiqaDLcK.js');
-require('./flash-store-Bz-eFpp2.js');
+var index = require('./index-B_N5xKgH.js');
+var authStore = require('./auth-store-DC9EVec8.js');
+var auth = require('./auth-BVKZHhXz.js');
+require('./index-DLz3FT7T.js');
+require('./unidy-store-7AbWnZ6g.js');
+require('./profile-store-P_BcYkef.js');
+require('./flash-store-BuIBuQDx.js');
 require('./component-utils-BpMyeVQo.js');
-require('./i18n-DNuyTvmJ.js');
-require('./index-CtJ5meJ7.js');
-require('./exports-BTNx1-cN.js');
+require('./i18n-Xy1So-ba.js');
+require('./index-DiUlebpf.js');
 
-const magicCodeFieldCss = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-border-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-color-slate-200:oklch(92.9% .013 255.508);--u-spacing:.25rem;--u-text-lg:1.125rem;--u-text-lg--line-height:1.55556;--u-radius-lg:.5rem;--u-default-transition-duration:.15s;--u-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:flex{display:flex}.u\\:h-\\[50px\\]{height:50px}.u\\:w-\\[50px\\]{width:50px}.u\\:w-full{width:100%}.u\\:justify-center{justify-content:center}.u\\:gap-0\\.5{gap:calc(var(--u-spacing)*.5)}.u\\:rounded-lg{border-radius:var(--u-radius-lg)}.u\\:border-2{border-style:var(--tw-border-style);border-width:2px}.u\\:border-solid{--tw-border-style:solid;border-style:solid}.u\\:border-slate-200{border-color:var(--u-color-slate-200)}.u\\:text-center{text-align:center}.u\\:text-lg{font-size:var(--u-text-lg);line-height:var(--tw-leading,var(--u-text-lg--line-height))}.u\\:transition-colors{transition-duration:var(--tw-duration,var(--u-default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--u-default-transition-timing-function))}.u\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.u\\:outline-none{--tw-outline-style:none;outline-style:none}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-duration{syntax:\"*\";inherits:false}";
+const magicCodeFieldCss = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-border-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-color-slate-200:oklch(92.9% .013 255.508);--u-spacing:.25rem;--u-text-lg:1.125rem;--u-text-lg--line-height:1.55556;--u-radius-lg:.5rem;--u-default-transition-duration:.15s;--u-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:flex{display:flex}.u\\:h-\\[50px\\]{height:50px}.u\\:w-\\[50px\\]{width:50px}.u\\:w-full{width:100%}.u\\:justify-center{justify-content:center}.u\\:gap-0\\.5{gap:calc(var(--u-spacing)*.5)}.u\\:rounded-lg{border-radius:var(--u-radius-lg)}.u\\:border-2{border-style:var(--tw-border-style);border-width:2px}.u\\:border-solid{--tw-border-style:solid;border-style:solid}.u\\:border-slate-200{border-color:var(--u-color-slate-200)}.u\\:text-center{text-align:center}.u\\:text-lg{font-size:var(--u-text-lg);line-height:var(--tw-leading,var(--u-text-lg--line-height))}.u\\:transition-colors{transition-duration:var(--tw-duration,var(--u-default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--u-default-transition-timing-function))}.u\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.u\\:outline-none{--tw-outline-style:none;outline-style:none}.fixed{position:fixed}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-duration{syntax:\"*\";inherits:false}";
 
 const MagicCodeField = class {
     constructor(hostRef) {
@@ -78,7 +77,7 @@ const MagicCodeField = class {
             return null;
         }
         return (index.h("div", { class: `u:flex u:gap-0.5 u:w-full u:justify-center ${this.componentClassName}` }, this.codeDigits.map((digit, index$1) => (index.h("input", {
-            // biome-ignore lint/suspicious/noArrayIndexKey:
+            // biome-ignore lint/suspicious/noArrayIndexKey: digits are fixed position inputs
             key: index$1, ref: (el) => {
                 if (el)
                     this.inputRefs[index$1] = el;

package/dist/cjs/u-magic-code-field.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-magic-code-field.entry.cjs.js","sources":["src/auth/components/magic-code-field/magic-code-field.css?tag=u-magic-code-field","src/auth/components/magic-code-field/magic-code-field.tsx"],"sourcesContent":["\n","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { authState } from \"../../store/auth-store\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-magic-code-field\",\n  styleUrl: \"magic-code-field.css\",\n  shadow: false,\n})\nexport class MagicCodeField {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() codeDigits: string[] = [\"\", \"\", \"\", \"\"];\n\n  private inputRefs: HTMLInputElement[] = [];\n\n  private handleInput = (event: Event, index: number) => {\n    const target = event.target as HTMLInputElement;\n    const value = target.value.replace(/[^0-9]/g, \"\");\n    const sanitizedDigit = value.slice(-1);\n    target.value = sanitizedDigit;\n\n    const newDigits = [...this.codeDigits];\n    newDigits[index] = sanitizedDigit;\n    this.codeDigits = newDigits;\n\n    const fullCode = newDigits.join(\"\");\n\n    if (value && index < 3) {\n      const nextInput = this.inputRefs[index + 1];\n      if (nextInput) {\n        nextInput.focus();\n      }\n    }\n\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, index: number) => {\n    if (event.key === \"Backspace\" && !this.codeDigits[index] && index > 0) {\n      const prevInput = this.inputRefs[index - 1];\n      if (prevInput) {\n        prevInput.focus();\n      }\n    }\n  };\n\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n    const pastedData = event.clipboardData?.getData(\"text\") || \"\";\n    const digits = pastedData\n      .replace(/[^0-9]/g, \"\")\n      .slice(0, 4)\n      .split(\"\");\n\n    while (digits.length < 4) {\n      digits.push(\"\");\n    }\n\n    this.codeDigits = digits;\n\n    const firstEmptyIndex = digits.findIndex((digit) => !digit);\n    const targetIndex = firstEmptyIndex !== -1 ? firstEmptyIndex : 3;\n    if (this.inputRefs[targetIndex]) {\n      this.inputRefs[targetIndex].focus();\n    }\n\n    const fullCode = digits.join(\"\");\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private authenticateWithCode = async (code: string) => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.authenticateWithMagicCode(code);\n  };\n  render() {\n    if (authState.step !== \"magic-code\") {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:gap-0.5 u:w-full u:justify-center ${this.componentClassName}`}>\n        {this.codeDigits.map((digit, index) => (\n          <input\n            // biome-ignore lint/suspicious/noArrayIndexKey:\n            key={index}\n            ref={(el) => {\n              if (el) this.inputRefs[index] = el;\n            }}\n            id={`digit-input-${index + 1}`}\n            type=\"text\"\n            inputmode=\"numeric\"\n            maxlength=\"1\"\n            value={digit}\n            disabled={authState.loading}\n            onInput={(event) => this.handleInput(event, index)}\n            onKeyDown={(event) => this.handleKeyDown(event, index)}\n            onPaste={index === 0 ? this.handlePaste : undefined}\n            aria-label={`Digit ${index + 1} of ${this.codeDigits.length}`}\n            class=\"u:w-[50px] u:h-[50px] u:text-center u:text-lg u:border-2 u:border-solid u:border-slate-200 u:rounded-lg u:outline-none u:transition-colors u:duration-200\"\n            part=\"digit-input\"\n          />\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":["Auth","authState","h","index"],"mappings":"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"}
+{"version":3,"file":"u-magic-code-field.entry.cjs.js","sources":["src/auth/components/magic-code-field/magic-code-field.css?tag=u-magic-code-field","src/auth/components/magic-code-field/magic-code-field.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { authState } from \"../../store/auth-store\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-magic-code-field\",\n  styleUrl: \"magic-code-field.css\",\n  shadow: false,\n})\nexport class MagicCodeField {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() codeDigits: string[] = [\"\", \"\", \"\", \"\"];\n\n  private inputRefs: HTMLInputElement[] = [];\n\n  private handleInput = (event: Event, index: number) => {\n    const target = event.target as HTMLInputElement;\n    const value = target.value.replace(/[^0-9]/g, \"\");\n    const sanitizedDigit = value.slice(-1);\n    target.value = sanitizedDigit;\n\n    const newDigits = [...this.codeDigits];\n    newDigits[index] = sanitizedDigit;\n    this.codeDigits = newDigits;\n\n    const fullCode = newDigits.join(\"\");\n\n    if (value && index < 3) {\n      const nextInput = this.inputRefs[index + 1];\n      if (nextInput) {\n        nextInput.focus();\n      }\n    }\n\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, index: number) => {\n    if (event.key === \"Backspace\" && !this.codeDigits[index] && index > 0) {\n      const prevInput = this.inputRefs[index - 1];\n      if (prevInput) {\n        prevInput.focus();\n      }\n    }\n  };\n\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n    const pastedData = event.clipboardData?.getData(\"text\") || \"\";\n    const digits = pastedData\n      .replace(/[^0-9]/g, \"\")\n      .slice(0, 4)\n      .split(\"\");\n\n    while (digits.length < 4) {\n      digits.push(\"\");\n    }\n\n    this.codeDigits = digits;\n\n    const firstEmptyIndex = digits.findIndex((digit) => !digit);\n    const targetIndex = firstEmptyIndex !== -1 ? firstEmptyIndex : 3;\n    if (this.inputRefs[targetIndex]) {\n      this.inputRefs[targetIndex].focus();\n    }\n\n    const fullCode = digits.join(\"\");\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private authenticateWithCode = async (code: string) => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.authenticateWithMagicCode(code);\n  };\n  render() {\n    if (authState.step !== \"magic-code\") {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:gap-0.5 u:w-full u:justify-center ${this.componentClassName}`}>\n        {this.codeDigits.map((digit, index) => (\n          <input\n            // biome-ignore lint/suspicious/noArrayIndexKey: digits are fixed position inputs\n            key={index}\n            ref={(el) => {\n              if (el) this.inputRefs[index] = el;\n            }}\n            id={`digit-input-${index + 1}`}\n            type=\"text\"\n            inputmode=\"numeric\"\n            maxlength=\"1\"\n            value={digit}\n            disabled={authState.loading}\n            onInput={(event) => this.handleInput(event, index)}\n            onKeyDown={(event) => this.handleKeyDown(event, index)}\n            onPaste={index === 0 ? this.handlePaste : undefined}\n            aria-label={`Digit ${index + 1} of ${this.codeDigits.length}`}\n            class=\"u:w-[50px] u:h-[50px] u:text-center u:text-lg u:border-2 u:border-solid u:border-slate-200 u:rounded-lg u:outline-none u:transition-colors u:duration-200\"\n            part=\"digit-input\"\n          />\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":["Auth","authState","h","index"],"mappings":"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"}

package/dist/cjs/u-missing-field.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var authStore = require('./auth-store-BT2pDmTN.js');
-require('./index-JpRzPaSm.js');
-require('./unidy-store-C1O0g41c.js');
+var index = require('./index-B_N5xKgH.js');
+var authStore = require('./auth-store-DC9EVec8.js');
+require('./index-DLz3FT7T.js');
+require('./unidy-store-7AbWnZ6g.js');
 
 const MissingField = class {
     constructor(hostRef) {

package/dist/cjs/u-missing-fields-submit-button.cjs.entry.js

@@ -1,15 +1,14 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var index$1 = require('./index-CtJ5meJ7.js');
-var profileStore = require('./profile-store-JiqaDLcK.js');
-var authStore = require('./auth-store-BT2pDmTN.js');
-var submitButtonLogic = require('./submit-button-logic-rhAjEO33.js');
+var index = require('./index-B_N5xKgH.js');
+var index$1 = require('./index-DiUlebpf.js');
+var profileStore = require('./profile-store-P_BcYkef.js');
+var authStore = require('./auth-store-DC9EVec8.js');
+var profileHelpers = require('./profile-helpers-DrcTgN5n.js');
 var componentUtils = require('./component-utils-BpMyeVQo.js');
-var i18n = require('./i18n-DNuyTvmJ.js');
-require('./exports-BTNx1-cN.js');
-require('./unidy-store-C1O0g41c.js');
-require('./index-JpRzPaSm.js');
+var i18n = require('./i18n-Xy1So-ba.js');
+require('./unidy-store-7AbWnZ6g.js');
+require('./index-DLz3FT7T.js');
 
 const MissingFieldsSubmitButton = class {
     constructor(hostRef) {
@@ -19,11 +18,11 @@ const MissingFieldsSubmitButton = class {
     async onSubmit() {
         profileStore.state.loading = true;
         const { configuration, ...stateWithoutConfig } = profileStore.state;
-        if (!submitButtonLogic.validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {
+        if (!profileHelpers.validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {
             profileStore.state.loading = false;
             return;
         }
-        const updatedProfileData = submitButtonLogic.buildPayload(stateWithoutConfig.data);
+        const updatedProfileData = profileHelpers.buildPayload(stateWithoutConfig.data);
         const sid = authStore.state.sid;
         const [error, response] = await index$1.getUnidyClient().auth.updateMissingFields(sid, updatedProfileData);
         if (error) {

package/dist/cjs/u-missing-fields-submit-button.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-missing-fields-submit-button.entry.cjs.js","sources":["src/auth/components/missing-fields-submit-button/missing-fields-submit-button.tsx"],"sourcesContent":["import { Component, Element, h } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { state as profileState } from \"../../../profile/store/profile-store\";\nimport { authState, authStore } from \"../../store/auth-store\";\nimport { validateRequiredFieldsUnchanged, buildPayload } from \"../../../shared/components/u-fields-submit-button-logic/submit-button-logic\";\nimport type { TokenResponse } from \"../../api/auth\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport { t } from \"../../../i18n\";\n\n@Component({\n  tag: \"u-missing-fields-submit-button\",\n  shadow: true,\n})\nexport class MissingFieldsSubmitButton {\n  @Element() el!: HTMLElement;\n\n  private async onSubmit() {\n    profileState.loading = true;\n\n    const { configuration, ...stateWithoutConfig } = profileState;\n\n    if (!validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {\n      profileState.loading = false;\n      return;\n    }\n\n    const updatedProfileData = buildPayload(stateWithoutConfig.data);\n    const sid = authState.sid as string;\n\n    const [error, response] = await getUnidyClient().auth.updateMissingFields(sid, updatedProfileData);\n\n    if (error) {\n      profileState.loading = false;\n      return;\n    }\n\n    const { jwt } = response as TokenResponse;\n    profileState.loading = false;\n    authStore.setToken(jwt);\n\n    // Emit authEvent to allow modal-based logins to close after successful submission\n    this.el.dispatchEvent(new CustomEvent(\"authEvent\", { detail: { jwt }, bubbles: true, composed: true }));\n  }\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    return (\n      <div>\n        <button\n          type=\"button\"\n          onClick={() => this.onSubmit()}\n          part=\"button\"\n          disabled={(profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false}\n          aria-live=\"polite\"\n        >\n          {profileState.loading ? <u-spinner /> : hasSlotContent(this.el) ? <slot /> : t(\"buttons.submit\")}\n        </button>\n      </div>\n    );\n  }\n}\n"],"names":["profileState","validateRequiredFieldsUnchanged","buildPayload","authState","getUnidyClient","authStore","h","hasSlotContent","t"],"mappings":";;;;;;;;;;;;;MAaa,yBAAyB,GAAA,MAAA;;;;;AAG5B,IAAA,MAAM,QAAQ,GAAA;AACpB,QAAAA,kBAAY,CAAC,OAAO,GAAG,IAAI;QAE3B,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAGA,kBAAY;QAE7D,IAAI,CAACC,iDAA+B,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;AAC7D,YAAAD,kBAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;QAGF,MAAM,kBAAkB,GAAGE,8BAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAChE,QAAA,MAAM,GAAG,GAAGC,eAAS,CAAC,GAAa;AAEnC,QAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAMC,sBAAc,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,kBAAkB,CAAC;QAElG,IAAI,KAAK,EAAE;AACT,YAAAJ,kBAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;AAGF,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,QAAyB;AACzC,QAAAA,kBAAY,CAAC,OAAO,GAAG,KAAK;AAC5B,QAAAK,mBAAS,CAAC,QAAQ,CAAC,GAAG,CAAC;;QAGvB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;IAGzG,MAAM,GAAA;AACJ,QAAA,IAAIF,eAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;QAEpD,QACEG,OAAA,CAAA,KAAA,EAAA,IAAA,EACEA,OAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAC9B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAACN,kBAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAACA,kBAAY,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,KAAKA,kBAAY,CAAC,UAAU,KAAK,KAAK,EAAA,WAAA,EACzG,QAAQ,EAEjB,EAAAA,kBAAY,CAAC,OAAO,GAAGM,OAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAGC,6BAAc,CAAC,IAAI,CAAC,EAAE,CAAC,GAAGD,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAGE,MAAC,CAAC,gBAAgB,CAAC,CACzF,CACL;;;;;;"}
+{"version":3,"file":"u-missing-fields-submit-button.entry.cjs.js","sources":["src/auth/components/missing-fields-submit-button/missing-fields-submit-button.tsx"],"sourcesContent":["import { Component, Element, h } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { state as profileState } from \"../../../profile/store/profile-store\";\nimport { authState, authStore } from \"../../store/auth-store\";\nimport { validateRequiredFieldsUnchanged, buildPayload } from \"../../../profile/profile-helpers\";\nimport type { TokenResponse } from \"../../api/auth\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport { t } from \"../../../i18n\";\n\n@Component({\n  tag: \"u-missing-fields-submit-button\",\n  shadow: true,\n})\nexport class MissingFieldsSubmitButton {\n  @Element() el!: HTMLElement;\n\n  private async onSubmit() {\n    profileState.loading = true;\n\n    const { configuration, ...stateWithoutConfig } = profileState;\n\n    if (!validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {\n      profileState.loading = false;\n      return;\n    }\n\n    const updatedProfileData = buildPayload(stateWithoutConfig.data);\n    const sid = authState.sid as string;\n\n    const [error, response] = await getUnidyClient().auth.updateMissingFields(sid, updatedProfileData);\n\n    if (error) {\n      profileState.loading = false;\n      return;\n    }\n\n    const { jwt } = response as TokenResponse;\n    profileState.loading = false;\n    authStore.setToken(jwt);\n\n    // Emit authEvent to allow modal-based logins to close after successful submission\n    this.el.dispatchEvent(new CustomEvent(\"authEvent\", { detail: { jwt }, bubbles: true, composed: true }));\n  }\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    return (\n      <div>\n        <button\n          type=\"button\"\n          onClick={() => this.onSubmit()}\n          part=\"button\"\n          disabled={(profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false}\n          aria-live=\"polite\"\n        >\n          {profileState.loading ? <u-spinner /> : hasSlotContent(this.el) ? <slot /> : t(\"buttons.submit\")}\n        </button>\n      </div>\n    );\n  }\n}\n"],"names":["profileState","validateRequiredFieldsUnchanged","buildPayload","authState","getUnidyClient","authStore","h","hasSlotContent","t"],"mappings":";;;;;;;;;;;;MAaa,yBAAyB,GAAA,MAAA;;;;;AAG5B,IAAA,MAAM,QAAQ,GAAA;AACpB,QAAAA,kBAAY,CAAC,OAAO,GAAG,IAAI;QAE3B,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAGA,kBAAY;QAE7D,IAAI,CAACC,8CAA+B,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;AAC7D,YAAAD,kBAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;QAGF,MAAM,kBAAkB,GAAGE,2BAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAChE,QAAA,MAAM,GAAG,GAAGC,eAAS,CAAC,GAAa;AAEnC,QAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAMC,sBAAc,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,kBAAkB,CAAC;QAElG,IAAI,KAAK,EAAE;AACT,YAAAJ,kBAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;AAGF,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,QAAyB;AACzC,QAAAA,kBAAY,CAAC,OAAO,GAAG,KAAK;AAC5B,QAAAK,mBAAS,CAAC,QAAQ,CAAC,GAAG,CAAC;;QAGvB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;IAGzG,MAAM,GAAA;AACJ,QAAA,IAAIF,eAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;QAEpD,QACEG,OAAA,CAAA,KAAA,EAAA,IAAA,EACEA,OAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAC9B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAACN,kBAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAACA,kBAAY,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,KAAKA,kBAAY,CAAC,UAAU,KAAK,KAAK,EAAA,WAAA,EACzG,QAAQ,EAEjB,EAAAA,kBAAY,CAAC,OAAO,GAAGM,OAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAGC,6BAAc,CAAC,IAAI,CAAC,EAAE,CAAC,GAAGD,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAGE,MAAC,CAAC,gBAAgB,CAAC,CACzF,CACL;;;;;;"}

package/dist/cjs/u-newsletter-checkbox.cjs.entry.js

@@ -1,17 +1,16 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var newsletterStore = require('./newsletter-store-D_RRzlpH.js');
-var newsletterHelpers = require('./newsletter-helpers-BINJr8bg.js');
-require('./index-JpRzPaSm.js');
-require('./index-CtJ5meJ7.js');
-require('./i18n-DNuyTvmJ.js');
-require('./unidy-store-C1O0g41c.js');
-require('./exports-BTNx1-cN.js');
-require('./profile-store-JiqaDLcK.js');
-require('./flash-store-Bz-eFpp2.js');
-require('./auth-COn3PdbX.js');
-require('./auth-store-BT2pDmTN.js');
+var index = require('./index-B_N5xKgH.js');
+var newsletterStore = require('./newsletter-store-dhtu8ywO.js');
+var newsletterHelpers = require('./newsletter-helpers-DtXuIac8.js');
+require('./index-DLz3FT7T.js');
+require('./index-DiUlebpf.js');
+require('./i18n-Xy1So-ba.js');
+require('./unidy-store-7AbWnZ6g.js');
+require('./profile-store-P_BcYkef.js');
+require('./flash-store-BuIBuQDx.js');
+require('./auth-BVKZHhXz.js');
+require('./auth-store-DC9EVec8.js');
 require('./component-utils-BpMyeVQo.js');
 
 const NewsletterCheckbox = class {

package/dist/cjs/u-newsletter-checkbox.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-checkbox.entry.cjs.js","sources":["src/newsletter/components/newsletter-checkbox/newsletter-checkbox.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\n\n@Component({\n  tag: \"u-newsletter-checkbox\",\n  shadow: false,\n})\nexport class NewsletterCheckbox {\n  @Prop() internalName!: string;\n  @Prop() checked = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  componentWillLoad() {\n    if (this.checked && !this.isSubscribed) {\n      const checkedNewsletters = newsletterStore.state.checkedNewsletters;\n      if (!(this.internalName in checkedNewsletters)) {\n        newsletterStore.set(\"checkedNewsletters\", {\n          ...checkedNewsletters,\n          [this.internalName]: [],\n        });\n      }\n    }\n  }\n\n  private get isSubscribed(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName);\n  }\n\n  private get isChecked(): boolean {\n    return this.isSubscribed || this.internalName in newsletterStore.state.checkedNewsletters;\n  }\n\n  private handleChange = () => {\n    if (this.isSubscribed) return;\n\n    const currentlyChecked = this.internalName in newsletterStore.state.checkedNewsletters;\n\n    if (currentlyChecked) {\n      const { [this.internalName]: _, ...rest } = newsletterStore.state.checkedNewsletters;\n      newsletterStore.set(\"checkedNewsletters\", rest);\n    } else {\n      newsletterStore.set(\"checkedNewsletters\", {\n        ...newsletterStore.state.checkedNewsletters,\n        [this.internalName]: [],\n      });\n    }\n  };\n\n  render() {\n    return (\n      <input\n        type=\"checkbox\"\n        checked={this.isChecked}\n        disabled={this.isSubscribed}\n        onChange={this.handleChange}\n        class={this.componentClassName}\n        aria-checked={this.isChecked}\n      />\n    );\n  }\n}\n"],"names":["newsletterStore","NewsletterHelpers.isSubscribed","h"],"mappings":";;;;;;;;;;;;;;;;MAQa,kBAAkB,GAAA,MAAA;;;;AACrB,IAAA,YAAY;IACZ,OAAO,GAAG,KAAK;AACY,IAAA,kBAAkB;IAErD,iBAAiB,GAAA;QACf,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtC,YAAA,MAAM,kBAAkB,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;YACnE,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,kBAAkB,CAAC,EAAE;AAC9C,gBAAAA,+BAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,oBAAA,GAAG,kBAAkB;AACrB,oBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE;AACxB,iBAAA,CAAC;;;;AAKR,IAAA,IAAY,YAAY,GAAA;QACtB,OAAOC,8BAA8B,CAAC,IAAI,CAAC,YAAY,CAAC;;AAG1D,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,IAAID,+BAAe,CAAC,KAAK,CAAC,kBAAkB;;IAGnF,YAAY,GAAG,MAAK;QAC1B,IAAI,IAAI,CAAC,YAAY;YAAE;QAEvB,MAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,IAAIA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;QAEtF,IAAI,gBAAgB,EAAE;AACpB,YAAA,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;AACpF,YAAAA,+BAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC;;aAC1C;AACL,YAAAA,+BAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,gBAAA,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;AAC3C,gBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE;AACxB,aAAA,CAAC;;AAEN,KAAC;IAED,MAAM,GAAA;QACJ,QACEE,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,KAAK,EAAE,IAAI,CAAC,kBAAkB,kBAChB,IAAI,CAAC,SAAS,EAAA,CAC5B;;;;;;"}
+{"version":3,"file":"u-newsletter-checkbox.entry.cjs.js","sources":["src/newsletter/components/newsletter-checkbox/newsletter-checkbox.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\n\n@Component({\n  tag: \"u-newsletter-checkbox\",\n  shadow: false,\n})\nexport class NewsletterCheckbox {\n  @Prop() internalName!: string;\n  @Prop() checked = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  componentWillLoad() {\n    if (this.checked && !this.isSubscribed) {\n      const checkedNewsletters = newsletterStore.state.checkedNewsletters;\n      if (!(this.internalName in checkedNewsletters)) {\n        newsletterStore.set(\"checkedNewsletters\", {\n          ...checkedNewsletters,\n          [this.internalName]: [],\n        });\n      }\n    }\n  }\n\n  private get isSubscribed(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName);\n  }\n\n  private get isChecked(): boolean {\n    return this.isSubscribed || this.internalName in newsletterStore.state.checkedNewsletters;\n  }\n\n  private handleChange = () => {\n    if (this.isSubscribed) return;\n\n    const currentlyChecked = this.internalName in newsletterStore.state.checkedNewsletters;\n\n    if (currentlyChecked) {\n      const { [this.internalName]: _, ...rest } = newsletterStore.state.checkedNewsletters;\n      newsletterStore.set(\"checkedNewsletters\", rest);\n    } else {\n      newsletterStore.set(\"checkedNewsletters\", {\n        ...newsletterStore.state.checkedNewsletters,\n        [this.internalName]: [],\n      });\n    }\n  };\n\n  render() {\n    return (\n      <input\n        type=\"checkbox\"\n        checked={this.isChecked}\n        disabled={this.isSubscribed}\n        onChange={this.handleChange}\n        class={this.componentClassName}\n        aria-checked={this.isChecked}\n      />\n    );\n  }\n}\n"],"names":["newsletterStore","NewsletterHelpers.isSubscribed","h"],"mappings":";;;;;;;;;;;;;;;MAQa,kBAAkB,GAAA,MAAA;;;;AACrB,IAAA,YAAY;IACZ,OAAO,GAAG,KAAK;AACY,IAAA,kBAAkB;IAErD,iBAAiB,GAAA;QACf,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtC,YAAA,MAAM,kBAAkB,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;YACnE,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,kBAAkB,CAAC,EAAE;AAC9C,gBAAAA,+BAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,oBAAA,GAAG,kBAAkB;AACrB,oBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE;AACxB,iBAAA,CAAC;;;;AAKR,IAAA,IAAY,YAAY,GAAA;QACtB,OAAOC,8BAA8B,CAAC,IAAI,CAAC,YAAY,CAAC;;AAG1D,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,IAAID,+BAAe,CAAC,KAAK,CAAC,kBAAkB;;IAGnF,YAAY,GAAG,MAAK;QAC1B,IAAI,IAAI,CAAC,YAAY;YAAE;QAEvB,MAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,IAAIA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;QAEtF,IAAI,gBAAgB,EAAE;AACpB,YAAA,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;AACpF,YAAAA,+BAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC;;aAC1C;AACL,YAAAA,+BAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,gBAAA,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;AAC3C,gBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE;AACxB,aAAA,CAAC;;AAEN,KAAC;IAED,MAAM,GAAA;QACJ,QACEE,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,KAAK,EAAE,IAAI,CAAC,kBAAkB,kBAChB,IAAI,CAAC,SAAS,EAAA,CAC5B;;;;;;"}

package/dist/cjs/u-newsletter-logout-button.cjs.entry.js

@@ -1,18 +1,17 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var newsletterHelpers = require('./newsletter-helpers-BINJr8bg.js');
-var i18n = require('./i18n-DNuyTvmJ.js');
-var flashStore = require('./flash-store-Bz-eFpp2.js');
-var newsletterStore = require('./newsletter-store-D_RRzlpH.js');
+var index = require('./index-B_N5xKgH.js');
+var newsletterHelpers = require('./newsletter-helpers-DtXuIac8.js');
+var i18n = require('./i18n-Xy1So-ba.js');
+var flashStore = require('./flash-store-BuIBuQDx.js');
+var newsletterStore = require('./newsletter-store-dhtu8ywO.js');
 var componentUtils = require('./component-utils-BpMyeVQo.js');
-require('./index-CtJ5meJ7.js');
-require('./exports-BTNx1-cN.js');
-require('./profile-store-JiqaDLcK.js');
-require('./index-JpRzPaSm.js');
-require('./unidy-store-C1O0g41c.js');
-require('./auth-COn3PdbX.js');
-require('./auth-store-BT2pDmTN.js');
+require('./index-DiUlebpf.js');
+require('./profile-store-P_BcYkef.js');
+require('./index-DLz3FT7T.js');
+require('./unidy-store-7AbWnZ6g.js');
+require('./auth-BVKZHhXz.js');
+require('./auth-store-DC9EVec8.js');
 
 const LogoutButton = class {
     constructor(hostRef) {

package/dist/cjs/u-newsletter-logout-button.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-logout-button.entry.cjs.js","sources":["src/newsletter/components/logout-button/logout-button.tsx"],"sourcesContent":["import { Component, h, Prop, Element, Host } from \"@stencil/core\";\nimport { newsletterLogout } from \"../../newsletter-helpers\";\nimport { t } from \"../../../i18n\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\n\n@Component({\n  tag: \"u-newsletter-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private handleLogout = () => {\n    newsletterLogout();\n    Flash.success.addMessage(t(\"newsletter.success.logout\"));\n  };\n\n  render() {\n    if (newsletterStore.state.preferenceToken === \"\" || newsletterStore.state.isAuthenticated) {\n      return <Host style={{ display: \"none\" }} />;\n    }\n\n    const hasContent = hasSlotContent(this.el);\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          part=\"button\"\n          class={this.componentClassName}\n          onClick={this.handleLogout}\n          aria-label=\"Logout\"\n          aria-live=\"polite\"\n        >\n          {hasContent ? <slot /> : t(\"newsletter.buttons.logout\")}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":["newsletterLogout","Flash","t","newsletterStore","h","Host","hasSlotContent"],"mappings":";;;;;;;;;;;;;;;;MAWa,YAAY,GAAA,MAAA;;;;;IAGY,kBAAkB,GAAG,EAAE;IAElD,YAAY,GAAG,MAAK;AAC1B,QAAAA,kCAAgB,EAAE;QAClBC,gBAAK,CAAC,OAAO,CAAC,UAAU,CAACC,MAAC,CAAC,2BAA2B,CAAC,CAAC;AAC1D,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAIC,+BAAe,CAAC,KAAK,CAAC,eAAe,KAAK,EAAE,IAAIA,+BAAe,CAAC,KAAK,CAAC,eAAe,EAAE;AACzF,YAAA,OAAOC,OAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,CAAI;;QAG7C,MAAM,UAAU,GAAGC,6BAAc,CAAC,IAAI,CAAC,EAAE,CAAC;AAE1C,QAAA,QACEF,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,OAAO,EAAE,IAAI,CAAC,YAAY,EACf,YAAA,EAAA,QAAQ,eACT,QAAQ,EAAA,EAEjB,UAAU,GAAGA,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAGF,MAAC,CAAC,2BAA2B,CAAC,CAChD,CACJ;;;;;;"}
+{"version":3,"file":"u-newsletter-logout-button.entry.cjs.js","sources":["src/newsletter/components/logout-button/logout-button.tsx"],"sourcesContent":["import { Component, h, Prop, Element, Host } from \"@stencil/core\";\nimport { newsletterLogout } from \"../../newsletter-helpers\";\nimport { t } from \"../../../i18n\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\n\n@Component({\n  tag: \"u-newsletter-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private handleLogout = () => {\n    newsletterLogout();\n    Flash.success.addMessage(t(\"newsletter.success.logout\"));\n  };\n\n  render() {\n    if (newsletterStore.state.preferenceToken === \"\" || newsletterStore.state.isAuthenticated) {\n      return <Host style={{ display: \"none\" }} />;\n    }\n\n    const hasContent = hasSlotContent(this.el);\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          part=\"button\"\n          class={this.componentClassName}\n          onClick={this.handleLogout}\n          aria-label=\"Logout\"\n          aria-live=\"polite\"\n        >\n          {hasContent ? <slot /> : t(\"newsletter.buttons.logout\")}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":["newsletterLogout","Flash","t","newsletterStore","h","Host","hasSlotContent"],"mappings":";;;;;;;;;;;;;;;MAWa,YAAY,GAAA,MAAA;;;;;IAGY,kBAAkB,GAAG,EAAE;IAElD,YAAY,GAAG,MAAK;AAC1B,QAAAA,kCAAgB,EAAE;QAClBC,gBAAK,CAAC,OAAO,CAAC,UAAU,CAACC,MAAC,CAAC,2BAA2B,CAAC,CAAC;AAC1D,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAIC,+BAAe,CAAC,KAAK,CAAC,eAAe,KAAK,EAAE,IAAIA,+BAAe,CAAC,KAAK,CAAC,eAAe,EAAE;AACzF,YAAA,OAAOC,OAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,CAAI;;QAG7C,MAAM,UAAU,GAAGC,6BAAc,CAAC,IAAI,CAAC,EAAE,CAAC;AAE1C,QAAA,QACEF,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,OAAO,EAAE,IAAI,CAAC,YAAY,EACf,YAAA,EAAA,QAAQ,eACT,QAAQ,EAAA,EAEjB,UAAU,GAAGA,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAGF,MAAC,CAAC,2BAA2B,CAAC,CAChD,CACJ;;;;;;"}

package/dist/cjs/u-newsletter-preference-checkbox.cjs.entry.js

@@ -1,17 +1,16 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var newsletterStore = require('./newsletter-store-D_RRzlpH.js');
-var newsletterHelpers = require('./newsletter-helpers-BINJr8bg.js');
-require('./index-JpRzPaSm.js');
-require('./index-CtJ5meJ7.js');
-require('./i18n-DNuyTvmJ.js');
-require('./unidy-store-C1O0g41c.js');
-require('./exports-BTNx1-cN.js');
-require('./profile-store-JiqaDLcK.js');
-require('./flash-store-Bz-eFpp2.js');
-require('./auth-COn3PdbX.js');
-require('./auth-store-BT2pDmTN.js');
+var index = require('./index-B_N5xKgH.js');
+var newsletterStore = require('./newsletter-store-dhtu8ywO.js');
+var newsletterHelpers = require('./newsletter-helpers-DtXuIac8.js');
+require('./index-DLz3FT7T.js');
+require('./index-DiUlebpf.js');
+require('./i18n-Xy1So-ba.js');
+require('./unidy-store-7AbWnZ6g.js');
+require('./profile-store-P_BcYkef.js');
+require('./flash-store-BuIBuQDx.js');
+require('./auth-BVKZHhXz.js');
+require('./auth-store-DC9EVec8.js');
 require('./component-utils-BpMyeVQo.js');
 
 const NewsletterPreferenceCheckbox = class {

package/dist/cjs/u-newsletter-preference-checkbox.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-preference-checkbox.entry.cjs.js","sources":["src/newsletter/components/preference-checkbox/preference-checkbox.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { newsletterStore, type ExistingSubscription } from \"../../store/newsletter-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\n\n@Component({\n  tag: \"u-newsletter-preference-checkbox\",\n  shadow: false,\n})\nexport class NewsletterPreferenceCheckbox {\n  @Prop() internalName!: string;\n  @Prop() preferenceIdentifier!: string;\n  @Prop() checked = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  @State() loading = false;\n\n  @State() existingSubscriptions: ExistingSubscription[] = [];\n  @State() checkedPreferences: string[] = [];\n\n  private storeUnsubscribe?: () => void;\n\n  componentWillLoad() {\n    this.subscribeToStore();\n    this.initializeCheckedState();\n  }\n\n  disconnectedCallback() {\n    this.storeUnsubscribe?.();\n  }\n\n  private subscribeToStore() {\n    this.storeUnsubscribe = newsletterStore.onChange(\"existingSubscriptions\", (subscriptions) => {\n      this.existingSubscriptions = subscriptions;\n    });\n\n    newsletterStore.onChange(\"checkedNewsletters\", (checkedNewsletters) => {\n      this.checkedPreferences = checkedNewsletters[this.internalName] || [];\n    });\n\n    this.existingSubscriptions = newsletterStore.state.existingSubscriptions;\n    this.checkedPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];\n  }\n\n  private initializeCheckedState() {\n    if (NewsletterHelpers.isSubscribed(this.internalName)) {\n      return;\n    }\n\n    if (this.checked) {\n      this.syncToStore(true);\n    }\n  }\n\n  private get subscription(): ExistingSubscription | undefined {\n    return this.existingSubscriptions.find((sub) => sub.newsletter_internal_name === this.internalName);\n  }\n\n  private get isSubscribed(): boolean {\n    return this.subscription !== undefined;\n  }\n\n  private get isConfirmed(): boolean {\n    return this.subscription?.confirmed ?? false;\n  }\n\n  private get isDisabled(): boolean {\n    return this.loading || (this.isSubscribed && !this.isConfirmed);\n  }\n\n  private get isChecked(): boolean {\n    return this.checkedPreferences.includes(this.preferenceIdentifier);\n  }\n\n  private syncToStore(add: boolean) {\n    const currentPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];\n\n    if (add) {\n      if (!currentPreferences.includes(this.preferenceIdentifier)) {\n        newsletterStore.set(\"checkedNewsletters\", {\n          ...newsletterStore.state.checkedNewsletters,\n          [this.internalName]: [...currentPreferences, this.preferenceIdentifier],\n        });\n      }\n    } else {\n      newsletterStore.set(\"checkedNewsletters\", {\n        ...newsletterStore.state.checkedNewsletters,\n        [this.internalName]: currentPreferences.filter((p) => p !== this.preferenceIdentifier),\n      });\n    }\n  }\n\n  private handleChange = async () => {\n    if (this.isDisabled) return;\n\n    const currentlyChecked = this.isChecked;\n    this.syncToStore(!currentlyChecked);\n\n    // If subscribed and confirmed persist the change to the API\n    if (this.isSubscribed && this.isConfirmed) {\n      this.loading = true;\n      await NewsletterHelpers.updateSubscriptionPreferences(this.internalName);\n      this.loading = false;\n    }\n  };\n\n  render() {\n    return (\n      <input\n        type=\"checkbox\"\n        checked={this.isChecked}\n        disabled={this.isDisabled}\n        onChange={this.handleChange}\n        class={this.componentClassName}\n        aria-checked={this.isChecked}\n        aria-busy={this.loading}\n        aria-disabled={this.isDisabled}\n        data-internal-name={this.internalName}\n        data-preference-identifier={this.preferenceIdentifier}\n      />\n    );\n  }\n}\n"],"names":["newsletterStore","NewsletterHelpers.isSubscribed","NewsletterHelpers.updateSubscriptionPreferences","h"],"mappings":";;;;;;;;;;;;;;;;MAQa,4BAA4B,GAAA,MAAA;;;;AAC/B,IAAA,YAAY;AACZ,IAAA,oBAAoB;IACpB,OAAO,GAAG,KAAK;AACY,IAAA,kBAAkB;IAE5C,OAAO,GAAG,KAAK;IAEf,qBAAqB,GAA2B,EAAE;IAClD,kBAAkB,GAAa,EAAE;AAElC,IAAA,gBAAgB;IAExB,iBAAiB,GAAA;QACf,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,sBAAsB,EAAE;;IAG/B,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,gBAAgB,IAAI;;IAGnB,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,gBAAgB,GAAGA,+BAAe,CAAC,QAAQ,CAAC,uBAAuB,EAAE,CAAC,aAAa,KAAI;AAC1F,YAAA,IAAI,CAAC,qBAAqB,GAAG,aAAa;AAC5C,SAAC,CAAC;QAEFA,+BAAe,CAAC,QAAQ,CAAC,oBAAoB,EAAE,CAAC,kBAAkB,KAAI;YACpE,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AACvE,SAAC,CAAC;QAEF,IAAI,CAAC,qBAAqB,GAAGA,+BAAe,CAAC,KAAK,CAAC,qBAAqB;AACxE,QAAA,IAAI,CAAC,kBAAkB,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;;IAGrF,sBAAsB,GAAA;QAC5B,IAAIC,8BAA8B,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YACrD;;AAGF,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;;AAI1B,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,wBAAwB,KAAK,IAAI,CAAC,YAAY,CAAC;;AAGrG,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,OAAO,IAAI,CAAC,YAAY,KAAK,SAAS;;AAGxC,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,SAAS,IAAI,KAAK;;AAG9C,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;AAGjE,IAAA,IAAY,SAAS,GAAA;QACnB,OAAO,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC;;AAG5D,IAAA,WAAW,CAAC,GAAY,EAAA;AAC9B,QAAA,MAAM,kBAAkB,GAAGD,+BAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAE5F,IAAI,GAAG,EAAE;YACP,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,EAAE;AAC3D,gBAAAA,+BAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,oBAAA,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;AAC3C,oBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC;AACxE,iBAAA,CAAC;;;aAEC;AACL,YAAAA,+BAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,gBAAA,GAAGA,+BAAe,CAAC,KAAK,CAAC,kBAAkB;AAC3C,gBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,oBAAoB,CAAC;AACvF,aAAA,CAAC;;;IAIE,YAAY,GAAG,YAAW;QAChC,IAAI,IAAI,CAAC,UAAU;YAAE;AAErB,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS;AACvC,QAAA,IAAI,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC;;QAGnC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,EAAE;AACzC,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,MAAME,+CAA+C,CAAC,IAAI,CAAC,YAAY,CAAC;AACxE,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAExB,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACEC,oEACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,cAAA,EAChB,IAAI,CAAC,SAAS,EACjB,WAAA,EAAA,IAAI,CAAC,OAAO,EACR,eAAA,EAAA,IAAI,CAAC,UAAU,EAAA,oBAAA,EACV,IAAI,CAAC,YAAY,EAAA,4BAAA,EACT,IAAI,CAAC,oBAAoB,EACrD,CAAA;;;;;;"}
+{"version":3,"file":"u-newsletter-preference-checkbox.entry.cjs.js","sources":["src/newsletter/components/preference-checkbox/preference-checkbox.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { newsletterStore, type ExistingSubscription } from \"../../store/newsletter-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\n\n@Component({\n  tag: \"u-newsletter-preference-checkbox\",\n  shadow: false,\n})\nexport class NewsletterPreferenceCheckbox {\n  @Prop() internalName!: string;\n  @Prop() preferenceIdentifier!: string;\n  @Prop() checked = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  @State() loading = false;\n\n  @State() existingSubscriptions: ExistingSubscription[] = [];\n  @State() checkedPreferences: string[] = [];\n\n  private storeUnsubscribe?: () => void;\n\n  componentWillLoad() {\n    this.subscribeToStore();\n    this.initializeCheckedState();\n  }\n\n  disconnectedCallback() {\n    this.storeUnsubscribe?.();\n  }\n\n  private subscribeToStore() {\n    this.storeUnsubscribe = newsletterStore.onChange(\"existingSubscriptions\", (subscriptions) => {\n      this.existingSubscriptions = subscriptions;\n    });\n\n    newsletterStore.onChange(\"checkedNewsletters\", (checkedNewsletters) => {\n      this.checkedPreferences = checkedNewsletters[this.internalName] || [];\n    });\n\n    this.existingSubscriptions = newsletterStore.state.existingSubscriptions;\n    this.checkedPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];\n  }\n\n  private initializeCheckedState() {\n    if (NewsletterHelpers.isSubscribed(this.internalName)) {\n      return;\n    }\n\n    if (this.checked) {\n      this.syncToStore(true);\n    }\n  }\n\n  private get subscription(): ExistingSubscription | undefined {\n    return this.existingSubscriptions.find((sub) => sub.newsletter_internal_name === this.internalName);\n  }\n\n  private get isSubscribed(): boolean {\n    return this.subscription !== undefined;\n  }\n\n  private get isConfirmed(): boolean {\n    return this.subscription?.confirmed ?? false;\n  }\n\n  private get isDisabled(): boolean {\n    return this.loading || (this.isSubscribed && !this.isConfirmed);\n  }\n\n  private get isChecked(): boolean {\n    return this.checkedPreferences.includes(this.preferenceIdentifier);\n  }\n\n  private syncToStore(add: boolean) {\n    const currentPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];\n\n    if (add) {\n      if (!currentPreferences.includes(this.preferenceIdentifier)) {\n        newsletterStore.set(\"checkedNewsletters\", {\n          ...newsletterStore.state.checkedNewsletters,\n          [this.internalName]: [...currentPreferences, this.preferenceIdentifier],\n        });\n      }\n    } else {\n      newsletterStore.set(\"checkedNewsletters\", {\n        ...newsletterStore.state.checkedNewsletters,\n        [this.internalName]: currentPreferences.filter((p) => p !== this.preferenceIdentifier),\n      });\n    }\n  }\n\n  private handleChange = async () => {\n    if (this.isDisabled) return;\n\n    const currentlyChecked = this.isChecked;\n    this.syncToStore(!currentlyChecked);\n\n    // If subscribed and confirmed persist the change to the API\n    if (this.isSubscribed && this.isConfirmed) {\n      this.loading = true;\n      await NewsletterHelpers.updateSubscriptionPreferences(this.internalName);\n      this.loading = false;\n    }\n  };\n\n  render() {\n    return (\n      <input\n        type=\"checkbox\"\n        checked={this.isChecked}\n        disabled={this.isDisabled}\n        onChange={this.handleChange}\n        class={this.componentClassName}\n        aria-checked={this.isChecked}\n        aria-busy={this.loading}\n        aria-disabled={this.isDisabled}\n        data-internal-name={this.internalName}\n        data-preference-identifier={this.preferenceIdentifier}\n      />\n    );\n  }\n}\n"],"names":["newsletterStore","NewsletterHelpers.isSubscribed","NewsletterHelpers.updateSubscriptionPreferences","h"],"mappings":"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"}

package/dist/cjs/u-newsletter-resend-doi-button.cjs.entry.js

@@ -1,17 +1,16 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var i18n = require('./i18n-DNuyTvmJ.js');
-var newsletterHelpers = require('./newsletter-helpers-BINJr8bg.js');
-var flashStore = require('./flash-store-Bz-eFpp2.js');
-require('./unidy-store-C1O0g41c.js');
-require('./index-JpRzPaSm.js');
-require('./index-CtJ5meJ7.js');
-require('./exports-BTNx1-cN.js');
-require('./profile-store-JiqaDLcK.js');
-require('./newsletter-store-D_RRzlpH.js');
-require('./auth-COn3PdbX.js');
-require('./auth-store-BT2pDmTN.js');
+var index = require('./index-B_N5xKgH.js');
+var i18n = require('./i18n-Xy1So-ba.js');
+var newsletterHelpers = require('./newsletter-helpers-DtXuIac8.js');
+var flashStore = require('./flash-store-BuIBuQDx.js');
+require('./unidy-store-7AbWnZ6g.js');
+require('./index-DLz3FT7T.js');
+require('./index-DiUlebpf.js');
+require('./profile-store-P_BcYkef.js');
+require('./newsletter-store-dhtu8ywO.js');
+require('./auth-BVKZHhXz.js');
+require('./auth-store-DC9EVec8.js');
 require('./component-utils-BpMyeVQo.js');
 
 const NewsletterResendDoiButton = class {

package/dist/cjs/u-newsletter-resend-doi-button.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-resend-doi-button.entry.cjs.js","sources":["src/newsletter/components/resend-doi-button/resend-doi-button.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { Flash } from \"../../../shared/store/flash-store\";\n\n@Component({\n  tag: \"u-newsletter-resend-doi-button\",\n  shadow: false,\n})\nexport class NewsletterResendDoiButton {\n  @Prop() internalName!: string;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() isResending = false;\n\n  private get shouldShow(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName) && !NewsletterHelpers.isConfirmed(this.internalName);\n  }\n\n  private handleClick = async () => {\n    this.isResending = true;\n    const success = await NewsletterHelpers.resendDoi(this.internalName);\n    this.isResending = false;\n\n    if (success) {\n      Flash.success.addMessage(t(\"newsletter.success.doi_sent\"));\n    } else {\n      Flash.error.addMessage(t(\"newsletter.errors.resend_doi_failed\"));\n    }\n  };\n\n  render() {\n    if (!this.shouldShow) {\n      return null;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={this.handleClick}\n        disabled={this.isResending}\n        aria-busy={this.isResending}\n        aria-live=\"polite\"\n        class={`${this.componentClassName} u:flex u:items-center u:justify-center`}\n      >\n        {this.isResending ? <u-spinner /> : t(\"newsletter.buttons.resend_doi\")}\n      </button>\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","NewsletterHelpers.isConfirmed","NewsletterHelpers.resendDoi","Flash","t","h"],"mappings":";;;;;;;;;;;;;;;;MASa,yBAAyB,GAAA,MAAA;;;;AAC5B,IAAA,YAAY;IACe,kBAAkB,GAAG,EAAE;IAEjD,WAAW,GAAG,KAAK;AAE5B,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAOA,8BAA8B,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAACC,6BAA6B,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGvG,WAAW,GAAG,YAAW;AAC/B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,MAAM,OAAO,GAAG,MAAMC,2BAA2B,CAAC,IAAI,CAAC,YAAY,CAAC;AACpE,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QAExB,IAAI,OAAO,EAAE;YACXC,gBAAK,CAAC,OAAO,CAAC,UAAU,CAACC,MAAC,CAAC,6BAA6B,CAAC,CAAC;;aACrD;YACLD,gBAAK,CAAC,KAAK,CAAC,UAAU,CAACC,MAAC,CAAC,qCAAqC,CAAC,CAAC;;AAEpE,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACEC,oBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,WAAW,eACf,IAAI,CAAC,WAAW,EAAA,WAAA,EACjB,QAAQ,EAClB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,uCAAA,CAAyC,EAEzE,EAAA,IAAI,CAAC,WAAW,GAAGA,OAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAGD,MAAC,CAAC,+BAA+B,CAAC,CAC/D;;;;;;"}
+{"version":3,"file":"u-newsletter-resend-doi-button.entry.cjs.js","sources":["src/newsletter/components/resend-doi-button/resend-doi-button.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { Flash } from \"../../../shared/store/flash-store\";\n\n@Component({\n  tag: \"u-newsletter-resend-doi-button\",\n  shadow: false,\n})\nexport class NewsletterResendDoiButton {\n  @Prop() internalName!: string;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() isResending = false;\n\n  private get shouldShow(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName) && !NewsletterHelpers.isConfirmed(this.internalName);\n  }\n\n  private handleClick = async () => {\n    this.isResending = true;\n    const success = await NewsletterHelpers.resendDoi(this.internalName);\n    this.isResending = false;\n\n    if (success) {\n      Flash.success.addMessage(t(\"newsletter.success.doi_sent\"));\n    } else {\n      Flash.error.addMessage(t(\"newsletter.errors.resend_doi_failed\"));\n    }\n  };\n\n  render() {\n    if (!this.shouldShow) {\n      return null;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={this.handleClick}\n        disabled={this.isResending}\n        aria-busy={this.isResending}\n        aria-live=\"polite\"\n        class={`${this.componentClassName} u:flex u:items-center u:justify-center`}\n      >\n        {this.isResending ? <u-spinner /> : t(\"newsletter.buttons.resend_doi\")}\n      </button>\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","NewsletterHelpers.isConfirmed","NewsletterHelpers.resendDoi","Flash","t","h"],"mappings":";;;;;;;;;;;;;;;MASa,yBAAyB,GAAA,MAAA;;;;AAC5B,IAAA,YAAY;IACe,kBAAkB,GAAG,EAAE;IAEjD,WAAW,GAAG,KAAK;AAE5B,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAOA,8BAA8B,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAACC,6BAA6B,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGvG,WAAW,GAAG,YAAW;AAC/B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,MAAM,OAAO,GAAG,MAAMC,2BAA2B,CAAC,IAAI,CAAC,YAAY,CAAC;AACpE,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QAExB,IAAI,OAAO,EAAE;YACXC,gBAAK,CAAC,OAAO,CAAC,UAAU,CAACC,MAAC,CAAC,6BAA6B,CAAC,CAAC;;aACrD;YACLD,gBAAK,CAAC,KAAK,CAAC,UAAU,CAACC,MAAC,CAAC,qCAAqC,CAAC,CAAC;;AAEpE,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACEC,oBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,WAAW,eACf,IAAI,CAAC,WAAW,EAAA,WAAA,EACjB,QAAQ,EAClB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,uCAAA,CAAyC,EAEzE,EAAA,IAAI,CAAC,WAAW,GAAGA,OAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAGD,MAAC,CAAC,+BAA+B,CAAC,CAC/D;;;;;;"}

package/dist/cjs/u-newsletter-root.cjs.entry.js

@@ -1,18 +1,17 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var newsletterStore = require('./newsletter-store-D_RRzlpH.js');
-var newsletterHelpers = require('./newsletter-helpers-BINJr8bg.js');
+var index = require('./index-B_N5xKgH.js');
+var auth = require('./auth-BVKZHhXz.js');
+var i18n = require('./i18n-Xy1So-ba.js');
 var componentUtils = require('./component-utils-BpMyeVQo.js');
-var unidyStore = require('./unidy-store-C1O0g41c.js');
-var i18n = require('./i18n-DNuyTvmJ.js');
-var auth = require('./auth-COn3PdbX.js');
-var flashStore = require('./flash-store-Bz-eFpp2.js');
-require('./index-JpRzPaSm.js');
-require('./index-CtJ5meJ7.js');
-require('./exports-BTNx1-cN.js');
-require('./profile-store-JiqaDLcK.js');
-require('./auth-store-BT2pDmTN.js');
+var flashStore = require('./flash-store-BuIBuQDx.js');
+var unidyStore = require('./unidy-store-7AbWnZ6g.js');
+var newsletterHelpers = require('./newsletter-helpers-DtXuIac8.js');
+var newsletterStore = require('./newsletter-store-dhtu8ywO.js');
+require('./auth-store-DC9EVec8.js');
+require('./index-DLz3FT7T.js');
+require('./profile-store-P_BcYkef.js');
+require('./index-DiUlebpf.js');
 
 const NewsletterRoot = class extends index.UnidyComponent {
     constructor(hostRef) {
@@ -49,8 +48,15 @@ const NewsletterRoot = class extends index.UnidyComponent {
         await unidyStore.waitForConfig();
         await newsletterHelpers.fetchSubscriptions();
     }
-    async submit() {
+    async submit(forType) {
         const { email, checkedNewsletters } = newsletterStore.newsletterStore.state;
+        if (forType === "login") {
+            if (!email) {
+                index.logger.error("Email is required for login");
+                return;
+            }
+            return await newsletterHelpers.sendLoginEmail(email);
+        }
         if (Object.keys(checkedNewsletters).length === 0) {
             index.logger.error("No newsletters selected: please select at least one newsletter");
             return;
@@ -58,7 +64,7 @@ const NewsletterRoot = class extends index.UnidyComponent {
         await newsletterHelpers.createSubscriptions({ email });
     }
     render() {
-        return (index.h(index.Host, { key: '744c91a35c2e5a7c1c120393c8b5ec60c0a4f33a', class: this.componentClassName }, index.h("slot", { key: 'b4c34af9b7d92359404cfa2fc8f0e16367d1bcd0' })));
+        return (index.h(index.Host, { key: 'cf821d06d0f6bd88ddb141d8d32f238e8688b5bf', class: this.componentClassName }, index.h("slot", { key: '9c316c3ba2faf49f9b66bc49420f33943121ae12' })));
     }
 };
 

package/dist/cjs/u-newsletter-root.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-root.entry.cjs.js","sources":["src/newsletter/components/newsletter-root/newsletter-root.tsx"],"sourcesContent":["import { Component, Prop, Element, Method, Host, h } from \"@stencil/core\";\nimport { newsletterStore, persist, type NewsletterErrorIdentifier } from \"../../store/newsletter-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { clearUrlParam } from \"../../../shared/component-utils\";\nimport { waitForConfig } from \"../../../shared/store/unidy-store\";\nimport { t } from \"../../../i18n\";\nimport { Auth } from \"../../../auth/auth\";\nimport { logger, UnidyComponent } from \"../../../logger\";\nimport { Flash } from \"../../../shared/store/flash-store\";\n\n@Component({\n  tag: \"u-newsletter-root\",\n  shadow: false,\n})\nexport class NewsletterRoot extends UnidyComponent {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  getErrorText(errorIdentifier: NewsletterErrorIdentifier): string {\n    return t(`newsletter.errors.${errorIdentifier}`) || t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n  }\n\n  async componentWillLoad() {\n    const newsletterError = clearUrlParam(\"newsletter_error\");\n    const preferenceToken = clearUrlParam(\"preference_token\");\n    const email = clearUrlParam(\"email\");\n\n    if (newsletterError) {\n      Flash.error.addMessage(this.getErrorText(newsletterError as NewsletterErrorIdentifier));\n    }\n\n    if (preferenceToken && email) {\n      newsletterStore.state.preferenceToken = preferenceToken;\n      newsletterStore.state.email = email;\n\n      persist(\"preferenceToken\");\n      persist(\"email\");\n    }\n\n    const authInstance = await Auth.getInstance();\n    const isAuthenticated = await authInstance.isAuthenticated();\n    newsletterStore.state.isAuthenticated = isAuthenticated;\n\n    if (isAuthenticated) {\n      const userData = await authInstance.userData();\n\n      if (userData) {\n        newsletterStore.state.email = userData.email;\n      }\n    }\n\n    await waitForConfig();\n    await NewsletterHelpers.fetchSubscriptions();\n  }\n\n  @Method()\n  async submit() {\n    const { email, checkedNewsletters } = newsletterStore.state;\n\n    if (Object.keys(checkedNewsletters).length === 0) {\n      logger.error(\"No newsletters selected: please select at least one newsletter\");\n      return;\n    }\n\n    await NewsletterHelpers.createSubscriptions({ email });\n  }\n\n  render() {\n    return (\n      <Host class={this.componentClassName}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":["UnidyComponent","t","clearUrlParam","Flash","newsletterStore","persist","Auth","waitForConfig","NewsletterHelpers.fetchSubscriptions","logger","NewsletterHelpers.createSubscriptions","h","Host"],"mappings":";;;;;;;;;;;;;;;;MAca,cAAe,GAAA,cAAQA,oBAAc,CAAA;;;;;;IAEb,kBAAkB,GAAG,EAAE;AAE1D,IAAA,YAAY,CAAC,eAA0C,EAAA;AACrD,QAAA,OAAOC,MAAC,CAAC,CAAA,kBAAA,EAAqB,eAAe,CAAA,CAAE,CAAC,IAAIA,MAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,2BAA2B,EAAE,CAAC;;AAGxH,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,MAAM,eAAe,GAAGC,4BAAa,CAAC,kBAAkB,CAAC;AACzD,QAAA,MAAM,eAAe,GAAGA,4BAAa,CAAC,kBAAkB,CAAC;AACzD,QAAA,MAAM,KAAK,GAAGA,4BAAa,CAAC,OAAO,CAAC;QAEpC,IAAI,eAAe,EAAE;AACnB,YAAAC,gBAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,eAA4C,CAAC,CAAC;;AAGzF,QAAA,IAAI,eAAe,IAAI,KAAK,EAAE;AAC5B,YAAAC,+BAAe,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe;AACvD,YAAAA,+BAAe,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK;YAEnCC,uBAAO,CAAC,iBAAiB,CAAC;YAC1BA,uBAAO,CAAC,OAAO,CAAC;;AAGlB,QAAA,MAAM,YAAY,GAAG,MAAMC,SAAI,CAAC,WAAW,EAAE;AAC7C,QAAA,MAAM,eAAe,GAAG,MAAM,YAAY,CAAC,eAAe,EAAE;AAC5D,QAAAF,+BAAe,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe;QAEvD,IAAI,eAAe,EAAE;AACnB,YAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,QAAQ,EAAE;YAE9C,IAAI,QAAQ,EAAE;gBACZA,+BAAe,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK;;;QAIhD,MAAMG,wBAAa,EAAE;AACrB,QAAA,MAAMC,oCAAoC,EAAE;;AAI9C,IAAA,MAAM,MAAM,GAAA;QACV,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAGJ,+BAAe,CAAC,KAAK;QAE3D,IAAI,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AAChD,YAAAK,YAAM,CAAC,KAAK,CAAC,gEAAgE,CAAC;YAC9E;;QAGF,MAAMC,qCAAqC,CAAC,EAAE,KAAK,EAAE,CAAC;;IAGxD,MAAM,GAAA;AACJ,QAAA,QACEC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAClCD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;"}
+{"version":3,"file":"u-newsletter-root.entry.cjs.js","sources":["src/newsletter/components/newsletter-root/newsletter-root.tsx"],"sourcesContent":["import { Component, Element, Host, h, Method, Prop } from \"@stencil/core\";\nimport { Auth } from \"../../../auth/auth\";\nimport { t } from \"../../../i18n\";\nimport { logger, UnidyComponent } from \"../../../logger\";\nimport { clearUrlParam } from \"../../../shared/component-utils\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { waitForConfig } from \"../../../shared/store/unidy-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { type NewsletterErrorIdentifier, newsletterStore, persist } from \"../../store/newsletter-store\";\nimport type { NewsletterButtonFor } from \"../submit-button/newsletter-submit-button\";\n\n@Component({\n  tag: \"u-newsletter-root\",\n  shadow: false,\n})\nexport class NewsletterRoot extends UnidyComponent {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  getErrorText(errorIdentifier: NewsletterErrorIdentifier): string {\n    return t(`newsletter.errors.${errorIdentifier}`) || t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n  }\n\n  async componentWillLoad() {\n    const newsletterError = clearUrlParam(\"newsletter_error\");\n    const preferenceToken = clearUrlParam(\"preference_token\");\n    const email = clearUrlParam(\"email\");\n\n    if (newsletterError) {\n      Flash.error.addMessage(this.getErrorText(newsletterError as NewsletterErrorIdentifier));\n    }\n\n    if (preferenceToken && email) {\n      newsletterStore.state.preferenceToken = preferenceToken;\n      newsletterStore.state.email = email;\n\n      persist(\"preferenceToken\");\n      persist(\"email\");\n    }\n\n    const authInstance = await Auth.getInstance();\n    const isAuthenticated = await authInstance.isAuthenticated();\n    newsletterStore.state.isAuthenticated = isAuthenticated;\n\n    if (isAuthenticated) {\n      const userData = await authInstance.userData();\n\n      if (userData) {\n        newsletterStore.state.email = userData.email;\n      }\n    }\n\n    await waitForConfig();\n    await NewsletterHelpers.fetchSubscriptions();\n  }\n\n  @Method()\n  async submit(forType?: NewsletterButtonFor) {\n    const { email, checkedNewsletters } = newsletterStore.state;\n\n    if (forType === \"login\") {\n      if (!email) {\n        logger.error(\"Email is required for login\");\n        return;\n      }\n      return await NewsletterHelpers.sendLoginEmail(email);\n    }\n\n    if (Object.keys(checkedNewsletters).length === 0) {\n      logger.error(\"No newsletters selected: please select at least one newsletter\");\n      return;\n    }\n\n    await NewsletterHelpers.createSubscriptions({ email });\n  }\n\n  render() {\n    return (\n      <Host class={this.componentClassName}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":["UnidyComponent","t","clearUrlParam","Flash","newsletterStore","persist","Auth","waitForConfig","NewsletterHelpers.fetchSubscriptions","logger","NewsletterHelpers.sendLoginEmail","NewsletterHelpers.createSubscriptions","h","Host"],"mappings":";;;;;;;;;;;;;;;MAea,cAAe,GAAA,cAAQA,oBAAc,CAAA;;;;;;IAEb,kBAAkB,GAAG,EAAE;AAE1D,IAAA,YAAY,CAAC,eAA0C,EAAA;AACrD,QAAA,OAAOC,MAAC,CAAC,CAAA,kBAAA,EAAqB,eAAe,CAAA,CAAE,CAAC,IAAIA,MAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,2BAA2B,EAAE,CAAC;;AAGxH,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,MAAM,eAAe,GAAGC,4BAAa,CAAC,kBAAkB,CAAC;AACzD,QAAA,MAAM,eAAe,GAAGA,4BAAa,CAAC,kBAAkB,CAAC;AACzD,QAAA,MAAM,KAAK,GAAGA,4BAAa,CAAC,OAAO,CAAC;QAEpC,IAAI,eAAe,EAAE;AACnB,YAAAC,gBAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,eAA4C,CAAC,CAAC;;AAGzF,QAAA,IAAI,eAAe,IAAI,KAAK,EAAE;AAC5B,YAAAC,+BAAe,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe;AACvD,YAAAA,+BAAe,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK;YAEnCC,uBAAO,CAAC,iBAAiB,CAAC;YAC1BA,uBAAO,CAAC,OAAO,CAAC;;AAGlB,QAAA,MAAM,YAAY,GAAG,MAAMC,SAAI,CAAC,WAAW,EAAE;AAC7C,QAAA,MAAM,eAAe,GAAG,MAAM,YAAY,CAAC,eAAe,EAAE;AAC5D,QAAAF,+BAAe,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe;QAEvD,IAAI,eAAe,EAAE;AACnB,YAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,QAAQ,EAAE;YAE9C,IAAI,QAAQ,EAAE;gBACZA,+BAAe,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK;;;QAIhD,MAAMG,wBAAa,EAAE;AACrB,QAAA,MAAMC,oCAAoC,EAAE;;IAI9C,MAAM,MAAM,CAAC,OAA6B,EAAA;QACxC,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAGJ,+BAAe,CAAC,KAAK;AAE3D,QAAA,IAAI,OAAO,KAAK,OAAO,EAAE;YACvB,IAAI,CAAC,KAAK,EAAE;AACV,gBAAAK,YAAM,CAAC,KAAK,CAAC,6BAA6B,CAAC;gBAC3C;;AAEF,YAAA,OAAO,MAAMC,gCAAgC,CAAC,KAAK,CAAC;;QAGtD,IAAI,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AAChD,YAAAD,YAAM,CAAC,KAAK,CAAC,gEAAgE,CAAC;YAC9E;;QAGF,MAAME,qCAAqC,CAAC,EAAE,KAAK,EAAE,CAAC;;IAGxD,MAAM,GAAA;AACJ,QAAA,QACEC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAClCD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;"}

package/dist/cjs/u-newsletter-toggle-subscription-button.cjs.entry.js

@@ -1,17 +1,16 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
-var i18n = require('./i18n-DNuyTvmJ.js');
-var newsletterStore = require('./newsletter-store-D_RRzlpH.js');
-var newsletterHelpers = require('./newsletter-helpers-BINJr8bg.js');
-var flashStore = require('./flash-store-Bz-eFpp2.js');
-require('./unidy-store-C1O0g41c.js');
-require('./index-JpRzPaSm.js');
-require('./index-CtJ5meJ7.js');
-require('./exports-BTNx1-cN.js');
-require('./profile-store-JiqaDLcK.js');
-require('./auth-COn3PdbX.js');
-require('./auth-store-BT2pDmTN.js');
+var index = require('./index-B_N5xKgH.js');
+var i18n = require('./i18n-Xy1So-ba.js');
+var newsletterStore = require('./newsletter-store-dhtu8ywO.js');
+var newsletterHelpers = require('./newsletter-helpers-DtXuIac8.js');
+var flashStore = require('./flash-store-BuIBuQDx.js');
+require('./unidy-store-7AbWnZ6g.js');
+require('./index-DLz3FT7T.js');
+require('./index-DiUlebpf.js');
+require('./profile-store-P_BcYkef.js');
+require('./auth-BVKZHhXz.js');
+require('./auth-store-DC9EVec8.js');
 require('./component-utils-BpMyeVQo.js');
 
 const ToggleNewsletterSubscriptionButton = class {

package/dist/cjs/u-newsletter-toggle-subscription-button.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-toggle-subscription-button.entry.cjs.js","sources":["src/newsletter/components/toggle-subscription-button/toggle-subscription-button.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { Flash } from \"../../../shared/store/flash-store\";\n\n@Component({\n  tag: \"u-newsletter-toggle-subscription-button\",\n  shadow: false,\n})\nexport class ToggleNewsletterSubscriptionButton {\n  @Prop() internalName!: string;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop({ attribute: \"subscribe-class-name\" }) subscribeClassName = \"\";\n  @Prop({ attribute: \"unsubscribe-class-name\" }) unsubscribeClassName = \"\";\n\n  @State() loading = false;\n\n  private get isSubscribed(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName);\n  }\n\n  private handleClick = async () => {\n    if (this.loading) return;\n\n    if (this.isSubscribed) {\n      await this.handleUnsubscribe();\n    } else {\n      await this.handleSubscribe();\n    }\n  };\n\n  private handleSubscribe = async () => {\n    const { email } = newsletterStore.state;\n\n    if (!email) {\n      Flash.error.addMessage(t(\"newsletter.errors.email_required\"));\n      return;\n    }\n\n    this.loading = true;\n    const success = await NewsletterHelpers.subscribeToNewsletter(this.internalName, email);\n    this.loading = false;\n\n    if (success) {\n      Flash.success.addMessage(t(\"newsletter.success.subscribe\"));\n    }\n  };\n\n  private handleUnsubscribe = async () => {\n    this.loading = true;\n    const success = await NewsletterHelpers.deleteSubscription(this.internalName);\n    this.loading = false;\n\n    if (success) {\n      Flash.info.addMessage(t(\"newsletter.success.unsubscribe\"));\n    } else {\n      Flash.error.addMessage(t(\"newsletter.errors.unsubscribe_failed\"));\n    }\n  };\n\n  render() {\n    const isSubscribed = this.isSubscribed;\n    const stateClassName = isSubscribed ? this.unsubscribeClassName : this.subscribeClassName;\n\n    return (\n      <button\n        type=\"button\"\n        onClick={this.handleClick}\n        disabled={this.loading}\n        aria-busy={this.loading}\n        aria-label={isSubscribed ? t(\"newsletter.buttons.unsubscribe\") : t(\"newsletter.buttons.subscribe\")}\n        aria-live=\"polite\"\n        data-subscribed={isSubscribed}\n        class={`${this.componentClassName} ${stateClassName} u:flex u:items-center u:justify-center`.trim()}\n      >\n        {this.loading ? <u-spinner /> : isSubscribed ? t(\"newsletter.buttons.unsubscribe\") : t(\"newsletter.buttons.subscribe\")}\n      </button>\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","newsletterStore","Flash","t","NewsletterHelpers.subscribeToNewsletter","NewsletterHelpers.deleteSubscription","h"],"mappings":";;;;;;;;;;;;;;;;MAUa,kCAAkC,GAAA,MAAA;;;;AACrC,IAAA,YAAY;IAEe,kBAAkB,GAAG,EAAE;IACb,kBAAkB,GAAG,EAAE;IACrB,oBAAoB,GAAG,EAAE;IAE/D,OAAO,GAAG,KAAK;AAExB,IAAA,IAAY,YAAY,GAAA;QACtB,OAAOA,8BAA8B,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGlD,WAAW,GAAG,YAAW;QAC/B,IAAI,IAAI,CAAC,OAAO;YAAE;AAElB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,IAAI,CAAC,iBAAiB,EAAE;;aACzB;AACL,YAAA,MAAM,IAAI,CAAC,eAAe,EAAE;;AAEhC,KAAC;IAEO,eAAe,GAAG,YAAW;AACnC,QAAA,MAAM,EAAE,KAAK,EAAE,GAAGC,+BAAe,CAAC,KAAK;QAEvC,IAAI,CAAC,KAAK,EAAE;YACVC,gBAAK,CAAC,KAAK,CAAC,UAAU,CAACC,MAAC,CAAC,kCAAkC,CAAC,CAAC;YAC7D;;AAGF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,MAAM,OAAO,GAAG,MAAMC,uCAAuC,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;AACvF,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QAEpB,IAAI,OAAO,EAAE;YACXF,gBAAK,CAAC,OAAO,CAAC,UAAU,CAACC,MAAC,CAAC,8BAA8B,CAAC,CAAC;;AAE/D,KAAC;IAEO,iBAAiB,GAAG,YAAW;AACrC,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,MAAM,OAAO,GAAG,MAAME,oCAAoC,CAAC,IAAI,CAAC,YAAY,CAAC;AAC7E,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QAEpB,IAAI,OAAO,EAAE;YACXH,gBAAK,CAAC,IAAI,CAAC,UAAU,CAACC,MAAC,CAAC,gCAAgC,CAAC,CAAC;;aACrD;YACLD,gBAAK,CAAC,KAAK,CAAC,UAAU,CAACC,MAAC,CAAC,sCAAsC,CAAC,CAAC;;AAErE,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY;AACtC,QAAA,MAAM,cAAc,GAAG,YAAY,GAAG,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB;QAEzF,QACEG,OACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,OAAO,EACX,WAAA,EAAA,IAAI,CAAC,OAAO,gBACX,YAAY,GAAGH,MAAC,CAAC,gCAAgC,CAAC,GAAGA,MAAC,CAAC,8BAA8B,CAAC,EAAA,WAAA,EACxF,QAAQ,EACD,iBAAA,EAAA,YAAY,EAC7B,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,CAAA,EAAI,cAAc,CAAyC,uCAAA,CAAA,CAAC,IAAI,EAAE,EAElG,EAAA,IAAI,CAAC,OAAO,GAAGG,OAAA,CAAA,WAAA,EAAA,IAAA,CAAa,GAAG,YAAY,GAAGH,MAAC,CAAC,gCAAgC,CAAC,GAAGA,MAAC,CAAC,8BAA8B,CAAC,CAC/G;;;;;;"}
+{"version":3,"file":"u-newsletter-toggle-subscription-button.entry.cjs.js","sources":["src/newsletter/components/toggle-subscription-button/toggle-subscription-button.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { Flash } from \"../../../shared/store/flash-store\";\n\n@Component({\n  tag: \"u-newsletter-toggle-subscription-button\",\n  shadow: false,\n})\nexport class ToggleNewsletterSubscriptionButton {\n  @Prop() internalName!: string;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop({ attribute: \"subscribe-class-name\" }) subscribeClassName = \"\";\n  @Prop({ attribute: \"unsubscribe-class-name\" }) unsubscribeClassName = \"\";\n\n  @State() loading = false;\n\n  private get isSubscribed(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName);\n  }\n\n  private handleClick = async () => {\n    if (this.loading) return;\n\n    if (this.isSubscribed) {\n      await this.handleUnsubscribe();\n    } else {\n      await this.handleSubscribe();\n    }\n  };\n\n  private handleSubscribe = async () => {\n    const { email } = newsletterStore.state;\n\n    if (!email) {\n      Flash.error.addMessage(t(\"newsletter.errors.email_required\"));\n      return;\n    }\n\n    this.loading = true;\n    const success = await NewsletterHelpers.subscribeToNewsletter(this.internalName, email);\n    this.loading = false;\n\n    if (success) {\n      Flash.success.addMessage(t(\"newsletter.success.subscribe\"));\n    }\n  };\n\n  private handleUnsubscribe = async () => {\n    this.loading = true;\n    const success = await NewsletterHelpers.deleteSubscription(this.internalName);\n    this.loading = false;\n\n    if (success) {\n      Flash.info.addMessage(t(\"newsletter.success.unsubscribe\"));\n    } else {\n      Flash.error.addMessage(t(\"newsletter.errors.unsubscribe_failed\"));\n    }\n  };\n\n  render() {\n    const isSubscribed = this.isSubscribed;\n    const stateClassName = isSubscribed ? this.unsubscribeClassName : this.subscribeClassName;\n\n    return (\n      <button\n        type=\"button\"\n        onClick={this.handleClick}\n        disabled={this.loading}\n        aria-busy={this.loading}\n        aria-label={isSubscribed ? t(\"newsletter.buttons.unsubscribe\") : t(\"newsletter.buttons.subscribe\")}\n        aria-live=\"polite\"\n        data-subscribed={isSubscribed}\n        class={`${this.componentClassName} ${stateClassName} u:flex u:items-center u:justify-center`.trim()}\n      >\n        {this.loading ? <u-spinner /> : isSubscribed ? t(\"newsletter.buttons.unsubscribe\") : t(\"newsletter.buttons.subscribe\")}\n      </button>\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","newsletterStore","Flash","t","NewsletterHelpers.subscribeToNewsletter","NewsletterHelpers.deleteSubscription","h"],"mappings":";;;;;;;;;;;;;;;MAUa,kCAAkC,GAAA,MAAA;;;;AACrC,IAAA,YAAY;IAEe,kBAAkB,GAAG,EAAE;IACb,kBAAkB,GAAG,EAAE;IACrB,oBAAoB,GAAG,EAAE;IAE/D,OAAO,GAAG,KAAK;AAExB,IAAA,IAAY,YAAY,GAAA;QACtB,OAAOA,8BAA8B,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGlD,WAAW,GAAG,YAAW;QAC/B,IAAI,IAAI,CAAC,OAAO;YAAE;AAElB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,IAAI,CAAC,iBAAiB,EAAE;;aACzB;AACL,YAAA,MAAM,IAAI,CAAC,eAAe,EAAE;;AAEhC,KAAC;IAEO,eAAe,GAAG,YAAW;AACnC,QAAA,MAAM,EAAE,KAAK,EAAE,GAAGC,+BAAe,CAAC,KAAK;QAEvC,IAAI,CAAC,KAAK,EAAE;YACVC,gBAAK,CAAC,KAAK,CAAC,UAAU,CAACC,MAAC,CAAC,kCAAkC,CAAC,CAAC;YAC7D;;AAGF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,MAAM,OAAO,GAAG,MAAMC,uCAAuC,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;AACvF,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QAEpB,IAAI,OAAO,EAAE;YACXF,gBAAK,CAAC,OAAO,CAAC,UAAU,CAACC,MAAC,CAAC,8BAA8B,CAAC,CAAC;;AAE/D,KAAC;IAEO,iBAAiB,GAAG,YAAW;AACrC,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,MAAM,OAAO,GAAG,MAAME,oCAAoC,CAAC,IAAI,CAAC,YAAY,CAAC;AAC7E,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QAEpB,IAAI,OAAO,EAAE;YACXH,gBAAK,CAAC,IAAI,CAAC,UAAU,CAACC,MAAC,CAAC,gCAAgC,CAAC,CAAC;;aACrD;YACLD,gBAAK,CAAC,KAAK,CAAC,UAAU,CAACC,MAAC,CAAC,sCAAsC,CAAC,CAAC;;AAErE,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY;AACtC,QAAA,MAAM,cAAc,GAAG,YAAY,GAAG,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB;QAEzF,QACEG,OACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,OAAO,EACX,WAAA,EAAA,IAAI,CAAC,OAAO,gBACX,YAAY,GAAGH,MAAC,CAAC,gCAAgC,CAAC,GAAGA,MAAC,CAAC,8BAA8B,CAAC,EAAA,WAAA,EACxF,QAAQ,EACD,iBAAA,EAAA,YAAY,EAC7B,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,CAAA,EAAI,cAAc,CAAyC,uCAAA,CAAA,CAAC,IAAI,EAAE,EAElG,EAAA,IAAI,CAAC,OAAO,GAAGG,OAAA,CAAA,WAAA,EAAA,IAAA,CAAa,GAAG,YAAY,GAAGH,MAAC,CAAC,gCAAgC,CAAC,GAAGA,MAAC,CAAC,8BAA8B,CAAC,CAC/G;;;;;;"}

package/dist/cjs/u-pagination-button.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
+var index = require('./index-B_N5xKgH.js');
 
 const PaginationButton = class extends index.UnidyComponent {
     constructor(hostRef) {

package/dist/cjs/u-pagination-button.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-pagination-button.entry.cjs.js","sources":["src/ticketable/components/pagination/pagination-button.tsx"],"sourcesContent":["import { Component, h, Prop, Element, Host, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\nimport { UnidyComponent } from \"../../../logger\";\n\n@Component({ tag: \"u-pagination-button\", shadow: false })\nexport class PaginationButton extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  @Prop() direction: \"prev\" | \"next\" = \"next\";\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  private handleClick = () => {\n    const parent = this.element.closest(\"u-ticketable-list\");\n    if (!parent || !this.paginationMeta) {\n      return;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    let newPage: number | null = null;\n\n    if (isPrev && this.paginationMeta.prev !== null) {\n      newPage = this.paginationMeta.prev;\n    } else if (!isPrev && this.paginationMeta.next !== null) {\n      newPage = this.paginationMeta.next;\n    }\n\n    if (newPage !== null) {\n      parent.setAttribute(\"page\", String(newPage));\n    }\n  };\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    const icon = isPrev ? \"←\" : \"→\";\n\n    // Determine disabled state based on pagination meta\n    const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          onClick={this.handleClick}\n          disabled={disabled}\n          aria-label={isPrev ? \"Previous page\" : \"Next page\"}\n          class={this.customClass}\n        >\n          <slot name=\"icon\"><span aria-hidden=\"true\">{icon}</span></slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":["UnidyComponent","h","Host"],"mappings":";;;;MAMa,gBAAiB,GAAA,cAAQA,oBAAc,CAAA;;;;;;IAG1C,SAAS,GAAoB,MAAM;AACnC,IAAA,WAAW;IAEV,cAAc,GAA0B,IAAI;IAE7C,KAAK,GAA2B,IAAI;IACpC,WAAW,GAAwB,IAAI;IAE/C,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK;AAC7D,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;YACtD;;;QAIF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;AAGrD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAA4B,KAAI;AACxF,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC7B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,IAAI;;IAGd,WAAW,GAAG,MAAK;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACxD,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACnC;;AAGF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QACxC,IAAI,OAAO,GAAkB,IAAI;QAEjC,IAAI,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,EAAE;AAC/C,YAAA,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;;aAC7B,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,EAAE;AACvD,YAAA,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;;AAGpC,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;;AAEhD,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;AACtD,YAAA,OAAO,IAAI;;AAGb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QACxC,MAAM,IAAI,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG;;AAG/B,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,cAAc,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,CAAC;AAEzH,QAAA,QACEC,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,MAAM,GAAG,eAAe,GAAG,WAAW,EAClD,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,EAEvBA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EAACA,OAAkB,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,MAAM,IAAE,IAAI,CAAQ,CAAO,CACxD,CACJ;;;;;;"}
+{"version":3,"file":"u-pagination-button.entry.cjs.js","sources":["src/ticketable/components/pagination/pagination-button.tsx"],"sourcesContent":["import { Component, h, Prop, Element, Host, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\nimport { UnidyComponent } from \"../../../logger\";\n\n@Component({ tag: \"u-pagination-button\", shadow: false })\nexport class PaginationButton extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  @Prop() direction: \"prev\" | \"next\" = \"next\";\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  private handleClick = () => {\n    const parent = this.element.closest(\"u-ticketable-list\");\n    if (!parent || !this.paginationMeta) {\n      return;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    let newPage: number | null = null;\n\n    if (isPrev && this.paginationMeta.prev !== null) {\n      newPage = this.paginationMeta.prev;\n    } else if (!isPrev && this.paginationMeta.next !== null) {\n      newPage = this.paginationMeta.next;\n    }\n\n    if (newPage !== null) {\n      parent.setAttribute(\"page\", String(newPage));\n    }\n  };\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    const icon = isPrev ? \"←\" : \"→\";\n\n    // Determine disabled state based on pagination meta\n    const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          onClick={this.handleClick}\n          disabled={disabled}\n          aria-label={isPrev ? \"Previous page\" : \"Next page\"}\n          class={this.customClass}\n        >\n          <slot name=\"icon\">\n            <span aria-hidden=\"true\">{icon}</span>\n          </slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":["UnidyComponent","h","Host"],"mappings":";;;;MAMa,gBAAiB,GAAA,cAAQA,oBAAc,CAAA;;;;;;IAG1C,SAAS,GAAoB,MAAM;AACnC,IAAA,WAAW;IAEV,cAAc,GAA0B,IAAI;IAE7C,KAAK,GAA2B,IAAI;IACpC,WAAW,GAAwB,IAAI;IAE/C,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK;AAC7D,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;YACtD;;;QAIF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;AAGrD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAA4B,KAAI;AACxF,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC7B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,IAAI;;IAGd,WAAW,GAAG,MAAK;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACxD,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACnC;;AAGF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QACxC,IAAI,OAAO,GAAkB,IAAI;QAEjC,IAAI,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,EAAE;AAC/C,YAAA,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;;aAC7B,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,EAAE;AACvD,YAAA,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;;AAGpC,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;;AAEhD,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;AACtD,YAAA,OAAO,IAAI;;AAGb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QACxC,MAAM,IAAI,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG;;AAG/B,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,cAAc,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,CAAC;AAEzH,QAAA,QACEC,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,MAAM,GAAG,eAAe,GAAG,WAAW,EAClD,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,EAEvBA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACfA,OAAkB,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,MAAM,IAAE,IAAI,CAAQ,CACjC,CACA,CACJ;;;;;;"}

package/dist/cjs/u-pagination-page.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BSf3Eyrg.js');
+var index = require('./index-B_N5xKgH.js');
 
 const PaginationPage = class extends index.UnidyComponent {
     constructor(hostRef) {