WIP

proper fileupload handling, better store

.github/workflows/style-js.yml

@@ -7,6 +7,7 @@ on:
       - 'src/pretix/static/pretixpresale/widget/**'
       - 'src/pretix/static/pretixcontrol/js/ui/checkinrules/**'
       - 'src/pretix/plugins/webcheckin/**'
+      - 'src/pretix/plugins/wallet/**'
       - 'eslint.config.mjs'
       - 'package.json'
       - 'package-lock.json'
@@ -16,6 +17,7 @@ on:
       - 'src/pretix/static/pretixpresale/widget/**'
       - 'src/pretix/static/pretixcontrol/js/ui/checkinrules/**'
       - 'src/pretix/plugins/webcheckin/**'
+      - 'src/pretix/plugins/wallet/**'
       - 'eslint.config.mjs'
       - 'package.json'
       - 'package-lock.json'

package.json

@@ -18,12 +18,12 @@
     "doc": "doc"
   },
   "scripts": {
-    "dev:control": "vite",
+    "dev:control": "vite --clearScreen=false",
     "dev:widget": "vite src/pretix/static/pretixpresale/widget",
     "build": "npm run build:control -s && npm run build:widget -s",
     "build:control": "vite build",
     "build:widget": "vite build src/pretix/static/pretixpresale/widget",
-    "lint:eslint": "eslint src/pretix/static/pretixpresale/widget src/pretix/static/pretixcontrol/js/ui/checkinrules src/pretix/plugins/webcheckin",
+    "lint:eslint": "eslint src/pretix/static/pretixpresale/widget src/pretix/static/pretixcontrol/js/ui/checkinrules src/pretix/plugins/webcheckin src/pretix/plugins/wallet",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {

setup.cfg

@@ -32,6 +32,7 @@ ignore =
     src/tests/plugins/stripe/*
     src/tests/plugins/sendmail/*
     src/tests/plugins/ticketoutputpdf/*
+    src/tests/plugins/wallet/*
     .*
     CODE_OF_CONDUCT.md
     CONTRIBUTING.md

src/pretix/_base_settings.py

@@ -66,6 +66,7 @@ INSTALLED_APPS = [
     'pretix.plugins.returnurl',
     'pretix.plugins.autocheckin',
     'pretix.plugins.webcheckin',
+    'pretix.plugins.wallet',
     'django_countries',
     'oauth2_provider',
     'phonenumber_field',

src/pretix/api/helpers.py

@@ -0,0 +1,25 @@
+from pretix.base.models import (
+    CachedFile
+)
+from rest_framework.exceptions import ValidationError
+from django.core.exceptions import ValidationError as DjangoValidationError
+from django.conf import settings
+
+def handle_file_upload(data, user, auth, allowed_types):
+    try:
+        cf = CachedFile.objects.get(
+            session_key=f'api-upload-{str(type(user or auth))}-{(user or auth).pk}',
+            file__isnull=False,
+            pk=data[len("file:"):],
+        )
+    except (ValidationError, DjangoValidationError, IndexError):  # invalid uuid
+        raise ValidationError('The submitted file ID "{fid}" was not found.'.format(fid=data))
+    except CachedFile.DoesNotExist:
+        raise ValidationError('The submitted file ID "{fid}" was not found.'.format(fid=data))
+
+    if cf.type not in allowed_types:
+        raise ValidationError('The submitted file "{fid}" has a file type that is not allowed in this field.'.format(fid=data))
+    if cf.file.size > settings.FILE_UPLOAD_MAX_SIZE_OTHER:
+        raise ValidationError('The submitted file "{fid}" is too large to be used in this field.'.format(fid=data))
+
+    return cf.file

src/pretix/api/views/checkin.py

@@ -63,7 +63,7 @@ from pretix.api.views import RichOrderingFilter
 from pretix.api.views.order import OrderPositionFilter
 from pretix.base.i18n import language
 from pretix.base.models import (
-    CachedFile, Checkin, CheckinList, Device, Event, Order, OrderPosition,
+    Checkin, CheckinList, Device, Event, Order, OrderPosition,
     Question, ReusableMedium, RevokedTicketSecret, TeamAPIToken,
 )
 from pretix.base.models.orders import PrintLog
@@ -75,6 +75,7 @@ from pretix.base.services.checkin import (
 from pretix.base.services.media import perform_media_exchange
 from pretix.base.signals import checkin_annulled
 from pretix.helpers import OF_SELF
+from pretix.api.helpers import handle_file_upload
 
 with scopes_disabled():
     class CheckinListFilter(FilterSet):
@@ -328,27 +329,6 @@ with scopes_disabled():
             )
 
 
-def _handle_file_upload(data, user, auth):
-    try:
-        cf = CachedFile.objects.get(
-            session_key=f'api-upload-{str(type(user or auth))}-{(user or auth).pk}',
-            file__isnull=False,
-            pk=data[len("file:"):],
-        )
-    except (ValidationError, BaseValidationError, IndexError):  # invalid uuid
-        raise ValidationError('The submitted file ID "{fid}" was not found.'.format(fid=data))
-    except CachedFile.DoesNotExist:
-        raise ValidationError('The submitted file ID "{fid}" was not found.'.format(fid=data))
-
-    allowed_types = (
-        'image/png', 'image/jpeg', 'image/gif', 'application/pdf'
-    )
-    if cf.type not in allowed_types:
-        raise ValidationError('The submitted file "{fid}" has a file type that is not allowed in this field.'.format(fid=data))
-    if cf.file.size > settings.FILE_UPLOAD_MAX_SIZE_OTHER:
-        raise ValidationError('The submitted file "{fid}" is too large to be used in this field.'.format(fid=data))
-
-    return cf.file
 
 
 def _checkin_list_position_queryset(checkinlists, ignore_status=False, ignore_products=False, pdf_data=False, expand=None):
@@ -795,7 +775,12 @@ def _redeem_process(*, checkinlists, raw_barcode, answers_data, datetime, force,
                 try:
                     if q.type == Question.TYPE_FILE:
                         if answers_data[str(q.pk)]:
-                            given_answers[q] = _handle_file_upload(answers_data[str(q.pk)], user, auth)
+                            given_answers[q] = handle_file_upload(
+                                answers_data[str(q.pk)],
+                                user,
+                                auth,
+                                allowed_types=('image/png', 'image/jpeg', 'image/gif', 'application/pdf')
+                            )
                         else:
                             given_answers[q] = None
                     else:

src/pretix/base/i18n.py

@@ -109,7 +109,7 @@ ALLOWED_LANGUAGES = dict(settings.LANGUAGES)
 
 
 def get_babel_locale():
-    # Babel, and therefore also django-phonenumberfield, do not support our custom locales such das de_Informal
+    # Babel, and therefore also django-phonenumberfield, do not support our custom locales such as de_Informal
     # Also, this returns best-effort region information for number formatting etc
     current_language = translation.get_language()
     current_region = getattr(_active_region, "value", None)

src/pretix/base/services/tickets.py

@@ -38,6 +38,7 @@ from pretix.base.settings import PERSON_NAME_SCHEMES
 from pretix.base.signals import register_ticket_outputs
 from pretix.celery_app import app
 from pretix.helpers.database import rolledback_transaction
+from django.db import transaction
 
 logger = logging.getLogger(__name__)
 
@@ -90,36 +91,43 @@ def generate(model: str, pk: int, provider: str):
 class DummyRollbackException(Exception):
     pass
 
+def get_preview_position(event):
+    connection = transaction.get_connection()
+    if not connection.in_atomic_block:
+        raise RuntimeError("get_preview_position needs to be called in a rolledback_transaction")
+    
+    item = event.items.create(name=_("Sample product"), default_price=Decimal('42.23'),
+                                  description=_("Sample product description"))
+    item2 = event.items.create(name=_("Sample workshop"), default_price=Decimal('23.40'))
 
-def preview(event: int, provider: str):
+    from pretix.base.models import Order
+    order = event.orders.create(status=Order.STATUS_PENDING, datetime=now(),
+                                email='sample@pretix.eu',
+                                locale=event.settings.locale,
+                                sales_channel=event.organizer.sales_channels.get(identifier="web"),
+                                expires=now(), code="PREVIEW1234", total=119)
+
+    scheme = PERSON_NAME_SCHEMES[event.settings.name_scheme]
+    sample = {k: str(v) for k, v in scheme['sample'].items()}
+    position = order.positions.create(item=item, attendee_name_parts=sample, price=item.default_price)
+    s = event.subevents.first()
+    order.positions.create(item=item2, attendee_name_parts=sample, price=item.default_price, addon_to=position, subevent=s)
+    order.positions.create(item=item2, attendee_name_parts=sample, price=item.default_price, addon_to=position, subevent=s)
+
+    InvoiceAddress.objects.create(order=order, name_parts=sample, company=_("Sample company"))
+    return position
+
+def preview(event: int, provider: str, provider_arguments: dict = {}):
     event = Event.objects.get(id=event)
 
     with rolledback_transaction(), language(event.settings.locale, event.settings.region):
-        item = event.items.create(name=_("Sample product"), default_price=Decimal('42.23'),
-                                  description=_("Sample product description"))
-        item2 = event.items.create(name=_("Sample workshop"), default_price=Decimal('23.40'))
-
-        from pretix.base.models import Order
-        order = event.orders.create(status=Order.STATUS_PENDING, datetime=now(),
-                                    email='sample@pretix.eu',
-                                    locale=event.settings.locale,
-                                    sales_channel=event.organizer.sales_channels.get(identifier="web"),
-                                    expires=now(), code="PREVIEW1234", total=119)
-
-        scheme = PERSON_NAME_SCHEMES[event.settings.name_scheme]
-        sample = {k: str(v) for k, v in scheme['sample'].items()}
-        p = order.positions.create(item=item, attendee_name_parts=sample, price=item.default_price)
-        s = event.subevents.first()
-        order.positions.create(item=item2, attendee_name_parts=sample, price=item.default_price, addon_to=p, subevent=s)
-        order.positions.create(item=item2, attendee_name_parts=sample, price=item.default_price, addon_to=p, subevent=s)
-
-        InvoiceAddress.objects.create(order=order, name_parts=sample, company=_("Sample company"))
+        p = get_preview_position(event)
 
         responses = register_ticket_outputs.send(event)
         for receiver, response in responses:
             prov = response(event)
             if prov.identifier == provider:
-                return prov.generate(p)
+                return prov.generate(p, **provider_arguments)
 
 
 def get_tickets_for_order(order, base_position=None):

src/pretix/base/ticketoutput.py

@@ -114,7 +114,7 @@ class BaseTicketOutput:
         If you override this method, make sure that positions that are addons (i.e. ``addon_to``
         is set) are only outputted if the event setting ``ticket_download_addons`` is active.
         Do the same for positions that are non-admission without ``ticket_download_nonadm`` active.
-        If you want, you can just iterate over ``order.positions_with_tickets`` which applies the
+        If you want, you can just iterate over ``self.get_tickets_to_print`` which applies the
         appropriate filters for you.
         """
         with tempfile.TemporaryDirectory() as d:
@@ -192,6 +192,17 @@ class BaseTicketOutput:
         """
         pass
 
+    @property
+    def is_meta(self) -> bool:
+        """
+        Returns whether or whether not this output is a "meta" output that only works as a settings holder
+        and should never be used directly. This is a trick to implement outputs with multiple formats but
+        unified settings.
+
+        .. note:: You should set is_enabled to False for meta outputs.
+        """
+        return False
+
     @property
     def download_button_text(self) -> str:
         """

src/pretix/control/forms/event.py

@@ -951,7 +951,7 @@ class TaxSettingsForm(EventSettingsValidationMixin, SettingsForm):
 class ProviderForm(SettingsForm):
     """
     This is a SettingsForm, but if fields are set to required=True, validation
-    errors are only raised if the payment method is enabled.
+    errors are only raised if the provider is enabled.
     """
 
     def __init__(self, *args, **kwargs):

src/pretix/control/views/event.py

@@ -982,7 +982,7 @@ class TicketSettingsPreview(EventPermissionRequiredMixin, View):
         responses = register_ticket_outputs.send(self.request.event)
         for receiver, response in responses:
             provider = response(self.request.event)
-            if provider.identifier == self.kwargs.get('output'):
+            if provider.identifier == self.kwargs.get('output') and not provider.is_meta:
                 return provider
 
     def get(self, request, *args, **kwargs):
@@ -1085,6 +1085,11 @@ class TicketSettings(EventSettingsViewMixin, EventPermissionRequiredMixin, FormV
         responses = register_ticket_outputs.send(self.request.event)
         for receiver, response in responses:
             provider = response(self.request.event)
+            provider_settings_fields = provider.settings_form_fields
+            provider_settings_content = provider.settings_content_render(self.request)
+            if not provider_settings_fields and not provider_settings_content:
+                continue
+
             provider.form = ProviderForm(
                 obj=self.request.event,
                 settingspref='ticketoutput_%s_' % provider.identifier,
@@ -1094,17 +1099,17 @@ class TicketSettings(EventSettingsViewMixin, EventPermissionRequiredMixin, FormV
             provider.form.fields = OrderedDict(
                 [
                     ('ticketoutput_%s_%s' % (provider.identifier, k), v)
-                    for k, v in provider.settings_form_fields.items()
+                    for k, v in provider_settings_fields.items()
                 ]
             )
-            provider.settings_content = provider.settings_content_render(self.request)
+            provider.settings_content = provider_settings_content
             provider.form.prepare_fields()
 
             provider.evaluated_preview_allowed = True
             if not provider.preview_allowed:
                 provider.evaluated_preview_allowed = False
             else:
-                for k, v in provider.settings_form_fields.items():
+                for k, v in provider_settings_fields.items():
                     if v.required and not self.request.event.settings.get('ticketoutput_%s_%s' % (provider.identifier, k)):
                         provider.evaluated_preview_allowed = False
                         break

src/pretix/control/views/orders.py

@@ -582,6 +582,8 @@ class OrderDetail(OrderView):
         responses = register_ticket_outputs.send(self.request.event)
         for receiver, response in responses:
             provider = response(self.request.event)
+            if provider.is_meta:
+                continue
             buttons.append({
                 'text': provider.download_button_text or 'Ticket',
                 'icon': provider.download_button_icon or 'fa-download',

src/pretix/helpers/models.py

@@ -21,11 +21,13 @@
 #
 import copy
 from decimal import Decimal
+import typing
 
 from django.core.files import File
 from django.db import models
 from django.db.models.fields import DecimalField
 
+T = typing.TypeVar('T', bound=models.Model)
 
 class Thumbnail(models.Model):
     source = models.CharField(max_length=255)
@@ -47,6 +49,13 @@ def modelcopy(obj: models.Model, **kwargs):
             setattr(n, f.name, copy.deepcopy(val))
     return n
 
+def modelclone(obj: T, **kwargs) -> T:
+    new = copy.copy(obj)
+    new.pk = None
+    new._state.adding = True
+    for k,v in kwargs.items():
+        setattr(new, k, v)
+    return new
 
 # django 5 contains this in django.utils.choices.flatten_choices
 def flatten_choices(choices):

src/pretix/plugins/wallet/__init__.py

@@ -0,0 +1,21 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020  Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see <https://pretix.eu/about/en/license>.
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program.  If not, see
+# <https://www.gnu.org/licenses/>.
+#

src/pretix/plugins/wallet/api.py

@@ -0,0 +1,127 @@
+from rest_framework import viewsets
+from django.db import transaction
+from .styles import AVAILABLE_STYLES_DICT, AVAILABLE_PLATFORMS
+from .models import WalletLayout, WalletPlatformLayout
+from pretix.api.serializers.i18n import I18nAwareModelSerializer
+from django.core.exceptions import ValidationError
+from django.utils.translation import gettext_lazy as _
+from rest_framework import serializers
+import os
+
+
+class WalletPlatformLayoutSerializer(I18nAwareModelSerializer):
+    platform = serializers.ChoiceField(
+        choices=[p.identifier for p in AVAILABLE_PLATFORMS]
+    )
+    style = serializers.CharField(allow_null=True, required=False)
+    file_settings = serializers.JSONField(default=dict, required=False)
+
+    class Meta:
+        model = WalletPlatformLayout
+        fields = ("platform", "style", "layout", "file_settings")
+
+    def validate_layout(self, value):
+        if not isinstance(value, dict):
+            raise ValidationError(_("Layout must be a dict"))
+        return value
+
+    def validate(self, data):
+        platform = data.get("platform")
+        style = data.get("style")
+        layout = data.get("layout")
+        if platform and style and layout:
+            platform_styles = AVAILABLE_STYLES_DICT[platform]
+
+            if data["style"] not in platform_styles:
+                raise ValidationError(_("Invalid style"))
+            style = platform_styles[data["style"]]
+
+            style = style(event=self.context["event"], layout=data["layout"])
+            style.validate()
+            data["file_settings"] = style.extract_file_settings(
+                self.context["request"], data.get("file_settings", {})
+            )
+
+        return data
+
+    def to_representation(self, instance):
+        ret = super().to_representation(instance)
+        ret["file_settings"] = {}
+        for file_setting in instance.file_settings.all():
+            try:
+                url = file_setting.file.url
+            except AttributeError:
+                continue
+            request = self.context["request"]
+            ret["file_settings"][file_setting.key] = {
+                "url": request.build_absolute_uri(url),
+                "name": os.path.basename(file_setting.file.name).split('.', 1)[-1]
+            }
+        return ret
+
+
+class WalletLayoutSerializer(I18nAwareModelSerializer):
+    platform_layouts = WalletPlatformLayoutSerializer(many=True)
+
+    class Meta:
+        model = WalletLayout
+        fields = ("id", "name", "platform_layouts")
+        read_only_fields = ("id",)
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+
+    def save(self, *args, **kwargs):
+        super().save(*args, **kwargs, event=self.context["event"])
+
+    def update(self, instance, validated_data):
+        platform_layouts = validated_data.pop("platform_layouts")
+        for layout in platform_layouts:
+            if layout["style"]:
+                file_settings = layout.pop("file_settings", {})
+                obj, _ = instance.platform_layouts.update_or_create(
+                    platform=layout["platform"], defaults=layout
+                )
+                for key, file in file_settings.items():
+                    if not file:
+                        obj.file_settings.filter(key=key).delete()
+
+                    elif file != "keep":
+                        obj, _ = obj.file_settings.get_or_create(
+                            key=key
+                        )
+                        obj.file.save(os.path.basename(file.name), file)
+
+        instance.platform_layouts.exclude(
+            platform__in={
+                layout["platform"]
+                for layout in platform_layouts
+                if layout["style"] is not None
+            }
+        ).delete()
+        return super().update(instance, validated_data)
+
+
+class WalletLayoutViewSet(viewsets.ModelViewSet):
+    model = WalletLayout
+    queryset = WalletLayout.objects.none()
+    serializer_class = WalletLayoutSerializer
+    permission = "event.settings.general:write"
+
+    def get_queryset(self):
+        return self.request.event.wallet_layouts.all()
+
+    def get_serializer_context(self):
+        ctx = super().get_serializer_context()
+        ctx["event"] = self.request.event
+        return ctx
+
+    @transaction.atomic()
+    def perform_update(self, serializer):
+        super().perform_update(serializer)
+        serializer.instance.log_action(
+            action="pretix.plugins.wallet.layout.changed",
+            user=self.request.user,
+            auth=self.request.auth,
+            data=self.request.data,
+        )

src/pretix/plugins/wallet/apps.py

@@ -0,0 +1,41 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020  Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see <https://pretix.eu/about/en/license>.
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program.  If not, see
+# <https://www.gnu.org/licenses/>.
+#
+from django.apps import AppConfig
+from django.utils.translation import gettext_lazy as _
+
+from pretix import __version__ as version
+
+
+class WalletApp(AppConfig):
+    name = 'pretix.plugins.wallet'
+    verbose_name = _("wallet")
+
+    class PretixPluginMeta:
+        name = _("wallet")
+        author = _("the pretix team")
+        version = version
+        category = 'FORMAT'
+        description = _("Issue wallet passes for tickets (e.g. apple wallet, google wallet)")
+
+    def ready(self):
+        from . import receivers  # NOQA
+

src/pretix/plugins/wallet/forms.py

@@ -0,0 +1,101 @@
+import logging
+import re
+import subprocess
+import tempfile
+from django import forms
+from django.conf import settings
+from django.core.exceptions import ValidationError
+from django.core.files.uploadedfile import SimpleUploadedFile, UploadedFile
+from django.utils.translation import gettext_lazy as _
+from pretix.control.forms import ClearableBasenameFileInput
+from django.core.files import File
+logger = logging.getLogger(__name__)
+
+
+def validate_rsa_privkey(value: File):
+    value = value.read().strip()
+    if isinstance(value, bytes):
+        value = value.decode()
+    if not value:
+        return
+    if not re.match(r"^-----BEGIN( (RSA |ENCRYPTED )?PRIVATE KEY-----).*-----END\1$", value, re.DOTALL):
+        raise ValidationError(
+            _(
+                "This does not look like an RSA private key in PEM format (it misses the correct begin or end signifiers)"
+            ),
+        )
+
+
+class CertificateFileField(forms.FileField):
+    widget = ClearableBasenameFileInput
+
+    def clean(self, value, *args, **kwargs):
+        value = super().clean(value, *args, **kwargs)
+        if isinstance(value, UploadedFile):
+            value.open("rb")
+            value.seek(0)
+            content = value.read()
+            if (
+                content.startswith(b"-----BEGIN CERTIFICATE-----")
+                and b"-----BEGIN CERTIFICATE-----" in content
+            ):
+                return SimpleUploadedFile("cert.pem", content, "text/plain")
+
+            openssl_cmd = [
+                "openssl",
+                "x509",
+                "-inform",
+                "DER",
+                "-outform",
+                "PEM",
+            ]
+            process = subprocess.Popen(
+                openssl_cmd,
+                stderr=subprocess.PIPE,
+                stdout=subprocess.PIPE,
+                stdin=subprocess.PIPE,
+            )
+            process.stdin.write(content)
+            pem, error = process.communicate()
+            if process.returncode != 0:
+                logger.info("Trying to convert a DER to PEM failed: {}".format(error))
+                raise ValidationError(
+                    _(
+                        "This does not look like a X509 certificate in either PEM or DER format"
+                    ),
+                )
+
+            return SimpleUploadedFile("cert.pem", pem, "text/plain")
+        return value
+
+
+class PNGImageField(forms.FileField):
+    widget = ClearableBasenameFileInput
+
+    def clean(self, value, *args, **kwargs):
+        value = super().clean(value, *args, **kwargs)
+        if isinstance(value, UploadedFile):
+            try:
+                from PIL import Image
+            except ImportError:
+                return value
+
+            value.open("rb")
+            value.seek(0)
+            try:
+                with (
+                    Image.open(value, formats=settings.PILLOW_FORMATS_IMAGE) as im,
+                    tempfile.NamedTemporaryFile("rb", suffix=".png") as tmpfile,
+                ):
+                    im.save(tmpfile.name)
+                    tmpfile.seek(0)
+                    return SimpleUploadedFile(
+                        "picture.png", tmpfile.read(), "image png"
+                    )
+            except IOError:
+                logger.exception("Could not convert image to PNG.")
+                raise ValidationError(
+                    _("The file you uploaded could not be converted to PNG format.")
+                )
+
+        return value

src/pretix/plugins/wallet/migrations/0001_initial.py

@@ -0,0 +1,98 @@
+# Generated by Django 5.2.13 on 2026-05-19 15:39
+
+import django.db.models.deletion
+import pretix.base.models.base
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ("pretixbase", "0297_outgoingmail"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="WalletLayout",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True, primary_key=True, serialize=False
+                    ),
+                ),
+                ("name", models.CharField(max_length=190)),
+                (
+                    "event",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="wallet_layouts",
+                        to="pretixbase.event",
+                    ),
+                ),
+            ],
+            options={
+                "abstract": False,
+            },
+            bases=(models.Model, pretix.base.models.base.LoggingMixin),
+        ),
+        migrations.CreateModel(
+            name="WalletLayoutItem",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True, primary_key=True, serialize=False
+                    ),
+                ),
+                (
+                    "item",
+                    models.ForeignKey(
+                        null=True,
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="walletlayout_assignments",
+                        to="pretixbase.item",
+                    ),
+                ),
+                (
+                    "layout",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="item_assignments",
+                        to="wallet.walletlayout",
+                    ),
+                ),
+            ],
+            options={
+                "unique_together": {("item", "layout")},
+            },
+        ),
+        migrations.CreateModel(
+            name="WalletPlatformLayout",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True, primary_key=True, serialize=False
+                    ),
+                ),
+                ("platform", models.CharField(max_length=10)),
+                ("style", models.CharField(max_length=255)),
+                ("layout", models.JSONField(default=dict)),
+                (
+                    "parent",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="platform_layouts",
+                        to="wallet.walletlayout",
+                    ),
+                ),
+            ],
+            options={
+                "unique_together": {("parent", "platform")},
+            },
+            bases=(models.Model, pretix.base.models.base.LoggingMixin),
+        ),
+    ]

src/pretix/plugins/wallet/migrations/0002_alter_walletlayoutitem_unique_together_and_more.py

@@ -0,0 +1,41 @@
+# Generated by Django 5.2.13 on 2026-06-09 18:04
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("wallet", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AlterUniqueTogether(
+            name="walletlayoutitem",
+            unique_together=set(),
+        ),
+        migrations.AddField(
+            model_name="walletlayout",
+            name="default",
+            field=models.BooleanField(default=False),
+        ),
+        migrations.AlterField(
+            model_name="walletlayoutitem",
+            name="item",
+            field=models.OneToOneField(
+                null=True,
+                on_delete=django.db.models.deletion.CASCADE,
+                related_name="walletlayout",
+                to="pretixbase.item",
+            ),
+        ),
+        migrations.AddConstraint(
+            model_name="walletlayout",
+            constraint=models.UniqueConstraint(
+                models.F("event"),
+                condition=models.Q(("default", True)),
+                name="one_default_wallet_per_event",
+            ),
+        ),
+    ]

src/pretix/plugins/wallet/migrations/0003_walletlayoutfilesetting.py

@@ -0,0 +1,35 @@
+# Generated by Django 5.2.13 on 2026-08-11 15:39
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("wallet", "0002_alter_walletlayoutitem_unique_together_and_more"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="WalletLayoutFileSetting",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True, primary_key=True, serialize=False
+                    ),
+                ),
+                ("key", models.CharField()),
+                ("file", models.FileField(upload_to="")),
+                (
+                    "layout",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="file_settings",
+                        to="wallet.walletplatformlayout",
+                    ),
+                ),
+            ],
+        ),
+    ]

src/pretix/plugins/wallet/models.py

@@ -0,0 +1,98 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020  Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see <https://pretix.eu/about/en/license>.
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program.  If not, see
+# <https://www.gnu.org/licenses/>.
+#
+from django.db import models
+from django.db.models import constraints, Q
+from django.utils.translation import gettext_lazy as _
+
+from pretix.base.models import LoggedModel, OrderPosition
+from django_scopes import ScopedManager
+from django.core.exceptions import ValidationError
+
+
+
+class WalletLayout(LoggedModel):
+    event = models.ForeignKey(
+        'pretixbase.Event',
+        on_delete=models.CASCADE,
+        related_name='wallet_layouts'
+    )
+    name = models.CharField(
+        max_length=190,
+        verbose_name=_('Name')
+    )
+    default = models.BooleanField(
+        verbose_name=_('Default'),
+        default=False,
+    )
+
+    objects = ScopedManager(organizer='event__organizer')
+
+    class Meta:
+        constraints = [
+            constraints.UniqueConstraint("event", condition=Q(default=True), name="one_default_wallet_per_event")
+        ]
+
+
+class WalletPlatformLayout(LoggedModel):
+    parent = models.ForeignKey(WalletLayout, on_delete=models.CASCADE, related_name="platform_layouts")
+
+    platform = models.CharField(max_length=10)
+    style = models.CharField(max_length=255)
+    layout = models.JSONField(default=dict)
+
+    objects = ScopedManager(organizer='parent__event__organizer')
+
+    class Meta:
+        unique_together = (('parent', 'platform'),)
+
+    @property
+    def pass_layout(self):
+        from pretix.plugins.wallet.styles import get_style
+
+        style = get_style(self.platform, self.style)
+        if style:
+            file_settings = dict(self.file_settings.values_list("key", "file"))
+            print(file_settings)
+            return style(event=self.parent.event, layout=self.layout, file_settings=file_settings)
+        else:
+            raise RuntimeError(f"Style {self.platform}.{self.style} not found")
+
+class WalletLayoutItem(models.Model):
+    item = models.OneToOneField('pretixbase.Item', null=True, blank=True, related_name='walletlayout',
+                             on_delete=models.CASCADE)
+    layout = models.ForeignKey(WalletLayout, on_delete=models.CASCADE, related_name='item_assignments')
+
+    def clean(self):
+        if self.item.event != self.layout.event:
+            raise ValidationError("cannot bind layout to item of different event")
+
+class WalletLayoutFileSetting(models.Model):
+    layout = models.ForeignKey(WalletPlatformLayout, on_delete=models.CASCADE, related_name="file_settings")
+    key = models.CharField()
+    file = models.FileField()
+
+# smth like this for apple, lets see what the best architecture for google will be
+# class AppleWalletPass(models.Model):
+#     platform_layout = models.ForeignKey(WalletPlatformLayout, on_delete=models.PROTECT)
+#     order_position = models.ForeignKey(OrderPosition, on_delete=models.PROTECT)
+#     content = models.BinaryField()
+#     updated_at = models.DateTimeField(null=True, auto_now=True)

src/pretix/plugins/wallet/placeholders.py

@@ -0,0 +1,280 @@
+from collections.abc import Callable
+from .signals import (
+    register_wallet_text_placeholders,
+    register_wallet_image_placeholders,
+)
+from django.core.files import File
+from django.dispatch import receiver
+from pretix.base.templatetags.money import money_filter
+from django.contrib.staticfiles import finders
+from django.templatetags.static import static
+from django.utils.translation import gettext_lazy as _
+from i18nfield.strings import LazyI18nString
+
+
+class BaseWalletPlaceholder:
+    """
+    This is the base class for all wallet placeholders.
+    """
+
+    @property
+    def required_context(self) -> set[str]:
+        """
+        A a set of all attribute names that need to be contained in the base context so that this placeholder is available.
+        """
+        return set()
+
+    @property
+    def identifier(self) -> str:
+        """The unique identifier of this placeholder"""
+        raise NotImplementedError()
+
+    @property
+    def label(self) -> LazyI18nString:
+        """The human readable name of this placeholder"""
+        raise NotImplementedError()
+
+    @property
+    def control_label(self) -> LazyI18nString:
+        """
+        The human readable name of this placeholder shown in the backend.
+
+        Defaults to `label`
+        """
+        return self.label
+
+    def render(self, **context):
+        raise NotImplementedError()
+
+    def render_sample(self, **context):
+        raise NotImplementedError()
+
+
+
+class BaseWalletTextPlaceholder(BaseWalletPlaceholder):
+    def render(self, **context) -> str | None:
+        """
+        This method is called to generate the text that is being shown on the pass.
+        You will be passed the keyword arguments specified in ``required_context``.
+        You are expected to return a plain-text string.
+        """
+        raise NotImplementedError()
+
+    def render_sample(self, **context) -> str:
+        """
+        This method is called to generate a text to be used in previews.
+
+        You will be passed sample instances of the arguments specified in ``required_context``.
+        If those instances contain all data needed, you do not need to implement this.
+        """
+        sample = self.render(**context)
+        if sample is None:
+            raise RuntimeError("`render` returned None when rendering a sample")
+        return sample
+
+
+class BaseWalletImagePlaceholder(BaseWalletPlaceholder):
+    def render(self, **context) -> File | None:
+        """
+        This method is called to generate the image that is being shown on the pass.
+        You will be passed the keyword arguments specified in ``required_context``.
+        You are expected to return a `File` object.
+        """
+        raise NotImplementedError()
+
+    def render_sample(self, **context) -> str | None:
+        """
+        This method is called to generate a text to be used in previews.
+
+        You will be passed sample instances of the arguments specified in ``required_context``.
+        You are expected to return a URL to a sample image or `None` if no sample can be shown.
+        """
+        return None
+
+
+class FunctionalWalletTextPlaceholder(BaseWalletTextPlaceholder):
+    def __init__(
+        self,
+        identifier: str,
+        label: LazyI18nString,
+        args: set[str],
+        func: Callable[..., str | None],
+        sample: None | str | Callable[..., str] = None,
+    ):
+        self._identifier = identifier
+        self._label = label
+        self._args = args
+        self.render = func
+        self._sample = sample
+
+    @property
+    def identifier(self):
+        return self._identifier
+
+    @property
+    def label(self):
+        return self._label
+
+    @property
+    def required_context(self) -> set[str]:
+        return self._args
+
+    def render_sample(self, **context) -> str:
+        if isinstance(self._sample, Callable):
+            return self._sample(**context)
+        elif self._sample:
+            return self._sample
+        else:
+            return super().render_sample(**context)
+
+
+class FunctionalWalletImagePlaceholder(BaseWalletImagePlaceholder):
+    def __init__(
+        self,
+        identifier: str,
+        label: LazyI18nString,
+        args: set[str],
+        func: Callable[..., File | None],
+        sample: None | str | Callable[..., str] = None,
+    ):
+        self._identifier = identifier
+        self._label = label
+        self._args = args
+        self.render = func
+        self._sample = sample
+
+    @property
+    def required_context(self) -> set[str]:
+        return self._args
+
+    @property
+    def identifier(self):
+        return self._identifier
+
+    @property
+    def label(self):
+        return self._label
+
+    def render_sample(self, **context) -> str | None:
+        if isinstance(self._sample, Callable):
+            return self._sample(**context)
+        return self._sample
+
+
+class MissingContextException(Exception):
+    pass
+
+
+class WalletPlaceholderContext:
+    def __init__(self, **kwargs):
+        self.context_args = kwargs
+        self.cache = {}
+
+    def _get_placeholder_context(self, placeholder: BaseWalletPlaceholder):
+        missing_context = placeholder.required_context - self.context_args.keys()
+        if missing_context:
+            raise MissingContextException(
+                f"Missing context args for '{placeholder.identifier}': {', '.join(missing_context)}"
+            )
+
+        return {
+            k: v for k, v in self.context_args.items() if k in placeholder.required_context
+        }
+
+    @classmethod
+    def is_available(cls, placeholder: BaseWalletPlaceholder, context_args: set[str]):
+        missing_context = placeholder.required_context - context_args
+        return not missing_context
+
+    def render_placeholder(self, placeholder: BaseWalletPlaceholder):
+        if placeholder.identifier in self.cache:
+            return self.cache[placeholder.identifier]
+
+        value = self.cache[placeholder.identifier] = placeholder.render(**self._get_placeholder_context(placeholder))
+        return value
+
+    def render_sample(self, placeholder: BaseWalletPlaceholder):
+        return placeholder.render_sample(**self._get_placeholder_context(placeholder))
+
+
+def get_wallet_placeholders(event) -> dict[str, dict[str, BaseWalletPlaceholder]]:
+    placeholders = {
+        "text": {
+            v.identifier: v
+            for r, vs in register_wallet_text_placeholders.send(sender=event)
+            for v in vs
+        },
+        "image": {
+            v.identifier: v
+            for r, vs in register_wallet_image_placeholders.send(sender=event)
+            for v in vs
+        },
+    }
+    return placeholders
+
+
+
+def get_static_file(name) -> File | None:
+    path: str | None = finders.find(name)  # type: ignore
+    if not path:
+        return
+    return File(open(path, "rb"))
+
+
+@receiver(
+    register_wallet_text_placeholders,
+    dispatch_uid="plugin_wallet_register_wallet_text_placeholders",
+)
+def base_text_placeholders(sender, **kwargs):
+    return [
+        FunctionalWalletTextPlaceholder("name", LazyI18nString.from_gettext("Event Name"), {"event"}, lambda event: event.name),
+        FunctionalWalletTextPlaceholder(
+            "event_slug", LazyI18nString.from_gettext("Event Slug"), {"event"}, lambda event: event.slug
+        ),
+        FunctionalWalletTextPlaceholder("order", LazyI18nString.from_gettext("Order Code"), {"order"}, lambda order: order.code),
+        FunctionalWalletTextPlaceholder(
+            "total",
+            LazyI18nString.from_gettext("Order Total"),
+            {"event", "order"},
+            lambda event, order: money_filter(order.total, event.currency),
+        ),
+        FunctionalWalletTextPlaceholder(
+            "order_email",LazyI18nString.from_gettext("Order Email"), {"order"}, lambda order: order.email
+        ),
+        FunctionalWalletTextPlaceholder(
+            "price",LazyI18nString.from_gettext("Item Price"), {"event", "order_position"}, lambda event, order_position: money_filter(order_position.price, event.currency)
+        ),
+        FunctionalWalletTextPlaceholder(
+            "secret",LazyI18nString.from_gettext("Order Secret (QR-Code-Content)"), {"order_position"}, lambda order_position: order_position.secret
+        ),
+    ]
+
+@receiver(
+    register_wallet_image_placeholders,
+    dispatch_uid="plugin_wallet_register_wallet_image_placeholders",
+)
+def base_image_placeholders(sender, **kwargs):
+    return [
+        FunctionalWalletImagePlaceholder(
+            "poweredby",
+            LazyI18nString.from_gettext("Logo"),
+            set(),
+            # TODO: replace with paths not from another plugin
+            lambda: get_static_file("pretix_passbook/logo.png"),
+            static("pretix_passbook/logo.png"),
+        ),
+        FunctionalWalletImagePlaceholder(
+            "poweredby_icon",
+            LazyI18nString.from_gettext("Icon"),
+            set(),
+            lambda: get_static_file("pretix_passbook/icon.png"),
+            static("pretix_passbook/icon.png"),
+        ),
+        FunctionalWalletImagePlaceholder(
+            "example_no_preview",
+            LazyI18nString.from_gettext("Image with no preview"),
+            set(),
+            lambda: get_static_file("pretix_passbook/icon.png"),
+        ),
+        # TODO: Image upload
+    ]

src/pretix/plugins/wallet/receivers.py

@@ -0,0 +1,37 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020  Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see <https://pretix.eu/about/en/license>.
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program.  If not, see
+# <https://www.gnu.org/licenses/>.
+#
+
+from pretix.base.signals import register_ticket_outputs, register_global_settings, EventPluginSignal
+from .ticketoutput import OUTPUTS
+
+def connect_signals():
+    for output in OUTPUTS:
+        # DIY functools.partial to make get_defining_app happy
+        def get_register_func(o):
+            def register(sender, **kwargs):
+                return o
+            return register
+        register_ticket_outputs.connect(get_register_func(output), dispatch_uid=f"wallet_output_{output.identifier}")
+        if hasattr(output, "get_global_settings"):
+            register_global_settings.connect(output.get_global_settings, dispatch_uid=f"wallet_global_settings_{output.identifier}")
+
+connect_signals()

src/pretix/plugins/wallet/signals.py

@@ -0,0 +1,39 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020  Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see <https://pretix.eu/about/en/license>.
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program.  If not, see
+# <https://www.gnu.org/licenses/>.
+#
+
+from pretix.base.signals import EventPluginSignal
+
+register_wallet_text_placeholders = EventPluginSignal()
+"""
+This signal is sent out to get all known wallet placeholders. Receivers should return
+an list of subclasses of pretix.plugins.wallet.placeholders.BaseWalletTextPlaceholder.
+
+As with all event-plugin signals, the ``sender`` keyword argument will contain the event.
+"""
+
+register_wallet_image_placeholders = EventPluginSignal()
+"""
+This signal is sent out to get all known wallet placeholders. Receivers should return
+an list of subclasses of pretix.plugins.wallet.placeholders.BaseWalletImagePlaceholder.
+
+As with all event-plugin signals, the ``sender`` keyword argument will contain the event.
+"""

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/app.vue

@@ -0,0 +1,106 @@
+<script setup lang="ts">
+import { computed, inject, ref, watchEffect } from "vue";
+import StyleSettings from "./style-settings.vue";
+import Select from "./input/select.vue";
+import Input from "./input/input.vue";
+import PassPreview from "./preview/pass-preview.vue";
+import { StoreKey } from "../walletStore";
+
+const store = inject(StoreKey)!;
+const gettext = (window as any).gettext;
+
+function openForm(url: string, data: Record<string, string>) {
+	let form = document.createElement("form");
+	form.target = "_blank";
+	form.method = "POST";
+	form.action = url;
+	form.style.display = "none";
+
+	for (var key in data) {
+		var input = document.createElement("input");
+		input.type = "hidden";
+		input.name = key;
+		input.value = data[key];
+		form.appendChild(input);
+	}
+	document.body.appendChild(form);
+	form.submit();
+	document.body.removeChild(form);
+}
+
+function openPreview(e: Event) {
+	e.preventDefault();
+	openForm("../../preview/", {
+		csrfmiddlewaretoken: store.csrfToken,
+		platform: store.currentPlatform,
+		style: store.layout.style,
+		layout: JSON.stringify(store.layout.layout),
+	});
+}
+
+const platformChoices = computed(() => {
+	return [
+		[null, "Do not generate pass"],
+		...Object.values(store.platform.styles).map((x) => [x.identifier, x.name]),
+	];
+});
+</script>
+
+<template lang="pug">
+    // TODO: add :key for all `v-for`s
+    // TODO: i18n textfields
+    // TODO: proper spinner
+
+    template(v-if="!store.loaded") {{ gettext("Loading...") }}
+    form(v-else @submit.prevent="store.save")
+        .form-group
+            Input(label="Name" v-model="store.name")
+        nav
+            ul.nav.nav-tabs
+                li(v-for="platform in store.platforms" :class="{'active': store.platform.identifier === platform.identifier}")
+                    a(role="tab" @click="store.setPlatform(platform.identifier)") {{ platform.name }}
+        .tabbed-form.tab-content
+            .tab-pane.active.row
+                .col-md-6.col-lg-8
+                    Select.form-group(label="Style" :modelValue="store.style?.identifier || null" @update:modelValue="store.setStyle" :choices="platformChoices")
+                    StyleSettings(v-if="!!store.style")
+                .col-md-6.col-lg-4
+                    .panel.panel-default
+                        .panel-heading Preview
+                        .panel-body
+                            div(v-if="!!store.style?.preview_layout")
+                                span.text-muted {{ gettext("The preview below is only a rough representation of what the pass might look like. Please check the generated pass.") }}
+                                div(style="display: grid; gap: 1em; grid-template-columns: repeat(auto-fit, minmax(auto, 360px));")
+                                    PassPreview(v-for="layout in store.style.preview_layout" :layout="layout")
+                            div(v-else) Preview not supported
+                            //- pre
+                            //-     code {{ store.currentPlatformLayout }}
+                            //- pre(v-if="store.currentPlatformLayout.style")
+                            //-     code {{ store.currentPlatformStyles[store.currentPlatformLayout.style] }}
+                            //- pre
+                            //-     code {{ store.walletLayout }}
+        .form-group.submit-group
+            button.btn.btn-lg.btn-default(type="button" @click="openPreview") Preview
+            button.btn.btn-primary.btn-save(type="submit") Submit
+
+</template>
+
+<style lang="css">
+.walletsettings-panel .panel-heading {
+	.checkbox {
+		padding: 0;
+		margin: 0;
+		display: inline-block;
+		input[type="checkbox"] {
+			margin-top: 0;
+			margin-right: 5px;
+			margin-left: 0px;
+			position: relative;
+			top: 1px;
+		}
+		label {
+			padding-left: 0;
+		}
+	}
+}
+</style>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/input/checkbox.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { useId } from 'vue'
+
+defineOptions({
+  inheritAttrs: false
+})
+
+const props = defineProps<{
+	label?: string
+}>()
+const modelValue = defineModel<boolean|null>();
+const id = useId()
+</script>
+
+<template lang="pug">
+    .checkbox
+        label
+            input(:id="id" v-model="modelValue" v-bind="$attrs" type="checkbox")
+            | {{ props.label }}
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/input/file-input.vue

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { ref, useId, watchEffect } from "vue";
+
+const gettext = (window as any).gettext;
+
+defineOptions({
+	inheritAttrs: false,
+});
+const emit = defineEmits<{change: [File]}>()
+const props = defineProps<{
+	label?: I18nString;
+	errors?: string[];
+	help_text?: string;
+    filename?: string;
+    current_url?: string;
+}>();
+const id = useId();
+function onChange(e) {
+    emit("change", (e.target as HTMLInputElement).files[0])
+}
+
+// Reset input field if a url is provided
+const inputRef = ref<HTMLInputElement>();
+watchEffect(() => {
+    if (props.current_url && inputRef.value?.value) {
+        inputRef.value.value = '';
+    }
+})
+</script>
+
+<template lang="pug">
+.form-group.row
+    label.control-label.col-md-3(:for="id", v-if="!!label") {{ label }}
+        br(v-if="!$attrs.required")
+        span.optional(v-if="!$attrs.required")  {{ gettext("Optional") }}
+    div.col-md-9
+        template(v-if="!!current_url")
+            | {{  gettext("Currently") + ': ' }}
+            a(:href="current_url") {{ filename }}
+            | {{ " " }}
+            button.btn.btn-sm(@click.prevent="() => {console.log('clear'); emit('change', null)}") {{ gettext("Clear") }}
+            //- br
+            //- a(:href="modelValue" data-lightbox="input")
+            //-     img.thumb-img(:src="modelValue")
+            br
+            | {{ gettext("Change") + ': ' }}
+        input(:id="id" @change="onChange" v-bind="$attrs" type="file" style="display: inline" ref="inputRef")
+        .help-block(v-if="!!help_text") {{ help_text }}
+        .help-block(v-if="!!errors" v-for="error in errors") {{ error }}
+</template>
+
+<style lang="css" scoped>
+.thumb-img {
+	max-height: 100px;
+	max-width: 200px;
+    object-fit: contain;
+}
+</style>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/input/i18ninput.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { inject, watchEffect } from 'vue'
+import { StoreKey } from "../../walletStore";
+
+const store = inject(StoreKey)!
+
+defineOptions({
+  inheritAttrs: false
+})
+
+const props = defineProps<{
+    errors?: string[],
+}>();
+
+const modelValue = defineModel<Record<string, string> | string>();
+watchEffect(() => {
+    if (typeof modelValue.value === "string") {
+        const oldVal = modelValue.value;
+        modelValue.value = Object.fromEntries(Object.keys(store.locales).map((x): [string, string] => [x, oldVal]))
+    }
+})
+</script>
+
+<template lang="pug">
+    input.form-control(v-for="(human_readable, locale) in store.locales" v-model="modelValue[locale]" v-bind="$attrs" :lang="locale" :title="human_readable" :placeholder="human_readable")
+    .help-block(v-if="props.errors" v-for="error in props.errors") {{ error }}
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/input/input.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { useId } from 'vue'
+
+const gettext = (window as any).gettext;
+
+defineOptions({
+  inheritAttrs: false
+})
+
+const {label, errors, type = "text"} = defineProps<{
+	label?: I18nString,
+    errors?: string[],
+    type?: string
+    help_text?: string,
+}>()
+const modelValue = defineModel<string|null>();
+const id = useId()
+</script>
+
+<template lang="pug">
+    label.control-label(:for="id", v-if="label") {{ label }}
+        br(v-if="!$attrs.required")
+        span.optional(v-if="!$attrs.required")  {{ gettext("Optional") }}
+    div
+        input(:id="id" v-model="modelValue" v-bind="$attrs" :type="type" :class="{'form-control': type == 'text'}")
+        .help-block(v-if="!!help_text") {{ help_text }}
+        .help-block(v-if="!!errors" v-for="error in errors") {{ error }}
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/input/select.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { useId, watchEffect } from 'vue'
+
+defineOptions({
+  inheritAttrs: false
+})
+
+const props = defineProps<{
+	label?: string
+	choices: Array<[string, string]>
+    errors?: string[],
+    class?: string
+}>()
+const modelValue = defineModel<string|null>();
+const id = useId()
+
+watchEffect(() => {
+    if (props.choices.length === 1) {
+        modelValue.value = props.choices[0][0]
+    } else if (props.choices.length < 1) {
+        modelValue.value = null
+    }
+})
+</script>
+
+<template lang="pug">
+    template(v-if="choices.length >= 1" :class="props.class")
+        label.control-label(v-if="props.label" :for="id") {{ props.label }}
+        select.form-control(:id="id" v-model="modelValue" v-bind="$attrs" required)
+            option(v-for="choice in props.choices" :key="choice[0]" :value="choice[0]") {{ choice[1] }}
+        .help-block(v-if="props.errors" v-for="error in props.errors") {{ error }}
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/placeholder-field-settings.vue

@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { computed, inject, watchEffect } from "vue";
+import Select from "./input/select.vue";
+import Checkbox from "./input/checkbox.vue";
+import I18nInput from "./input/i18ninput.vue";
+import TextContent from "./text-content.vue";
+import { StoreKey } from "../walletStore";
+
+const store = inject(StoreKey)!;
+
+const gettext = (window as any).gettext;
+
+const props = defineProps<{
+    fieldgroup: PlaceholderFieldGroupDefinition;
+    overflows: FieldGroupDefinition[];
+}>();
+const fieldConfig = defineModel<PlaceholderFieldGroupConfig>({
+    required: true,
+});
+
+const overflowOptions = computed((): Array<[string | null, string]> => {
+    if (props.overflows.length) {
+        return [
+            ...props.overflows.map((x): [string, string] => [x.identifier, x.name]),
+            [null, "Do not overflow"],
+        ];
+    } else {
+        return [];
+    }
+});
+
+function addVariable() {
+    fieldConfig.value.entries.push({ type: "placeholder", label: "" });
+}
+
+watchEffect(() => {
+    if (!fieldConfig.value) {
+        fieldConfig.value = {
+            overflow: null,
+            entries: JSON.parse(JSON.stringify(props.fieldgroup.default_entries)),
+            active:
+                props.fieldgroup.required ||
+                props.fieldgroup.default_entries.length > 0,
+        };
+    }
+    if (fieldConfig.value && !fieldConfig.value.entries) {
+        fieldConfig.value.entries = JSON.parse(
+            JSON.stringify(props.fieldgroup.default_entries),
+        );
+    }
+});
+
+const placeholderChoices = computed(() => {
+    const availableContext = new Set(props.fieldgroup.context_args);
+    const choices = Object.entries(store.variables.text)
+        .filter(([_, { required_context }]) =>
+            new Set(required_context).isSubsetOf(availableContext),
+        )
+        .map(([k, v]): [string, string] => [k, v.label]);
+    choices.push(["other", gettext("Other…")]);
+    return choices;
+});
+</script>
+
+<template lang="pug">
+    .panel.panel-default.walletsettings-panel
+        .panel-heading
+            h3.panel-title {{ fieldgroup.name }}
+        .panel-body(v-if="fieldConfig")
+            .form-group()
+                span.text-muted(v-if="fieldgroup.description") {{ fieldgroup.description }}
+                h4 {{ gettext("Content") }}
+                table.table.table-hover
+                    thead
+                        tr
+                            th.col-md-5(v-if="fieldgroup.display == 'with_label'") {{ gettext('Label') }}
+                            th(:class="'col-md-' + (fieldgroup.display == 'with_label' ? '6' : '11')") {{ gettext('Content') }}
+                            th.col-xs-1
+                    tbody
+                        tr(v-for="n, i in fieldConfig.entries.length" :key="i")
+                            td(v-if="fieldgroup.display == 'with_label'")
+                                .i18n-form-group
+                                    I18nInput(v-model="fieldConfig.entries[n - 1].label")
+                            td
+                                TextContent(v-if='fieldgroup.content_type == "text"'
+                                            v-model="fieldConfig.entries[n - 1]"
+                                            :placeholderChoices="placeholderChoices")
+                                Select(v-else-if='fieldgroup.content_type == "image"'
+                                        v-model="fieldConfig.entries[n - 1].content"
+                                        :choices="Object.entries(store.variables.image).map(([k, v]) => [k, v.label])"
+                                    )
+                            td.text-right
+                                button.btn.btn-danger.form-control-static(type="button" @click="fieldConfig.entries.splice(n - 1, 1)")
+                                    i.fa.fa-trash
+                                    span.sr-only {{ gettext('Delete') }}
+
+                button.btn.btn-default(type="button" @click="addVariable")
+                    i.fa.fa-plus
+                    |  {{ gettext("Add field") }}
+            Select(:label="gettext('Overflow to …')" :choices="overflowOptions" v-model="fieldConfig.overflow")
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/predefined-field-settings.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { watchEffect } from 'vue';
+import Input from './input/input.vue';
+import Checkbox from './input/checkbox.vue';
+
+const gettext = (window as any).gettext;
+
+const props = defineProps<{
+	fieldgroup: FieldGroupDefinition;
+}>();
+const fieldConfig = defineModel<PredefinedFieldGroupConfig>({ required: true });
+
+watchEffect(() => {
+    if (!fieldConfig.value) {
+        fieldConfig.value = {active: props.fieldgroup.required};
+    }
+});
+</script>
+
+<template lang="pug">
+    .panel.panel-default.walletsettings-panel
+        .panel-heading
+            h3.panel-title.form-inline
+                .form-group
+                    Checkbox(v-if="!!fieldConfig" :label="fieldgroup.name" v-model="fieldConfig.active")
+        .panel-body(v-if="!!fieldgroup.description")
+            .form-group
+                span.text-muted {{ fieldgroup.description }}
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/preview/fieldgroup-item-preview.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { computed, inject, reactive, watchEffect } from "vue";
+import { StoreKey } from "../../walletStore";
+import { i18nstringLocalize } from "../../helpers";
+
+const store = inject(StoreKey)!;
+
+const props = defineProps<{
+	label?: I18nString;
+	content: I18nString;
+    content_type: FieldContentType;
+    display: FieldGroupDisplay;
+    display_class?: string | string[];
+}>();
+</script>
+
+<template lang="pug">
+    div.fieldgroup-item
+        div.fieldgroup-item-qrcode(v-if="display == 'code'") {{ label }}
+
+        template(v-else)
+            div.fieldgroup-label.nowrap(v-if="display == 'with_label'") {{ i18nstringLocalize(label) }}
+            div.nowrap.content(v-if="content_type == 'text'" :class="display_class") {{ i18nstringLocalize(content) }}
+            img.fieldgroup-item-image(v-else-if="content_type == 'image' && content" :src="i18nstringLocalize(content)")
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/preview/fieldgroup-preview.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { computed, inject, reactive, watchEffect } from "vue";
+import { StoreKey } from "../../walletStore";
+import PlaceholderFieldgroupPreview from "./placeholder-fieldgroup-preview.vue";
+import PredefinedFieldgroupPreview from "./predefined-fieldgroup-preview.vue";
+
+const store = inject(StoreKey)!;
+
+const props = defineProps<{
+	config: PreviewFieldgroup;
+}>();
+
+const style_def = computed(() => {
+	return Object.fromEntries(
+		store.styles[
+			store.layout.style
+		].fieldgroups.map((x) => [x.identifier, x]),
+	)[props.config.fieldgroup];
+});
+
+function focusGroup() {
+    // TODO: highlight group? or change ui concept completely
+    const elem = document.getElementById('fieldgroup-' + props.config.fieldgroup)
+    elem && elem.scrollIntoView()
+}
+</script>
+
+<template lang="pug">
+div(@click="focusGroup")
+    PlaceholderFieldgroupPreview(v-if="style_def && style_def.type == 'placeholder'" :config="config" :style_def="style_def")
+    PredefinedFieldgroupPreview(v-else-if="style_def && style_def.type == 'predefined'" :config="config" :style_def="style_def")
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/preview/pass-preview.vue

@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import { inject } from "vue";
+import { StoreKey } from "../../walletStore.js";
+import RowPreview from "./row-preview.vue";
+
+const store = inject(StoreKey)!;
+
+const props = defineProps<{ layout: Array<PreviewLayout> }>();
+</script>
+
+<template lang="pug">
+    div.pass-container
+        div.pass-content
+            RowPreview(v-for="row of layout" :config="row")
+</template>
+
+<style lang="css" scoped>
+.pass-container {
+    width: 100%;
+    max-width: 360px;
+    vertical-align: top;
+    display: inline-block;
+
+    border: solid 1px #949494;
+	border-radius: 1em;
+    padding: 1em;
+
+    overflow: hidden
+}
+
+.pass-content {
+    overflow: scroll;
+	display: flex;
+	flex-direction: column;
+    gap: 1em;
+}
+</style>
+
+<style lang="css">
+.pass-container {
+    .fieldgroup-container {
+        min-width: 0;
+        display: flex;
+        gap: 0.5em;
+        min-height: 2lh;
+    }
+    .fieldgroup-label {
+        font-weight: bold;
+        font-size: 0.8em;
+    }
+    .fieldgroup-item {
+        flex: 0 1 100%;
+        min-width: 0;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        white-space: pre-wrap;
+    }
+    .fieldgroup-item-image {
+        max-height: 3lh;
+        object-fit: contain;
+    }
+    .fieldgroup-item-qrcode {
+        font-weight: bold;
+        background-color: lightgray;
+        width: 50%;
+        aspect-ratio: 1;
+        margin: auto;
+        /* center content */
+        display: flex;
+        align-items: center;
+        text-align: center;
+        justify-content: center;
+        padding: 1em;
+        overflow-wrap: anywhere;
+    }
+    .nowrap {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        text-wrap: nowrap;
+    }
+    .bold {
+        font-weight: bold;
+    }
+    .large {
+        font-size: 1.5em;
+    }
+    .tight {
+        line-height: 1;
+    }
+}
+</style>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/preview/placeholder-fieldgroup-preview.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { computed, inject, reactive, watchEffect } from "vue";
+import { StoreKey } from "../../walletStore";
+import FieldgroupItemPreview from "./fieldgroup-item-preview.vue";
+
+const store = inject(StoreKey)!;
+
+const props = defineProps<{
+	config: PreviewFieldgroup;
+	style_def: PlaceholderFieldGroupDefinition;
+}>();
+</script>
+
+<template lang="pug">
+    div.fieldgroup-container(:style="{'flex-grow': config.relSize, 'flex-direction': config.direction || 'row'}")
+        FieldgroupItemPreview(v-for="{ label, content } of store.renderedFieldGroups[config.fieldgroup]" :label="label" :content="content" :content_type="style_def.content_type" :display_class="config.display" :display="style_def.display")
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/preview/predefined-fieldgroup-preview.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { computed, inject, reactive, watchEffect } from "vue";
+import { StoreKey } from "../../walletStore";
+import FieldgroupItemPreview from "./fieldgroup-item-preview.vue";
+
+const store = inject(StoreKey)!;
+
+const props = defineProps<{
+	style_def: PredefinedFieldGroupDefinition;
+	config: PredefinedFieldgroupPreview;
+}>();
+
+const isActive = computed(
+	() =>
+		store.layout.fieldgroups[props.style_def.identifier]?.active,
+);
+</script>
+
+<template lang="pug">
+	div.fieldgroup-container(v-if="isActive" :style="{'flex-grow': config.relSize, 'flex-direction': config.direction || 'row'}")
+		FieldgroupItemPreview(v-for="{ label, content } of config.sample" :label="label" :content="content" content_type="text" display="with_label")
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/preview/row-preview.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import FieldgroupItemPreview from './fieldgroup-item-preview.vue';
+import FieldgroupPreview from './fieldgroup-preview.vue';
+import SettingPreview from './setting-preview.vue';
+const props = defineProps<{
+    config: PreviewRow;
+}>();
+
+</script>
+
+<template lang="pug">
+    div.preview-row(v-if="'children' in config" :style="{ flexDirection: config.direction || 'row' }" :class="config.display")
+        RowPreview(v-for="child of config.children" :config="child" )
+    FieldgroupPreview(v-else-if="'fieldgroup' in config" :config="config")
+    FieldgroupItemPreview(v-else-if="'value' in config" :label="config.label" :content="config.value" content_type="text" :display="!!config.label ? 'with_label' : 'plain'" :display_class="config.display")
+    SettingPreview(v-else-if="'setting' in config" :config="config")
+
+</template>
+<style lang="css" scoped>
+.preview-row {
+    width: 100%;
+    display: flex;
+    gap: 1em;
+    display: flex
+}
+.tight {
+    gap: 0;
+}
+</style>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/preview/setting-preview.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { computed, inject, reactive, watchEffect } from "vue";
+import { StoreKey } from "../../walletStore";
+import FieldgroupItemPreview from "./fieldgroup-item-preview.vue";
+import PredefinedFieldgroupPreview from "./predefined-fieldgroup-preview.vue";
+
+const store = inject(StoreKey)!;
+
+const { config } = defineProps<{
+	config: SettingPreview;
+}>();
+
+const settingDef = computed(() => {
+	return Object.fromEntries(
+		store.styles[store.layout.style].settings.map(
+			(x) => [x.identifier, x],
+		),
+	)[config.setting];
+});
+const settingValue = computed(() => {
+	const val = store.settings[config.setting];
+	if (settingDef.value.type == "image" && val instanceof File) {
+		return URL.createObjectURL(val);
+	} else {
+		return val;
+	}
+});
+</script>
+
+<template lang="pug">
+    //- pre
+    //-     code {{ settingDef }}
+    //- pre
+    //-     code {{ config }}
+    //- pre
+    //-     code {{ settingValue }}
+    //- PlaceholderFieldgroupPreview(v-if="style_def && style_def.type == 'placeholder'" :config="config" :style_def="style_def")
+    //- PredefinedFieldgroupPreview(v-else-if="style_def && style_def.type == 'predefined'" :config="config" :style_def="style_def")
+    div.fieldgroup-container(:style="{'flex-grow': config.relSize, 'flex-direction': config.direction || 'row'}")
+        FieldgroupItemPreview(:content="settingValue" :content_type="settingDef.type" :display_class="config.display" display="plain")
+
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/settings-field.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import Input from "./input/input.vue";
+import FileInput from "./input/file-input.vue";
+import { inject } from "vue";
+import { StoreKey } from "../walletStore";
+
+const props = defineProps<{
+	field?: Setting;
+}>();
+const store = inject(StoreKey)!;
+</script>
+
+<template lang="pug">
+    div.form-group
+        Input(v-if='field.type == "text"' :label="field.label" :type="field.type" :required="field.required" @update:modelValue="(v) => store.setSetting(field.identifier, v)" :modelValue="store.settings[field.identifier]" :help_text="field.help_text")
+        FileInput(v-if='field.type == "image"' :label="field.label" :required="field.required" :help_text="field.help_text" @change="(v) => store.setSetting(field.identifier, v)" :filename="store.settings[field.identifier]?.name" :current_url="store.settings[field.identifier]?.name")
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/style-settings.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { inject } from "vue";
+import PlaceholderFieldSettings from "./placeholder-field-settings.vue";
+import PredefinedFieldSettings from "./predefined-field-settings.vue";
+import SettingsField from "./settings-field.vue";
+import { StoreKey } from "../walletStore.js";
+const gettext = (window as any).gettext;
+
+const store = inject(StoreKey)!;
+</script>
+
+<template lang="pug">
+    h2.h3 {{  gettext("Settings") }}
+    SettingsField(v-for="field of store.style.settings" :field="field" :key="field.identifier")
+    h2.h3 {{ gettext("Field Groups") }}
+    div(v-for="(fieldgroup, fieldgroupId) in store.style.fieldgroups" :id="'fieldgroup-' + fieldgroup.identifier")
+        PlaceholderFieldSettings(
+            v-if="fieldgroup.type == 'placeholder'"
+            v-model="store.layout.fieldgroups[fieldgroup.identifier]"
+            :fieldgroup="fieldgroup"
+            :overflows="store.style.fieldgroups.slice(fieldgroupId + 1) \
+                .filter(x => x.type == 'placeholder' && x.content_type === fieldgroup.content_type)"
+        )
+        PredefinedFieldSettings(v-else-if="fieldgroup.type == 'predefined'"
+                    v-model="store.layout.fieldgroups[fieldgroup.identifier]"
+                    :fieldgroup="fieldgroup")
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/components/text-content.vue

