@dev-crew-berlin/enter-js-utils 0.95.0 → 0.95.1

package/dist/generated/api-schema.d.ts

@@ -221,6 +221,7 @@ export type components = {
             };
             companions?: components["schemas"]["RootModel_Union_Companion__MainGuest__-Input"];
             payment?: components["schemas"]["Payment"] | null;
+            partialPayment?: components["schemas"]["PartialPayment"];
             /** Branches */
             branches?: string[];
             /** Deletedbranches */
@@ -1246,13 +1247,34 @@ export type components = {
              */
             max: number;
         };
+        /** PartialPayment */
+        PartialPayment: {
+            /** Paid */
+            paid?: boolean;
+            /** Amount */
+            amount?: number;
+            /**
+             * Provider
+             * @enum {string}
+             */
+            provider?: "manual" | "sepa" | "credit" | "bank_transfer" | "paypal" | "stripe";
+            /**
+             * Currency
+             * @enum {string}
+             */
+            currency?: "USD" | "EUR" | "CHF";
+        };
         /** Payment */
         Payment: {
             /** Paid */
             paid: boolean;
             /** Title */
             title?: string | null;
-            provider: components["schemas"]["PaymentProvider"];
+            /**
+             * Provider
+             * @enum {string}
+             */
+            provider: "manual" | "sepa" | "credit" | "bank_transfer" | "paypal" | "stripe";
             /** Reference */
             reference?: string | null;
             /** Amount */
@@ -1288,10 +1310,9 @@ export type components = {
             attendeeId: string;
             /** Instancename */
             instanceName: string;
-            provider?: components["schemas"]["PaymentProvider"] | null;
+            /** Provider */
+            provider?: ("manual" | "sepa" | "credit" | "bank_transfer" | "paypal" | "stripe") | null;
         };
-        /** @enum {string} */
-        PaymentProvider: "manual" | "sepa" | "credit" | "bank_transfer" | "paypal" | "stripe";
         /** PublicAttendee */
         "PublicAttendee-Input": {
             /** Id */

package/dist/models/attendee.js

@@ -97,7 +97,7 @@ export class Attendee {
   getResponse(branchName, counterName) {
     const rsvp = this.rsvp.get(branchName) ?? null;
     if (rsvp === null) return 'no-response';
-    if (!rsvp.checkinCounters.has(counterName)) 'no-response';
+    if (!rsvp.checkinCounters.has(counterName)) return 'no-response';
     return rsvp.confirmed ? 'positive-response' : 'negative-response';
   }
   getCheckinsForBranch(branchName) {

package/dist/ui/guest-card.js

@@ -45,7 +45,8 @@ export const GuestCard = props => {
   })), /*#__PURE__*/React.createElement("div", {
     className: _JSXStyle.dynamic([["1739379681", [colors.enterGrey, colors.enterBackground, fonts.primary, props.dense ? '0.5em 0' : '1.5em 0']]]) + " " + 'tag-list'
   }, tags.map(tag => /*#__PURE__*/React.createElement(Tag, {
-    key: tag
+    key: tag,
+    color: getTagColor(tag)
   }, tag)), props.infoText && /*#__PURE__*/React.createElement("div", {
     className: _JSXStyle.dynamic([["1739379681", [colors.enterGrey, colors.enterBackground, fonts.primary, props.dense ? '0.5em 0' : '1.5em 0']]]) + " " + 'info'
   }, " ", props.infoText))), /*#__PURE__*/React.createElement(_JSXStyle, {

package/dist/ui/tag.d.ts

@@ -2,6 +2,8 @@ import { FunctionComponent, ReactNode } from 'react';
 import 'styled-jsx';
 type Props = {
     children: ReactNode;
+    color?: string | null;
+    big?: boolean;
 };
 export declare const Tag: FunctionComponent<Props>;
 export {};

package/dist/ui/tag.js

@@ -2,11 +2,21 @@ import _JSXStyle from "styled-jsx/style";
 import React from 'react';
 import 'styled-jsx';
 import { colors, fonts } from '../lib/theme';
+
+// Decide on text color based on contrast to background color
+function getContrastYIQ(hexcolor) {
+  const r = parseInt(hexcolor.substring(1, 3), 16);
+  const g = parseInt(hexcolor.substring(3, 5), 16);
+  const b = parseInt(hexcolor.substring(5, 7), 16);
+  const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+  return yiq >= 128 ? 'black' : 'white';
+}
 export const Tag = props => {
+  const textColor = getContrastYIQ(props.color ?? '#ffffff');
   return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3070421237", [fonts.primary, colors.enterDarkGrey, colors.enterGrey]]]) + " " + 'tag'
+    className: _JSXStyle.dynamic([["2799826206", [fonts.primary, props.big ? '14px' : '0.8em', textColor === 'black' ? colors.enterDarkGrey : 'white', props.color ? props.color : 'transparent', colors.enterGrey, props.big ? '7px 10px 5px 0' : '0 0 0.5em 0.5em']]]) + " " + 'tag'
   }, props.children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3070421237",
-    dynamic: [fonts.primary, colors.enterDarkGrey, colors.enterGrey]
-  }, `.tag.__jsx-style-dynamic-selector{font-family:${fonts.primary};font-size:0.8em;color:${colors.enterDarkGrey};text-transform:uppercase;display:inline-block;background-color:transparent;border-radius:2px;border:1px solid ${colors.enterGrey};padding:2px 8px;margin:0 0 0.5em 0.5em;word-wrap:anywhere;}`));
+    id: "2799826206",
+    dynamic: [fonts.primary, props.big ? '14px' : '0.8em', textColor === 'black' ? colors.enterDarkGrey : 'white', props.color ? props.color : 'transparent', colors.enterGrey, props.big ? '7px 10px 5px 0' : '0 0 0.5em 0.5em']
+  }, `.tag.__jsx-style-dynamic-selector{font-family:${fonts.primary};font-size:${props.big ? '14px' : '0.8em'};color:${textColor === 'black' ? colors.enterDarkGrey : 'white'};text-transform:uppercase;display:inline-block;background-color:${props.color ? props.color : 'transparent'};border-radius:2px;border:1px solid ${colors.enterGrey};padding:2px 8px;margin:${props.big ? '7px 10px 5px 0' : '0 0 0.5em 0.5em'};word-wrap:anywhere;}`));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-crew-berlin/enter-js-utils",
-  "version": "0.95.0",
+  "version": "0.95.1",
   "description": "utils such as vaildation and other helpers to work with data from the enter app",
   "files": [
     "dist",