@ikas/loyalty-widget-renderer 1.0.0-alpha.23 → 1.0.0-alpha.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/models/index.js +1 -1
- package/build/renderer/components/button/index.js +1 -1
- package/build/renderer/index.js +1 -1
- package/build/renderer/screens/loyalty-level-screen/index.js +1 -1
- package/build/renderer/screens/main-screen/header/index.js +1 -1
- package/build/renderer/screens/main-screen/header/style.d.ts +4 -2
- package/build/renderer/screens/main-screen/header/style.js +1 -1
- package/package.json +1 -1
package/build/models/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeObservable as t,observable as e}from"mobx";import{LoyaltyWidget as s}from"./loyalty-widget/index.js";import{LoyaltyWidgetScreenTypeEnum as i}from"./types/index.js";import{LoyaltyProgramSpendingMethod as r}from"./loyalty-program-spending-method/index.js";import{LoyaltyProgramEarningMethod as o}from"./loyalty-program-earning-method/index.js";import{LoyaltyCustomerInfo as n}from"./loyalty-customer-info/index.js";var d=function(d,a,c,l,h,g){void 0===d&&(d={}),this.selectedScreen=d.selectedScreen||i.MAIN_SCREEN,this.isLoading=d.isLoading||!1,this.loyaltyWidget=d.loyaltyWidget instanceof s?d.loyaltyWidget:new s(d.loyaltyWidget),this.cdnURL=a,this.merchantId=c,this.storeUrl=d.storeUrl||"",this.currency=l,this.locale=h,this.cartId=d.cartId||null,this.user=d.user?new n(d.user):null,this.earningMethods=d.earningMethods?d.earningMethods.map(function(t){return new o(t)}):[],this.spendingMethods=d.spendingMethods?d.spendingMethods.map(function(t){return new r(t)}):[],this.tiers=d.tiers?d.tiers:[],this.categories=d.categories?d.categories:[],this.products=d.products?d.products:[],this.brands=d.brands?d.brands:[],this.tags=d.tags?d.tags:[],this.pointHistory=d.pointHistory?d.pointHistory:[],this.callbacks=g||void 0,t(this,{cartId:e,loyaltyWidget:e
|
|
1
|
+
import{makeObservable as t,observable as e}from"mobx";import{LoyaltyWidget as s}from"./loyalty-widget/index.js";import{LoyaltyWidgetScreenTypeEnum as i}from"./types/index.js";import{LoyaltyProgramSpendingMethod as r}from"./loyalty-program-spending-method/index.js";import{LoyaltyProgramEarningMethod as o}from"./loyalty-program-earning-method/index.js";import{LoyaltyCustomerInfo as n}from"./loyalty-customer-info/index.js";var d=function(d,a,c,l,h,g){void 0===d&&(d={}),this.selectedScreen=d.selectedScreen||i.MAIN_SCREEN,this.isLoading=d.isLoading||!1,this.loyaltyWidget=d.loyaltyWidget instanceof s?d.loyaltyWidget:new s(d.loyaltyWidget),this.cdnURL=a,this.merchantId=c,this.storeUrl=d.storeUrl||"",this.currency=l,this.locale=h,this.cartId=d.cartId||null,this.user=d.user?new n(d.user):null,this.earningMethods=d.earningMethods?d.earningMethods.map(function(t){return new o(t)}):[],this.spendingMethods=d.spendingMethods?d.spendingMethods.map(function(t){return new r(t)}):[],this.tiers=d.tiers?d.tiers:[],this.categories=d.categories?d.categories:[],this.products=d.products?d.products:[],this.brands=d.brands?d.brands:[],this.tags=d.tags?d.tags:[],this.pointHistory=d.pointHistory?d.pointHistory:[],this.callbacks=g||void 0,t(this,{cartId:e,loyaltyWidget:e,isLoading:e,cdnURL:e,merchantId:e,storeUrl:e,currency:e,locale:e,selectedScreen:e,user:e,earningMethods:e,spendingMethods:e,tiers:e,categories:e,products:e,brands:e,tags:e,pointHistory:e})};export{d as LoyaltyWidgetViewModel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"react";import{Button as t,Loader as e}from"./style.js";var r
|
|
1
|
+
import o from"react";import{observer as r}from"mobx-react";import{Button as t,Loader as e}from"./style.js";var i=r(function(r){var i=r.children,d=r.onClick,l=r.button,n=r.fontSize,a=r.paddingSize,u=r.fullWidth,b=void 0!==u&&u,f=r.disabled,m=void 0!==f&&f,s=r.isLoading,c=void 0!==s&&s;return o.createElement(t,{onClick:d,fullWidth:b,fontSize:n,paddingSize:a,borderRadius:l.buttonRadius,bgColor:l.bgColor,textColor:l.textColor,borderColor:l.borderColor,disabled:m||c},c&&o.createElement(e,null),i)});export{i as default};
|
package/build/renderer/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.mjs.js';import r,{useState as o,useRef as i,useEffect as s}from"react";import{observer as c}from"mobx-react";import'./../ext/react-i18next/dist/es/context.js';import{I18nextProvider as a}from'./../ext/react-i18next/dist/es/I18nextProvider.js';import l from"./utils/i18n.js";import{LoyaltyWidgetScreenTypeEnum as d,EarningMethodTypeEnum as u,LoyaltyProgramFilterTypeEnum as f,LoyaltyProgramMethodSpendingTypeEnum as m}from"../models/types/index.js";import p from"./screens/main-screen/index.js";import y from"./screens/credit-spending-methods-screen/index.js";import E from"./screens/credit-earning-methods-screen/index.js";import g from"./screens/credit-history-screen/index.js";import h from"./screens/loyalty-level-screen/index.js";import{LoyaltyWidgetViewModel as v}from"../models/index.js";import{LoyaltyWidget as C}from"../models/loyalty-widget/index.js";import{LoyaltyProgramSpendingMethod as R}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as b}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as I}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as S}from"../models/loyalty-program-point-history/index.js";import{Container as _,Drawer as k,ScreenWrapper as A}from"./style.js";var N=c(function(c){var N,w=c.config,T=o(function(){var e=w||window.ikasLoyaltyWidgetConfig;return new v({cartId:(null==e?void 0:e.cartId)||null},(null==e?void 0:e.cdnURL)||"",(null==e?void 0:e.merchantId)||"",(null==e?void 0:e.currency)||"",(null==e?void 0:e.locale)||"",null==e?void 0:e.callbacks)})[0],M=i(!0);s(function(){e(void 0,void 0,void 0,function(){var e,r,o,i,s,c,a,l,d,p,y,E,g,h;return t(this,function(t){switch(t.label){case 0:if(!T.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[T.callbacks.getLoyaltyWidget(),T.callbacks.listEarningMethods(),T.callbacks.listLoyaltyProgramTier({includeDeleted:!1})],T.cartId&&(e.push(T.callbacks.listSpendingMethodsByCartId(T.cartId)),e.push(T.callbacks.getLoyaltyCustomerInfo()),e.push(T.callbacks.listLoyaltyProgramPointHistory({}))),[4,Promise.all(e)];case 2:return r=t.sent(),o=r[0],i=r[1],s=r[2],c=[],a=null,l=[],T.cartId&&(c=r[3],a=r[4],l=r[5]),
|
|
1
|
+
import{__awaiter as e,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.mjs.js';import r,{useState as o,useRef as i,useEffect as s}from"react";import{observer as c}from"mobx-react";import'./../ext/react-i18next/dist/es/context.js';import{I18nextProvider as a}from'./../ext/react-i18next/dist/es/I18nextProvider.js';import l from"./utils/i18n.js";import{LoyaltyWidgetScreenTypeEnum as d,EarningMethodTypeEnum as u,LoyaltyProgramFilterTypeEnum as f,LoyaltyProgramMethodSpendingTypeEnum as m}from"../models/types/index.js";import p from"./screens/main-screen/index.js";import y from"./screens/credit-spending-methods-screen/index.js";import E from"./screens/credit-earning-methods-screen/index.js";import g from"./screens/credit-history-screen/index.js";import h from"./screens/loyalty-level-screen/index.js";import{LoyaltyWidgetViewModel as v}from"../models/index.js";import{LoyaltyWidget as C}from"../models/loyalty-widget/index.js";import{LoyaltyProgramSpendingMethod as R}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as b}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as I}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as S}from"../models/loyalty-program-point-history/index.js";import{Container as _,Drawer as k,ScreenWrapper as A}from"./style.js";var N=c(function(c){var N,w=c.config,T=o(function(){var e=w||window.ikasLoyaltyWidgetConfig;return new v({cartId:(null==e?void 0:e.cartId)||null},(null==e?void 0:e.cdnURL)||"",(null==e?void 0:e.merchantId)||"",(null==e?void 0:e.currency)||"",(null==e?void 0:e.locale)||"",null==e?void 0:e.callbacks)})[0],M=i(!0);s(function(){e(void 0,void 0,void 0,function(){var e,r,o,i,s,c,a,l,d,p,y,E,g,h;return t(this,function(t){switch(t.label){case 0:if(!T.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[T.callbacks.getLoyaltyWidget(),T.callbacks.listEarningMethods(),T.callbacks.listLoyaltyProgramTier({includeDeleted:!1})],T.cartId&&(e.push(T.callbacks.listSpendingMethodsByCartId(T.cartId)),e.push(T.callbacks.getLoyaltyCustomerInfo()),e.push(T.callbacks.listLoyaltyProgramPointHistory({}))),[4,Promise.all(e)];case 2:return r=t.sent(),o=r[0],i=r[1],s=r[2],c=[],a=null,l=[],T.cartId&&(c=r[3],a=r[4],l=r[5]),T.loyaltyWidget=o instanceof C?o:new C(o||{}),T.earningMethods=i.map(function(e){return new I(e)}),T.tiers=s||[],T.cartId&&(T.spendingMethods=c.map(function(e){return new R(e)}),T.user=a?new b(a):null,T.pointHistory=l?l.map(function(e){return new S(e)}):[]),d=new Set,p=new Set,y=new Set,E=new Set,T.earningMethods.forEach(function(e){var t,r;e.methodType===u.ORDER_CREATE&&n(n([],(null===(t=e.orderSettings)||void 0===t?void 0:t.productFilters)||[],!0),(null===(r=e.productSettings)||void 0===r?void 0:r.productFilters)||[],!0).forEach(function(e){e.type===f.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return d.add(e)}):e.type===f.CATEGORY?e.idList.forEach(function(e){return p.add(e)}):e.type===f.PRODUCT_BRAND?e.idList.forEach(function(e){return y.add(e)}):e.type===f.PRODUCT_TAG&&e.idList.forEach(function(e){return E.add(e)})})}),T.spendingMethods&&T.spendingMethods.forEach(function(e){var t,n;e.type===m.FREE_PRODUCT&&(null===(t=e.discountSettings)||void 0===t?void 0:t.freeProductId)&&d.add(e.discountSettings.freeProductId),null===(n=e.productFilters)||void 0===n||n.forEach(function(e){e.type===f.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return d.add(e)}):e.type===f.CATEGORY?e.idList.forEach(function(e){return p.add(e)}):e.type===f.PRODUCT_BRAND?e.idList.forEach(function(e){return y.add(e)}):e.type===f.PRODUCT_TAG&&e.idList.forEach(function(e){return E.add(e)})})}),g=[],d.size>0&&T.callbacks.getProducts&&g.push(T.callbacks.getProducts(Array.from(d)).then(function(e){return T.products=e})),p.size>0&&T.callbacks.getCategories&&g.push(T.callbacks.getCategories(Array.from(p)).then(function(e){return T.categories=e})),y.size>0&&T.callbacks.getBrands&&g.push(T.callbacks.getBrands(Array.from(y)).then(function(e){return T.brands=e})),E.size>0&&T.callbacks.getTags&&g.push(T.callbacks.getTags(Array.from(E)).then(function(e){return T.tags=e})),[4,Promise.all(g)];case 3:return t.sent(),[3,6];case 4:return h=t.sent(),console.error("Failed to initialize loyalty data",h),[3,6];case 5:return M.current=!1,[7];case 6:return[2]}})})},[]),s(function(){if(!M.current){e(void 0,void 0,void 0,function(){var e,n,r,o,i;return t(this,function(t){switch(t.label){case 0:if(!T.callbacks)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([T.callbacks.listSpendingMethodsByCartId(T.cartId),T.callbacks.getLoyaltyCustomerInfo(),T.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],r=e[1],o=e[2],T.spendingMethods=n.map(function(e){return new R(e)}),T.user=r?new b(r):null,T.pointHistory=o?o.map(function(e){return new S(e)}):[],[3,4];case 3:return i=t.sent(),console.error("Failed to fetch cart dependent data",i),[3,4];case 4:return[2]}})})}},[T.cartId]);var L=function(e){T.selectedScreen=e},P=function(){var e;(null===(e=T.callbacks)||void 0===e?void 0:e.onWidgetClose)&&T.callbacks.onWidgetClose()},x=T.selectedScreen===d.MAIN_SCREEN,D=o(null),j=D[0],O=D[1];s(function(){T.selectedScreen!==d.MAIN_SCREEN&&O(T.selectedScreen)},[T.selectedScreen]);var B=x?j:T.selectedScreen;return r.createElement(a,{i18n:l},r.createElement(_,{$position:(null==w?void 0:w.position)||(null===(N=window.ikasLoyaltyWidgetConfig)||void 0===N?void 0:N.position)||"fixed"},r.createElement(k,null,r.createElement(A,{$isActive:x,$isMain:!0},r.createElement(p,{viewModel:T,onClose:P,onNavigate:L})),r.createElement(A,{$isActive:!x,$isMain:!1},function(){switch(B){case d.CREDIT_SPENDING_METHODS_SCREEN:return r.createElement(y,{viewModel:T,onBack:function(){return L(d.MAIN_SCREEN)},onClose:P});case d.CREDIT_EARNING_METHODS_SCREEN:return r.createElement(E,{viewModel:T,onBack:function(){return L(d.MAIN_SCREEN)},onClose:P});case d.CREDIT_HISTORY_SCREEN:return r.createElement(g,{viewModel:T,onBack:function(){return L(d.MAIN_SCREEN)},onClose:P});case d.LOYALTY_LEVEL_SCREEN:return r.createElement(h,{viewModel:T,onBack:function(){return L(d.MAIN_SCREEN)},onClose:P});default:return null}}()))))});export{N as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__spreadArray as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{useMemo as n}from"react";import{observer as l}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as c,Header as a,IconButton as u,Title as s,Content as m,PointsSection as d,PointsText as p,PointsValue as E,ProgressBarContainer as f,ProgressBarFill as v,DescriptionText as y,TimelineContainer as x,TimelineItem as
|
|
1
|
+
import{__spreadArray as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import t,{useMemo as n}from"react";import{observer as l}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import{ChevronLeft as o}from"../../../assets/icons/chevron-left.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as c,Header as a,IconButton as u,Title as s,Content as m,PointsSection as d,PointsText as p,PointsValue as E,ProgressBarContainer as f,ProgressBarFill as v,DescriptionText as y,TimelineContainer as x,TimelineItem as P,TimelineLine as g,CheckIconContainer as h,CurrentIndicator as j,CurrentIndicatorDot as q,UpcomingIndicator as R,TimelineContent as L,TimelineTitle as k,TimelineDescription as S,MultiplierSection as T,MultiplierValue as b}from"./style.js";import{Check as C}from"../../../assets/icons/check.js";var M=l(function(l){var M=l.viewModel,$=l.onBack,I=l.onClose,_=r().t,N=M.user,w=M.tiers,B=n(function(){return e([],w,!0).sort(function(e,t){return(e.pointsRequired||0)-(t.pointsRequired||0)})},[w]),W=n(function(){return(null==N?void 0:N.customerTierId)?B.findIndex(function(e){var t;return e.id===(null===(t=N.customerTierId)||void 0===t?void 0:t.id)}):-1},[B,null==N?void 0:N.customerTierId]),z=n(function(){return N?-1===W?B.find(function(e){return(e.pointsRequired||0)>N.totalPoint})||B[0]:B[W+1]||null:null},[B,W,N]),A=n(function(){return N?z?0===(z.pointsRequired||0)?100:Math.min(N.totalPoint/(z.pointsRequired||1)*100,100):100:0},[N,z]),D=n(function(){return N&&z?Math.max(0,(z.pointsRequired||0)-N.totalPoint):0},[N,z]);return N?t.createElement(c,null,t.createElement(a,null,t.createElement(u,{onClick:$},t.createElement(o,null)),t.createElement(s,null,_("screens.loyaltyLevel")),t.createElement(u,{onClick:I},t.createElement(i,null))),t.createElement(m,null,t.createElement(d,null,t.createElement("div",null,t.createElement(p,null,_("header.earnedPoints")),t.createElement(E,null,N.totalPoint," ",_("common.points"))),t.createElement(f,null,t.createElement(v,{$percentage:A,$color:M.loyaltyWidget.header.background.bgColor||void 0})),t.createElement(y,null,z?_("screens.loyaltyLevelScreen.reachNextTier",{tierName:z.name,points:D}):_("screens.loyaltyLevelScreen.allTiersCompleted"))),t.createElement(x,null,B.map(function(e,n){var l="upcoming";W>-1?l=n<W?"completed":n===W?"current":"upcoming":N.totalPoint>=(e.pointsRequired||0)&&(l="completed");var r=n===B.length-1;return t.createElement(P,{key:e.id},t.createElement(g,{$isLast:r}),"completed"===l?t.createElement(h,null,t.createElement(C,null)):"current"===l?t.createElement(j,null,t.createElement(q,null)):t.createElement(R,null),t.createElement(L,null,t.createElement(k,{$status:l},e.name),t.createElement(S,{$status:l},e.pointsRequired||0," ",_("common.points")," ",_("screens.loyaltyLevelScreen.afterEarning")),(e.tierPointMultiplier||1)>1&&t.createElement(T,null,_("screens.loyaltyLevelScreen.multiplierPrefix")," ",t.createElement(b,null,e.tierPointMultiplier||1,"x")," ",_("screens.loyaltyLevelScreen.multiplierSuffix"))))})))):null});export{M as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{observer as t}from"mobx-react";import{Container as
|
|
1
|
+
import e from"react";import{observer as t}from"mobx-react";import{Container as o,TopSection as r,CloseButton as n,Content as l,Card as i}from"./style.js";import a from"./logo-section/index.js";import s from"./title-section/index.js";import c from"./auth-user-section/index.js";import m from"./user-logged-section/index.js";import{XClose as d}from"../../../../assets/icons/x-close.js";import{ImageTypeEnum as u}from"../../../../models/loyalty-widget/types/index.js";var f=t(function(t){var f,g=t.viewModel,p=t.onClose,v=t.onCardHeightChange,y=t.headerGap,E=g.loyaltyWidget,h=g.user,b=E.header.background,x=b.bgColor,j=b.type,C=(null===(f=b.image)||void 0===f?void 0:f.src)||null,w=e.useRef(null);return e.useEffect(function(){if(v){var e=w.current;if(e){var t=function(){v(e.getBoundingClientRect().height)};if(t(),"undefined"!=typeof ResizeObserver){var o=new ResizeObserver(function(){t()});return o.observe(e),function(){o.disconnect()}}}}},[v]),e.createElement(o,null,e.createElement(r,{$bgColor:x,$bgType:j,$bgImageSrc:C,$gap:y},E.header.logo.type===u.SHOW&&E.header.logo.src&&e.createElement(a,{logo:E.header.logo}),e.createElement(s,{layout:E}),e.createElement(n,{onClick:p},e.createElement(d,null))),e.createElement(l,null,e.createElement(i,{ref:w},h?e.createElement(m,{viewModel:g}):e.createElement(c,{viewModel:g}))))});export{f as default};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HeaderBackgroundTypeEnum } from "models/loyalty-widget/types";
|
|
2
2
|
export declare const CARD_OVERLAP_TOP = 48;
|
|
3
3
|
type TopSectionProps = {
|
|
4
|
-
$
|
|
4
|
+
$bgType: HeaderBackgroundTypeEnum;
|
|
5
|
+
$bgColor: string | null;
|
|
6
|
+
$bgImageSrc?: string | null;
|
|
5
7
|
$gap?: number;
|
|
6
8
|
};
|
|
7
9
|
export declare const Container: import("styled-components").StyledComponent<"header", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{HeaderBackgroundTypeEnum as e}from"../../../../models/loyalty-widget/types/index.js";import o,{css as r}from"styled-components";var i,p,t,a,d,l,x,c,s,g,b=48,f=o.header(i||(i=n(["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: visible;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: visible;\n"]))),u=o.div(x||(x=n(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: ",";\n padding: 24px 20px ","px 24px;\n\n ","\n"],["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: ",";\n padding: 24px 20px ","px 24px;\n\n ","\n"])),function(n){var e=n.$gap;return void 0!==e?"".concat(e,"px"):"56px"},48,function(o){var i=o.$
|
|
1
|
+
import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{HeaderBackgroundTypeEnum as e}from"../../../../models/loyalty-widget/types/index.js";import o,{css as r}from"styled-components";var i,p,t,a,d,l,x,c,s,g,b=48,f=o.header(i||(i=n(["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: visible;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: visible;\n"]))),u=o.div(x||(x=n(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: ",";\n padding: 24px 20px ","px 24px;\n\n ","\n"],["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: ",";\n padding: 24px 20px ","px 24px;\n\n ","\n"])),function(n){var e=n.$gap;return void 0!==e?"".concat(e,"px"):"56px"},48,function(o){var i=o.$bgType,x=o.$bgColor,c=o.$bgImageSrc;return i===e.IMAGE?c?r(t||(t=n(["\n background-image: url(",");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n "],["\n background-image: url(",");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n "])),c):r(p||(p=n([""],[""]))):x?i===e.GRADIENT?r(d||(d=n(["\n background: radial-gradient(\n 92.35% 100% at 50% 0%,\n rgba(255, 255, 255, 0.5) 0%,\n rgba(0, 0, 0, 0.5) 100%\n ),\n ",";\n "],["\n background: radial-gradient(\n 92.35% 100% at 50% 0%,\n rgba(255, 255, 255, 0.5) 0%,\n rgba(0, 0, 0, 0.5) 100%\n ),\n ",";\n "])),x):r(l||(l=n(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),x):r(a||(a=n([""],[""])))}),m=o.div(c||(c=n(["\n position: absolute;\n left: 20px;\n right: 20px;\n top: calc(100% - ","px);\n display: flex;\n z-index: 1;\n"],["\n position: absolute;\n left: 20px;\n right: 20px;\n top: calc(100% - ","px);\n display: flex;\n z-index: 1;\n"])),48),y=o.div(s||(s=n(["\n display: flex;\n flex-direction: column;\n width: 100%;\n background: white;\n border: 1px solid #eef2f6;\n border-radius: 6px;\n box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n background: white;\n border: 1px solid #eef2f6;\n border-radius: 6px;\n box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"]))),v=o.div(g||(g=n(["\n position: absolute;\n right: 20px;\n top: 24px;\n display: flex;\n padding: 4px;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n svg {\n color: #f7f5ff;\n }\n"],["\n position: absolute;\n right: 20px;\n top: 24px;\n display: flex;\n padding: 4px;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n svg {\n color: #f7f5ff;\n }\n"])));export{b as CARD_OVERLAP_TOP,y as Card,v as CloseButton,f as Container,m as Content,u as TopSection};
|