@roomstay/frontend 2.5.8-1 → 2.5.10

package/dist/src/stories/Card.stories.d.ts

@@ -0,0 +1,11 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.FC<{
+    title?: React.ReactNode;
+    className?: string | undefined;
+}>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<{
+    title?: React.ReactNode;
+    className?: string | undefined;
+}>>;

package/dist/src/stories/Card.stories.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const Card_1 = require("../components/generic/Card/Card/Card");
+exports.default = {
+    title: 'generic/Card/Card',
+    component: Card_1.Card,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(Card_1.Card, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    title: 'Title',
+    children: 'Children',
+};
+//# sourceMappingURL=Card.stories.js.map

package/dist/src/stories/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sourceRoot":"/","sources":["src/stories/Card.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,8DAA2D;AAE3D,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,WAAI;IACf,QAAQ,EAAE,EAAE;CACe,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,WAAI,oBAAK,IAAI,EAAI,CAAC;AAE9D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACvB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport { Card } from '@/components/generic/Card/Card/Card';\n\nexport default {\n    title: 'generic/Card/Card',\n    component: Card,\n    argTypes: {},\n} as ComponentMeta<typeof Card>;\n\nconst Template: ComponentStory<typeof Card> = (args) => <Card {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    title: 'Title',\n    children: 'Children',\n};\n"]}

package/dist/src/stories/CardTypeSelect.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.FC<import("../components/generic/PaymentCard/CardTypeSelect").CardTypeSelectProps>>;
+export default _default;
+export declare const Primary: ComponentStory<React.FC<import("../components/generic/PaymentCard/CardTypeSelect").CardTypeSelectProps>>;

package/dist/src/stories/CardTypeSelect.stories.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const CardTypeSelect_1 = require("../components/generic/PaymentCard/CardTypeSelect");
+exports.default = {
+    title: 'generic/PaymentCard/CardTypeSelect',
+    component: CardTypeSelect_1.CardTypeSelect,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(CardTypeSelect_1.CardTypeSelect, Object.assign({}, args));
+exports.Primary = Template.bind({});
+exports.Primary.args = {};
+//# sourceMappingURL=CardTypeSelect.stories.js.map

package/dist/src/stories/CardTypeSelect.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTypeSelect.stories.js","sourceRoot":"/","sources":["src/stories/CardTypeSelect.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,oFAAiF;AAEjF,kBAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,+BAAc;IACzB,QAAQ,EAAE,EAAE;CACyB,CAAC;AAE1C,MAAM,QAAQ,GAA0C,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,+BAAc,oBAAK,IAAI,EAAI,CAAC;AAElF,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport { CardTypeSelect } from '@/components/generic/PaymentCard/CardTypeSelect';\n\nexport default {\n    title: 'generic/PaymentCard/CardTypeSelect',\n    component: CardTypeSelect,\n    argTypes: {},\n} as ComponentMeta<typeof CardTypeSelect>;\n\nconst Template: ComponentStory<typeof CardTypeSelect> = (args) => <CardTypeSelect {...args} />;\n\nexport const Primary = Template.bind({});\nPrimary.args = {};\n"]}

package/dist/src/stories/Checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("../components/generic/Checkbox/Checkbox").CheckboxProps & React.RefAttributes<unknown>>>;
+export default _default;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<import("../components/generic/Checkbox/Checkbox").CheckboxProps & React.RefAttributes<unknown>>>;

package/dist/src/stories/Checkbox.stories.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const Checkbox_1 = __importDefault(require("../components/generic/Checkbox/Checkbox"));
+exports.default = {
+    title: 'generic/Checkbox/Checkbox',
+    component: Checkbox_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(Checkbox_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    label: 'Label',
+    checked: true,
+};
+//# sourceMappingURL=Checkbox.stories.js.map

package/dist/src/stories/Checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.js","sourceRoot":"/","sources":["src/stories/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,uFAA+D;AAE/D,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,IAAI;CAChB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport Checkbox from '../components/generic/Checkbox/Checkbox';\n\nexport default {\n    title: 'generic/Checkbox/Checkbox',\n    component: Checkbox,\n    argTypes: {},\n} as ComponentMeta<typeof Checkbox>;\n\nconst Template: ComponentStory<typeof Checkbox> = (args) => <Checkbox {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    label: 'Label',\n    checked: true,\n};\n"]}

package/dist/src/stories/ConfirmationModal.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import ConfirmationModal, { ConfirmationModalProps } from '../components/generic/modal/ConfirmationModal';
+declare const _default: ComponentMeta<typeof ConfirmationModal>;
+export default _default;
+export declare const Default: (args: ConfirmationModalProps) => JSX.Element;

package/dist/src/stories/ConfirmationModal.stories.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importStar(require("react"));
+const ConfirmationModal_1 = __importDefault(require("../components/generic/modal/ConfirmationModal"));
+exports.default = {
+    title: 'generic/modal/ConfirmationModal',
+    component: ConfirmationModal_1.default,
+    argTypes: {},
+};
+const Default = (args) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { onClick: () => setOpen(!open) }, open ? 'Close' : 'Open'),
+        react_1.default.createElement(ConfirmationModal_1.default, { message: "Message", onConfirm: () => setOpen(false), onClose: () => setOpen(false), open: open })));
+};
+exports.Default = Default;
+//# sourceMappingURL=ConfirmationModal.stories.js.map

