bookito-widget 0.43.1 → 1.0.0-beta.2

package/dist/bookito-widget.umd.js.LICENSE.txt

@@ -1,128 +0,0 @@
-/* @preserve
- * Leaflet 1.9.4, a JS library for interactive maps. https://leafletjs.com
- * (c) 2010-2023 Vladimir Agafonkin, (c) 2010-2011 CloudMade
- */
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
-
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/*! showdown v 1.9.1 - 02-11-2019 */
-
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/
-
-/**
- * @license React
- * react-dom-client.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-dom.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * scheduler.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @licstart The following is the entire license notice for the
- * JavaScript code in this page
- *
- * Copyright 2022 Mozilla Foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * @licend The above is the entire license notice for the
- * JavaScript code in this page
- */
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/dist/bookito-widget.window.js.LICENSE.txt

@@ -1,128 +0,0 @@
-/* @preserve
- * Leaflet 1.9.4, a JS library for interactive maps. https://leafletjs.com
- * (c) 2010-2023 Vladimir Agafonkin, (c) 2010-2011 CloudMade
- */
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
-
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/*! showdown v 1.9.1 - 02-11-2019 */
-
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/
-
-/**
- * @license React
- * react-dom-client.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-dom.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * scheduler.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @licstart The following is the entire license notice for the
- * JavaScript code in this page
- *
- * Copyright 2022 Mozilla Foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * @licend The above is the entire license notice for the
- * JavaScript code in this page
- */
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/e2e-tests/e2e.html