@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { computed, inject, reactive } from 'vue'
+import Select from './input/select.vue'
+import I18nInput from './input/i18ninput.vue'
+import { StoreKey } from "../walletStore";
+
+const store = inject(StoreKey)!
+const gettext = (window as any).gettext
+
+const props = defineProps<{
+	placeholderChoices: [string|null, string][];
+}>();
+
+const entry = defineModel<FieldEntry>({ required: true })
+
+const selection = computed({
+    get() {
+        if (entry.value.type === 'placeholder') {
+            return entry.value.content
+        } else if (entry.value.type === 'custom') {
+            return "other"
+        }
+    },
+    set(newValue) {
+        if (newValue == "other") {
+            entry.value.type = "custom"
+            entry.value.content = {};
+        } else {
+            entry.value.type = "placeholder"
+            entry.value.content = newValue
+        }
+    }
+})
+
+const textContent = computed({
+    get() {
+        if (entry.value.type === 'placeholder') {
+            return ""
+        } else if (entry.value.type === 'custom') {
+            return entry.value.content
+        }
+    },
+    set(newValue) {
+        entry.value.content = newValue
+    }
+})
+
+</script>
+
+<template lang="pug">
+    .i18n-form-group
+        Select(
+            v-model="selection"
+            :choices="placeholderChoices"
+        )
+        I18nInput(v-model="textContent" v-if="selection === 'other'" :locales="store.locales")
+</template>