package/dist/src/stories/ConfirmationModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.stories.js","sourceRoot":"/","sources":["src/stories/ConfirmationModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,qGAAyG;AAEzG,kBAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,2BAAiB;IAC5B,QAAQ,EAAE,EAAE;CAC4B,CAAC;AAEtC,MAAM,OAAO,GAAG,CAAC,IAA4B,EAAE,EAAE;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjD,OAAO,CACH;QACI,uCAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QACnE,8BAAC,2BAAiB,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CACpH,CACN,CAAC;AACN,CAAC,CAAC;AARW,QAAA,OAAO,WAQlB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport ConfirmationModal, { ConfirmationModalProps } from '@/components/generic/modal/ConfirmationModal';\n\nexport default {\n    title: 'generic/modal/ConfirmationModal',\n    component: ConfirmationModal,\n    argTypes: {},\n} as ComponentMeta<typeof ConfirmationModal>;\n\nexport const Default = (args: ConfirmationModalProps) => {\n    const [open, setOpen] = useState<boolean>(false);\n    return (\n        <>\n            <div onClick={() => setOpen(!open)}>{open ? 'Close' : 'Open'}</div>\n            <ConfirmationModal message=\"Message\" onConfirm={() => setOpen(false)} onClose={() => setOpen(false)} open={open} />\n        </>\n    );\n};\n"]}

package/dist/src/stories/Countdown.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import Countdown from '../components/generic/Countdown';
+declare const _default: ComponentMeta<typeof Countdown>;
+export default _default;
+export declare const Default: ComponentStory<typeof Countdown>;

