@eventlook/sdk 1.4.46-beta.2 → 1.4.46-beta.4

package/dist/cjs/utils/formatNumber.js

@@ -0,0 +1,19 @@
+'use strict';
+
+require('numeral');
+var currency = require('./data/currency.js');
+
+// ----------------------------------------------------------------------
+function fCurrency(number, locales = 'cs', currency$1 = currency.Currencies.CZK, decimals = 0) {
+    decimals = currency$1 !== currency.Currencies.CZK && !decimals ? 2 : decimals;
+    const formattedNumber = new Intl.NumberFormat(locales, {
+        style: 'currency',
+        currency: currency$1,
+        maximumFractionDigits: decimals,
+        currencyDisplay: 'narrowSymbol',
+    }).format(number);
+    return formattedNumber.replace('.', locales === 'cs' ? ' ' : ',');
+}
+
+exports.fCurrency = fCurrency;
+//# sourceMappingURL=formatNumber.js.map

package/dist/cjs/utils/formatNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatNumber.js","sources":["../../../src/utils/formatNumber.ts"],"sourcesContent":["import numeral from 'numeral';\nimport { Currencies } from '@utils/data/currency';\n\n// ----------------------------------------------------------------------\n\nexport function fCurrency(number: number, locales = 'cs', currency = Currencies.CZK, decimals = 0) {\n  decimals = currency !== Currencies.CZK && !decimals ? 2 : decimals;\n  const formattedNumber = new Intl.NumberFormat(locales, {\n    style: 'currency',\n    currency,\n    maximumFractionDigits: decimals,\n    currencyDisplay: 'narrowSymbol',\n  }).format(number);\n  return formattedNumber.replace('.', locales === 'cs' ? ' ' : ',');\n}\n\nexport function fCurrencyPlain(currency: number) {\n  return currency.toString().replace('.', ',');\n}\n\nexport function fPercent(number: number) {\n  return numeral(number / 100).format('0%');\n}\n\nexport function fNumber(number: string | number) {\n  return numeral(number).format();\n}\n\nexport function fShortenNumber(number: string | number) {\n  return numeral(number).format('0.00a').replace('.00', '');\n}\n\nexport function fData(number: string | number) {\n  return numeral(number).format('0.0 b');\n}\n\nexport const roundUp = (number: number, decimals = 2) => {\n  let decimal = 10;\n  for (let i = 1; i < decimals; i++) {\n    decimal = decimal * 10;\n  }\n  return Math.ceil(number * decimal) / decimal;\n};\n"],"names":["currency","Currencies"],"mappings":";;;;;AAGA;SAEgB,SAAS,CAAC,MAAc,EAAE,OAAO,GAAG,IAAI,EAAEA,UAAQ,GAAGC,mBAAU,CAAC,GAAG,EAAE,QAAQ,GAAG,CAAC,EAAA;AAC/F,IAAA,QAAQ,GAAGD,UAAQ,KAAKC,mBAAU,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,QAAQ;IAClE,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;AACrD,QAAA,KAAK,EAAE,UAAU;kBACjBD,UAAQ;AACR,QAAA,qBAAqB,EAAE,QAAQ;AAC/B,QAAA,eAAe,EAAE,cAAc;AAChC,KAAA,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;AACjB,IAAA,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AACnE;;;;"}

package/dist/cjs/utils/global.js

@@ -0,0 +1,26 @@
+'use strict';
+
+const cloneObject = (object) => JSON.parse(JSON.stringify(object));
+const parseQuery = (objectQuery) => {
+    if (!objectQuery && typeof objectQuery !== 'object') {
+        return '';
+    }
+    const query = [];
+    Object.entries(objectQuery).forEach(([key, value]) => {
+        if (value) {
+            query.push(`${key}=${value}`);
+        }
+    });
+    return query.length ? `?${query.join('&')}` : '';
+};
+const groupBy = (xs, key) => xs.reduce((rv, x) => {
+    (rv[x[key]] = rv[x[key]] || []).push(x);
+    return rv;
+}, {});
+const getNestedValue = (obj, path) => path.split('.').reduce((acc, part) => acc?.[part], obj);
+
+exports.cloneObject = cloneObject;
+exports.getNestedValue = getNestedValue;
+exports.groupBy = groupBy;
+exports.parseQuery = parseQuery;
+//# sourceMappingURL=global.js.map

package/dist/cjs/utils/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sources":["../../../src/utils/global.ts"],"sourcesContent":["export const cloneObject = (object: any) => JSON.parse(JSON.stringify(object));\n\nexport const parseQuery = (objectQuery?: object): string => {\n  if (!objectQuery && typeof objectQuery !== 'object') {\n    return '';\n  }\n  const query: string[] = [];\n  Object.entries(objectQuery).forEach(([key, value]) => {\n    if (value) {\n      query.push(`${key}=${value}`);\n    }\n  });\n\n  return query.length ? `?${query.join('&')}` : '';\n};\n\nexport const groupBy = (xs: any[], key: any) =>\n  xs.reduce((rv: any, x) => {\n    (rv[x[key]] = rv[x[key]] || []).push(x);\n    return rv;\n  }, {});\n\nexport const getNestedValue = (obj: any, path: string): string | undefined =>\n  path.split('.').reduce((acc, part) => acc?.[part], obj);\n"],"names":[],"mappings":";;MAAa,WAAW,GAAG,CAAC,MAAW,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;AAEtE,MAAM,UAAU,GAAG,CAAC,WAAoB,KAAY;IACzD,IAAI,CAAC,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;AACnD,QAAA,OAAO,EAAE;;IAEX,MAAM,KAAK,GAAa,EAAE;AAC1B,IAAA,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;QACnD,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,IAAI,CAAC,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAAC;;AAEjC,KAAC,CAAC;AAEF,IAAA,OAAO,KAAK,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE,GAAG,EAAE;AAClD;MAEa,OAAO,GAAG,CAAC,EAAS,EAAE,GAAQ,KACzC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAO,EAAE,CAAC,KAAI;IACvB,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;AACvC,IAAA,OAAO,EAAE;AACX,CAAC,EAAE,EAAE;AAEA,MAAM,cAAc,GAAG,CAAC,GAAQ,EAAE,IAAY,KACnD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG;;;;;;;"}