src/pretix/plugins/wallet/static/pretixplugins/wallet/helpers.ts

@@ -0,0 +1,32 @@
+export function i18nstringLocalize(s: I18nString): string {
+    if (typeof s === 'string') {
+        return s
+    }
+    if (s === null) {
+        return null
+    }
+
+    var locale = document.body.attributes['data-pretixlocale'].value
+    var short_locale = locale.split('-')[0]
+    if (locale in s)
+        return s[locale]
+
+    if (short_locale in s)
+        return s[short_locale]
+
+    for (const k of Object.keys(s)) {
+        if (k.split('-')[0] === short_locale && s[k]) {
+            return s[k]
+        }
+    }
+
+    if (s['en'])
+        return s['en']
+
+    for (const k of Object.keys(s)) {
+        if (s[k]) {
+            return s[k]
+        }
+    }
+}
+

src/pretix/plugins/wallet/static/pretixplugins/wallet/index.d.ts

@@ -0,0 +1,164 @@
+type Platform = {
+	identifier: string;
+	name: string;
+	styles: Styles;
+};
+
+type Style = {
+	identifier: string;
+	name: string;
+	fieldgroups: FieldGroupDefinition[];
+	settings: Setting[];
+};
+
+type Variable = {
+	label: string;
+	sample: string;
+	required_context: string[];
+};
+
+type Styles = Record<string, Style>;
+type Variables = Record<string, Variable>;
+type VariableConfig = Record<string, Variables>;
+type Platforms = Platform[];
+
+//
+
+type BaseFieldGroupDefinition = {
+	type: string;
+	identifier: string;
+	name: string;
+	required: boolean;
+	description: string;
+};
+
+type FieldGroupDefinition =
+	| PlaceholderFieldGroupDefinition
+	| PredefinedFieldGroupDefinition;
+
+type FieldGroupDisplay = "plain" | "with_label" | "code";
+
+type PlaceholderFieldGroupDefinition = BaseFieldGroupDefinition & {
+	type: "placeholder";
+	content_type: FieldContentType;
+	default_entries: FieldEntry[];
+	display: FieldGroupDisplay;
+	min_entries: number | null;
+	max_entries: number | null;
+	context_args: string[];
+};
+
+type PredefinedFieldGroupDefinition = BaseFieldGroupDefinition & {
+	type: "predefined";
+};
+
+type I18nString = null | string | Record<string, string>;
+
+type FieldContentType = "text" | "image";
+
+type PlaceholderFieldEntry = {
+	type: "placeholder";
+	label?: I18nString;
+	content?: string;
+};
+
+type CustomFieldEntry = {
+	type: "custom";
+	label?: I18nString;
+	content?: I18nString;
+};
+
+type FieldEntry = PlaceholderFieldEntry | CustomFieldEntry;
+
+type Setting = {
+	identifier: string;
+	label: string;
+	type: "text" | "image";
+	required: boolean;
+	help_text: string;
+};
+
+type PlaceholderFieldGroupConfig = {
+	entries: Array<FieldEntry>;
+	overflow: string | null;
+};
+
+type PredefinedFieldGroupConfig = {
+	active: boolean;
+};
+
+type FieldGroupConfig =
+	| PlaceholderFieldGroupConfig
+	| PredefinedFieldGroupConfig;
+
+type LayoutData = {
+	fieldgroups?: Record<string, FieldGroupConfig>;
+	settings?: Record<string, any>;
+};
+
+type PlatformLayout = {
+	platform: string;
+	style: string | null;
+	layout: LayoutData;
+};
+
+type WalletLayout = {
+	name?: string;
+	platform_layouts: PlatformLayout[];
+};
+type WalletStore = {
+	platforms: Platforms;
+	variables: VariableConfig;
+	locales: Record<string, string>;
+	csrfToken: String;
+	walletLayout: WalletLayout | null;
+};
+
+type PreviewLayout = Array<PreviewRow>;
+type PreviewRow =
+	| {
+			children: Array<PreviewRow>;
+			direction?: "row" | "column";
+			display?: Array<string>;
+	  }
+	| PreviewFieldgroup
+	| FixedPreview
+	| SettingPreview;
+
+type PreviewProps = {
+	relSize?: number;
+	direction?: "row" | "column";
+	display?: Array<string>;
+};
+type SettingPreview = {
+	setting: string;
+} & PreviewProps;
+
+type PreviewFieldgroup =
+	| PredefinedFieldgroupPreview
+	| PlaceholderFieldGroupPreview;
+type FixedPreview = { value: I18nString; label?: I18nString } & PreviewProps;
+
+type PlaceholderFieldGroupPreview = {
+	fieldgroup: string;
+} & PreviewProps;
+
+type PredefinedFieldgroupPreview = {
+	fieldgroup: string;
+	sample: PreviewSample[];
+} & PreviewProps;
+
+type PreviewSample = {
+	content: I18nString;
+	label: I18nString;
+};
+
+type NewPlatformLayout = {
+	style: string;
+	fieldgroups: {};
+	settings: {};
+	file_settings: Record<string, WalletFile>;
+};
+type ServerSideFile = { url: string; name: string };
+type ClientSideFile = { file: File | null; identifier?: string };
+type WalletFile = ServerSideFile | ClientSideFile;

