@eventlook/sdk 1.4.8 → 1.4.20

package/dist/types/locales/pl.d.ts

@@ -48,6 +48,7 @@ declare const pl: {
             original_price: string;
             ticket: string;
             category: string;
+            open_map: string;
         };
         validation: {
             required: string;

package/dist/types/locales/sk.d.ts

@@ -48,6 +48,7 @@ declare const sk: {
             original_price: string;
             ticket: string;
             category: string;
+            open_map: string;
         };
         validation: {
             required: string;

package/dist/types/locales/uk.d.ts

@@ -48,6 +48,7 @@ declare const uk: {
             original_price: string;
             ticket: string;
             category: string;
+            open_map: string;
         };
         validation: {
             required: string;

package/dist/types/utils/types/event.type.d.ts

@@ -50,6 +50,7 @@ export interface IEvent extends IBase {
     type: EventType;
     parents: IEvent[];
     children: IEvent[];
+    mapId: string | null;
 }
 export interface IEventCategory extends IBase {
     translation: {

package/dist/types/utils/types/global.type.d.ts

@@ -16,6 +16,7 @@ export interface IGlobalContext {
     options?: IGlobalContextOptions;
     user?: IUser;
     content?: IContent;
+    seatingIframeUrl?: string;
 }
 export interface IGlobalContextCallbacks {
     homepage: () => void;

package/dist/types/utils/types/ticket.type.d.ts

@@ -31,13 +31,25 @@ export interface ITicketFormTicket {
     products: IEventProductForm[];
     extraFields: IExtraFieldForm[][];
     eventTimeslotId?: number | null;
+    location?: ITicketLocation | null;
 }
+export interface ITicketLocation {
+    id: string;
+    type: string;
+    locationDescription?: {
+        type: BaseLocationDescriptionType | 'custom';
+        label: string;
+        value: string;
+    }[] | null;
+}
+type BaseLocationDescriptionType = 'seatNumber' | 'rowNumber' | 'sectionName';
+export type EventTicketsType = {
+    [eventId: string]: ITicketFormTicket[];
+};
 export interface ITicketForm {
     uuid?: string | null;
     eventId: number;
-    tickets: {
-        [eventId: string]: ITicketFormTicket[];
-    };
+    tickets: EventTicketsType;
     total: number;
     originalPrice: number;
     firstName: string;
@@ -92,3 +104,4 @@ export interface ICreateTicket {
     price: number;
     number: string;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.4.8",
+  "version": "1.4.20",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -15,9 +15,13 @@
   "scripts": {
     "build": "rollup -c && tsc -p tsconfig.build.json",
     "prepare": "yarn run build",
+    "push": "yalc push --force",
+    "push:initial": "yarn build && yalc push --force",
     "watch:rollup": "rollup -c -w",
-    "watch:push": "chokidar 'dist/**/*' -c 'yalc push --changed'",
-    "dev": "concurrently \"yarn watch:rollup\" \"yarn watch:push\"",
+    "watch:types": "tsc -p tsconfig.build.json --watch",
+    "watch:push": "chokidar 'dist/**/*' -c 'yalc push --changed --force'",
+    "dev": "concurrently --kill-others-on-fail --kill-others \"yarn watch:rollup\" \"yarn watch:types\" \"yarn watch:push\"",
+    "dev:simple": "concurrently --kill-others-on-fail \"yarn watch:rollup\" \"yarn watch:types\"",
     "publish": "npm publish",
     "lint:fix": "eslint --fix --ext .ts,.tsx .",
     "prettier": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
@@ -61,6 +65,7 @@
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-typescript": "^11.0.0",
+    "@seat-picker/seat-picker-sdk": "^1.0.5",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.20",
     "@types/numeral": "^2.0.5",

package/rollup.config.mjs

@@ -52,5 +52,19 @@ export default {
       },
     }),
   ],
-  external: ['react', 'react-dom', 'fs', 'path', 'http', 'https', 'stream', 'swr', 'mui-tel-input'],
+  external: [
+    'react',
+    'react-dom',
+    'fs',
+    'path',
+    'http',
+    'https',
+    'stream',
+    'swr',
+    'mui-tel-input',
+    '@seat-picker/seat-picker-sdk',
+    '@mui/material',
+    '@emotion/react',
+    '@emotion/styled',
+  ],
 };

package/src/context/GlobalContext.tsx

@@ -30,6 +30,7 @@ type Props = {
   showSnackbar?: IGlobalContext['showSnackbar'];
   options?: IGlobalContext['options'];
   content?: IGlobalContext['content'];
+  seatingIframeUrl?: IGlobalContext['seatingIframeUrl'];
 };
 
 function GlobalProvider({
@@ -40,6 +41,7 @@ function GlobalProvider({
   links,
   options,
   content,
+  seatingIframeUrl,
 }: Props) {
   const [global, setGlobal] = useState<IGlobalContext>({
     ...initialState,
@@ -49,6 +51,7 @@ function GlobalProvider({
     links,
     options,
     content,
+    seatingIframeUrl,
   });
 
   const handleSetGlobal = (value: Partial<IGlobalContext>) => {

package/src/form/TicketForm.tsx

@@ -3,6 +3,7 @@ import PaymentSuccess from '@form/PaymentSuccess';
 import FormProvider, { RHFCheckbox } from '@components/hook-form';
 import {
   Box,
+  Button,
   Grid,
   Link,
   LinkProps,
@@ -55,6 +56,7 @@ import useGlobal from '@hooks/useGlobal';
 import { Trans } from '@components/Trans';
 import { EVENTLOOK_ORDER_FORM_ID } from '@utils/data/global.ts';
 import ChildEventSection from './ChildEvents';
+import TicketSelectionMap from '@form/TicketSelectionMap.tsx';
 
 interface Props {
   event: IEvent;
@@ -71,7 +73,8 @@ const TicketForm: React.FC<Props> = ({
   isIframe,
   isInline,
 }) => {
-  const { t, setGlobal, callbacks, links, user, options, showSnackbar, content } = useGlobal();
+  const { t, setGlobal, callbacks, links, user, options, showSnackbar, content, seatingIframeUrl } =
+    useGlobal();
   const { transformErrors } = useErrors(t('event.tickets.error.order'));
   const { data: eventProducts, isLoading } = useActiveEventProducts(event.id);
   const [paymentRedirect, setPaymentRedirect] = useState<string | null>(null);
@@ -333,6 +336,8 @@ const TicketForm: React.FC<Props> = ({
                 itemName: item.itemName,
                 products: item.products,
                 extraFields: item.extraFields,
+                eventTimeslotId: item.eventTimeslotId,
+                location: item.location,
               }));
             return acc;
           },
@@ -510,7 +515,9 @@ const TicketForm: React.FC<Props> = ({
                 <Step active>
                   <StepLabel>{t('event.tickets.stepper.1.title')}</StepLabel>
                   <StepContent>
-                    {event.hasMerchandise ? (
+                    {event.mapId && seatingIframeUrl ? (
+                      <TicketSelectionMap event={event} />
+                    ) : event.hasMerchandise ? (
                       <TicketWithMerchandiseSelection event={event} />
                     ) : (
                       <TicketSelection event={event} />

package/src/form/TicketSelection.tsx

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useFormContext, useWatch } from 'react-hook-form';
 import {
   Box,
+  Button,
   Divider,
   Grid,
   IconButton,

package/src/form/TicketSelectionMap.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import useGlobal from '@hooks/useGlobal.ts';
+import { IEvent } from '@utils/types/event.type.ts';
+import { Button } from '@mui/material';
+import { iframe, TicketSelection } from '@seat-picker/seat-picker-sdk';
+import { useFormContext } from 'react-hook-form';
+import { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type.ts';
+
+interface Props {
+  event: IEvent;
+}
+
+const TicketSelectionMap: React.FC<Props> = ({ event }) => {
+  const { t, seatingIframeUrl } = useGlobal();
+  const { setValue } = useFormContext<ITicketForm>();
+
+  const onSelect = (seats: TicketSelection) => {
+    const tickets: ITicketFormTicket[] = [];
+    for(const seat of seats) {
+      tickets.push({
+        releaseId: seat.ticket.id,
+        price: seat.ticket.price,
+        quantity: 1,
+        itemName: `${seat.ticket.releaseCategoryName} - ${seat.ticket.name}`,
+        products: [],
+        extraFields: [],
+        location: {
+          id: seat.locationId || '',
+          type: 'zone',
+          locationDescription: seat.locationTypeDescription,
+        }
+      })
+    }
+
+    setValue(`tickets.${event.id}`, tickets);
+  };
+
+  if (!seatingIframeUrl) return null;
+
+  return (
+    <Button
+      variant="contained"
+      onClick={() =>
+        iframe.openPicker({
+          eventId: String(event.id),
+          onSelect,
+          baseUrl: seatingIframeUrl,
+        })
+      }
+    >
+      {t('form.labels.open_map')}
+    </Button>
+  );
+};
+
+export default TicketSelectionMap;

package/src/form/index.tsx

@@ -27,6 +27,7 @@ import { csCZ, enUS, ukUA, esES, deDE, skSK } from '@mui/x-date-pickers/locales'
 export interface OrderFormProps {
   eventSlug: string;
   apiUrl: string;
+  seatingIframeUrl?: string;
   callbacks: IGlobalContext['callbacks'];
   links: IGlobalContext['links'];
   lang?: Languages;
@@ -42,6 +43,7 @@ export interface OrderFormProps {
 const ClientRender: React.FC<OrderFormProps> = ({
   eventSlug,
   apiUrl,
+  seatingIframeUrl,
   lang,
   slots,
   options,
@@ -100,6 +102,7 @@ const ClientRender: React.FC<OrderFormProps> = ({
         links={links}
         options={options}
         content={content}
+        seatingIframeUrl={seatingIframeUrl}
       >
         {!data || !!error ? (
           <TicketFormSkeleton />

package/src/locales/cs.tsx

@@ -49,6 +49,7 @@ const cs = {
       original_price: 'Původní cena',
       ticket: 'Vstupenka',
       category: 'Kategorie',
+      open_map: 'Otevřít mapu',
     },
     validation: {
       required: 'Toto pole je povinné.',

package/src/locales/en.tsx

@@ -49,6 +49,7 @@ const en = {
       original_price: 'Original price',
       ticket: 'Ticket',
       category: 'Category',
+      open_map: 'Open map',
     },
     validation: {
       required: 'This field is required.',

package/src/locales/es.tsx

@@ -49,6 +49,7 @@ const es = {
       original_price: 'Precio original',
       ticket: 'Entrada',
       category: 'Categoría',
+      open_map: 'Abrir mapa',
     },
     validation: {
       required: 'Este campo es obligatorio.',

package/src/locales/pl.tsx

@@ -49,6 +49,7 @@ const pl = {
       original_price: 'Cena oryginalna',
       ticket: 'Bilet',
       category: 'Kategoria',
+      open_map: 'Otwórz mapę',
     },
     validation: {
       required: 'To pole jest wymagane.',

package/src/locales/sk.tsx

@@ -49,6 +49,7 @@ const sk = {
       original_price: 'Pôvodná cena',
       ticket: 'Vstupenka',
       category: 'Kategória',
+      open_map: 'Otvoriť mapu',
     },
     validation: {
       required: 'Toto pole je povinné.',

package/src/locales/uk.tsx

@@ -49,6 +49,7 @@ const uk = {
       original_price: 'Оригінальна ціна',
       ticket: 'Квиток',
       category: 'Категорія',
+      open_map: 'Відкрити карту',
     },
     validation: {
       required: "Це поле обов'язкове.",

package/src/utils/types/event.type.ts

@@ -51,6 +51,7 @@ export interface IEvent extends IBase {
   type: EventType;
   parents: IEvent[];
   children: IEvent[];
+  mapId: string | null;
 }
 
 export interface IEventCategory extends IBase {

package/src/utils/types/global.type.ts

@@ -14,6 +14,7 @@ export interface IGlobalContext {
   options?: IGlobalContextOptions;
   user?: IUser;
   content?: IContent;
+  seatingIframeUrl?: string;
 }
 
 export interface IGlobalContextCallbacks {

package/src/utils/types/ticket.type.ts

@@ -33,12 +33,27 @@ export interface ITicketFormTicket {
   products: IEventProductForm[];
   extraFields: IExtraFieldForm[][];
   eventTimeslotId?: number | null;
+  location?: ITicketLocation | null;
 }
 
+export interface ITicketLocation {
+  id: string;
+  type: string;
+  locationDescription?: {
+    type: BaseLocationDescriptionType | 'custom';
+    label: string;
+    value: string;
+  }[] | null;
+}
+
+type BaseLocationDescriptionType = 'seatNumber' | 'rowNumber' | 'sectionName';
+
+export type EventTicketsType = { [eventId: string]: ITicketFormTicket[] };
+
 export interface ITicketForm {
   uuid?: string | null;
   eventId: number;
-  tickets: { [eventId: string]: ITicketFormTicket[] };
+  tickets: EventTicketsType;
   total: number;
   originalPrice: number;
   firstName: string;

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-exports.commonjsGlobal = commonjsGlobal;
-//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/cjs/_virtual/_commonjsHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/colorManipulator.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var colorManipulator = {};
-
-exports.__exports = colorManipulator;
-//# sourceMappingURL=colorManipulator.js.map

package/dist/cjs/_virtual/colorManipulator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorManipulator.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/createStyled.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var createStyled = {};
-
-exports.__exports = createStyled;
-//# sourceMappingURL=createStyled.js.map

package/dist/cjs/_virtual/createStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createStyled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/customParseFormat.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var customParseFormat = {exports: {}};
-
-exports.__module = customParseFormat;
-//# sourceMappingURL=customParseFormat.js.map

package/dist/cjs/_virtual/customParseFormat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"customParseFormat.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/dayjs.min.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var dayjs_min = {exports: {}};
-
-exports.__module = dayjs_min;
-//# sourceMappingURL=dayjs.min.js.map

package/dist/cjs/_virtual/dayjs.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dayjs.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/extends.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var _extends = {exports: {}};
-
-exports.__module = _extends;
-//# sourceMappingURL=extends.js.map

package/dist/cjs/_virtual/extends.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extends.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var build = {exports: {}};
-
-exports.__module = build;
-//# sourceMappingURL=index.js.map

package/dist/cjs/_virtual/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index.umd.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var index_umd = {exports: {}};
-
-exports.__module = index_umd;
-//# sourceMappingURL=index.umd.js.map

package/dist/cjs/_virtual/index.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.umd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index10.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js');
-
-var require$$1 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$1;
-//# sourceMappingURL=index10.js.map

package/dist/cjs/_virtual/index10.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/_virtual/index11.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/clamp/index.js');
-
-var require$$2 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$2;
-//# sourceMappingURL=index11.js.map

package/dist/cjs/_virtual/index11.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index11.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/_virtual/index12.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var propTypes = {exports: {}};
-
-exports.__module = propTypes;
-//# sourceMappingURL=index12.js.map

package/dist/cjs/_virtual/index12.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index12.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index13.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs = {exports: {}};
-
-exports.__module = reactIs;
-//# sourceMappingURL=index13.js.map

package/dist/cjs/_virtual/index13.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index13.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index14.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs = {exports: {}};
-
-exports.__module = reactIs;
-//# sourceMappingURL=index14.js.map

package/dist/cjs/_virtual/index14.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index14.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index15.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs = {exports: {}};
-
-exports.__module = reactIs;
-//# sourceMappingURL=index15.js.map

package/dist/cjs/_virtual/index15.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index15.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index2.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var shim = {exports: {}};
-
-exports.__module = shim;
-//# sourceMappingURL=index2.js.map

package/dist/cjs/_virtual/index2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index3.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var toposort = {exports: {}};
-
-exports.__module = toposort;
-//# sourceMappingURL=index3.js.map

package/dist/cjs/_virtual/index3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index4.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/styled-engine/index.js');
-
-var require$$1 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$1;
-//# sourceMappingURL=index4.js.map

package/dist/cjs/_virtual/index4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/_virtual/index5.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/deepmerge/index.js');
-
-var require$$4 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$4;
-//# sourceMappingURL=index5.js.map

package/dist/cjs/_virtual/index5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/_virtual/index6.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/capitalize/index.js');
-
-var require$$5 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$5;
-//# sourceMappingURL=index6.js.map

package/dist/cjs/_virtual/index6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}