package/dist/cjs/utils/gtm.js

@@ -0,0 +1,125 @@
+'use strict';
+
+var isBrowser = require('./isBrowser.js');
+var Cookies = require('js-cookie');
+var cookie = require('./data/cookie.js');
+
+const getGtmPageView = (url, userData) => {
+    const userIp = Cookies.get(cookie.UserIpCookie);
+    const pageEvent = {
+        event: 'page_view',
+        page: url,
+        ip: userIp || '',
+        user_data: userData || null,
+    };
+    return pageEvent;
+};
+const getGtmBeginCheckout = (item, pixels, userData) => {
+    const userIp = Cookies.get(cookie.UserIpCookie);
+    const pageEvent = {
+        event: 'begin_checkout',
+        fb_pixel_id: pixels?.fb_pixel_id || '',
+        tiktok_pixel_id: pixels?.tiktok_pixel_id || '',
+        ecommerce: item,
+        ip: userIp || '',
+        user_data: userData || null,
+    };
+    return pageEvent;
+};
+const gtmBeginCheckout = (item, pixels, userData) => {
+    const pageEvent = getGtmBeginCheckout(item, pixels, userData);
+    if (isBrowser.isBrowser() && window.dataLayer)
+        window.dataLayer.push(pageEvent);
+    return pageEvent;
+};
+const getGtmViewCart = (item, pixels) => {
+    const userIp = Cookies.get(cookie.UserIpCookie);
+    const pageEvent = {
+        event: 'view_cart',
+        fb_pixel_id: pixels?.fb_pixel_id || '',
+        tiktok_pixel_id: pixels?.tiktok_pixel_id || '',
+        ecommerce: item,
+        ip: userIp || '',
+    };
+    return pageEvent;
+};
+const gtmViewCart = (item, pixels) => {
+    const pageEvent = getGtmViewCart(item, pixels);
+    if (isBrowser.isBrowser() && window.dataLayer)
+        setTimeout(() => window.dataLayer.push(pageEvent), 500);
+    return pageEvent;
+};
+const getGtmAddPaymentInfo = (item, pixels, userData) => {
+    const userIp = Cookies.get(cookie.UserIpCookie);
+    const pageEvent = {
+        event: 'add_payment_info',
+        fb_pixel_id: pixels?.fb_pixel_id || '',
+        tiktok_pixel_id: pixels?.tiktok_pixel_id || '',
+        ecommerce: item,
+        ip: userIp || '',
+        user_data: userData || null,
+    };
+    return pageEvent;
+};
+const gtmAddPaymentInfo = (item, pixels) => {
+    const pageEvent = getGtmAddPaymentInfo(item, pixels);
+    if (isBrowser.isBrowser() && window.dataLayer)
+        setTimeout(() => window.dataLayer.push(pageEvent), 500);
+    return pageEvent;
+};
+const getGtmPurchase = (item, pixels, userData) => {
+    const userIp = Cookies.get(cookie.UserIpCookie);
+    const pageEvent = {
+        event: 'purchase',
+        fb_pixel_id: pixels?.fb_pixel_id || '',
+        tiktok_pixel_id: pixels?.tiktok_pixel_id || '',
+        ecommerce: item,
+        user_data: userData || null,
+        ip: userIp || '',
+    };
+    return pageEvent;
+};
+const gtmPurchase = (item, pixels, userData) => {
+    const pageEvent = getGtmPurchase(item, pixels, userData);
+    if (isBrowser.isBrowser() && window.dataLayer)
+        setTimeout(() => window.dataLayer.push(pageEvent), 500);
+    return pageEvent;
+};
+const getGtmPurchasePaid = (item, pixels, userData) => {
+    const userIp = Cookies.get(cookie.UserIpCookie);
+    const pageEvent = {
+        event: 'purchase_paid',
+        fb_pixel_id: pixels?.fb_pixel_id || '',
+        tiktok_pixel_id: pixels?.tiktok_pixel_id || '',
+        ecommerce: item,
+        user_data: userData || null,
+        ip: userIp || '',
+    };
+    return pageEvent;
+};
+const gtmPurchasePaid = (item, pixels, userData) => {
+    const pageEvent = getGtmPurchasePaid(item, pixels, userData);
+    if (isBrowser.isBrowser() && window.dataLayer)
+        setTimeout(() => window.dataLayer.push(pageEvent), 500);
+    return pageEvent;
+};
+const mapUserToUserData = (user) => ({
+    em: user.email,
+    ph: user.phone,
+    ln: user.lastName,
+    fn: user.firstName,
+});
+
+exports.getGtmAddPaymentInfo = getGtmAddPaymentInfo;
+exports.getGtmBeginCheckout = getGtmBeginCheckout;
+exports.getGtmPageView = getGtmPageView;
+exports.getGtmPurchase = getGtmPurchase;
+exports.getGtmPurchasePaid = getGtmPurchasePaid;
+exports.getGtmViewCart = getGtmViewCart;
+exports.gtmAddPaymentInfo = gtmAddPaymentInfo;
+exports.gtmBeginCheckout = gtmBeginCheckout;
+exports.gtmPurchase = gtmPurchase;
+exports.gtmPurchasePaid = gtmPurchasePaid;
+exports.gtmViewCart = gtmViewCart;
+exports.mapUserToUserData = mapUserToUserData;
+//# sourceMappingURL=gtm.js.map