src/pretix/plugins/wallet/static/pretixplugins/wallet/lib/store.ts

@@ -0,0 +1 @@
+../../../../../../../pretix/static/pretixpresale/widget/src/lib/store.ts

src/pretix/plugins/wallet/static/pretixplugins/wallet/main.ts

@@ -0,0 +1,28 @@
+import { createApp } from "vue";
+import App from "./components/app.vue";
+import { createWalletStore, StoreKey } from "./walletStore";
+const mountEl = document.querySelector<HTMLElement>("#editor")!;
+const store = createWalletStore({
+	platforms: JSON.parse(
+		document.querySelector("#platforms")?.textContent ?? "{}",
+	),
+	variables: JSON.parse(
+		document.querySelector("#variables")?.textContent ?? "{}",
+	),
+	locales: JSON.parse(document.querySelector("#locales")?.textContent ?? "{}"),
+	csrfToken: document.querySelector<HTMLInputElement>(
+		"input[name=csrfmiddlewaretoken]",
+	)?.value!!,
+	layoutId: mountEl.dataset.layoutId!
+});
+store.load();
+const app = createApp(App);
+app.provide(StoreKey, store);
+app.mount(mountEl);
+
+app.config.errorHandler = (error, _vm, info) => {
+	// vue fatals on errors by default, which is a weird choice
+	// https://github.com/vuejs/core/issues/3525
+	// https://github.com/vuejs/router/discussions/2435
+	console.error("[VUE]", info, error);
+};

src/pretix/plugins/wallet/static/pretixplugins/wallet/walletStore.ts

@@ -0,0 +1,319 @@
+import { serialize } from "node:v8";
+import { i18nstringLocalize } from "./helpers.js";
+import { createStore } from "./lib/store.ts";
+import { toRaw, type InjectionKey } from "vue";
+
+export type WidgetStore = ReturnType<typeof createWalletStore>;
+export const StoreKey: InjectionKey<WidgetStore> = Symbol("WidgetStore");
+
+function getDefaultFieldgroupState(
+	fieldgroup: FieldGroupDefinition,
+): FieldGroupConfig {
+	if (fieldgroup.type == "predefined") {
+		return { active: fieldgroup.required };
+	} else if (fieldgroup.type == "placeholder") {
+		return {
+			overflow: null,
+			entries: JSON.parse(JSON.stringify(fieldgroup.default_entries)),
+		};
+	}
+}
+
+function parseExistingFieldgroupState(
+	fieldgroup: FieldGroupDefinition,
+	existing?: FieldGroupConfig,
+): FieldGroupConfig {
+	if (!existing) {
+		return getDefaultFieldgroupState(fieldgroup);
+	}
+	if (fieldgroup.type == "predefined") {
+		return {
+			active: "active" in existing ? existing.active : fieldgroup.required,
+		};
+	} else if (fieldgroup.type == "placeholder") {
+		return {
+			overflow: "overflow" in existing ? existing.overflow : null,
+			// TODO: check that placeholders are possible
+			entries: structuredClone(
+				toRaw(
+					"entries" in existing ? existing.entries : fieldgroup.default_entries,
+				),
+			),
+		};
+	}
+}
+
+export function createWalletStore(config: {
+	platforms: Platforms;
+	variables: VariableConfig;
+	locales: Record<string, string>;
+	csrfToken: string;
+	layoutId: string;
+}) {
+	return createStore({
+		state: () => ({
+			...config,
+			loaded: false,
+			activePlatform: config.platforms[0].identifier,
+			name: null as string | null,
+			platformLayouts: {} as Record<string, NewPlatformLayout>,
+		}),
+		getters: {
+			platform() {
+				return this.getPlatform(this.activePlatform);
+			},
+			layout() {
+				if (!this.loaded) {
+					return;
+				}
+				return this.platformLayouts[this.activePlatform] || null;
+			},
+			style(): Style {
+				if (this.layout) {
+					return this.platform.styles[this.layout.style];
+				} else {
+					return null;
+				}
+			},
+			styles() {
+				return this.platform.styles;
+			},
+			settings() {
+				const settings = {};
+				for (const setting of this.style.settings) {
+					if (setting.type == "text") {
+						settings[setting.identifier] =
+							this.layout.settings[setting.identifier];
+					} else if (setting.type == "image") {
+						settings[setting.identifier] =
+							this.layout.file_settings[setting.identifier];
+					}
+				}
+				return settings;
+			},
+			renderedFieldGroups() {
+				const content = {};
+				const group_defs = this.style.fieldgroups;
+				for (const fieldgroup of group_defs) {
+					if (fieldgroup.type == "placeholder") {
+						content[fieldgroup.identifier] = [];
+						const layout_group = this.layout.fieldgroups[
+							fieldgroup.identifier
+						] as any as PlaceholderFieldGroupConfig;
+						for (const entry of layout_group.entries) {
+							const placeholder =
+								entry.type === "placeholder"
+									? this.variables[fieldgroup.content_type][entry.content]
+									: null;
+
+							let label = i18nstringLocalize(entry.label);
+							if (placeholder && !label) {
+								label = i18nstringLocalize(placeholder.label);
+							}
+
+							let value = null;
+							if (entry.type == "custom") {
+								value = i18nstringLocalize(entry.content);
+							} else if (entry.type == "placeholder") {
+								value =
+									placeholder?.sample ||
+									`(unknown placeholder: ${entry.content})`;
+							}
+							content[fieldgroup.identifier].push({
+								entry,
+								label,
+								content: value,
+							});
+						}
+					}
+				}
+				for (const fieldgroup of group_defs) {
+					if (fieldgroup.type == "placeholder") {
+						const layout_group: PlaceholderFieldGroupConfig =
+							this.layout.fieldgroups[
+								fieldgroup.identifier
+							];
+						if (
+							fieldgroup.max_entries &&
+							content[fieldgroup.identifier].length > fieldgroup.max_entries
+						) {
+							const overflow = content[fieldgroup.identifier].slice(
+								fieldgroup.max_entries,
+							);
+							content[fieldgroup.identifier] = content[
+								fieldgroup.identifier
+							].slice(0, fieldgroup.max_entries);
+							if (layout_group.overflow) {
+								content[layout_group.overflow].splice(0, 0, ...overflow);
+							}
+						}
+					}
+				}
+
+				return content;
+			},
+		},
+		actions: {
+			getPlatform(identifier: string): Platform {
+				for (const platform of this.platforms) {
+					if (platform.identifier === identifier) {
+						return platform;
+					}
+				}
+			},
+			load() {
+				// TODO: error handling / proper api client
+				fetch(
+					`/api/v1/organizers/demo/events/wallet/walletlayouts/${this.layoutId}/`,
+				)
+					.then((x) => x.json())
+					.then((x) => {
+						this.parseServerLayout(x);
+						this.loaded = true;
+					})
+					.catch(alert);
+			},
+			parseServerLayout(serverLayout) {
+				this.name = serverLayout.name;
+				for (const layout of serverLayout.platform_layouts) {
+					const clientLayout = {
+						style: layout.style,
+						fieldgroups: {},
+						settings: layout.layout.settings,
+						file_settings: layout.file_settings,
+					};
+					const styleDefinition = this.getPlatform(layout.platform).styles[
+						layout.style
+					];
+					console.log(styleDefinition);
+					for (const fieldgroup of styleDefinition.fieldgroups) {
+						clientLayout.fieldgroups[fieldgroup.identifier] =
+							parseExistingFieldgroupState(
+								fieldgroup,
+								layout.layout.fieldgroups[fieldgroup.identifier],
+							);
+					}
+					this.platformLayouts[layout.platform] = clientLayout;
+				}
+			},
+			setPlatform(platform: string) {
+				this.activePlatform = platform;
+			},
+			setStyle(style: string | null) {
+				if (style === null) {
+					delete this.platformLayouts[this.activePlatform];
+				} else if (Object.keys(this.platform.styles).includes(style)) {
+					const newLayout = {
+						style,
+						fieldgroups: {},
+						settings: {},
+						file_settings: {},
+					};
+					for (const fieldgroup of this.platform.styles[style].fieldgroups) {
+						newLayout.fieldgroups[fieldgroup.identifier] =
+							getDefaultFieldgroupState(fieldgroup);
+					}
+					this.platformLayouts[this.activePlatform] = newLayout;
+					// TODO: keep old fieldgroups & settings if matching
+				}
+			},
+			getSetting(identifier: string): Setting {
+				for (const setting of this.style.settings) {
+					if (setting.identifier === identifier) {
+						return setting;
+					}
+				}
+			},
+			setSetting(identifier: string, value: string | File) {
+				const setting = this.getSetting(identifier);
+				if (!setting) return;
+
+				if (
+					setting.type === "image" &&
+					(value instanceof File || value === null)
+				) {
+					this.layout.file_settings[setting.identifier] = {
+						file: value as File | null,
+					};
+				} else if (setting.type == "text" && typeof value == "string") {
+					this.layout.settings[setting.identifier] = value;
+				}
+			},
+			async uploadFile(file: ClientSideFile) {
+				return await fetch("/api/v1/upload", {
+					method: "POST",
+					body: file.file,
+					headers: {
+						"content-disposition": `attachment; filename="${encodeURI(file.file.name)}"`,
+						"content-type": file.file.type || "application/octet-stream",
+						"X-CSRFToken": this.csrfToken,
+					},
+				})
+					.then((x) => x.json())
+					.then((x) => {
+						file.identifier = x.id;
+						return x.id;
+					})
+					.catch(alert);
+			},
+			async serializePlatformLayout(platform, layout: NewPlatformLayout) {
+				const uploadedFiles = Object.fromEntries(
+					(
+						await Promise.all(
+							Object.entries(layout.file_settings).map(async ([k, v]) => {
+								if ("url" in v) {
+									return;
+								} else if ("identifier" in v) {
+									return [k, v.identifier];
+								} else if ("file" in v && v.file instanceof File) {
+									return [k, await this.uploadFile(v)];
+								} else if ("file" in v && v.file == null) {
+									return [k, null];
+								}
+							}),
+						)
+					).filter((x) => !!x),
+				);
+				return {
+					platform,
+					style: layout.style,
+					file_settings: uploadedFiles,
+					layout: {
+						fieldgroups: layout.fieldgroups,
+						settings: layout.settings,
+					},
+				};
+			},
+			async serializeLayout() {
+				const layoutPromises = Object.entries(this.platformLayouts).map(
+					([platform, layout]) =>
+						this.serializePlatformLayout(platform, layout),
+				);
+				return {
+					name: this.name,
+					platform_layouts: await Promise.all(layoutPromises),
+				};
+			},
+			async save() {
+				const serializedLayout = await this.serializeLayout();
+				// TODO: error handling / proper api client
+				fetch(
+					`/api/v1/organizers/demo/events/wallet/walletlayouts/${this.layoutId}/`,
+					{
+						method: "PUT",
+						headers: {
+							"content-type": "application/json",
+							"X-CSRFToken": this.csrfToken,
+						},
+						body: JSON.stringify(serializedLayout),
+					},
+				)
+					.then((x) => x.json())
+					.catch((x) => alert(x))
+					.then((x) => {
+						this.parseServerLayout(x);
+					});
+			},
+		},
+	});
+}

src/pretix/plugins/wallet/static/pretixplugins/wallet/walletStore.ts.old