@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Sample HTML Page</title>
-    <script src="https://unpkg.com/bookito-widget@next"></script>
-  </head>
-  <body>
-    <div style="margin: 20px auto; text-align: center">
-      <h2>Bookito Example Website</h2>
-      <div style="margin: 10px">
-        <button
-          id="open-modal-btn"
-          style="border: 1px solid black; padding: 2px; border-radius: 5px"
-        >
-          Open Single Event Modal
-        </button>
-      </div>
-    </div>
-    <div id="modal-widget">
-      <!-- Bookito widget will be inserted here -->
-    </div>
-    <bookito-widget
-      auth-id="791"
-      viewMode="Date"
-      title="Experiences Today"
-      language="de"
-    ></bookito-widget>
-    <!-- As Web Component - with Custom CSS -->
-    <bookito-widget
-      auth-id="138"
-      title="Test Title"
-      category-id="63cff0610eaa9adcb00ce39c"
-      language="de"
-      custom-css=".bookito-widget { background-color: #b1dde2ba; padding : 50px; border-radius : 70px}
-            .bookito-widget__title {color : #3f51b5; margin-bottom : 20px} .bookito-form__duration {display : none}"
-    ></bookito-widget>
-
-    <script>
-      window.addEventListener('DOMContentLoaded', (event) => {
-        document.getElementById('open-modal-btn').addEventListener('click', () => {
-          window.bookitoWidget.openBookitoModal({
-            // Modal only
-            container: '#modal-widget',
-            eventId: '67ff9a092c11b3f754e53d3f',
-            authId: '799',
-            title: 'Experiences Today',
-            language: 'de',
-          });
-        });
-        if (window.bookitoWidget && typeof window.bookitoWidget.initialize === 'function') {
-          // Mount using JavaScript API - with Custom CSS
-          window.bookitoWidget.initialize({
-            container: '#widget',
-            authId: '138',
-            title: 'Experiences Today',
-            language: 'de',
-            viewMode: 'List',
-            customCss: `
-            .bookito-widget { background-color: #b1dde2ba; padding : 50px; border-radius : 70px}
-            .bookito-widget__title {color : #3f51b5; margin-bottom : 20px}`,
-          });
-          // Mount using JavaScript API - without Custom CSS
-          window.bookitoWidget.initialize({
-            container: '#widget-2',
-            authId: '138',
-            language: 'de',
-          });
-        } else {
-          console.error(
-            'bookitoWidget is not loaded or initialize is not a function',
-            window.bookitoWidget
-          );
-        }
-      });
-    </script>
-  </body>
-</html>

package/index.html

@@ -1,92 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Sample HTML Page</title>
-    <!--          <script src="https://unpkg.com/bookito-widget@next"></script>-->
-    <script src="./dist/bookito-widget.window.js"></script>
-  </head>
-  <body>
-    <div style="margin: 20px auto; text-align: center">
-      <h2>Bookito Example Website</h2>
-      <div style="margin: 10px">
-        <button
-          id="open-modal-btn"
-          style="border: 1px solid black; padding: 2px; border-radius: 5px"
-        >
-          Open Single Event Modal
-        </button>
-      </div>
-    </div>
-
-    <bookito-widget
-      auth-id="792"
-      viewMode="Date"
-      title="Experiences Today"
-      language="de"
-    ></bookito-widget>
-
-    <div id="modal-widget">
-      <!-- Bookito widget will be inserted here -->
-    </div>
-
-    <div id="widget">
-      <!-- Bookito widget will be inserted here -->
-    </div>
-
-    <div id="widget-2">
-      <!-- Bookito widget will be inserted here -->
-    </div>
-    <!-- As Web Component - with Custom CSS -->
-    <bookito-widget
-      auth-id="138"
-      title="Test Title"
-      category-id="63cff0610eaa9adcb00ce39c"
-      language="de"
-      custom-css=".bookito-widget { background-color: #b1dde2ba; padding : 50px; border-radius : 70px}
-            .bookito-widget__title {color : #3f51b5; margin-bottom : 20px} .bookito-form__duration {display : none}"
-    ></bookito-widget>
-
-    <script>
-      window.addEventListener('DOMContentLoaded', (event) => {
-        document.getElementById('open-modal-btn').addEventListener('click', () => {
-          window.bookitoWidget.openBookitoModal({
-            // Modal only
-            container: '#modal-widget',
-            eventId: '67e6b4178402b46330fdf457',
-            authId: '791',
-            title: 'Experiences Today',
-            language: 'de',
-            customCss: `
-              .bookito-form__duration { display : none }
-              .bookito-widget__modal { ... }
-            `,
-          });
-        });
-        if (window.bookitoWidget && typeof window.bookitoWidget.initialize === 'function') {
-          // Mount using JavaScript API - with Custom CSS
-          window.bookitoWidget.initialize({
-            container: '#widget',
-            authId: '138',
-            title: 'Experiences Today',
-            language: 'de',
-            viewMode: 'List',
-            customCss: `
-            .bookito-widget { background-color: #b1dde2ba; padding : 50px; border-radius : 70px}
-            .bookito-widget__title {color : #3f51b5; margin-bottom : 20px}`,
-          });
-          // Mount using JavaScript API - without Custom CSS
-          window.bookitoWidget.initialize({
-            container: '#widget-2',
-            authId: '138',
-            language: 'de',
-          });
-        } else {
-          console.error(
-            'bookitoWidget is not loaded or initialize is not a function',
-            window.bookitoWidget
-          );
-        }
-      });
-    </script>
-  </body>
-</html>

package/jest.config.ts

@@ -1,9 +0,0 @@
-/* eslint-disable */
-export default {
-  displayName: '@carlito/api',
-  preset: '../../../jest.preset.js',
-  transform: {
-    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nx/react/babel'] }],
-  },
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
-};

package/postcss.config.js

@@ -1,3 +0,0 @@
-const createPostCssConfig = require('../../../custom-config/postcss.config');
-
-module.exports = createPostCssConfig(__dirname);

package/project.json

@@ -1,72 +0,0 @@
-{
-  "name": "bookito-widget",
-  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "libs/apps/bookito-widget/src",
-  "projectType": "library",
-  "tags": [],
-  "targets": {
-    "lint": {
-      "executor": "@nx/linter:eslint",
-      "outputs": ["{options.outputFile}"],
-      "options": {
-        "lintFilePatterns": [
-          "libs/apps/bookito-widget/**/*.ts",
-          "libs/apps/bookito-widget/**/*.tsx"
-        ]
-      }
-    },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/libs/apps/bookito-widget"],
-      "options": {
-        "jestConfig": "libs/apps/bookito-widget/jest.config.ts"
-      }
-    },
-    "bundle": {
-      "executor": "@nx/webpack:webpack",
-      "outputs": ["{options.outputPath}"],
-      "options": {
-        "libraryName": "bookito-widget",
-        "libraryTargets": ["umd", "window"],
-        "index": "",
-        "tsConfig": "libs/apps/bookito-widget/tsconfig.json",
-        "main": "libs/apps/bookito-widget/src/index.tsx",
-        "outputPath": "libs/apps/bookito-widget/dist",
-        "compiler": "babel",
-        "optimization": true,
-        "extractLicenses": true,
-        "runtimeChunk": false,
-        "vendorChunk": false,
-        "generateIndexHtml": false,
-        "commonChunk": false,
-        "namedChunks": false,
-        "webpackConfig": "custom-config/webpack-lib.config.js",
-        "postcssConfig": "libs/apps/bookito-widget/postcss.config.js",
-        "isolatedConfig": true
-      }
-    },
-    "version": {
-      "executor": "@jscutlery/semver:version",
-      "options": {
-        "postTargets": ["bookito-widget:publish-to-npm"],
-        "push": true
-      },
-      "configurations": {
-        "staging": {
-          "releaseAs": "prerelease",
-          "preid": "beta"
-        }
-      }
-    },
-    "publish-to-npm": {
-      "executor": "nx:run-commands",
-      "options": {
-        "commands": [
-          "echo 'Publishing bookito-widget to npm'",
-          "echo $TAG",
-          "cd libs/apps/bookito-widget && npm publish --registry=https://registry.npmjs.org/ --tag $TAG --force"
-        ]
-      }
-    }
-  }
-}

package/src/BookitoEventDetail/index.tsx

@@ -1,101 +0,0 @@
-import { getImageFormatUrl, useApp, useBookitoSettings } from '@carlito/api';
-import { LocalizedEventData, isEventBookable } from '@carlito/bookito-client';
-import { Trans } from 'react-i18next';
-import { BookingForm } from '../BookitoForm/NewBookingForm';
-import { BookitoWidgetViewMode, ResolvedOccurrence } from '../types';
-import { useMemo } from 'react';
-
-export type Props = {
-  event: LocalizedEventData;
-  date: Date;
-  authId: string;
-  availableOnDates: string[];
-  isModalView?: boolean;
-  viewMode?: BookitoWidgetViewMode;
-  /** Server-resolved occurrence for `date` (resolveOccurrences=true). */
-  resolvedOccurrence?: ResolvedOccurrence;
-};
-
-function BookitoEventDetail({
-  event,
-  authId,
-  availableOnDates,
-  date,
-  isModalView = false,
-  viewMode,
-  resolvedOccurrence,
-}: Props) {
-  const { description, bannerImg, title } = event;
-  const { timezone } = useApp();
-
-  const { bookitoSettings } = useBookitoSettings({ hotelId: authId });
-  const { isBookable } = useMemo(
-    () =>
-      isEventBookable({
-        event,
-        onDate: date,
-        settings: bookitoSettings,
-        timezone,
-      }),
-    [bookitoSettings, date, event, timezone]
-  );
-
-  let isBookableEvent = isBookable;
-
-  if (isModalView) {
-    isBookableEvent = true;
-  }
-
-  const shouldPreselectDateInCalendar = viewMode ? viewMode === 'Date' : undefined;
-
-  const bannerImgUrl = getImageFormatUrl(bannerImg);
-
-  return (
-    <div className="bookito-event-detail relative px-6 py-2 md:flex">
-      <div className="my-4 md:sticky top-10 text-slate-500 text-lg leading-relaxed w-full lg:w-1/2">
-        {bannerImgUrl && (
-          <img
-            src={bannerImgUrl}
-            alt="event display img"
-            className="rounded-lg object-fill w-full h-auto"
-          />
-        )}
-        <h2 className="text-light-contrast mt-4 font-extrabold not-italic text-2xl md:hidden">
-          {title}
-        </h2>
-        {isBookableEvent && description && (
-          <div className="text-light-contrast mt-7 lg:mt-14">
-            <h3 className="non-italic text-base lg:text-xl font-bold">
-              <Trans i18nKey="description"></Trans>
-            </h3>
-            <p className="bookito-event-detail__description my-4 text-sm lg:text-base leading-relaxed">
-              {description}
-            </p>
-          </div>
-        )}
-      </div>
-      <div className="my-4 text-lg leading-relaxed w-full md:mx-8 lg:w-1/2">
-        <h2 className="bookito-event-detail__title text-light-contrast mt-2 font-extrabold not-italic text-4xl hidden md:block">
-          {title}
-        </h2>
-        {isBookableEvent ? (
-          <BookingForm
-            event={event}
-            date={date}
-            authId={authId}
-            availableOnDates={availableOnDates}
-            shouldPreselectDateInCalendar={shouldPreselectDateInCalendar ?? !isModalView}
-            resolvedOccurrence={resolvedOccurrence}
-            timezone={timezone}
-          />
-        ) : (
-          <p className="bookito-event-detail__description text-sm lg:text-base leading-relaxed ">
-            {description}
-          </p>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export default BookitoEventDetail;

package/src/BookitoEventModal/ModalLoader.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-
-function ModalLoader() {
-  return (
-    <div className="animate-pulse relative px-6 py-2">
-      <div className="my-4 text-slate-500 text-lg flex flex-col md:flex-row gap-x-10 w-full leading-relaxed">
-        <div className={'bg-slate-200 w-full mb-10 md:w-1/2 aspect-video'}></div>
-        <h5 className="flex-1 mb-10 text-2xl font-bold tracking-tight  text-gray-50 dark:text-white">
-          <div className="grid grid-cols-3 gap-4 mt-1">
-            <div className="h-4 bg-slate-200 rounded col-span-2"></div>
-          </div>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
-            <div className="h-4 bg-slate-200 rounded col-span-1"></div>
-          </div>
-          <div className="grid grid-cols-3 gap-4 mt-1">
-            <div className="h-4 bg-slate-200 rounded col-span-2"></div>
-          </div>
-          <div className="grid grid-cols-3 gap-4 mt-2">
-            <div className="h-4 bg-slate-200 rounded col-span-1"></div>
-          </div>
-          <div className="mt-10">
-            <div className="grid grid-cols-3 gap-4 mt-1">
-              <div className="h-4 bg-slate-200 rounded col-span-2"></div>
-            </div>
-            <div className="grid grid-cols-3 gap-4 mt-2">
-              <div className="h-4 bg-slate-200 rounded col-span-1"></div>
-            </div>
-          </div>
-          <div className="mt-20">
-            <div className="grid grid-cols-3 gap-4 mt-1">
-              <div className="h-4 bg-slate-200 rounded col-span-2"></div>
-            </div>
-            <div className="grid grid-cols-3 gap-4 mt-2">
-              <div className="h-4 bg-slate-200 rounded col-span-1"></div>
-            </div>
-          </div>
-        </h5>
-      </div>
-    </div>
-  );
-}
-
-export default ModalLoader;