package/dist/cjs/utils/gtm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gtm.js","sources":["../../../src/utils/gtm.ts"],"sourcesContent":["import { isBrowser } from '@utils/isBrowser';\nimport Cookies from 'js-cookie';\nimport {\n  IPageView,\n  IPageType,\n  ISearchShow,\n  IViewItem,\n  IEcommerce,\n  ICheckout,\n  IEcommerceCartItems,\n  IAddPaymentInfo,\n  IPurchase,\n  IEcommercePurchase,\n  IUserData,\n  IPixels,\n  IViewItemList,\n  ISelectItem,\n  IAddToCart,\n  IRemoveFromCart,\n  IPurchasePaid,\n} from '@utils/types/gtm.type';\nimport { UserIpCookie } from '@utils/data/cookie';\nimport { IUser } from '@utils/types/user.type';\n\nexport const getGtmPageView = (url: string, userData?: IUserData) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IPageView = {\n    event: 'page_view',\n    page: url,\n    ip: userIp || '',\n    user_data: userData || null,\n  };\n\n  return pageEvent;\n};\n\nexport const gtmPageView = (url: string, userData?: IUserData) => {\n  const pageEvent = getGtmPageView(url, userData);\n  if (isBrowser() && window.dataLayer) window.dataLayer.push(pageEvent);\n  return pageEvent;\n};\n\nexport const gtmPageType = (type: string) => {\n  const cookie = Cookies.get('_ga');\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IPageType = {\n    visitorType: cookie ? 'returning' : 'new',\n    clientID: cookie,\n    pageType: type,\n    ip: userIp || '',\n  };\n  if (isBrowser() && window.dataLayer) window.dataLayer.push(pageEvent);\n  return pageEvent;\n};\n\nexport const gtmSearchShow = () => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: ISearchShow = {\n    event: 'search',\n    eventAction: 'showSearchWindow',\n    ip: userIp || '',\n  };\n  if (isBrowser() && window.dataLayer) window.dataLayer.push(pageEvent);\n  return pageEvent;\n};\n\nexport const gtmSearchInSearchWindow = () => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: ISearchShow = {\n    event: 'search',\n    eventAction: 'userSearchInSearchWindow',\n    ip: userIp || '',\n  };\n  if (isBrowser() && window.dataLayer) window.dataLayer.push(pageEvent);\n  return pageEvent;\n};\n\nexport const gtmViewItem = (item: IEcommerce, pixels?: IPixels, userData?: IUserData) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IViewItem & IPixels = {\n    event: 'view_item',\n    fb_pixel_id: pixels?.fb_pixel_id || '',\n    tiktok_pixel_id: pixels?.tiktok_pixel_id || '',\n    ecommerce: item,\n    ip: userIp || '',\n    user_data: userData || null,\n  };\n  if (isBrowser() && window.dataLayer) setTimeout(() => window.dataLayer.push(pageEvent), 500);\n  return pageEvent;\n};\n\nexport const gtmViewItemList = () => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IViewItemList = {\n    event: 'view_item_list',\n    ip: userIp || '',\n  };\n  if (isBrowser() && window.dataLayer) setTimeout(() => window.dataLayer.push(pageEvent), 500);\n  return pageEvent;\n};\n\nexport const gtmSelectItem = () => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: ISelectItem = {\n    event: 'select_item',\n    ip: userIp || '',\n  };\n  if (isBrowser() && window.dataLayer) window.dataLayer.push(pageEvent);\n  return pageEvent;\n};\n\nexport const getGtmBeginCheckout = (item: IEcommerce, pixels?: IPixels, userData?: IUserData) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: ICheckout & IPixels = {\n    event: 'begin_checkout',\n    fb_pixel_id: pixels?.fb_pixel_id || '',\n    tiktok_pixel_id: pixels?.tiktok_pixel_id || '',\n    ecommerce: item,\n    ip: userIp || '',\n    user_data: userData || null,\n  };\n\n  return pageEvent;\n};\n\nexport const gtmBeginCheckout = (item: IEcommerce, pixels?: IPixels, userData?: IUserData) => {\n  const pageEvent = getGtmBeginCheckout(item, pixels, userData);\n  if (isBrowser() && window.dataLayer) window.dataLayer.push(pageEvent);\n  return pageEvent;\n};\n\nexport const getGtmViewCart = (item: IEcommerce, pixels?: IPixels) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: ICheckout & IPixels = {\n    event: 'view_cart',\n    fb_pixel_id: pixels?.fb_pixel_id || '',\n    tiktok_pixel_id: pixels?.tiktok_pixel_id || '',\n    ecommerce: item,\n    ip: userIp || '',\n  };\n\n  return pageEvent;\n};\n\nexport const gtmViewCart = (item: IEcommerce, pixels?: IPixels) => {\n  const pageEvent = getGtmViewCart(item, pixels);\n  if (isBrowser() && window.dataLayer) setTimeout(() => window.dataLayer.push(pageEvent), 500);\n  return pageEvent;\n};\n\nexport const gtmAddToCart = (pixels?: IPixels, userData?: IUserData) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IAddToCart & IPixels = {\n    event: 'add_to_cart',\n    fb_pixel_id: pixels?.fb_pixel_id || '',\n    tiktok_pixel_id: pixels?.tiktok_pixel_id || '',\n    ip: userIp || '',\n    user_data: userData || null,\n  };\n  if (isBrowser() && window.dataLayer) window.dataLayer.push(pageEvent);\n  return pageEvent;\n};\n\nexport const gtmRemoveFromCart = (item: IEcommerceCartItems, pixels?: IPixels) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IRemoveFromCart & IPixels = {\n    event: 'remove_from_cart',\n    fb_pixel_id: pixels?.fb_pixel_id || '',\n    tiktok_pixel_id: pixels?.tiktok_pixel_id || '',\n    ecommerce: item,\n    ip: userIp || '',\n  };\n  if (isBrowser() && window.dataLayer) window.dataLayer.push(pageEvent);\n  return pageEvent;\n};\n\nexport const getGtmAddPaymentInfo = (\n  item: IEcommerceCartItems,\n  pixels?: IPixels,\n  userData?: IUserData\n) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IAddPaymentInfo & IPixels = {\n    event: 'add_payment_info',\n    fb_pixel_id: pixels?.fb_pixel_id || '',\n    tiktok_pixel_id: pixels?.tiktok_pixel_id || '',\n    ecommerce: item,\n    ip: userIp || '',\n    user_data: userData || null,\n  };\n\n  return pageEvent;\n};\n\nexport const gtmAddPaymentInfo = (item: IEcommerceCartItems, pixels?: IPixels) => {\n  const pageEvent = getGtmAddPaymentInfo(item, pixels);\n  if (isBrowser() && window.dataLayer) setTimeout(() => window.dataLayer.push(pageEvent), 500);\n  return pageEvent;\n};\n\nexport const getGtmPurchase = (\n  item: IEcommercePurchase | null,\n  pixels?: IPixels,\n  userData?: IUserData\n) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IPurchase & IPixels = {\n    event: 'purchase',\n    fb_pixel_id: pixels?.fb_pixel_id || '',\n    tiktok_pixel_id: pixels?.tiktok_pixel_id || '',\n    ecommerce: item,\n    user_data: userData || null,\n    ip: userIp || '',\n  };\n\n  return pageEvent;\n};\n\nexport const gtmPurchase = (\n  item: IEcommercePurchase | null,\n  pixels?: IPixels,\n  userData?: IUserData\n) => {\n  const pageEvent = getGtmPurchase(item, pixels, userData);\n  if (isBrowser() && window.dataLayer) setTimeout(() => window.dataLayer.push(pageEvent), 500);\n  return pageEvent;\n};\n\nexport const getGtmPurchasePaid = (\n  item: IEcommercePurchase | null,\n  pixels?: IPixels,\n  userData?: IUserData\n) => {\n  const userIp = Cookies.get(UserIpCookie);\n  const pageEvent: IPurchasePaid & IPixels = {\n    event: 'purchase_paid',\n    fb_pixel_id: pixels?.fb_pixel_id || '',\n    tiktok_pixel_id: pixels?.tiktok_pixel_id || '',\n    ecommerce: item,\n    user_data: userData || null,\n    ip: userIp || '',\n  };\n\n  return pageEvent;\n};\n\nexport const gtmPurchasePaid = (\n  item: IEcommercePurchase | null,\n  pixels?: IPixels,\n  userData?: IUserData\n) => {\n  const pageEvent = getGtmPurchasePaid(item, pixels, userData);\n  if (isBrowser() && window.dataLayer) setTimeout(() => window.dataLayer.push(pageEvent), 500);\n  return pageEvent;\n};\n\nexport const mapUserToUserData = (user: IUser) => ({\n  em: user.email,\n  ph: user.phone,\n  ln: user.lastName,\n  fn: user.firstName,\n});\n"],"names":["UserIpCookie","isBrowser"],"mappings":"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"}