@@ -0,0 +1,252 @@
+import { i18nstringLocalize } from "./helpers.js";
+import { createStore } from "./lib/store.ts";
+import { toRaw, type InjectionKey } from "vue";
+
+export type WidgetStore = ReturnType<typeof createWalletStore>;
+export const StoreKey: InjectionKey<WidgetStore> = Symbol("WidgetStore");
+
+export function createWalletStore(config: {
+	platforms: Platforms;
+	variables: VariableConfig;
+	locales: Record<string, string>;
+	csrfToken: string;
+	layoutId: string;
+}) {
+	return createStore({
+		state: () => ({
+			...config,
+			walletLayout: null as WalletLayout | null,
+			currentPlatform: config.platforms[0].identifier,
+			loaded: false,
+            files: {} as Record<string, File>
+		}),
+		getters: {
+			currentPlatformStyles() {
+				for (const platform of this.platforms) {
+					if (platform.identifier === this.currentPlatform) {
+						return platform.styles;
+					}
+				}
+				throw "Unknown platform";
+			},
+			currentPlatformLayout(): PlatformLayout {
+				if (!this.walletLayout) {
+					throw "currentPlatformLayout access before store was loaded";
+				}
+				for (const layout of this.walletLayout.platform_layouts) {
+					if (layout.platform === this.currentPlatform) {
+						if (!("fieldgroups" in layout.layout)) {
+							layout.layout.fieldgroups = {};
+						}
+						if (!("settings" in layout.layout)) {
+							layout.layout.settings = {};
+						}
+						return layout;
+					}
+				}
+				const newLayout = {
+					platform: this.currentPlatform,
+					style: null,
+					layout: { fieldgroups: {}, settings: {} },
+				};
+				this.walletLayout.platform_layouts.push(newLayout);
+				return newLayout;
+			},
+
+			currentLayoutFieldContent() {
+				const content = {};
+				const group_defs =
+					this.currentPlatformStyles[this.currentPlatformLayout.style]
+						.fieldgroups;
+				for (const fieldgroup of group_defs) {
+					if (fieldgroup.type == "placeholder") {
+						content[fieldgroup.identifier] = [];
+						const layout_group = this.currentPlatformLayout.layout.fieldgroups[
+							fieldgroup.identifier
+						] as any as PlaceholderFieldGroupConfig;
+						for (const entry of layout_group.entries) {
+							const placeholder =
+								entry.type === "placeholder"
+									? this.variables[fieldgroup.content_type][entry.content]
+									: null;
+
+							let label = i18nstringLocalize(entry.label);
+							if (placeholder && !label) {
+								label = i18nstringLocalize(placeholder.label);
+							}
+
+							let value = null;
+							if (entry.type == "custom") {
+								value = i18nstringLocalize(entry.content);
+							} else if (entry.type == "placeholder") {
+								value =
+									placeholder?.sample ||
+									`(unknown placeholder: ${entry.content})`;
+							}
+							content[fieldgroup.identifier].push({
+								entry,
+								label,
+								content: value,
+							});
+						}
+					}
+				}
+				for (const fieldgroup of group_defs) {
+					if (fieldgroup.type == "placeholder") {
+						const layout_group: PlaceholderFieldGroupConfig =
+							this.currentPlatformLayout.layout.fieldgroups[
+								fieldgroup.identifier
+							];
+						if (
+							fieldgroup.max_entries &&
+							content[fieldgroup.identifier].length > fieldgroup.max_entries
+						) {
+							const overflow = content[fieldgroup.identifier].slice(
+								fieldgroup.max_entries,
+							);
+							content[fieldgroup.identifier] = content[
+								fieldgroup.identifier
+							].slice(0, fieldgroup.max_entries);
+							if (layout_group.overflow) {
+								content[layout_group.overflow].splice(0, 0, ...overflow);
+							}
+						}
+					}
+				}
+
+				return content;
+			},
+			currentLayoutSettings() {
+				return {...this.currentPlatformLayout.file_settings, ...this.currentPlatformLayout.layout.settings}
+			},
+		},
+		actions: {
+			load() {
+				// TODO: error handling / proper api client
+				fetch(
+					`/api/v1/organizers/demo/events/wallet/walletlayouts/${this.layoutId}/`,
+				)
+					.then((x) => x.json())
+					.then((x) => {
+						this.walletLayout = x;
+						this.loaded = true;
+					});
+			},
+			async uploadFile(file: File) {
+				return await fetch("/api/v1/upload", {
+					method: "POST",
+					body: file,
+					headers: {
+						"content-disposition": `attachment; filename="${encodeURI(file.name)}"`,
+						"content-type": file.type || "application/octet-stream",
+						"X-CSRFToken": this.csrfToken,
+					},
+				})
+					.then((x) => x.json())
+					.then((x) => x.id);
+			},
+			async saveLayout() {
+                const layoutToSave = structuredClone(toRaw(this.walletLayout))
+                // TODO: error handling, parallelization
+				for (const platformLayout of layoutToSave.platform_layouts) {
+					const platformStyle = this.platforms.filter(
+						(x) => x.identifier == platformLayout.platform,
+					)[0].styles[platformLayout.style];
+					for (const setting of platformStyle.settings) {
+                        console.log(setting, platformLayout.layout?.settings[setting.identifier])
+						if (
+							setting.type === "image" &&
+							platformLayout.layout?.settings[setting.identifier] instanceof
+								File
+						) {
+							platformLayout.layout.settings[setting.identifier] = await
+								this.uploadFile(
+									platformLayout.layout.settings[setting.identifier],
+								);
+						}
+					}
+				}
+				// TODO: error handling / proper api client
+				fetch(
+					`/api/v1/organizers/demo/events/wallet/walletlayouts/${this.layoutId}/`,
+					{
+						method: "PUT",
+						headers: {
+							"content-type": "application/json",
+							"X-CSRFToken": this.csrfToken,
+						},
+						body: JSON.stringify(layoutToSave),
+					},
+				)
+					.then((x) => x.json())
+					.catch((x) => alert(x))
+					.then((x) => {
+						this.walletLayout = x;
+					});
+			},
+			setCurrentPlatformStyle(style: string | null) {
+				if (style === null) {
+					this.currentPlatformLayout.style = null;
+					this.currentPlatformLayout.layout.fieldgroups = {};
+				} else if (Object.keys(this.currentPlatformStyles).includes(style)) {
+					const oldStyle =
+						this.currentPlatformLayout.style !== null
+							? this.currentPlatformStyles[this.currentPlatformLayout.style]
+							: { fieldgroups: [] };
+					const newStyle = this.currentPlatformStyles[style];
+
+					const oldFieldGroups = Object.fromEntries(
+						oldStyle.fieldgroups.map((x) => [x.identifier, x]),
+					);
+					const newFieldGroups = Object.fromEntries(
+						newStyle.fieldgroups.map((x) => [x.identifier, x]),
+					);
+					const keysToKeep = new Set(
+						Object.keys(this.currentPlatformLayout.layout.fieldgroups).filter(
+							(x) =>
+								oldFieldGroups[x]?.type === "placeholder" &&
+								newFieldGroups[x]?.type === "placeholder" &&
+								oldFieldGroups[x]?.content_type ===
+									newFieldGroups[x]?.content_type,
+						),
+					);
+					const keysToDefault = new Set(Object.keys(newFieldGroups)).difference(
+						keysToKeep,
+					);
+					const keysToRemove = new Set(
+						Object.keys(this.currentPlatformLayout.layout.fieldgroups),
+					)
+						.difference(keysToKeep)
+						.difference(keysToDefault);
+
+					for (const key of keysToRemove) {
+						delete this.currentPlatformLayout.layout.fieldgroups[key];
+					}
+
+					for (const key of keysToDefault) {
+						if (newFieldGroups[key].type == "placeholder") {
+							this.currentPlatformLayout.layout.fieldgroups[key] = {
+								overflow: null,
+								entries: JSON.parse(
+									JSON.stringify(newFieldGroups[key].default_entries),
+								),
+								active:
+									newFieldGroups[key].required ||
+									newFieldGroups[key].default_entries.length > 0,
+							};
+						} else {
+							this.currentPlatformLayout.layout.fieldgroups[key] = {
+								active: newFieldGroups[key].required,
+							};
+						}
+					}
+
+					this.currentPlatformLayout.style = style;
+				}
+			},
+			setSetting(identifier: string, value: string | File | null) {
+				this.currentPlatformLayout.layout.settings[identifier] = value;
+			},
+		},
+	});
+}

src/pretix/plugins/wallet/styles/__init__.py

@@ -0,0 +1,21 @@
+from .apple import ApplePlatform, AppleWalletEventTicket
+from .google import GooglePlatform, GoogleWalletEventTicket
+from .base import PassStyle
+
+AVAILABLE_PLATFORMS = [ApplePlatform, GooglePlatform]
+
+AVAILABLE_STYLES: dict[str, list[type[PassStyle]]] = {
+    "apple": [AppleWalletEventTicket],
+    "google": [GoogleWalletEventTicket],
+}
+
+AVAILABLE_STYLES_DICT = {
+    plat: {s.identifier: s for s in styls} for plat, styls in AVAILABLE_STYLES.items()
+}
+
+
+def get_style(platform: str, identifier: str) -> type[PassStyle] | None:
+    return AVAILABLE_STYLES_DICT.get(platform, {}).get(identifier)
+
+
+__all__ = ["AVAILABLE_PLATFORMS", "AVAILABLE_STYLES", "PassStyle"]

src/pretix/plugins/wallet/styles/apple.py

@@ -0,0 +1,369 @@
+from collections import OrderedDict
+from typing import Any
+
+from .base import (
+    FieldEntryType,
+    FieldGroupDisplay,
+    ImageFieldGroup,
+    PlaceholderFieldGroup,
+    PredefinedFieldGroup,
+    TextFieldGroup,
+    WalletPlatform,
+    PassStyle,
+    PlaceholderFieldEntry,
+    SettingsField,
+)
+from django.utils.translation import gettext as _, gettext_lazy, override
+from i18nfield.strings import LazyI18nString
+import io
+import hashlib
+import zipfile
+import cryptography
+import cryptography.x509
+import cryptography.hazmat.primitives.serialization.pkcs7
+import json
+from django.contrib.staticfiles import finders
+from pretix.base.models import OrderPosition
+from django.utils.encoding import force_bytes
+from django import forms
+
+
+class ApplePlatform(WalletPlatform):
+    identifier = "apple"
+    name = _("Apple")
+
+
+class FormattedLazyI18nString:
+    def __init__(self, base_str: LazyI18nString, **format_args: str):
+        self.base_str = base_str
+        self.format_args = format_args
+
+    def localize(self, language):
+        return self.base_str.localize(language).format(**self.format_args)
+
+def lazyi18nstring_from_gettext(text: str, locales: set[str]) -> LazyI18nString:
+    data = {}
+    for locale in locales:
+        with override(locale):
+            data[locale] = _(text)
+    return LazyI18nString(data)
+
+
+class StringResource:
+    entries: dict[str, LazyI18nString | FormattedLazyI18nString]
+    locales: set[str]
+
+    def __init__(self, locales):
+        self.entries = {}
+        self.locales = set(locales)
+
+    def add_entry(self, key: str, value: LazyI18nString | FormattedLazyI18nString):
+        if key in self.entries:
+            raise ValueError(f"{key} already exists in this StringResource")
+        self.entries[key] = value
+
+    def escape(self, string):
+        return string.translate(
+            str.maketrans({'"': '\\"', "\r": "\\r", "\n": "\\n", "\\": "\\\\"})
+        )
+
+    def generate_resource(self, language):
+        output = ""
+        for key, entry in self.entries.items():
+            output += (
+                f'"{self.escape(key)}" = "{self.escape(entry.localize(language))}";\n'
+            )
+        return output.strip()
+
+    def generate(self):
+        return {language: self.generate_resource(language) for language in self.locales}
+
+
+class SignedZipFile:
+    """Generates a zip-file with manifest and signature as apple expects a pkpass file to be"""
+
+    def __init__(
+        self,
+        ca_certificate: str | bytes,
+        certificate: str | bytes,
+        key: str | bytes,
+        password,
+    ):
+        self.ca_certificate = cryptography.x509.load_pem_x509_certificate(
+            force_bytes(ca_certificate)
+        )
+        self.certificate = cryptography.x509.load_pem_x509_certificate(
+            force_bytes(certificate)
+        )
+        self.key = cryptography.hazmat.primitives.serialization.load_pem_private_key(
+            force_bytes(key), force_bytes(password) if password else None
+        )
+        self.password = password
+
+        self.file = io.BytesIO()
+        self.zip_file = zipfile.ZipFile(self.file, "w")
+        self.manifest = {}
+
+    def sign(self, data: bytes):
+        return (
+            cryptography.hazmat.primitives.serialization.pkcs7.PKCS7SignatureBuilder()
+            .set_data(data)
+            .add_signer(
+                self.certificate,
+                self.key,
+                cryptography.hazmat.primitives.hashes.SHA256(),
+            )
+            .add_certificate(self.ca_certificate)
+            .sign(
+                cryptography.hazmat.primitives.serialization.Encoding.DER,
+                [
+                    cryptography.hazmat.primitives.serialization.pkcs7.PKCS7Options.Binary,
+                    cryptography.hazmat.primitives.serialization.pkcs7.PKCS7Options.DetachedSignature,
+                ],
+            )
+        )
+
+    def finish(self):
+        manifest = json.dumps(self.manifest).encode()
+        signature = self.sign(manifest)
+        self.add_file("manifest.json", manifest)
+        self.add_file("signature", signature)
+        self.zip_file.close()
+        return self.file.getvalue()
+
+    def add_file(self, filename: str, content: str | bytes):
+        if isinstance(content, str):
+            content = content.encode()
+
+        with self.zip_file.open(filename, "w") as f:
+            f.write(content)
+        self.manifest[filename] = hashlib.sha1(content).hexdigest()
+
+
+class AppleWalletStyle(PassStyle):
+    @property
+    def settings(self):
+        return [
+            SettingsField(
+                identifier="logo",
+                label=_("Logo"),
+                type="image",
+                required=False,
+                help_text="Will be displayed on the top left corner of the pass"
+            ),
+            SettingsField(
+                identifier="icon",
+                label=_("Icon"),
+                type="image",
+                required=False,
+                help_text="Will be displayed as the file icon"
+            ),
+        ]
+
+    def pass_content(self, fields, strings):
+        raise NotImplementedError()
+
+    def generate_pass_json(self, fields, op, strings):
+        ticket = str(op.item.name)
+        if op.variation:
+            ticket += " - " + str(op.variation)
+
+        description = FormattedLazyI18nString(
+            LazyI18nString.from_gettext("Ticket for {event} ({product})"),
+            event=self.event.name,
+            product=ticket,
+        )
+        strings.add_entry("description", description)
+
+        serialNumber = "%s-%s-%s-%d" % (
+            self.event.organizer.slug,
+            self.event.slug,
+            op.order.code,
+            op.pk,
+        )
+
+        pass_json = {
+            "formatVersion": 1,
+            "description": "description",
+            "organizationName": self.event.organizer.name,
+            "passTypeIdentifier": self.event.settings.wallet_apple_pass_type_id,
+            "teamIdentifier": self.event.settings.wallet_apple_team_id,
+            "serialNumber": serialNumber,
+            **self.pass_content(fields, strings),
+        }
+        return pass_json
+
+    def generate(self, op: OrderPosition):
+        order = op.order
+        filename = "{}-{}.pkpass".format(order.event.slug, order.code)
+
+        fields = self.get_pass_fields(op)
+
+        pkpass = SignedZipFile(
+            self.event.settings.wallet_apple_ca_certificate.read(),
+            self.event.settings.wallet_apple_certificate.read(),
+            self.event.settings.wallet_apple_key.read(),
+            self.event.settings.wallet_apple_key_password,
+        )
+        strings = StringResource(locales=self.event.settings.locales)
+
+        pass_json = self.generate_pass_json(fields, op, strings)
+        print(pass_json)
+        breakpoint()
+        if fields["logo"]:
+            logo = fields["logo"][0]["value"]
+        else:
+            logo = open(finders.find("pretix_passbook/logo.png"), "rb")
+
+        if fields["icon"]:
+            icon = fields["icon"][0]["value"]
+        else:
+            icon = open(finders.find("pretix_passbook/icon.png"), "rb")
+
+        pkpass.add_file("icon.png", icon.read())
+        pkpass.add_file("logo.png", logo.read())
+
+        for lang, content in strings.generate().items():
+            pkpass.add_file(f"{lang}.lproj/pass.strings", content)
+        pkpass.add_file("pass.json", json.dumps(pass_json))
+        result = pkpass.finish()
+        return filename, "application/vnd.apple.pkpass", result
+
+
+class AppleWalletEventTicket(AppleWalletStyle):
+    identifier = "event_1"
+    name = _("Event Ticket Layout 1")
+    fieldgroups = [
+        TextFieldGroup(
+            identifier="logo_text",
+            name=_("Logo text"),
+            max_entries=1,
+            display=FieldGroupDisplay.PLAIN,
+            default_entries=[],
+            context_args={"event", "order", "order_position"},
+        ),
+        TextFieldGroup(
+            identifier="primary",
+            name=_("Primary"),
+            min_entries=1,
+            max_entries=1,
+            default_entries=[
+                PlaceholderFieldEntry(
+                    label=LazyI18nString({"de": "Tickettyp", "en": "Ticket type"}),
+                    content="item",
+                )
+            ],  # TODO: support Lazyi18nproxy here by using lazyi18nstring_from_gettext
+            description=_("These fields appear prominently featured on the pass."),
+            required=True,
+            context_args={"event", "order", "order_position"},
+        ),
+        TextFieldGroup(
+            identifier="secondary",
+            name=_("Secondary"),
+            max_entries=4,
+            context_args={"event", "order", "order_position"},
+        ),  # TODO: validation of max field count if combined "Coupons, store cards, and generic passes with a square barcode can have a total of up to four secondary and auxiliary fields, combined."
+        TextFieldGroup(
+            identifier="header",
+            name=_("Header"),
+            max_entries=3,
+            context_args={"event", "order", "order_position"},
+        ),
+        TextFieldGroup(
+            identifier="auxiliary",
+            name=_("Auxiliary"),
+            max_entries=4,
+            context_args={"event", "order", "order_position"},
+        ),
+        TextFieldGroup(
+            identifier="code",
+            name=_("QR-Code"),
+            max_entries=1,
+            display=FieldGroupDisplay.CODE,
+            default_entries=[
+                PlaceholderFieldEntry(
+                    content="secret",
+                )
+            ],
+            context_args={"event", "order", "order_position"},
+        ),
+        TextFieldGroup(
+            identifier="back",
+            name=_("Back"),
+            context_args={"event", "order", "order_position"},
+        ),
+    ]
+    preview_layout = [
+        [
+            {
+                "children": [
+                    {"setting": "logo"},
+                    {
+                        "fieldgroup": "logo_text",
+                        "relSize": 3,
+                        "display": ["bold", "large", "centered"],
+                    },
+                    {
+                        "fieldgroup": "header",
+                        "relSize": 2,
+                        "display": ["large", "tight"],
+                    },
+                ]
+            },
+            {"fieldgroup": "primary", "display": "large"},
+            {"fieldgroup": "secondary"},
+            {"fieldgroup": "auxiliary"},
+            {"fieldgroup": "code"},
+        ],
+        [{"fieldgroup": "back", "direction": "column"}],
+    ]
+
+    def convert_fields(self, strings, fields, prefix):
+        converted = []
+        for i, f in enumerate(fields):
+            converted_field = {**f, "key": f"{prefix}-{i}"}
+            if "label" in converted_field and isinstance(
+                converted_field["label"], LazyI18nString
+            ):
+                strings.add_entry(f"{prefix}-{i}-label", converted_field["label"])
+                converted_field["label"] = f"{prefix}-{i}-label"
+
+            if isinstance(converted_field["value"], LazyI18nString):
+                strings.add_entry(f"{prefix}-{i}-value", converted_field["value"])
+                converted_field["value"] = f"{prefix}-{i}-value"
+            converted.append(converted_field)
+        return converted
+
+    def pass_content(self, fields, strings):
+        content: dict[str, Any] = {
+            "eventTicket": {
+                "primaryFields": self.convert_fields(
+                    strings, fields["primary"], "primary"
+                ),
+                "secondaryFields": self.convert_fields(
+                    strings, fields["secondary"], "secondary"
+                ),
+                "auxiliaryFields": self.convert_fields(
+                    strings, fields["auxiliary"], "auxiliary"
+                ),
+                "backFields": self.convert_fields(strings, fields["back"], "back"),
+                "headerFields": self.convert_fields(
+                    strings, fields["header"], "header"
+                ),
+            },
+        }
+        if fields["logo_text"]:
+            content["logoText"] = self.convert_fields(
+                strings, fields["logo_text"], "logo_text"
+            )[0]["value"]
+
+        if fields["code"]:
+            content["barcodes"] = [
+                {
+                    "format": "PKBarcodeFormatQR",
+                    "message": str(fields["code"][0]["value"]),
+                    "messageEncoding": "utf-8",
+                    "altText": str(fields["code"][0]["value"]),
+                }
+            ]
+        return content