package/dist/src/stories/Countdown.stories.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const dayjs_1 = __importDefault(require("dayjs"));
+const react_1 = __importDefault(require("react"));
+const Countdown_1 = __importDefault(require("../components/generic/Countdown"));
+exports.default = {
+    title: 'generic/Countdown',
+    component: Countdown_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(Countdown_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    endTimeDate: (0, dayjs_1.default)().subtract(-3, 'minute').subtract(-30, 'second'),
+};
+//# sourceMappingURL=Countdown.stories.js.map

package/dist/src/stories/Countdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.stories.js","sourceRoot":"/","sources":["src/stories/Countdown.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,kDAA0B;AAE1B,+EAAuD;AAEvD,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,mBAAS;IACpB,QAAQ,EAAE,EAAE;CACoB,CAAC;AAErC,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,mBAAS,oBAAK,IAAI,EAAI,CAAC;AAExE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,WAAW,EAAE,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC;CACtE,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport Countdown from '@/components/generic/Countdown';\n\nexport default {\n    title: 'generic/Countdown',\n    component: Countdown,\n    argTypes: {},\n} as ComponentMeta<typeof Countdown>;\n\nconst Template: ComponentStory<typeof Countdown> = (args) => <Countdown {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    endTimeDate: dayjs().subtract(-3, 'minute').subtract(-30, 'second'),\n};\n"]}

package/dist/src/stories/Currency.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import Currency from '../components/generic/Currency';
+declare const _default: ComponentMeta<typeof Currency>;
+export default _default;
+export declare const Default: ComponentStory<typeof Currency>;

package/dist/src/stories/Currency.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const Currency_1 = __importDefault(require("../components/generic/Currency"));
+exports.default = {
+    title: 'generic/Currency',
+    component: Currency_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(Currency_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    children: 1234.567,
+};
+//# sourceMappingURL=Currency.stories.js.map

package/dist/src/stories/Currency.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.stories.js","sourceRoot":"/","sources":["src/stories/Currency.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,6EAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,QAAQ;CACrB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport Currency from '@/components/generic/Currency';\n\nexport default {\n    title: 'generic/Currency',\n    component: Currency,\n    argTypes: {},\n} as ComponentMeta<typeof Currency>;\n\nconst Template: ComponentStory<typeof Currency> = (args) => <Currency {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    children: 1234.567,\n};\n"]}

package/dist/src/stories/DateRangePicker.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta } from '@storybook/react';
+import DateRangePicker, { DatePickerProps } from '../components/generic/DateRangePicker/DateRangePicker';
+declare const _default: ComponentMeta<typeof DateRangePicker>;
+export default _default;
+export declare const Primary: (args: DatePickerProps) => JSX.Element;
+export declare const StartDatePopulated: (args: DatePickerProps) => JSX.Element;
+export declare const MultipleMonths: (args: DatePickerProps) => JSX.Element;
+export declare const ThemeSpecific: (args: DatePickerProps) => JSX.Element;

package/dist/src/stories/DateRangePicker.stories.js

@@ -0,0 +1,90 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeSpecific = exports.MultipleMonths = exports.StartDatePopulated = exports.Primary = void 0;
+const dayjs_1 = __importDefault(require("dayjs"));
+const react_1 = __importStar(require("react"));
+const BookingWizard_1 = require("../components/generic/BookingWizard/BookingWizard");
+const DateRangePicker_1 = __importDefault(require("../components/generic/DateRangePicker/DateRangePicker"));
+exports.default = {
+    title: 'generic/DateRangePicker/DateRangePicker',
+    component: DateRangePicker_1.default,
+    argTypes: {},
+};
+const Primary = (args) => {
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (react_1.default.createElement(DateRangePicker_1.default, { selectedStartDate: startDate, selectedEndDate: endDate, onStartDateChanged: (...params) => {
+            var _a;
+            setStartDate(params[0]);
+            (_a = args.onStartDateChanged) === null || _a === void 0 ? void 0 : _a.call(args, ...params);
+        }, onEndDateChanged: (...params) => {
+            var _a;
+            setEndDate(params[0]);
+            (_a = args.onEndDateChanged) === null || _a === void 0 ? void 0 : _a.call(args, ...params);
+        } }));
+};
+exports.Primary = Primary;
+const StartDatePopulated = (args) => {
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (react_1.default.createElement(DateRangePicker_1.default, { selectedStartDate: (0, dayjs_1.default)('20230125'), fixedStartDate: true, selectedEndDate: endDate, onEndDateChanged: (a) => {
+            var _a;
+            setEndDate(a);
+            (_a = args.onEndDateChanged) === null || _a === void 0 ? void 0 : _a.call(args, a);
+        } }));
+};
+exports.StartDatePopulated = StartDatePopulated;
+const MultipleMonths = (args) => {
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (react_1.default.createElement(DateRangePicker_1.default, { showMultipleMonths: true, selectedStartDate: startDate, selectedEndDate: endDate, onStartDateChanged: (...params) => {
+            var _a;
+            setStartDate(params[0]);
+            (_a = args.onStartDateChanged) === null || _a === void 0 ? void 0 : _a.call(args, ...params);
+        }, onEndDateChanged: (...params) => {
+            var _a;
+            setEndDate(params[0]);
+            (_a = args.onEndDateChanged) === null || _a === void 0 ? void 0 : _a.call(args, ...params);
+        } }));
+};
+exports.MultipleMonths = MultipleMonths;
+const ThemeSpecific = (args) => {
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (react_1.default.createElement(DateRangePicker_1.default, { showMultipleMonths: true, theme: BookingWizard_1.EBookingWizardTheme.Specific, selectedStartDate: startDate, selectedEndDate: endDate, onStartDateChanged: (...params) => {
+            var _a;
+            setStartDate(params[0]);
+            (_a = args.onStartDateChanged) === null || _a === void 0 ? void 0 : _a.call(args, ...params);
+        }, onEndDateChanged: (...params) => {
+            var _a;
+            setEndDate(params[0]);
+            (_a = args.onEndDateChanged) === null || _a === void 0 ? void 0 : _a.call(args, ...params);
+        } }));
+};
+exports.ThemeSpecific = ThemeSpecific;
+//# sourceMappingURL=DateRangePicker.stories.js.map

package/dist/src/stories/DateRangePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.stories.js","sourceRoot":"/","sources":["src/stories/DateRangePicker.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport dayjs from 'dayjs';\nimport React, { useState } from 'react';\n\nimport { EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport DateRangePicker, { DatePickerProps } from '@/components/generic/DateRangePicker/DateRangePicker';\n\nexport default {\n    title: 'generic/DateRangePicker/DateRangePicker',\n    component: DateRangePicker,\n    argTypes: {},\n} as ComponentMeta<typeof DateRangePicker>;\n\nexport const Primary = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n\nexport const StartDatePopulated = (args: DatePickerProps) => {\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            selectedStartDate={dayjs('20230125')}\n            fixedStartDate\n            selectedEndDate={endDate}\n            onEndDateChanged={(a) => {\n                setEndDate(a);\n                args.onEndDateChanged?.(a);\n            }}\n        />\n    );\n};\n\nexport const MultipleMonths = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            showMultipleMonths\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n\nexport const ThemeSpecific = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            showMultipleMonths\n            theme={EBookingWizardTheme.Specific}\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n"]}

package/dist/src/stories/Distance.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import Distance from '../components/generic/Distance';
+declare const _default: ComponentMeta<typeof Distance>;
+export default _default;
+export declare const Default: ComponentStory<typeof Distance>;

package/dist/src/stories/Distance.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const Distance_1 = __importDefault(require("../components/generic/Distance"));
+exports.default = {
+    title: 'generic/Distance',
+    component: Distance_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(Distance_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    distance: 100,
+};
+//# sourceMappingURL=Distance.stories.js.map

package/dist/src/stories/Distance.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Distance.stories.js","sourceRoot":"/","sources":["src/stories/Distance.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,6EAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,GAAG;CAChB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport Distance from '@/components/generic/Distance';\n\nexport default {\n    title: 'generic/Distance',\n    component: Distance,\n    argTypes: {},\n} as ComponentMeta<typeof Distance>;\n\nconst Template: ComponentStory<typeof Distance> = (args) => <Distance {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    distance: 100,\n};\n"]}

package/dist/src/stories/EnhancedPhoneNumberField.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField").EnhancedPhoneNumberField>, keyof import("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField").EnhancedPhoneNumberField> & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField").EnhancedPhoneNumberField>, keyof import("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField").EnhancedPhoneNumberField> & React.RefAttributes<HTMLInputElement>>>;

package/dist/src/stories/EnhancedPhoneNumberField.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const EnhancedPhoneNumberField_1 = __importDefault(require("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
+exports.default = {
+    title: 'generic/EnhancedPhoneNumberField/EnhancedPhoneNumberField',
+    component: EnhancedPhoneNumberField_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(EnhancedPhoneNumberField_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    value: '+61 1111111111111',
+};
+//# sourceMappingURL=EnhancedPhoneNumberField.stories.js.map

package/dist/src/stories/EnhancedPhoneNumberField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedPhoneNumberField.stories.js","sourceRoot":"/","sources":["src/stories/EnhancedPhoneNumberField.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,8IAAsH;AAEtH,kBAAe;IACX,KAAK,EAAE,2DAA2D;IAClE,SAAS,EAAE,kCAAwB;IACnC,QAAQ,EAAE,EAAE;CACmC,CAAC;AAEpD,MAAM,QAAQ,GAAoD,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,kCAAwB,oBAAK,IAAI,EAAI,CAAC;AAEtG,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;CAC7B,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport EnhancedPhoneNumberField from '../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\n\nexport default {\n    title: 'generic/EnhancedPhoneNumberField/EnhancedPhoneNumberField',\n    component: EnhancedPhoneNumberField,\n    argTypes: {},\n} as ComponentMeta<typeof EnhancedPhoneNumberField>;\n\nconst Template: ComponentStory<typeof EnhancedPhoneNumberField> = (args) => <EnhancedPhoneNumberField {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    value: '+61 1111111111111',\n};\n"]}

package/dist/src/stories/ErrorModal.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import ErrorModal from '../components/generic/modal/ErrorModal';
+declare const _default: ComponentMeta<typeof ErrorModal>;
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/src/stories/ErrorModal.stories.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importStar(require("react"));
+const ErrorModal_1 = __importDefault(require("../components/generic/modal/ErrorModal"));
+exports.default = {
+    title: 'generic/modal/ErrorModal',
+    component: ErrorModal_1.default,
+    argTypes: {},
+};
+const Default = () => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { onClick: () => setOpen(!open) }, open ? 'Close' : 'Open'),
+        react_1.default.createElement(ErrorModal_1.default, { open: open, onClose: () => setOpen(false), title: "title", closeButtonText: "closeButtonText" },
+            react_1.default.createElement("div", null, "Children"))));
+};
+exports.Default = Default;
+//# sourceMappingURL=ErrorModal.stories.js.map