package/dist/cjs/utils/isBrowser.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const isBrowser = () => typeof window !== 'undefined';
+
+exports.isBrowser = isBrowser;
+//# sourceMappingURL=isBrowser.js.map

package/dist/cjs/utils/isBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBrowser.js","sources":["../../../src/utils/isBrowser.ts"],"sourcesContent":["export const isBrowser = (): boolean => typeof window !== 'undefined';\n"],"names":[],"mappings":";;AAAO,MAAM,SAAS,GAAG,MAAe,OAAO,MAAM,KAAK;;;;"}

package/dist/cjs/utils/place.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const getPlaceAsString = (place) => `${place.name} - ${place.address}, ${place.zip} ${place.city}`;
+
+exports.getPlaceAsString = getPlaceAsString;
+//# sourceMappingURL=place.js.map

package/dist/cjs/utils/place.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"place.js","sources":["../../../src/utils/place.ts"],"sourcesContent":["import { IPlace } from '@utils/types/place.type';\n\nexport const getPlaceAsString = (place: IPlace) =>\n  `${place.name} - ${place.address}, ${place.zip} ${place.city}`;\n"],"names":[],"mappings":";;AAEO,MAAM,gBAAgB,GAAG,CAAC,KAAa,KAC5C,CAAA,EAAG,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,OAAO,CAAA,EAAA,EAAK,KAAK,CAAC,GAAG,CAAA,CAAA,EAAI,KAAK,CAAC,IAAI,CAAA;;;;"}

package/dist/cjs/utils/price.js

@@ -0,0 +1,15 @@
+'use strict';
+
+require('numeral');
+require('./data/currency.js');
+
+const calculatePriceWithoutPercentage = (price, vatPercentage) => Math.ceil(price * ((100 - vatPercentage) / 100) * 100) / 100;
+const calculatePriceWithDiscount = (price, discountPercent = 0, fixedDiscount = 0) => {
+    const discountedPrice = calculatePriceWithoutPercentage(price, discountPercent);
+    const finalPrice = Math.max(discountedPrice - fixedDiscount, 0);
+    return Math.ceil(finalPrice * 100) / 100;
+};
+
+exports.calculatePriceWithDiscount = calculatePriceWithDiscount;
+exports.calculatePriceWithoutPercentage = calculatePriceWithoutPercentage;
+//# sourceMappingURL=price.js.map

package/dist/cjs/utils/price.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"price.js","sources":["../../../src/utils/price.ts"],"sourcesContent":["import { fCurrency, fCurrencyPlain } from '@utils/formatNumber';\nimport { Currencies } from '@utils/data/currency';\n\nexport const getBetweenPrice = (\n  firstPrice: number,\n  secondPrice: number,\n  currentLangValue: string,\n  currency: Currencies\n) => {\n  if (currentLangValue === 'en') {\n    return `${fCurrency(firstPrice, currentLangValue, currency)} - ${fCurrencyPlain(secondPrice)}`;\n  }\n\n  return `${fCurrencyPlain(firstPrice)} - ${fCurrency(secondPrice, currentLangValue, currency)}`;\n};\n\nexport const calculatePriceWithPercentage = (price: number, vatPercentage: number) =>\n  Math.ceil(price * ((100 + vatPercentage) / 100) * 100) / 100;\n\nexport const calculatePriceWithoutPercentage = (price: number, vatPercentage: number) =>\n  Math.ceil(price * ((100 - vatPercentage) / 100) * 100) / 100;\n\nexport const calculatePriceWithDiscount = (\n  price: number,\n  discountPercent = 0,\n  fixedDiscount = 0\n) => {\n  const discountedPrice = calculatePriceWithoutPercentage(price, discountPercent);\n  const finalPrice = Math.max(discountedPrice - fixedDiscount, 0);\n  return Math.ceil(finalPrice * 100) / 100;\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,+BAA+B,GAAG,CAAC,KAAa,EAAE,aAAqB,KAClF,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,aAAa,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG;AAEpD,MAAM,0BAA0B,GAAG,CACxC,KAAa,EACb,eAAe,GAAG,CAAC,EACnB,aAAa,GAAG,CAAC,KACf;IACF,MAAM,eAAe,GAAG,+BAA+B,CAAC,KAAK,EAAE,eAAe,CAAC;AAC/E,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,aAAa,EAAE,CAAC,CAAC;IAC/D,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,GAAG;AAC1C;;;;;"}