src/pretix/plugins/wallet/styles/base.py

@@ -0,0 +1,453 @@
+import enum
+from typing import Literal, OrderedDict, TypedDict
+from i18nfield.strings import LazyI18nString
+import jsonschema
+from django.core.exceptions import ValidationError
+from pretix.base.models import OrderPosition
+from ..placeholders import WalletPlaceholderContext, get_wallet_placeholders
+from django import forms
+from pretix.api.helpers import handle_file_upload
+from django.core.files import File
+
+class WalletPlatform:
+    identifier: str
+    name: str
+
+
+class LayoutContext(TypedDict):
+    placeholders: dict[str, dict]
+
+
+class FieldGroupType(enum.Enum):
+    PLACEHOLDER = "placeholder"
+    PREDEFINED = "predefined"
+
+
+class FieldGroupDisplay(enum.Enum):
+    PLAIN = "plain"
+    WITH_LABEL = "with_label"
+    CODE = "code"
+
+
+class FieldGroup:
+    type: FieldGroupType
+    identifier: str
+    name: str
+    description: str
+    required: bool = False
+
+    def __init__(self, identifier: str, name: str, description=None, required=False):
+        self.identifier = identifier
+        self.name = name
+        self.required = required
+        self.description = description or ""
+
+    def layout_schema(
+        self,
+        remaining_fields: list["FieldGroup"],
+        context: LayoutContext,
+    ) -> dict:
+        raise NotImplementedError()
+
+    def asdict(self):
+        return {
+            "type": self.type.value,
+            "identifier": self.identifier,
+            "name": self.name,
+            "description": self.description,
+            "required": self.required,
+        }
+
+
+class FieldContentType(enum.Enum):
+    IMAGE = "image"
+    TEXT = "text"
+
+
+class FieldEntryType(enum.Enum):
+    CUSTOM = "custom"
+    PLACEHOLDER = "placeholder"
+
+
+class FieldEntry[T]:
+    type: FieldEntryType
+    label: LazyI18nString | None
+    content: T
+
+    def __init__(
+        self, type: FieldEntryType, content: T, label: LazyI18nString | None = None
+    ):
+        self.type = type
+        self.label = label
+        self.content = content
+
+    def asdict(self) -> dict:
+        return {
+            "type": self.type.value,
+            "content": self.content,
+            "label": self.label.data if self.label else None,
+        }
+
+
+class PlaceholderFieldEntry(FieldEntry[str]):
+    type = FieldEntryType.PLACEHOLDER
+    label: LazyI18nString | None
+    content: str
+
+    def __init__(self, content: str, label: LazyI18nString | None = None):
+        self.label = label
+        self.content = content
+
+
+class CustomFieldEntry(FieldEntry[LazyI18nString]):
+    type: FieldEntryType
+    label: LazyI18nString | None
+    content: LazyI18nString
+
+    def asdict(self) -> dict:
+        return {
+            "type": self.type.value,
+            "content": self.content.data,
+            "label": self.label.data if self.label else None,
+        }
+
+
+class PredefinedFieldGroup(FieldGroup):
+    type = FieldGroupType.PREDEFINED
+
+    def layout_schema(
+        self,
+        remaining_fields: list["FieldGroup"],
+        context: LayoutContext,
+    ):
+        return {"type": "object", "properties": {"active": {"type": "boolean"}}}
+
+
+class PlaceholderFieldGroup(FieldGroup):
+    type = FieldGroupType.PLACEHOLDER
+    content_type: FieldContentType
+    default_entries: list[FieldEntry]
+    display: FieldGroupDisplay
+    min_entries: int | None
+    max_entries: int | None
+    context_args: set[
+        str
+    ]  # what context arguments are available when rendering this fieldgroup
+
+    def __init__(
+        self,
+        identifier: str,
+        name: str,
+        content_type: FieldContentType,
+        description: str = "",
+        required=False,
+        default_entries=None,
+        min_entries=None,
+        max_entries=None,
+        display=FieldGroupDisplay.WITH_LABEL,
+        context_args: set[str] | None = None,
+    ):
+        super().__init__(identifier, name, description, required)
+        self.content_type = content_type
+        self.default_entries = default_entries or []
+        self.min_entries = min_entries
+        self.max_entries = max_entries
+        self.display = display
+        self.context_args = context_args or set()
+
+        if self.required and (self.min_entries is None or self.min_entries < 1):
+            self.min_entries = 1
+
+    def asdict(self):
+        return {
+            **super().asdict(),
+            "content_type": self.content_type.value,
+            "default_entries": [x.asdict() for x in self.default_entries],
+            "display": self.display.value,
+            "min_entries": self.min_entries,
+            "max_entries": self.max_entries,
+            "context_args": list(sorted(self.context_args)),
+        }
+
+    def layout_schema(
+        self,
+        remaining_fields: list["FieldGroup"],
+        context: LayoutContext,
+    ):
+        content_type_placeholders = (
+            context["placeholders"].get(self.content_type.value, {}).values()
+        )
+        available_placeholders = [
+            x.identifier
+            for x in content_type_placeholders
+            if WalletPlaceholderContext.is_available(x, self.context_args)
+        ]
+        return {
+            "type": "object",
+            "properties": {
+                "entries": self.entries_schema(placeholders=available_placeholders),
+                "overflow": {
+                    "anyOf": [
+                        {"type": "null"},
+                        {
+                            "type": "string",
+                            "enum": [
+                                f.identifier
+                                for f in remaining_fields
+                                if isinstance(f, PlaceholderFieldGroup)
+                                and f.content_type == self.content_type
+                            ],
+                        },
+                    ]
+                },
+            },
+            "required": ["entries"],
+        }
+
+    def entries_schema(self, placeholders: list[str]):
+        baseprops = {}
+        if self.display == FieldGroupDisplay.WITH_LABEL:
+            baseprops["label"] = {"$ref": "#/$defs/I18nString"}
+
+        schema = {
+            "type": "array",
+            "items": {
+                "type": "object",
+                "anyOf": [
+                    {
+                        "properties": {
+                            **baseprops,
+                            "type": {"const": "placeholder"},
+                            "content": {"enum": placeholders},
+                        }
+                    },
+                    {
+                        "properties": {
+                            **baseprops,
+                            "type": {"const": "custom"},
+                            "content": {"$ref": "#/$defs/I18nString"},
+                        }
+                    },
+                ],
+                "required": ["type", "content"],
+            },
+        }
+        if self.display == FieldGroupDisplay.WITH_LABEL:
+            schema["items"]["required"].append("label")
+        if self.min_entries is not None:
+            schema["minItems"] = self.min_entries
+        # max_entries is not enforced here, as the layout can have more fields than that (null-fields are removed, rest is overspilled)
+        return schema
+
+
+class TextFieldGroup(PlaceholderFieldGroup):
+    content_type = FieldContentType.TEXT
+
+    def __init__(self, **kwargs):
+        super().__init__(content_type=self.content_type, **kwargs)
+
+
+class ImageFieldGroup(PlaceholderFieldGroup):
+    content_type = FieldContentType.IMAGE
+    display = FieldGroupDisplay.PLAIN
+
+    def __init__(self, **kwargs):
+        super().__init__(content_type=self.content_type, display=self.display, **kwargs)
+
+
+class SettingsField:
+    identifier: str
+    label: str
+    type: Literal["image", "text"]
+    help_text: str|None
+    required: bool
+
+    def __init__(
+        self,
+        identifier: str,
+        label: str,
+        type: Literal["image", "text"] = "text",
+        help_text = None,
+        required: bool = False,
+    ):
+        self.identifier = identifier
+        self.label = label
+        self.type = type
+        self.help_text = help_text
+        self.required = required
+
+    def asdict(self):
+        return {
+            "identifier": self.identifier,
+            "label": self.label,
+            "type": self.type,
+            "help_text": self.help_text,
+            "required": self.required,
+        }
+
+
+class PassStyle:
+    identifier: str  # unique within platform
+    name: str
+    # order here limits in what order users can configure field "overspilling" (if too many fields are defined, where should the rest go)
+    #   -> can only go down in the list
+    # we evaluate the fields in this order, so they overspill in this order as well
+    fieldgroups: list[FieldGroup]
+
+    @property
+    def settings(self) -> list[SettingsField]:
+        return []
+
+    @property
+    def preview_layout(self) -> list | None:
+        return None
+
+    def asdict(self):
+        return {
+            "identifier": self.identifier,
+            "name": self.name,
+            "fieldgroups": [x.asdict() for x in self.fieldgroups],
+            "preview_layout": self.preview_layout,
+            "settings": [x.asdict() for x in self.settings],
+        }
+
+    def layout_schema(self):
+        context = LayoutContext(placeholders=self.placeholders)
+        print(f"schema {self.settings=}")
+        schema = {
+            "$schema": "https://json-schema.org/draft/2020-12/schema",
+            # TODO: $id
+            "title": self.name,
+            "type": "object",
+            "properties": {
+                "fieldgroups": {
+                    "description": "Layout Field Groups",
+                    "type": "object",
+                    "properties": {
+                        group.identifier: group.layout_schema(
+                            context=context, remaining_fields=self.fieldgroups[i:]
+                        )
+                        for (i, group) in enumerate(self.fieldgroups)
+                    },
+                    "required": [
+                        group.identifier for group in self.fieldgroups if group.required
+                    ],
+                },
+                "settings": {
+                    "type": "object",
+                    "properties": {
+                        setting.identifier: {"type": ["string", "null"]}
+                        for setting in self.settings
+                    },
+                    "required": [
+                        setting.identifier for setting in self.settings if setting.required
+                    ],
+                }
+            },
+            "$defs": {
+                "I18nString": {
+                    "oneOf": [
+                        {"type": "string"},
+                        {"type": "object", "additionalProperties": {"type": "string"}},
+                    ]
+                }
+            },
+        }
+        if any(group.required for group in self.fieldgroups):
+            schema.setdefault("required", [])
+            schema["required"].append("fieldgroups")
+        # if any(setting.required for setting in self.settings):
+        #     schema.setdefault("required", [])
+        #     schema["required"].append("settings")
+
+        return schema
+
+    def render_placeholder(self, context, content_type, content):
+        placeholder = self.placeholders.get(content_type, {}).get(content)
+        if placeholder:
+            placeholder_value = context.render_placeholder(placeholder)
+            if placeholder_value:
+                return placeholder.label, placeholder_value
+
+        return None, None
+
+    def __init__(self, event, layout = None, file_settings: dict[str, File] | None = None):
+        self.event = event
+        self.layout = layout
+        self.placeholders = get_wallet_placeholders(self.event)
+        self.file_settings = file_settings
+
+    def validate(self):
+        schema = self.layout_schema()
+        try:
+            jsonschema.validate(self.layout, schema)
+        except jsonschema.ValidationError as e:
+            raise ValidationError("Invalid layout: {}".format(str(e)))
+
+    def extract_file_settings(self, request, file_settings):
+        res = {}
+        for setting in self.settings:
+            if setting.type == "image":
+                if file_settings.get(setting.identifier) == "file:keep":
+                    res[setting.identifier] = "keep"
+                elif data := file_settings.get(setting.identifier):
+                    res[setting.identifier] = handle_file_upload(data, request.user, request.auth, {"image/png", "image/jpeg"})
+                elif setting.identifier in file_settings:
+                    res[setting.identifier] = None
+
+        return res
+
+    def get_pass_fields(self, op: OrderPosition):
+        context = WalletPlaceholderContext(
+            event=self.event, order=op.order, order_position=op
+        )
+
+        fields = {}
+        for group in self.fieldgroups:
+            if isinstance(group, PredefinedFieldGroup):
+                pass
+
+            elif isinstance(group, PlaceholderFieldGroup):
+                group_fields = fields.get(group.identifier, [])
+                if group.identifier in self.layout["fieldgroups"]:
+                    for field in self.layout["fieldgroups"][group.identifier][
+                        "entries"
+                    ]:
+                        field_entry = {}
+                        if group.display == FieldGroupDisplay.WITH_LABEL:
+                            field_entry["label"] = LazyI18nString(field["label"])
+                        if field["type"] == FieldEntryType.PLACEHOLDER.value:
+                            label, field_entry["value"] = self.render_placeholder(
+                                context, group.content_type.value, field["content"]
+                            )
+                            if (
+                                group.display == FieldGroupDisplay.WITH_LABEL
+                                and not str(field_entry["label"])
+                                and label
+                            ):
+                                field_entry["label"] = LazyI18nString(label)
+
+                        elif field["type"] == FieldEntryType.CUSTOM.value:
+                            field_entry["value"] = LazyI18nString(field["content"])
+                        if "value" in field_entry and field_entry["value"]:
+                            group_fields.append(field_entry)
+                if group.min_entries and len(group_fields) < group.min_entries:
+                    raise ValueError(
+                        f"Group {group.identifier} needs at least {group.min_entries} entries, but only {len(group_fields)} were provided"
+                    )
+                fields[group.identifier] = group_fields[: group.max_entries]
+                if overflow_group := self.layout["fieldgroups"][group.identifier][
+                    "overflow"
+                ]:
+                    fields.setdefault(overflow_group, [])
+                    fields[overflow_group] += group_fields[group.max_entries :]
+
+            else:
+                raise ValueError("Unknown field group")
+        return fields
+
+    def group_is_active(self, identifier: str):
+        return self.layout["fieldgroups"].get(identifier, {}).get("active", False)
+
+    def generate(self, op: OrderPosition):
+        raise NotImplementedError()

src/pretix/plugins/wallet/styles/google.py

@@ -0,0 +1,361 @@
+from pretix.base.models import Event, OrderPosition
+
+from .base import (
+    FieldGroupDisplay,
+    ImageFieldGroup,
+    PassStyle,
+    PlaceholderFieldEntry,
+    PredefinedFieldGroup,
+    TextFieldGroup,
+    WalletPlatform,
+)
+from django.utils.translation import gettext as _
+
+from walletobjects import ButtonJWT, EventTicketClass, EventTicketObject
+from walletobjects.comms import Comms
+from walletobjects.constants import (
+    Barcode,
+    ClassType,
+    ConfirmationCode,
+    DoorsOpen,
+    MultipleDevicesAndHoldersAllowedStatus,
+    ObjectState,
+    ObjectType,
+    ReviewStatus,
+    Seat,
+)
+from pretix.base.settings import GlobalSettingsObject
+import uuid
+from pretix.multidomain.urlreverse import eventreverse_absolute
+from django.utils import translation
+from django.conf import settings
+
+
+def _get_instance_uuid():
+    gs = GlobalSettingsObject()
+    if not gs.settings.wallet_google_instance_uuid:
+        gs.settings.wallet_google_instance_uuid = str(uuid.uuid4())
+
+    return gs.settings.wallet_google_instance_uuid
+
+
+def get_class_id(event: Event):
+    # TODO: add layout id somewhere
+    instance_uuid = _get_instance_uuid()
+    issuer_id = event.settings.get("wallet_google_issuer_id")
+    return "%s.pretix-%s-%s-%s" % (
+        issuer_id,
+        instance_uuid,
+        event.organizer.slug,
+        event.slug,
+    )
+
+
+def get_object_id(op: OrderPosition):
+    instance_uuid = _get_instance_uuid()
+    issuer_id = op.order.event.settings.get("wallet_google_issuer_id")
+
+    return "%s.pretix-%s-%s-%s-%s-%s-1" % (
+        issuer_id,
+        instance_uuid,
+        op.order.event.organizer.slug,
+        op.order.event.slug,
+        op.order.code,
+        op.positionid,
+    )
+
+
+def get_translated_dict(string, locales):
+    translated = {}
+
+    for locale in locales:
+        translation.activate(locale)
+        translated[locale] = _(string)
+        translation.deactivate()
+
+    return translated
+
+
+def get_translated_string(string, locale):
+    translation.activate(locale)
+    translated = _(string)
+    translation.deactivate()
+
+    return translated
+
+
+class GooglePlatform(WalletPlatform):
+    identifier = "google"
+    name = _("Google")
+
+
+class GoogleWalletStyle(PassStyle):
+    platform = GooglePlatform
+
+    def _generate_class(self):
+        output_class = EventTicketClass(
+            self.event.organizer.name,
+            get_class_id(self.event),
+            MultipleDevicesAndHoldersAllowedStatus.multipleHolders,  # TODO: Make configurable
+            self.event.name,
+            ReviewStatus.underReview,
+            self.event.settings.locale,
+        )
+
+        output_class.homepage_uri(
+            eventreverse_absolute(self.event, "presale:event.index"),
+            get_translated_string("Website", self.event.settings.locale),
+            get_translated_dict("Website", self.event.settings.locales),
+        )
+
+        # TODO: callback url
+        # output_class.callback_url(eventreverse_absolute(event.organizer,"plugins:wallet:google_webhook",))
+
+        # TODO: move to pass settings or set defaults
+        # if (event.settings.get('ticketoutput_googlepaypasses_latitude')
+        #         and event.settings.get('ticketoutput_googlepaypasses_longitude')):
+        #     output_class.locations(
+        #         event.settings.get('ticketoutput_googlepaypasses_latitude'),
+        #         event.settings.get('ticketoutput_googlepaypasses_longitude')
+        #     )
+        # elif event.geo_lat and event.geo_lon:
+        #     output_class.locations(
+        #         event.geo_lat,
+        #         event.geo_lon
+        #     )
+
+        # output_class.country_code(event.settings.locale)
+
+        # if event.settings.get('ticketoutput_googlepaypasses_hero'):
+        #     output_class.hero_image(
+        #         urljoin(django_settings.SITE_URL, event.settings.get('ticketoutput_googlepaypasses_hero').url),
+        #         str(event.name),
+        #         event.name,
+        #     )
+
+        # output_class.hex_background_color(event.settings.get('primary_color'))
+        # output_class.event_id('pretix-%s-%s-%s' % (gs.settings.get('update_check_id'), event.organizer.id, event.id))
+
+        # if event.settings.get('ticketoutput_googlepaypasses_logo'):
+        #     output_class.logo(
+        #         urljoin(django_settings.SITE_URL, event.settings.get('ticketoutput_googlepaypasses_logo').url),
+        #         str(event.name),
+        #         event.name,
+        #     )
+
+        # if event.location:
+        #     name = {}
+        #     address = {}
+
+        #     for key, value in event.location.data.items():
+        #         lines = value.splitlines()
+        #         name[key] = lines[0]
+        #         # We must provide at least one address line each for the name and address - no way around it.
+        #         if len(lines) > 1:
+        #             address[key] = '\n'.join(value.splitlines()[1:])
+        #         else:
+        #             address[key] = lines[0]
+
+        #     output_class.venue(name, address)
+
+        # if event.date_from and event.date_to and event.date_admission:
+        #     output_class.date_time(
+        #         DoorsOpen.doorsOpen,
+        #         event.date_admission.isoformat(),
+        #         event.date_from.isoformat(),
+        #         event.date_to.isoformat(),
+        #     )
+
+        # output_class.confirmation_code_label(ConfirmationCode.orderNumber)
+
+        # if event.seating_plan_id is not None:
+        #     output_class.seat_label(Seat.seat)
+
+        # return self._comms().put_item(ClassType.eventTicketClass, class_name, output_class)
+        return output_class
+
+    def _generate_object(self, op: OrderPosition, class_id: str):
+        output_object = EventTicketObject(
+            get_object_id(op), class_id, ObjectState.active, self.event.settings.locale
+        )
+        return output_object
+
+    def generate(self, op):
+        self.op = op
+        comms = Comms(self.event.settings.get("wallet_google_credentials").read())
+
+        class_object = self._generate_class()
+        ticket_object = self._generate_object(op, class_id=class_object["id"])
+
+        # TODO: privacy screen
+        class_object = comms.put_item(
+            ClassType.eventTicketClass, class_object["id"], class_object
+        )
+        ticket_object = comms.put_item(
+            ObjectType.eventTicketObject, ticket_object["id"], ticket_object
+        )
+
+        generated_jwt = comms.sign_jwt(
+            ButtonJWT(
+                origins=[settings.SITE_URL],
+                issuer=comms.client_email,
+                event_ticket_objects=[ticket_object],
+                skinny=True,
+            )
+        )
+
+        return (
+            "googlepaypass",
+            "text/uri-list",
+            "https://pay.google.com/gp/v/save/%s" % generated_jwt,
+        )
+
+
+class GoogleWalletEventTicket(GoogleWalletStyle):
+    identifier = "event"
+    name = "Event Ticket"
+    fieldgroups = [
+        ImageFieldGroup(
+            identifier="logo",
+            name=_("Logo"),
+            min_entries=0,
+            max_entries=1,
+            default_entries=[
+                PlaceholderFieldEntry(
+                    content="poweredby",
+                )
+            ],
+        ),
+        PredefinedFieldGroup(identifier="venue", name=_("Venue")),
+        PredefinedFieldGroup(identifier="date", name=_("Date")),
+        PredefinedFieldGroup(identifier="seating", name=_("Seating")),
+        TextFieldGroup(
+            identifier="code",
+            name=_("QR-Code"),
+            max_entries=1,
+            display=FieldGroupDisplay.CODE,
+            default_entries=[
+                PlaceholderFieldEntry(
+                    content="secret",
+                )
+            ],
+            context_args={"event", "order", "order_position"},
+        ),
+    ]
+
+    @property
+    def preview_layout(self):
+        return [
+            [
+                {
+                    "children": [
+                        {"fieldgroup": "logo", "relSize": 1},
+                        {
+                            "value": str(self.event.organizer.name),
+                            "relSize": 3,
+                            "display": ["large", "centered"],
+                        },
+                    ]
+                },
+                {
+                    "children": [
+                        {
+                            "fieldgroup": "venue",
+                            "sample": [
+                                {"content": self.venue()[0], "label": ""},
+                            ],
+                        },
+                        {"value": str(self.event.name), "display": "large"},
+                    ],
+                    "direction": "column",
+                    "display": ["tight"],
+                },
+                {
+                    "fieldgroup": "date",
+                    "sample": [
+                        {"content": "01/01/1970", "label": "Date"},
+                        {"content": "12:34", "label": "Time"},
+                    ],
+                },
+                {
+                    "fieldgroup": "seating",
+                    "sample": [
+                        {"content": "5", "label": "Row"},
+                        {"content": "2", "label": "Seat"},
+                    ],
+                },
+                {"fieldgroup": "code"},
+            ],
+            [
+                {
+                    "fieldgroup": "venue",
+                    "sample": [
+                        {"content": self.venue()[1], "label": self.venue()[0]},
+                    ],
+                },
+            ],
+        ]
+
+    def venue(self):
+        if self.event.location:
+            name = {}
+            address = {}
+
+            for key, value in self.event.location.data.items():
+                lines = value.splitlines()
+                name[key] = lines[0]
+                # We must provide at least one address line each for the name and address - no way around it.
+                if len(lines) > 1:
+                    address[key] = "\n".join(value.splitlines()[1:])
+                else:
+                    address[key] = lines[0]
+
+            return name, address
+        return "", ""
+
+    def _generate_class(self):
+        output_class = super()._generate_class()
+        if self.group_is_active("venue") and all(self.venue()):
+            output_class.venue(*self.venue())
+        return output_class
+
+    def _generate_object(self, op: OrderPosition, class_id: str):
+        output_object = super()._generate_object(op, class_id)
+        fields = self.get_pass_fields(op)
+        if fields["code"]:
+            output_object.barcode(
+                Barcode.qrCode, fields["code"][0]["value"], fields["code"][0]["value"]
+            )
+
+        # output_object.reservation_info("%s-%s" % (op.order.event.slug, op.order.code))
+        # output_object.ticket_holder_name(op.attendee_name or (op.addon_to.attendee_name if op.addon_to else ''))
+        output_object.ticket_holder_name("Some name")
+        output_object.ticket_number(fields["code"][0]["value"])
+        # output_object.ticket_type(
+        #     get_translated_dict(
+        #         str(op.item) + (" – " + str(op.variation.value) if op.variation else ""),
+        #         op.order.event.settings.get('locales')
+        #     )
+        # )
+
+        # places = django_settings.CURRENCY_PLACES.get(op.order.event.currency, 2)
+        # output_object.face_value(int(op.price * 1000 ** places), op.order.event.currency)
+
+        # if op.order.event.seating_plan_id is not None:
+        #     if op.seat:
+        #         output_object.seat(
+        #             get_translated_dict(
+        #                 _(str(op.seat)),
+        #                 op.order.event.settings.get('locales')
+        #             )
+        #         )
+        #     else:
+        #         output_object.seat(
+        #             get_translated_dict(
+        #                 _('General admission'),
+        #                 op.order.event.settings.get('locales')
+        #             )
+        #         )
+
+        # return self._comms().put_item(ObjectType.eventTicketObject, object_name, output_object)
+        return output_object