package/dist/src/stories/ErrorModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorModal.stories.js","sourceRoot":"/","sources":["src/stories/ErrorModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,uFAA+D;AAE/D,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE,EAAE;CACqB,CAAC;AAE/B,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjD,OAAO,CACH;QACI,uCAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QACnE,8BAAC,oBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,OAAO,EAAC,eAAe,EAAC,iBAAiB;YAClG,sDAAmB,CACV,CACd,CACN,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,OAAO,WAUlB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport ErrorModal from '@/components/generic/modal/ErrorModal';\n\nexport default {\n    title: 'generic/modal/ErrorModal',\n    component: ErrorModal,\n    argTypes: {},\n} as ComponentMeta<typeof ErrorModal>;\n\nexport const Default = () => {\n    const [open, setOpen] = useState<boolean>(false);\n    return (\n        <>\n            <div onClick={() => setOpen(!open)}>{open ? 'Close' : 'Open'}</div>\n            <ErrorModal open={open} onClose={() => setOpen(false)} title=\"title\" closeButtonText=\"closeButtonText\">\n                <div>Children</div>\n            </ErrorModal>\n        </>\n    );\n};\n"]}

package/dist/src/stories/EventCarousel.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.FC<import("../components/generic/Event/EventCarousel").EventCarouselProps>>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Vertical: () => JSX.Element;