package/dist/cjs/utils/product.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const getSelectedQuantityByVariant = (products, tickets) => {
+    const result = {};
+    for (const product of products) {
+        if (result[product.eventProductVariantId]) {
+            result[product.eventProductVariantId] += product.quantity;
+        }
+        else {
+            result[product.eventProductVariantId] = product.quantity;
+        }
+    }
+    for (const ticket of tickets) {
+        if (ticket.products) {
+            for (const product of ticket.products) {
+                if (result[product.eventProductVariantId]) {
+                    result[product.eventProductVariantId] += product.quantity;
+                }
+                else {
+                    result[product.eventProductVariantId] = product.quantity;
+                }
+            }
+        }
+    }
+    return result;
+};
+
+exports.getSelectedQuantityByVariant = getSelectedQuantityByVariant;
+//# sourceMappingURL=product.js.map

package/dist/cjs/utils/product.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product.js","sources":["../../../src/utils/product.ts"],"sourcesContent":["import { IEventProductForm } from '@utils/types/product.type';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\n\nexport const getSelectedQuantityByVariant = (\n  products: IEventProductForm[],\n  tickets: ITicketFormTicket[]\n) => {\n  const result: Record<number, number> = {};\n  for (const product of products) {\n    if (result[product.eventProductVariantId]) {\n      result[product.eventProductVariantId] += product.quantity;\n    } else {\n      result[product.eventProductVariantId] = product.quantity;\n    }\n  }\n\n  for (const ticket of tickets) {\n    if (ticket.products) {\n      for (const product of ticket.products) {\n        if (result[product.eventProductVariantId]) {\n          result[product.eventProductVariantId] += product.quantity;\n        } else {\n          result[product.eventProductVariantId] = product.quantity;\n        }\n      }\n    }\n  }\n\n  return result;\n};\n"],"names":[],"mappings":";;MAGa,4BAA4B,GAAG,CAC1C,QAA6B,EAC7B,OAA4B,KAC1B;IACF,MAAM,MAAM,GAA2B,EAAE;AACzC,IAAA,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;AAC9B,QAAA,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE;YACzC,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,OAAO,CAAC,QAAQ;;aACpD;YACL,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG,OAAO,CAAC,QAAQ;;;AAI5D,IAAA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;AAC5B,QAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,YAAA,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,QAAQ,EAAE;AACrC,gBAAA,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE;oBACzC,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,OAAO,CAAC,QAAQ;;qBACpD;oBACL,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG,OAAO,CAAC,QAAQ;;;;;AAMhE,IAAA,OAAO,MAAM;AACf;;;;"}

package/dist/cjs/utils/translation.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const getTranslation = (translation, locale) => translation.find((t) => t.locale === locale)?.text || '';
+
+exports.getTranslation = getTranslation;
+//# sourceMappingURL=translation.js.map

package/dist/cjs/utils/translation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translation.js","sources":["../../../src/utils/translation.ts"],"sourcesContent":["import { ITranslationValue } from '@utils/types/translation.type';\n\nexport const getTranslation = (translation: ITranslationValue[], locale: string): string =>\n  translation.find((t) => t.locale === locale)?.text || '';\n"],"names":[],"mappings":";;AAEO,MAAM,cAAc,GAAG,CAAC,WAAgC,EAAE,MAAc,KAC7E,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,IAAI,IAAI;;;;"}

package/dist/cjs/utils/url.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const getSearchParamsInObject = (search) => {
+    let res = {};
+    search = search.replace('?', '');
+    const searchParams = search.split('&');
+    searchParams.forEach((item) => {
+        const paramWithValue = item.split('=');
+        res = {
+            ...res,
+            [paramWithValue[0]]: paramWithValue[1],
+        };
+    });
+    return res;
+};
+
+exports.getSearchParamsInObject = getSearchParamsInObject;
+//# sourceMappingURL=url.js.map

package/dist/cjs/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","sources":["../../../src/utils/url.ts"],"sourcesContent":["export const getSearchParamsInObject = (search: string): Record<any, any> => {\n  let res = {};\n  search = search.replace('?', '');\n  const searchParams = search.split('&');\n  searchParams.forEach((item) => {\n    const paramWithValue = item.split('=');\n    res = {\n      ...res,\n      [paramWithValue[0]]: paramWithValue[1],\n    };\n  });\n\n  return res;\n};\n"],"names":[],"mappings":";;AAAO,MAAM,uBAAuB,GAAG,CAAC,MAAc,KAAsB;IAC1E,IAAI,GAAG,GAAG,EAAE;IACZ,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IAChC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AACtC,IAAA,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;QAC5B,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AACtC,QAAA,GAAG,GAAG;AACJ,YAAA,GAAG,GAAG;YACN,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;SACvC;AACH,KAAC,CAAC;AAEF,IAAA,OAAO,GAAG;AACZ;;;;"}

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs };
+//# sourceMappingURL=_commonjsHelpers.js.map

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

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

package/dist/esm/_virtual/index.js

@@ -0,0 +1,4 @@
+var propTypes = {exports: {}};
+
+export { propTypes as __module };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/_virtual/index2.js