src/pretix/plugins/wallet/templates/pretixplugins/wallet/create.html

@@ -0,0 +1,35 @@
+{% extends "pretixcontrol/event/base.html" %}
+{% load i18n %}
+{% load money %}
+{% load bootstrap3 %}
+{% load vite %}
+{% load static %}
+{% load compress %}
+
+
+{% block title %}{% trans "Wallet layouts" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "New layout" %}</h1>
+    <form action="" method="post" class="form-horizontal">
+        {% csrf_token %}
+        {% bootstrap_form form layout="control" %}
+        <div class="form-group">
+            <label class="col-md-3 control-label">
+                {% trans "Ticket design" %}
+            </label>
+            <div class="col-md-9 form-control-static">
+                <p>
+                    {% blocktrans trimmed %}
+                        You can modify the design after you saved this page.
+                    {% endblocktrans %}
+                </p>
+            </div>
+        </div>
+        <div class="form-group submit-group">
+            <button type="submit" class="btn btn-primary btn-save">
+                {% trans "Save" %}
+            </button>
+        </div>
+    </form>
+{% endblock %}

src/pretix/plugins/wallet/templates/pretixplugins/wallet/delete.html

@@ -0,0 +1,19 @@
+{% extends "pretixcontrol/event/base.html" %}
+{% load i18n %}
+{% load bootstrap3 %}
+{% block title %}{% trans "Wallet layout" %}{% endblock %}
+{% block content %}
+    <h1>{% trans "Wallet layout" %}</h1>
+    <form action="" method="post" class="form-horizontal">
+        {% csrf_token %}
+        <p>{% blocktrans with name=object.name %}Are you sure you want to delete <strong>"{{ name }}"</strong>?{% endblocktrans %}</p>
+        <div class="form-group submit-group">
+            <a href="{% url "plugins:wallet:index" organizer=request.event.organizer.slug event=request.event.slug %}" class="btn btn-default btn-cancel">
+                {% trans "Cancel" %}
+            </a>
+            <button type="submit" class="btn btn-danger btn-save">
+                {% trans "Delete" %}
+            </button>
+        </div>
+    </form>
+{% endblock %}

src/pretix/plugins/wallet/templates/pretixplugins/wallet/edit.html

@@ -0,0 +1,22 @@
+{% extends "pretixcontrol/event/base.html" %}
+{% load i18n %}
+{% load money %}
+{% load bootstrap3 %}
+{% load vite %}
+{% load static %}
+{% load compress %}
+
+
+{% block title %}{% trans "Wallet layouts" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "Edit layout" %}</h1>
+    {{ platforms|json_script:"platforms" }}
+    {{ variables|json_script:"variables" }}
+    {{ locales|json_script:"locales" }}
+    <div id="editor" data-layout-id="{{ object.pk }}"></div>
+    {% vite_hmr %}
+    {% vite_asset "src/pretix/plugins/wallet/static/pretixplugins/wallet/main.ts" %}
+
+    {% csrf_token %}
+{% endblock %}

src/pretix/plugins/wallet/templates/pretixplugins/wallet/layout_list.html

@@ -0,0 +1,74 @@
+{% extends "pretixcontrol/event/base.html" %}
+{% load i18n %}
+{% load money %}
+{% load wallet %}
+{% block title %}{% trans "Wallet layouts" %}{% endblock %}
+{% block content %}
+    <h1>{% trans "Wallet layouts" %}</h1>
+    {% if object_list|length == 0 %}
+        <div class="empty-collection">
+            <p>
+                {% blocktrans trimmed %}
+                    You haven't created any layouts yet.
+                {% endblocktrans %}
+            </p>
+
+            {% if "event.settings.general:write" in request.eventpermset %}
+                <a href="{% url "plugins:wallet:add" organizer=request.event.organizer.slug event=request.event.slug %}"
+                        class="btn btn-primary btn-lg"><i class="fa fa-plus"></i> {% trans "Create a new layout" %}
+                </a>
+            {% endif %}
+        </div>
+    {% else %}
+        <div class="table-responsive">
+            <table class="table table-hover table-quotas">
+                <thead>
+                <tr>
+                    <th>{% trans "Name" %}</th>
+                    <th>{% trans "Default" %}</th>
+                    <th class="action-col-2"></th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for l in object_list %}
+                    <tr>
+                        <td>
+                            {% if "can_change_event_settings" in request.eventpermset %}
+                                <strong><a href="{% url "plugins:wallet:edit" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}">
+                                    {{ l.name }}
+                                </a></strong>
+                            {% else %}
+                                <strong>{{ l.name }}</strong>
+                            {% endif %}
+                        </td>
+                        <td>
+                            {% if l.default %}
+                                <span class="text-success">
+                                    <span class="fa fa-check"></span>
+                                    {% trans "Default" %}
+                                </span>
+                            {% elif "can_change_event_settings" in request.eventpermset %}
+                                <form class="form-inline" method="post"
+                                        action="{% url "plugins:wallet:default" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}">
+                                    {% csrf_token %}
+                                    <button class="btn btn-default btn-sm">
+                                        {% trans "Make default" %}
+                                    </button>
+                                </form>
+                            {% endif %}
+                        </td>
+                        <td class="text-right flip">
+                            {% if "can_change_event_settings" in request.eventpermset %}
+                                <a href="{% url "plugins:wallet:edit" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
+                                <a href="{% url "plugins:wallet:add" organizer=request.event.organizer.slug event=request.event.slug %}?copy_from={{ l.id }}"
+                                        class="btn btn-default btn-sm" title="{% trans "Clone" %}" data-toggle="tooltip"><i class="fa fa-copy"></i></a>
+                                <a href="{% url "plugins:wallet:delete" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
+                            {% endif %}
+                        </td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    {% endif %}
+{% endblock %}

src/pretix/plugins/wallet/templates/pretixplugins/wallet/settings_content.html

@@ -0,0 +1,8 @@
+{% load i18n %}
+<p>
+    <a class="btn btn-primary btn-lg" target="_blank"
+            href="{% url "plugins:wallet:index" organizer=request.organizer.slug event=request.event.slug %}">
+        <span class="fa fa-paint-brush"></span>
+        {% trans "Edit layouts" %}
+    </a>
+</p>

src/pretix/plugins/wallet/templatetags/wallet.py

@@ -0,0 +1,10 @@
+from django import template
+
+from ..models import WalletLayout
+
+register = template.Library()
+
+
+@register.filter
+def platform_layouts(platform, event):
+    return WalletLayout.objects.filter(event=event, platform=platform.identifier)

src/pretix/plugins/wallet/ticketoutput.py

@@ -0,0 +1,192 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020  Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see <https://pretix.eu/about/en/license>.
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program.  If not, see
+# <https://www.gnu.org/licenses/>.
+#
+import logging
+from django.utils.translation import gettext_lazy as _
+from pretix.base.ticketoutput import BaseTicketOutput
+from pretix.base.models import Event
+from pretix.base.settings import SettingsSandbox
+from django.template.loader import render_to_string
+from django.shortcuts import get_object_or_404
+from .styles.base import WalletPlatform
+from .styles.apple import ApplePlatform
+from .styles.google import GooglePlatform
+from collections import OrderedDict
+from django import forms
+from .forms import CertificateFileField, validate_rsa_privkey
+from pretix.control.forms import ClearableBasenameFileInput
+
+logger = logging.getLogger("pretix.plugins.wallet")
+
+
+class WalletSettingsHolder(BaseTicketOutput):
+    identifier = "wallet"
+    verbose_name = _("Wallet Output")
+
+    is_meta = True
+    is_enabled = False
+    preview_allowed = (
+        False  # TODO: implement own preview view or hide button for meta-outputs
+    )
+
+    def settings_content_render(self, request) -> str:
+        return render_to_string(
+            "pretixplugins/wallet/settings_content.html", {"request": request}
+        )
+
+
+class WalletOutput(BaseTicketOutput):
+    settings_form_fields = []
+    platform: WalletPlatform
+
+    def __init__(self, event: Event):
+        super().__init__(event)
+        self.settings = SettingsSandbox(
+            "ticketoutput", WalletSettingsHolder.identifier, event
+        )
+
+    def generate(self, op):
+        if hasattr(op.item, "walletlayout"):
+            wallet_layout = op.item.walletlayout
+        else:
+            wallet_layout = op.event.wallet_layouts.get(default=True)
+        platform_layout = get_object_or_404(
+            wallet_layout.platform_layouts, platform=self.platform.identifier
+        )
+        return self.platform.generate(platform_layout.pass_layout, op)
+
+
+class GoogleWalletTicketOutput(WalletOutput):
+    identifier = "wallet_google"
+    verbose_name = _("Google")
+    download_button_text = "Add to Google Wallet"
+    platform = GooglePlatform
+
+    def get_global_settings(sender, **kwargs):
+        return OrderedDict(
+            [
+                (
+                    "wallet_google_issuer_id",
+                    forms.CharField(
+                        label=_("Google Wallet Issuer/Merchant ID"),
+                        help_text=_(
+                            # TODO: update text
+                            "After getting accepted by Google into the Google Pay API for Passes program, "
+                            "your Issuer ID can be found in the Merchant center at "
+                            "https://wallet.google.com/merchant/walletobjects/"
+                        ),
+                        required=False,
+                    ),
+                ),
+                (
+                    "wallet_google_credentials",
+                    forms.FileField(
+                        label=_("Google Wallet Service Account Credentials"),
+                        help_text=_(
+                            "Please paste the contents of the JSON credentials file "
+                            "of the service account you tied to your Google Pay API "
+                            "for Passes Issuer ID"
+                        ),
+                        required=False,
+                        # TODO: add validator
+                        # validators=[validate_json_credentials]
+                    ),
+                ),
+                (
+                    "wallet_google_instance_uuid",
+                    forms.CharField(
+                        label=_("Google Wallet Pass Instance UUID"),
+                        help_text=_(
+                            "Instance-specific part to be added to the wallet ids"
+                        ),
+                        required=False,
+                    ),
+                ),
+
+            ]
+        )
+
+
+class AppleWalletTicketOutput(WalletOutput):
+    identifier = "wallet_apple"
+    verbose_name = _("Apple")
+    download_button_text = "Add to Apple Wallet"
+    platform = ApplePlatform
+
+    def get_global_settings(sender, **kwargs):
+        return OrderedDict(
+            [
+                (
+                    "wallet_apple_team_id",
+                    forms.CharField(
+                        label=_("Apple Wallet Pass team ID"),
+                        required=False,
+                    ),
+                ),
+                (
+                    "wallet_apple_pass_type_id",
+                    forms.CharField(
+                        label=_("Apple Wallet Pass type"),
+                        required=False,
+                    ),
+                ),
+                (
+                    "wallet_apple_certificate",
+                    CertificateFileField(
+                        label=_("Apple Wallet Pass certificate file"),
+                        required=False,
+                    ),
+                ),
+                (
+                    "wallet_apple_ca_certificate",
+                    CertificateFileField(
+                        label=_("Apple Wallet Pass CA Certificate"),
+                        help_text=_(
+                            "You can download the current CA certificate from apple at "
+                            "https://www.apple.com/certificateauthority/AppleWWDRCAG4.cer"
+                        ),
+                        required=False,
+                    ),
+                ),
+                (
+                    "wallet_apple_key",
+                    forms.FileField(
+                        label=_("Apple Wallet Pass secret key"),
+                        required=False,
+                        validators=[validate_rsa_privkey],
+                        widget=ClearableBasenameFileInput,
+                    ),
+                ),
+                (
+                    "wallet_apple_key_password",
+                    forms.CharField(
+                        label=_("Apple Wallet Pass key password"),
+                        widget=forms.PasswordInput(render_value=True),
+                        required=False,
+                        help_text=_(
+                            "Optional, only necessary if the key entered above requires a password to use."
+                        ),
+                    ),
+                ),
+            ]
+        )
+
+OUTPUTS = [WalletSettingsHolder, GoogleWalletTicketOutput, AppleWalletTicketOutput]

src/pretix/plugins/wallet/urls.py

@@ -0,0 +1,50 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020  Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see <https://pretix.eu/about/en/license>.
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program.  If not, see
+# <https://www.gnu.org/licenses/>.
+#
+from django.urls import re_path
+from pretix.api.urls import event_router
+
+from .views import (
+    LayoutEditorView,
+    LayoutCreateView,
+    LayoutListView,
+    LayoutPreviewView,
+    LayoutSetDefault,
+    LayoutDelete
+)
+from .api import WalletLayoutViewSet
+
+urlpatterns = [
+    re_path(r'^control/event/(?P<organizer>[^/]+)/(?P<event>[^/]+)/wallet/$',
+        LayoutListView.as_view(), name='index'),
+    re_path(r'^control/event/(?P<organizer>[^/]+)/(?P<event>[^/]+)/wallet/add/$',
+        LayoutCreateView.as_view(), name='add'),
+    re_path(r'^control/event/(?P<organizer>[^/]+)/(?P<event>[^/]+)/wallet/edit/(?P<layout>[^/]+)/$',
+        LayoutEditorView.as_view(), name='edit'),
+    re_path(r'^control/event/(?P<organizer>[^/]+)/(?P<event>[^/]+)/wallet/preview/$',
+        LayoutPreviewView.as_view(), name='preview'),
+    re_path(r'^control/event/(?P<organizer>[^/]+)/(?P<event>[^/]+)/wallet/default/(?P<layout>[^/]+)/$', # TODO
+        LayoutSetDefault.as_view(), name='default'),
+    re_path(r'^control/event/(?P<organizer>[^/]+)/(?P<event>[^/]+)/wallet/delete/(?P<layout>[^/]+)/$', # TODO
+        LayoutDelete.as_view(), name='delete'),
+]
+
+event_router.register('walletlayouts', WalletLayoutViewSet)

src/pretix/plugins/wallet/views.py

@@ -0,0 +1,242 @@
+import copy
+import json
+from typing import Any
+
+from django.db import transaction
+from django import forms
+from django.core.exceptions import BadRequest
+from django.db.models.query import QuerySet
+from django.urls import reverse
+from django.http import HttpResponse, HttpResponseRedirect
+from django.utils.translation import gettext_lazy as _
+from django.views.generic import CreateView, DetailView, ListView, DeleteView, View
+from pretix_vrpayment_wero.payment import HttpRequest
+from pretix.base.i18n import language
+from pretix.base.pdf import get_images, get_variables
+from pretix.base.services.tickets import get_preview_position
+from pretix.control.permissions import EventPermissionRequiredMixin
+from django.conf import settings
+from django.shortcuts import redirect
+from pretix.helpers.database import rolledback_transaction
+from pretix.helpers.models import modelclone
+from .models import WalletLayout
+from .styles import (
+    AVAILABLE_STYLES,
+    AVAILABLE_PLATFORMS,
+    AVAILABLE_STYLES_DICT,
+)
+from django.contrib import messages
+from django.contrib.staticfiles import finders
+from django.utils.functional import cached_property
+from django.templatetags.static import static
+from .placeholders import get_wallet_placeholders, WalletPlaceholderContext
+from pretix.base.middleware import add_to_response_csp
+
+def get_editor_placeholders(event):
+    with (
+        rolledback_transaction(),
+        language(event.settings.locale, event.settings.region),
+    ):
+        p = get_preview_position(event)
+        context = WalletPlaceholderContext(event=event, order=p.order, order_position=p)
+        placeholders = {
+            t: {
+                pid: {"label": str(p.label), "sample": str(context.render_sample(p)), "required_context": list(sorted(p.required_context))}
+                for pid, p in ps.items()
+            }
+            for t, ps in get_wallet_placeholders(event).items()
+        }
+    return placeholders
+
+
+class WalletLayoutMixin:
+    model = WalletLayout
+    permission = "event.settings.general:write"
+    pk_url_kwarg = "layout"
+    context_object_name = "layouts"
+
+    def get_queryset(self):
+        return self.request.event.wallet_layouts.all()
+
+
+class LayoutListView(WalletLayoutMixin, EventPermissionRequiredMixin, ListView):
+    template_name = "pretixplugins/wallet/layout_list.html"
+
+
+class LayoutDetailView(WalletLayoutMixin, EventPermissionRequiredMixin, DetailView):
+    pass
+
+
+class LayoutEditorView(LayoutDetailView):
+    template_name = "pretixplugins/wallet/edit.html"
+
+    def get_context_data(self, **kwargs) -> dict[str, Any]:
+        context = super().get_context_data(**kwargs)
+        context["platforms"] = [
+            {
+                "identifier": platform.identifier,
+                "name": platform.name,
+                "styles": {
+                    style.identifier: style(self.request.event).asdict()
+                    for style in AVAILABLE_STYLES.get(platform.identifier)
+                },
+            }
+            for platform in AVAILABLE_PLATFORMS
+        ]
+        context["variables"] = get_editor_placeholders(self.request.event)
+        context["locales"] = {
+            l: dict(settings.LANGUAGES).get(l, l)
+            for l in self.request.event.settings.get("locales")
+        }
+
+        return context
+    def dispatch(self, request: HttpRequest, *args: Any, **kwargs: Any) -> HttpResponse:
+        response = super().dispatch(request, *args, **kwargs)
+        add_to_response_csp(response, {
+            'img-src': ['blob:'],
+        })
+        return response
+
+class WalletLayoutCreateForm(forms.ModelForm):
+    class Meta:
+        model = WalletLayout
+        fields = ("name",)
+
+    def __init__(self, *args, event, **kwargs):
+        super().__init__(*args, **kwargs)
+        self.event = event
+
+    def save(self, *args, **kwargs) -> Any:
+        self.instance.event = self.event
+        return super().save(*args, **kwargs)
+
+
+class LayoutCreateView(WalletLayoutMixin, EventPermissionRequiredMixin, CreateView):
+    template_name = "pretixplugins/wallet/create.html"
+    form_class = WalletLayoutCreateForm
+    permission = "event.settings.general:write"
+
+    def form_valid(self, form):
+        self.object = form.save()
+        if self.copy_from:
+            for pl in self.copy_from.platform_layouts.all():
+                modelclone(pl, parent=self.object).save()
+        return HttpResponseRedirect(self.get_success_url())
+
+    def get_form_kwargs(self) -> dict[str, Any]:
+        kwargs = super().get_form_kwargs()
+        kwargs["event"] = self.request.event
+
+        if self.copy_from:
+            kwargs["instance"] = modelclone(self.copy_from, default=False)
+            kwargs.setdefault("initial", {})
+
+        return kwargs
+
+    def get_success_url(self) -> str:
+        return reverse(
+            "plugins:wallet:edit",
+            kwargs={
+                "organizer": self.request.event.organizer.slug,
+                "event": self.request.event.slug,
+                "layout": self.object.pk,
+            },
+        )
+
+    @cached_property
+    def copy_from(self) -> WalletLayout | None:
+        if self.request.GET.get("copy_from"):
+            try:
+                return self.get_queryset().get(pk=self.request.GET.get("copy_from"))
+            except WalletLayout.DoesNotExist:
+                pass
+
+
+class LayoutPreviewView(EventPermissionRequiredMixin, View):
+    permission = "event.settings.general:write"
+
+    def post(self, request, **kwargs):
+        event = request.event
+        platform_id = request.POST.get("platform")
+        style_id = request.POST.get("style")
+        layout = request.POST.get("layout")
+
+        platform = None
+        for p in AVAILABLE_PLATFORMS:
+            if p.identifier == platform_id:
+                platform = p
+        if not platform:
+            raise BadRequest("Unknown platform")
+        if style_id not in AVAILABLE_STYLES_DICT[platform_id]:
+            raise BadRequest("Unknown style")
+        style = AVAILABLE_STYLES_DICT[platform_id][style_id]
+
+        layout = json.loads(layout)
+        with (
+            rolledback_transaction(),
+            language(request.event.settings.locale, request.event.settings.region),
+        ):
+            p = get_preview_position(request.event)
+            l = style(event=event, layout=layout) # TODO
+            file_settings = l.extract_file_settings(request)
+            layout = style(event, layout, file_settings)
+            layout.validate()
+
+            fname, mimet, data = layout.generate(p)
+            resp = HttpResponse(data, content_type=mimet)
+            ftype = fname.split(".")[-1]
+            if not mimet.startswith("text/"):
+                resp["Content-Disposition"] = (
+                    'attachment; filename="ticket-preview.{}"'.format(ftype)
+                )
+            return resp
+
+
+class LayoutSetDefault(LayoutDetailView):
+    @transaction.atomic
+    def post(self, request, *args, **kwargs):
+        obj = self.get_object()
+        request.event.wallet_layouts.exclude(pk=obj.pk).update(default=False)
+        obj.default = True
+        obj.save(update_fields=["default"])
+        messages.success(self.request, _("Your changes have been saved."))
+        return redirect(self.get_success_url())
+
+    def get_success_url(self) -> str:
+        return reverse(
+            "plugins:wallet:index",
+            kwargs={
+                "organizer": self.request.event.organizer.slug,
+                "event": self.request.event.slug,
+            },
+        )
+
+
+class LayoutDelete(WalletLayoutMixin, DeleteView):
+    template_name = "pretixplugins/wallet/delete.html"
+
+    def get_success_url(self) -> str:
+        return reverse(
+            "plugins:wallet:index",
+            kwargs={
+                "organizer": self.request.event.organizer.slug,
+                "event": self.request.event.slug,
+            },
+        )
+
+    @transaction.atomic
+    def form_valid(self, form):
+        self.object = self.get_object()
+        self.object.log_action(
+            action="pretix.plugins.wallet.layout.deleted", user=self.request.user
+        )
+        self.object.delete()
+
+        if not self.request.event.wallet_layouts.filter(default=True).exists():
+            f = self.request.event.wallet_layouts.first()
+            if f:
+                f.default = True
+                f.save(update_fields=["default"])
+
+        messages.success(self.request, _("The selected layout been deleted."))
+        return redirect(self.get_success_url())

src/tests/plugins/wallet/test_apple.py

@@ -0,0 +1,186 @@
+from pretix.plugins.wallet.styles.apple import SignedZipFile, StringResource, AppleWalletEventTicket
+from django.utils.translation import gettext as _
+import pytest
+from i18nfield.strings import LazyI18nString
+from cryptography.hazmat.primitives.asymmetric import rsa
+from cryptography.hazmat.primitives import serialization, hashes
+from cryptography import x509
+import datetime
+import io
+import zipfile
+import json
+import jsonschema
+
+
+@pytest.fixture
+def pkpass_context():
+    key_pw = b"TESTPW"
+    now = datetime.datetime.now()
+    ca_key = rsa.generate_private_key(public_exponent=65537, key_size=4096)
+    ca_cert = (
+        x509.CertificateBuilder()
+        .subject_name(
+            x509.Name([x509.NameAttribute(x509.oid.NameOID.COMMON_NAME, "TTDR")])
+        )
+        .issuer_name(
+            x509.Name([x509.NameAttribute(x509.oid.NameOID.COMMON_NAME, "ROOT Inc.")])
+        )
+        .public_key(ca_key.public_key())
+        .serial_number(1)
+        .not_valid_before(now)
+        .not_valid_after(now + datetime.timedelta(days=365))
+        .sign(ca_key, hashes.SHA256())
+    )
+
+    key = rsa.generate_private_key(public_exponent=65537, key_size=4096)
+    cert = (
+        x509.CertificateBuilder()
+        .subject_name(
+            x509.Name(
+                [x509.NameAttribute(x509.oid.NameOID.COMMON_NAME, "UID=pass.test.test")]
+            )
+        )
+        .issuer_name(
+            x509.Name([x509.NameAttribute(x509.oid.NameOID.COMMON_NAME, "TTDR")])
+        )
+        .public_key(key.public_key())
+        .serial_number(2)
+        .not_valid_before(now)
+        .not_valid_after(now + datetime.timedelta(days=365))
+        .sign(ca_key, hashes.SHA256())
+    )
+
+    ca_cert_pem = cert.public_bytes(encoding=serialization.Encoding.PEM)
+    cert_pem = cert.public_bytes(encoding=serialization.Encoding.PEM)
+    key_pem = key.private_bytes(
+        encoding=serialization.Encoding.PEM,
+        format=serialization.PrivateFormat.TraditionalOpenSSL,
+        encryption_algorithm=serialization.BestAvailableEncryption(key_pw),
+    )
+    return {
+        "ca_certificate": ca_cert_pem,
+        "certificate": cert_pem,
+        "key": key_pem,
+        "password": key_pw,
+    }
+
+
+def test_signed_zip(pkpass_context):
+    pkpass = SignedZipFile(**pkpass_context)
+    generated_pass = pkpass.finish()
+
+    with zipfile.ZipFile(io.BytesIO(generated_pass), "r") as zip_file:
+        assert set(zip_file.namelist()) == {"manifest.json", "signature"}
+        with zip_file.open("manifest.json") as f:
+            manifest = json.load(f)
+        assert manifest == {}
+
+        with zip_file.open("signature") as f:
+            signature = f.read()
+
+        assert signature
+
+    pkpass = SignedZipFile(**pkpass_context)
+    pkpass.add_file("test", b"test content")
+    generated_pass = pkpass.finish()
+
+    with zipfile.ZipFile(io.BytesIO(generated_pass), "r") as zip_file:
+        assert set(zip_file.namelist()) == {"test", "manifest.json", "signature"}
+        with zip_file.open("manifest.json") as f:
+            manifest = json.load(f)
+        assert manifest == {"test": "1eebdf4fdc9fc7bf283031b93f9aef3338de9052"}
+
+        with zip_file.open("signature") as f:
+            signature = f.read()
+
+        assert signature
+
+    pkpass = SignedZipFile(**pkpass_context)
+    pkpass.add_file("test/test", "test content")
+    generated_pass = pkpass.finish()
+
+    with zipfile.ZipFile(io.BytesIO(generated_pass), "r") as zip_file:
+        assert set(zip_file.namelist()) == {"test/test", "manifest.json", "signature"}
+        with zip_file.open("manifest.json") as f:
+            manifest = json.load(f)
+        assert manifest == {"test/test": "1eebdf4fdc9fc7bf283031b93f9aef3338de9052"}
+
+        with zip_file.open("signature") as f:
+            signature = f.read()
+
+        assert signature
+
+
+def test_stringresource_minimal():
+    resource = StringResource(locales=["de", "en"])
+    resource.add_entry("TEST", LazyI18nString({"de": "test-de", "en": "test-en"}))
+    stringfiles = resource.generate()
+
+    assert stringfiles.keys() == {"de", "en"}
+    assert stringfiles["de"] == '"TEST" = "test-de";'
+    assert stringfiles["en"] == '"TEST" = "test-en";'
+
+
+@pytest.mark.parametrize(
+    "input,output",
+    [
+        ['te"st', 'te\\"st'],
+        ["te\rst", "te\\rst"],
+        ["te\nst", "te\\nst"],
+        ["te\r\nst", "te\\r\\nst"],
+        ["te\r\nst", "te\\r\\nst"],
+        ["te\\st", "te\\\\st"],
+    ],
+)
+def test_stringresource_escaping(input, output):
+    resource = StringResource(locales=["en"])
+    resource.add_entry("TEST", LazyI18nString({"en": input}))
+    stringfiles = resource.generate()
+
+    assert stringfiles.keys() == {"en"}
+    assert stringfiles["en"] == f'"TEST" = "{output}";'
+
+    resource = StringResource(locales=["en"])
+    resource.add_entry(input, LazyI18nString({"en": "test"}))
+    stringfiles = resource.generate()
+
+    assert stringfiles.keys() == {"en"}
+    assert stringfiles["en"] == f'"{output}" = "test";'
+
+
+
+def test_stringresource_additional_locale():
+    resource = StringResource(locales=["de", "en", "fr"])
+    resource.add_entry("TEST", LazyI18nString({"de": "test-de", "en": "test-en"}))
+    stringfiles = resource.generate()
+
+    assert stringfiles.keys() == {"de", "en", "fr"}
+    assert stringfiles["de"] == '"TEST" = "test-de";'
+    assert stringfiles["en"] == '"TEST" = "test-en";'
+    assert stringfiles["fr"] == '"TEST" = "test-en";'
+
+def test_generate_pass_json():
+    context = {
+        "placeholders": {
+            "text": {"test_placeholder": {"evaluate": lambda: "test placeholder"}}
+        },
+        "description": "Ticket for Test",
+        "organizationName": "TestOrg",
+        "serialNumber": "1",
+        "passTypeIdentifier": "pass.test.test",
+        "teamIdentifier": "ABCDEF123456"
+    }
+    layout = {"fieldgroups": {"primary": {"entries": [{"type": "placeholder", "label": "test", "content": "test_placeholder"}, {"type": "text", "label": {"de":"test-de", "en": "test-en"}, "content": "test content"}]}}}
+    style = AppleWalletEventTicket()
+    schema = style.layout_schema(context)
+    jsonschema.validate(schema, layout)
+
+    result = style.generate_pass_json(layout, context)
+
+    required_fields = ["description", "formatVersion", "organizationName", "passTypeIdentifier", "serialNumber", "teamIdentifier"]
+    for field in required_fields:
+        assert field in result
+
+    assert result['formatVersion'] == 1
+
+    breakpoint()

src/tests/plugins/wallet/test_wallet.py

@@ -0,0 +1,306 @@
+from pretix.plugins.wallet.styles.base import (
+    PassStyle,
+    PredefinedFieldGroup,
+    WalletPlatform,
+    PlaceholderFieldGroup,
+    FieldContentType,
+    FieldGroupType,
+    FieldEntryType,
+    FieldGroupDisplay
+)
+from django.utils.translation import gettext as _
+import jsonschema
+import pytest
+from i18nfield.strings import LazyI18nString
+from cryptography.hazmat.primitives.asymmetric import rsa
+from cryptography.hazmat.primitives import serialization, hashes
+from cryptography import x509
+import datetime
+import io
+import zipfile
+import json
+
+
+class WalletTestPlatform(WalletPlatform):
+    identifier = "test_platform"
+    name = _("Test Wallet Platform")
+
+
+class MinimalTestStyle(PassStyle):
+    platform = WalletTestPlatform
+    identifier = "test_style"
+    name = _("Test Wallet Style")
+    fieldgroups = []
+
+
+class TicketTestStyle(PassStyle):
+    platform = WalletTestPlatform
+    identifier = "test_ticket"
+    name = _("Test Wallet Style Ticket")
+    fieldgroups = [
+        PlaceholderFieldGroup(
+            identifier="text1",
+            name=_("Text 1"),
+            content_type=FieldContentType.TEXT,
+            required=True,
+        ),
+        PlaceholderFieldGroup(
+            identifier="text2",
+            name=_("Text 2"),
+            content_type=FieldContentType.TEXT,
+            required=False,
+            display=FieldGroupDisplay.PLAIN,
+        ),
+        PlaceholderFieldGroup(
+            identifier="image1",
+            name=_("Image 1"),
+            content_type=FieldContentType.IMAGE,
+            required=False,
+            display=FieldGroupDisplay.PLAIN,
+        ),
+    ]
+
+    def generate(self, op):
+        fields = self.get_pass_fields({})
+        return fields
+
+
+@pytest.fixture
+def layout_context():
+    return {
+        "placeholders": {
+            "text": {"test_placeholder": {"evaluate": lambda: "test placeholder"}}
+        }
+    }
+
+
+def test_schema_generation_minimal():
+    style = MinimalTestStyle
+    context = {}
+    schema = style.layout_schema(context)
+    assert isinstance(schema, dict)
+    assert "properties" in schema
+    assert "fieldgroups" in schema["properties"]
+
+    jsonschema.validate({}, schema)
+    jsonschema.validate({"fieldgroups": {}}, schema)
+
+
+def test_schema_ticket_generation(layout_context):
+    style = TicketTestStyle
+    schema = style.layout_schema(layout_context)
+    assert isinstance(schema, dict)
+    assert "properties" in schema
+    assert "fieldgroups" in schema["properties"]
+
+
+@pytest.mark.parametrize(
+    "layout",
+    [
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": "test",
+                            "content": "test_placeholder",
+                        }
+                    ]
+                }
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": {"de": "test-de", "en": "test-en"},
+                            "content": "test_placeholder",
+                        }
+                    ]
+                }
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {"type": "text", "label": "test", "content": "test content"}
+                    ]
+                }
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": {"de": "test-de", "en": "test-en"},
+                            "content": "test_placeholder",
+                        },
+                        {"type": "text", "label": "test", "content": "test content"},
+                    ]
+                }
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": {"de": "test-de", "en": "test-en"},
+                            "content": "test_placeholder",
+                        },
+                        {"type": "text", "label": "test", "content": "test content"},
+                    ],
+                    "overflow": "text2",
+                }
+            }
+        },
+    ],
+)
+def test_schema_ticket_valid(layout_context, layout):
+    style = TicketTestStyle
+    schema = style.layout_schema(layout_context)
+
+    jsonschema.validate(layout, schema)
+
+
+@pytest.mark.parametrize(
+    "layout",
+    [
+        {},
+        {"fieldgroups": {}},
+        {"fieldgroups": {"text1": {}}},
+        {"fieldgroups": {"text1": {"entries": []}}},
+        {"fieldgroups": {"text1": {"overflow": "test"}}},
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [{"type": "placeholder", "content": "test_placeholder"}]
+                }
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": [],
+                            "content": "test_placeholder",
+                        }
+                    ]
+                }
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {"entries": [{"type": "text", "content": "test content"}]}
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": "test",
+                            "content": "test_placeholder",
+                        }
+                    ],
+                    "overflow": "invalid_group",
+                }
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": "test",
+                            "content": "test_placeholder",
+                        }
+                    ],
+                    "overflow": "image1",
+                }
+            }
+        },
+        {
+            "fieldgroups": {
+                "text1": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": "test",
+                            "content": "test_placeholder",
+                        }
+                    ],
+                },
+                "text2": {
+                    "entries": [
+                        {
+                            "type": "placeholder",
+                            "label": "test",
+                            "content": "test_placeholder",
+                        }
+                    ],
+                    "overflow": "text1",
+                },
+            }
+        },
+    ],
+)
+def test_schema_ticket_invalid(layout_context, layout):
+    style = TicketTestStyle
+    schema = style.layout_schema(layout_context)
+
+    with pytest.raises(jsonschema.ValidationError):
+        jsonschema.validate(layout, schema)
+
+
+def test_style_representation():
+    style = TicketTestStyle
+    style_dict = style.asdict()
+    assert style_dict["platform"] == "test_platform"
+    assert style_dict["identifier"] == "test_ticket"
+    assert style_dict["name"] == _("Test Wallet Style Ticket")
+
+    assert style_dict["fieldgroups"][0]["identifier"] == "text1"
+    assert style_dict["fieldgroups"][0]["name"] == "Text 1"
+    assert style_dict["fieldgroups"][0]["content_type"] == "text"
+    assert style_dict["fieldgroups"][0]["labels"] == True
+    assert style_dict["fieldgroups"][0]["required"] == True
+
+
+def test_layout_generate(layout_context):
+    style = TicketTestStyle
+    layout = {
+        "fieldgroups": {
+            "text1": {
+                "entries": [
+                    {
+                        "type": "placeholder",
+                        "label": {"de": "test-de", "en": "test-en"},
+                        "content": "test_placeholder",
+                    },
+                    {"type": "text", "label": "test", "content": "test content"},
+                ],
+                "overflow": "text2",
+            }
+        }
+    }
+    # TODO: create event and pass here
+    pass_layout = style(event=None, layout=layout)
+    generated_pass = pass_layout.generate(layout_context)
+
+    assert (
+        generated_pass
+        == "Generated Pass: Test Wallet Style Ticket\n\nGroup: Text 1\ntest-en: test placeholder\ntest: test content\n\n"
+    )
+

tsconfig.json

@@ -3,7 +3,9 @@
 		"src/pretix/static/**/*",
 		"src/pretix/static/**/*.vue",
 		"src/pretix/plugins/webcheckin/**/*",
-		"src/pretix/plugins/webcheckin/**/*.vue"
+		"src/pretix/plugins/webcheckin/**/*.vue",
+		"src/pretix/plugins/wallet/**/*",
+		"src/pretix/plugins/wallet/**/*.vue"
 	],
 	"compilerOptions": {
 		"baseUrl": ".",
@@ -11,7 +13,7 @@
 		"strict": false,
 		"allowJs": true,
 		"checkJs": true,
-		"target": "esnext",
+		"target": "es2025",
 		"module": "esnext",
 		"moduleResolution": "bundler",
 		"resolveJsonModule": true,