@@ -0,0 +1,4 @@
+var reactIs = {exports: {}};
+
+export { reactIs as __module };
+//# sourceMappingURL=index2.js.map

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

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

package/dist/esm/_virtual/index3.js

@@ -0,0 +1,4 @@
+var reactIs = {exports: {}};
+
+export { reactIs as __module };
+//# sourceMappingURL=index3.js.map

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

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

package/dist/esm/_virtual/react-is.development.js

@@ -0,0 +1,4 @@
+var reactIs_development = {};
+
+export { reactIs_development as __exports };
+//# sourceMappingURL=react-is.development.js.map

package/dist/esm/_virtual/react-is.development.js.map

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

package/dist/esm/_virtual/react-is.development2.js

@@ -0,0 +1,4 @@
+var reactIs_development = {};
+
+export { reactIs_development as __exports };
+//# sourceMappingURL=react-is.development2.js.map

package/dist/esm/_virtual/react-is.development2.js.map

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

package/dist/esm/_virtual/react-is.production.js

@@ -0,0 +1,4 @@
+var reactIs_production = {};
+
+export { reactIs_production as __exports };
+//# sourceMappingURL=react-is.production.js.map

package/dist/esm/_virtual/react-is.production.js.map

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

package/dist/esm/_virtual/react-is.production.min.js

@@ -0,0 +1,4 @@
+var reactIs_production_min = {};
+
+export { reactIs_production_min as __exports };
+//# sourceMappingURL=react-is.production.min.js.map

package/dist/esm/_virtual/react-is.production.min.js.map

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

package/dist/esm/components/ClientOnly.js

@@ -0,0 +1,15 @@
+import React, { useState, useEffect } from 'react';
+import TicketFormSkeleton from './TicketFormSkeleton.js';
+
+const ClientOnly = ({ children }) => {
+    const [isClient, setIsClient] = useState(false);
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+    if (!isClient)
+        return React.createElement(TicketFormSkeleton, null);
+    return React.createElement(React.Fragment, null, children);
+};
+
+export { ClientOnly as default };
+//# sourceMappingURL=ClientOnly.js.map

package/dist/esm/components/ClientOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientOnly.js","sources":["../../../src/components/ClientOnly.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport TicketFormSkeleton from '@components/TicketFormSkeleton';\n\nconst ClientOnly = ({ children }: { children: React.ReactNode }) => {\n  const [isClient, setIsClient] = useState(false);\n\n  useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  if (!isClient) return <TicketFormSkeleton />;\n\n  return <>{children}</>;\n};\n\nexport default ClientOnly;\n"],"names":[],"mappings":";;;AAGA,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE/C,SAAS,CAAC,MAAK;QACb,WAAW,CAAC,IAAI,CAAC;KAClB,EAAE,EAAE,CAAC;AAEN,IAAA,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,IAAA,CAAG;IAE5C,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,QAAQ,CAAI;AACxB;;;;"}

package/dist/esm/components/CustomSkeleton.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Skeleton } from '@mui/material';
+
+const CustomSkeleton = ({ sx, ...other }) => (React.createElement(Skeleton, { ...other, sx: {
+        transform: 'none',
+        borderRadius: 1,
+        ...sx,
+    } }));
+
+export { CustomSkeleton as default };
+//# sourceMappingURL=CustomSkeleton.js.map

package/dist/esm/components/CustomSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSkeleton.js","sources":["../../../src/components/CustomSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Skeleton, SkeletonProps } from '@mui/material';\n\nconst CustomSkeleton: React.FC<SkeletonProps> = ({ sx, ...other }) => (\n  <Skeleton\n    {...other}\n    sx={{\n      transform: 'none',\n      borderRadius: 1,\n      ...sx,\n    }}\n  />\n);\n\nexport default CustomSkeleton;\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,GAA4B,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,MAC/D,KAAA,CAAA,aAAA,CAAC,QAAQ,OACH,KAAK,EACT,EAAE,EAAE;AACF,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,GAAG,EAAE;AACN,KAAA,EAAA,CACD;;;;"}

package/dist/esm/components/Image.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { LazyLoadImage } from 'react-lazy-load-image-component';
+import { Box } from '@mui/material';
+
+function Image({ ratio, disabledEffect = false, effect = 'blur', objectFit = 'cover', sx, ...other }) {
+    if (ratio) {
+        return (React.createElement(Box, { component: "span", sx: {
+                width: 1,
+                lineHeight: 0,
+                display: 'block',
+                overflow: 'hidden',
+                position: 'relative',
+                pt: getRatio(ratio),
+                '& .wrapper': {
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    lineHeight: 0,
+                    position: 'absolute',
+                    backgroundSize: 'cover !important',
+                },
+                ...sx,
+            } },
+            React.createElement(Box, { component: LazyLoadImage, wrapperClassName: "wrapper", effect: disabledEffect ? undefined : effect, placeholderSrc: "/assets/img_placeholder.svg", sx: { width: 1, height: 1, objectFit: 'cover' }, ...other })));
+    }
+    return (React.createElement(Box, { component: "span", sx: {
+            lineHeight: 1,
+            display: 'block',
+            overflow: 'hidden',
+            '& .wrapper': { width: 1, height: 1, backgroundSize: 'cover !important' },
+            ...sx,
+        } },
+        React.createElement(Box, { component: LazyLoadImage, wrapperClassName: "wrapper", effect: disabledEffect ? undefined : effect, placeholderSrc: "/assets/img_placeholder.svg", sx: { width: 1, height: 1, objectFit }, ...other })));
+}
+// ----------------------------------------------------------------------
+function getRatio(ratio = '1/1') {
+    return {
+        '4/3': 'calc(100% / 4 * 3)',
+        '3/4': 'calc(100% / 3 * 4)',
+        '6/4': 'calc(100% / 6 * 4)',
+        '4/6': 'calc(100% / 4 * 6)',
+        '16/9': 'calc(100% / 16 * 9)',
+        '9/16': 'calc(100% / 9 * 16)',
+        '21/9': 'calc(100% / 21 * 9)',
+        '9/21': 'calc(100% / 9 * 21)',
+        '1/1': '100%',
+    }[ratio];
+}
+
+export { Image as default };
+//# sourceMappingURL=Image.js.map

package/dist/esm/components/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../src/components/Image.tsx"],"sourcesContent":["import React from 'react';\nimport { LazyLoadImage, LazyLoadImageProps } from 'react-lazy-load-image-component';\nimport { Theme } from '@mui/material/styles';\nimport { Box, BoxProps, SxProps } from '@mui/material';\n\n// ----------------------------------------------------------------------\n\nexport type ImageRatio = '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';\n\ntype IProps = BoxProps & LazyLoadImageProps;\n\ninterface Props extends IProps {\n  sx?: SxProps<Theme>;\n  ratio?: ImageRatio;\n  disabledEffect?: boolean;\n  objectFit?: 'cover' | 'contain';\n}\n\nexport default function Image({\n  ratio,\n  disabledEffect = false,\n  effect = 'blur',\n  objectFit = 'cover',\n  sx,\n  ...other\n}: Props) {\n  if (ratio) {\n    return (\n      <Box\n        component=\"span\"\n        sx={{\n          width: 1,\n          lineHeight: 0,\n          display: 'block',\n          overflow: 'hidden',\n          position: 'relative',\n          pt: getRatio(ratio),\n          '& .wrapper': {\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            lineHeight: 0,\n            position: 'absolute',\n            backgroundSize: 'cover !important',\n          },\n          ...sx,\n        }}\n      >\n        <Box\n          component={LazyLoadImage}\n          wrapperClassName=\"wrapper\"\n          effect={disabledEffect ? undefined : effect}\n          placeholderSrc=\"/assets/img_placeholder.svg\"\n          sx={{ width: 1, height: 1, objectFit: 'cover' }}\n          {...other}\n        />\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        lineHeight: 1,\n        display: 'block',\n        overflow: 'hidden',\n        '& .wrapper': { width: 1, height: 1, backgroundSize: 'cover !important' },\n        ...sx,\n      }}\n    >\n      <Box\n        component={LazyLoadImage}\n        wrapperClassName=\"wrapper\"\n        effect={disabledEffect ? undefined : effect}\n        placeholderSrc=\"/assets/img_placeholder.svg\"\n        sx={{ width: 1, height: 1, objectFit }}\n        {...other}\n      />\n    </Box>\n  );\n}\n\n// ----------------------------------------------------------------------\n\nfunction getRatio(ratio = '1/1') {\n  return {\n    '4/3': 'calc(100% / 4 * 3)',\n    '3/4': 'calc(100% / 3 * 4)',\n    '6/4': 'calc(100% / 6 * 4)',\n    '4/6': 'calc(100% / 4 * 6)',\n    '16/9': 'calc(100% / 16 * 9)',\n    '9/16': 'calc(100% / 9 * 16)',\n    '21/9': 'calc(100% / 21 * 9)',\n    '9/21': 'calc(100% / 9 * 21)',\n    '1/1': '100%',\n  }[ratio];\n}\n"],"names":[],"mappings":";;;;AAkBc,SAAU,KAAK,CAAC,EAC5B,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,OAAO,EACnB,EAAE,EACF,GAAG,KAAK,EACF,EAAA;IACN,IAAI,KAAK,EAAE;QACT,QACE,oBAAC,GAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,UAAU,EAAE,CAAC;AACb,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC;AACnB,gBAAA,YAAY,EAAE;AACZ,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,UAAU,EAAE,CAAC;AACb,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,cAAc,EAAE,kBAAkB;AACnC,iBAAA;AACD,gBAAA,GAAG,EAAE;AACN,aAAA,EAAA;YAED,KAAA,CAAA,aAAA,CAAC,GAAG,IACF,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAC,SAAS,EAC1B,MAAM,EAAE,cAAc,GAAG,SAAS,GAAG,MAAM,EAC3C,cAAc,EAAC,6BAA6B,EAC5C,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAC3C,KAAK,EAAA,CACT,CACE;;IAIV,QACE,oBAAC,GAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE;AACzE,YAAA,GAAG,EAAE;AACN,SAAA,EAAA;QAED,KAAA,CAAA,aAAA,CAAC,GAAG,IACF,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAC,SAAS,EAC1B,MAAM,EAAE,cAAc,GAAG,SAAS,GAAG,MAAM,EAC3C,cAAc,EAAC,6BAA6B,EAC5C,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,EAAA,GAClC,KAAK,EAAA,CACT,CACE;AAEV;AAEA;AAEA,SAAS,QAAQ,CAAC,KAAK,GAAG,KAAK,EAAA;IAC7B,OAAO;AACL,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,MAAM,EAAE,qBAAqB;AAC7B,QAAA,KAAK,EAAE,MAAM;KACd,CAAC,KAAK,CAAC;AACV;;;;"}

package/dist/esm/components/Label.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import { styled, alpha, useTheme } from '@mui/material/styles';
+
+const RootStyle = styled('span')(({ theme, ownerState, }) => {
+    const isLight = theme.palette.mode === 'light';
+    const { color, variant } = ownerState;
+    const styleFilled = (color) => ({
+        color: theme.palette[color].contrastText,
+        backgroundColor: theme.palette[color].main,
+    });
+    const styleOutlined = (color) => ({
+        color: theme.palette[color].main,
+        backgroundColor: 'transparent',
+        border: `1px solid ${theme.palette[color].main}`,
+    });
+    const styleGhost = (color) => ({
+        color: theme.palette[color][isLight ? 'dark' : 'light'],
+        backgroundColor: alpha(theme.palette[color].main, 0.16),
+    });
+    return {
+        height: 22,
+        minWidth: 22,
+        lineHeight: 0,
+        borderRadius: 6,
+        cursor: 'default',
+        alignItems: 'center',
+        whiteSpace: 'nowrap',
+        display: 'inline-flex',
+        justifyContent: 'center',
+        padding: theme.spacing(0, 1),
+        color: theme.palette.grey[800],
+        fontSize: theme.typography.pxToRem(12),
+        fontFamily: theme.typography.fontFamily,
+        backgroundColor: theme.palette.grey[300],
+        fontWeight: theme.typography.fontWeightBold,
+        ...(color !== 'default'
+            ? {
+                ...(variant === 'filled' && { ...styleFilled(color) }),
+                ...(variant === 'outlined' && { ...styleOutlined(color) }),
+                ...(variant === 'ghost' && { ...styleGhost(color) }),
+            }
+            : {
+                ...(variant === 'outlined' && {
+                    backgroundColor: 'transparent',
+                    color: theme.palette.text.primary,
+                    border: `1px solid ${alpha(theme.palette.grey['500'], 0.32)}`,
+                }),
+                ...(variant === 'ghost' && {
+                    color: isLight ? theme.palette.text.secondary : theme.palette.common.white,
+                    backgroundColor: alpha(theme.palette.grey['500'], 0.16),
+                }),
+            }),
+    };
+});
+function Label({ color = 'default', variant = 'ghost', children, sx }) {
+    const theme = useTheme();
+    return (React.createElement(RootStyle, { ownerState: { color, variant }, sx: sx, theme: theme }, children));
+}
+
+export { Label as default };
+//# sourceMappingURL=Label.js.map

package/dist/esm/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/components/Label.tsx"],"sourcesContent":["import React from 'react';\nimport { alpha, Theme, useTheme, styled } from '@mui/material/styles';\nimport { BoxProps } from '@mui/material';\n// theme\nimport { ColorSchema } from '@utils/types/palette.type.ts';\n\n// ----------------------------------------------------------------------\n\ntype LabelColor = 'default' | ColorSchema;\n\ntype LabelVariant = 'filled' | 'outlined' | 'ghost';\n\nconst RootStyle = styled('span')(({\n  theme,\n  ownerState,\n}: {\n  theme: Theme;\n  ownerState: {\n    color: LabelColor;\n    variant: LabelVariant;\n  };\n}) => {\n  const isLight = theme.palette.mode === 'light';\n  const { color, variant } = ownerState;\n\n  const styleFilled = (color: ColorSchema) => ({\n    color: theme.palette[color].contrastText,\n    backgroundColor: theme.palette[color].main,\n  });\n\n  const styleOutlined = (color: ColorSchema) => ({\n    color: theme.palette[color].main,\n    backgroundColor: 'transparent',\n    border: `1px solid ${theme.palette[color].main}`,\n  });\n\n  const styleGhost = (color: ColorSchema) => ({\n    color: theme.palette[color][isLight ? 'dark' : 'light'],\n    backgroundColor: alpha(theme.palette[color].main, 0.16),\n  });\n\n  return {\n    height: 22,\n    minWidth: 22,\n    lineHeight: 0,\n    borderRadius: 6,\n    cursor: 'default',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    padding: theme.spacing(0, 1),\n    color: theme.palette.grey[800],\n    fontSize: theme.typography.pxToRem(12),\n    fontFamily: theme.typography.fontFamily,\n    backgroundColor: theme.palette.grey[300],\n    fontWeight: theme.typography.fontWeightBold,\n\n    ...(color !== 'default'\n      ? {\n          ...(variant === 'filled' && { ...styleFilled(color) }),\n          ...(variant === 'outlined' && { ...styleOutlined(color) }),\n          ...(variant === 'ghost' && { ...styleGhost(color) }),\n        }\n      : {\n          ...(variant === 'outlined' && {\n            backgroundColor: 'transparent',\n            color: theme.palette.text.primary,\n            border: `1px solid ${alpha(theme.palette.grey['500'], 0.32)}`,\n          }),\n          ...(variant === 'ghost' && {\n            color: isLight ? theme.palette.text.secondary : theme.palette.common.white,\n            backgroundColor: alpha(theme.palette.grey['500'], 0.16),\n          }),\n        }),\n  };\n});\n\n// ----------------------------------------------------------------------\n\ninterface LabelProps extends BoxProps {\n  color?: LabelColor;\n  variant?: LabelVariant;\n}\n\nexport default function Label({ color = 'default', variant = 'ghost', children, sx }: LabelProps) {\n  const theme = useTheme();\n\n  return (\n    <RootStyle ownerState={{ color, variant }} sx={sx} theme={theme}>\n      {children}\n    </RootStyle>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/components/TextIconLabel.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Stack } from '@mui/material';
+
+function TextIconLabel({ icon, value, endIcon = false, sx, ...other }) {
+    return (React.createElement(Stack, { direction: "row", alignItems: "center", sx: {
+            typography: 'body2',
+            ...sx,
+        }, ...other },
+        !endIcon && icon,
+        value,
+        endIcon && icon));
+}
+
+export { TextIconLabel as default };
+//# sourceMappingURL=TextIconLabel.js.map

package/dist/esm/components/TextIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextIconLabel.js","sources":["../../../src/components/TextIconLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { ReactElement } from 'react';\nimport { Stack, StackProps, SxProps } from '@mui/material';\n\ninterface Props extends StackProps {\n  icon: ReactElement;\n  value: any;\n  endIcon?: boolean;\n  sx?: SxProps;\n}\n\nexport default function TextIconLabel({ icon, value, endIcon = false, sx, ...other }: Props) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      sx={{\n        typography: 'body2',\n        ...sx,\n      }}\n      {...other}\n    >\n      {!endIcon && icon}\n      {value}\n      {endIcon && icon}\n    </Stack>\n  );\n}\n"],"names":[],"mappings":";;;AAWc,SAAU,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;AACzF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,GAAG,EAAE;AACN,SAAA,EAAA,GACG,KAAK,EAAA;QAER,CAAC,OAAO,IAAI,IAAI;QAChB,KAAK;AACL,QAAA,OAAO,IAAI,IAAI,CACV;AAEZ;;;;"}