@ikas/storefront 6.1.0-beta.193 → 6.1.0-beta.195
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";import{IkasAmountType as s}from"@ikas/storefront-models";import"@ikas/storefront-config";import{formatCurrency as
|
|
1
|
+
import*as e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";import{IkasAmountType as s}from"@ikas/storefront-models";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{formatCurrency as u}from"../../../../utils/currency.js";var d=function(t){var a,i,o=t.seconds,s=t.onFinish,l=t.campaignOffer,u=t.vm,d=t.isPopupClosed,m=t.step,p=r().t,v=e.useState(o),g=v[0],C=v[1];e.useEffect((function(){C(o)}),[o]),e.useEffect((function(){var e=setInterval((function(){g>0?C(g-1):(clearInterval(e),s())}),1e3);return function(){return clearInterval(e)}}),[g]);var S=l.offer.countdownMinutes&&(m!==n.SUCCESS?!!(null===(a=u.customizationProps)||void 0===a?void 0:a.campaignOfferCountdownStyleIsLine):!!(null===(i=u.customizationProps)||void 0===i?void 0:i.campaignOfferCountdownStyleIsLineSuccessPage))||d;return e.createElement("div",{className:S?c.CountdownContainerIsLine:c.CountdownContainer},e.createElement("div",{className:c.CountdownTextMain},!S&&e.createElement("span",{className:c.CountdownText},p("checkout-page:timeRemaining")),e.createElement("span",{className:c.CountdownTime},f(g))))},f=function(e){var t=Math.floor(e/60/60),n=Math.floor(e/60)-60*t,a=e%60;return 0!==t?t.toString().padStart(2,"0")+":":n.toString().padStart(2,"0")+":"+a.toString().padStart(2,"0")},m=t((function(t){var f,m,p,v,g,C,S,h=t.vm,E=t.campaignOffer,O=t.index,P=t.activeIndex,I=t.offersLength,V=t.handleNext,w=t.handlePrev,N=t.setActiveIndex,y=t.isPopupShow,B=t.closePopup,M=t.showPopup,j=t.isPopupClosed,k=t.desktopMiddlePhase,T=t.step,A=r().t,x=E.product,D=T!==n.SUCCESS?!!(null===(f=h.customizationProps)||void 0===f?void 0:f.campaignOfferIsSmallDesign)&&y:!!(null===(m=h.customizationProps)||void 0===m?void 0:m.showCampaignIsBiggerImage)&&T===n.SUCCESS,L=e.useRef(null),z=e.useRef(null),b=e.useRef(null),R=e.useState(0),U=R[0],F=R[1],H=["0ead1005-b19c-4680-8ab7-a8a1cca3244e","ec27eadf-1953-4c71-9680-f213332694a2"].includes(l.getStorefrontId()||"");e.useEffect((function(){var e,t,a,i,o,r,c,s;if(void 0!==typeof window){var l=.8*window.innerHeight,u=0,d=0,f=0;L.current&&(u=null===(t=null===(e=L.current)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.height),z.current&&(d=null===(i=null===(a=z.current)||void 0===a?void 0:a.getBoundingClientRect())||void 0===i?void 0:i.height),b.current&&(f=null===(r=null===(o=b.current)||void 0===o?void 0:o.getBoundingClientRect())||void 0===r?void 0:r.height);var m=(T===n.SUCCESS?null===(c=h.customizationProps)||void 0===c?void 0:c.campaignOfferCountdownStyleIsLineSuccessPage:null===(s=h.customizationProps)||void 0===s?void 0:s.campaignOfferCountdownStyleIsLine)?25:70,p=navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)?20:0;F(l-u-d-f-p-m)}}),[y]);var X=e.useState(null),q=X[0],G=X[1],J=e.useState(null),K=J[0],Q=J[1],W=e.useMemo((function(){var e,t,n,a,i,o,r,c=null===(e=x.selectedVariant.images)||void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=x.selectedVariant.mainImage)||void 0===t?void 0:t.isVideo)&&(null==c?void 0:c.length)?null===(n=c[0].image)||void 0===n?void 0:n.thumbnailSrc:D||k?null===(i=null===(a=x.selectedVariant.mainImage)||void 0===a?void 0:a.image)||void 0===i?void 0:i.getSrc(360):null===(r=null===(o=x.selectedVariant.mainImage)||void 0===o?void 0:o.image)||void 0===r?void 0:r.thumbnailSrc}),[x.selectedVariant,D,k]),Y=function(e){N(0),h.updateCartCampaignOffer({accepted:e,cartId:h.checkout.id,campaignOfferId:E.campaignOffer.campaignOfferId,campaignOfferProductId:E.offer.id,productId:E.offer.productId,variantId:x.selectedVariant.id})},Z=function(){Y(!1)},$=function(){Y(!0)},_=e.useMemo((function(){if(!E.offer.countdownMinutes||!E.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(E.campaignOffer.offerStartDate).getTime())/1e3);return e>60*E.offer.countdownMinutes?(Z(),0):60*E.offer.countdownMinutes-e}),[E]),ee=function(e,t){var n=null;x.displayedVariantTypes.forEach((function(t){t.displayedVariantValues.forEach((function(t){t.variant.id===e&&(n=t.variantValue)}))}));var a=x.variants.find((function(t){return t.id===e})),i=!!a&&!!a.variantValues&&!!a.variantValues.length&&a.variantValues[t];i&&x.selectVariantValue(i,!0),x.displayedVariantTypes.forEach((function(t){t.displayedVariantValues.forEach((function(t){t.variant.id===e&&(n=t.variantValue)}))})),n?x.selectVariantValue(n,!0):ee(e,t+1)},te=E.offer.countdownMinutes&&(T!==n.SUCCESS?!!(null===(p=h.customizationProps)||void 0===p?void 0:p.campaignOfferCountdownStyleIsLine):!!(null===(v=h.customizationProps)||void 0===v?void 0:v.campaignOfferCountdownStyleIsLineSuccessPage))||j&&E.offer.countdownMinutes;return e.createElement("div",{style:{transform:"translateX(-".concat(100*P,"%)")},className:[c.Container,O===P?c.ActiveOffer:"",y?c.PopupContainer:"",k?c.PopupContainerDesktop:"",T===n.SUCCESS?c.Border:""].join(" ")},E.offer.countdownMinutes&&(T!==n.SUCCESS?!(null===(g=h.customizationProps)||void 0===g?void 0:g.campaignOfferCountdownStyleIsLine):!(null===(C=h.customizationProps)||void 0===C?void 0:C.campaignOfferCountdownStyleIsLineSuccessPage))&&!j&&e.createElement(d,{seconds:_,onFinish:Z,vm:h,campaignOffer:E,step:T}),e.createElement("div",{onTouchStart:function(e){Q(null),G(e.targetTouches[0].clientX)},onTouchMove:function(e){return Q(e.targetTouches[0].clientX)},onTouchEnd:function(){if(q&&K&&I>1){var e=q-K,t=e>50;(t||e<-50)&&(t?V():w())}},className:[c.ContentContainer,I>1?c.ContentContainerItems:"",j?I>1?c.ContentContainerPopup:c.ContentContainerPopupItems:""].join(" ")},!!y&&e.createElement("div",{className:c.RejectButton,onClick:function(){return B&&B()}},e.createElement(o,null)),e.createElement("div",{ref:L,className:[c.HeaderMain,D&&!j?c.IsBigProductImage:"",te?c.IsLineCountDown:"",j?c.MobileSmallHeader:""].join(" ")},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},E.offer.title),!!E.offer.description&&!j&&e.createElement("div",{className:c.Description},E.offer.description)),te&&e.createElement(d,{seconds:_,onFinish:Z,vm:h,campaignOffer:E,isPopupClosed:j,step:T})),e.createElement("div",{className:[c.ProductContainer,D&&!j?c.IsLineProductContainer:""].join(" ")},e.createElement("div",{style:y?{width:U,height:U}:{},className:[c.ImageContainer,D&&!j?c.BigImage:"",j?c.SmallImage:"",k?c.BiggerImage:""].join(" ")},e.createElement("img",{className:c.Image,src:W})),e.createElement("div",{ref:z,className:c.ProductDetails},e.createElement("div",{className:c.ProductName},x.name),x.hasVariant&&1===x.variants.length&&e.createElement("div",{className:c.VariantName},x.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),!(null===(S=h.customizationProps)||void 0===S?void 0:S.showCampaignHideDiscountBadge)&&x.selectedVariant.hasDiscount&&e.createElement("span",{className:c.DiscountBadge},E.offer.discountType===s.RATIO?"%".concat(x.selectedVariant.discountPercentage):u(E.offer.discountAmount||0,x.selectedVariant.price.currency||"",x.selectedVariant.price.currencySymbol||"")," ",A("checkout-page:discount")),e.createElement("div",{className:c.ProductPriceMain},x.selectedVariant.hasDiscount&&e.createElement("span",{className:c.Discount},x.selectedVariant.formattedSellPrice," "),e.createElement("span",{className:c.ProductPrice},E.offer.discountType===s.AMOUNT?u(x.selectedVariant.price.sellPrice-(E.offer.discountAmount||0),x.selectedVariant.price.currency||"",x.selectedVariant.price.currencySymbol||""):x.selectedVariant.formattedFinalPrice)),!j&&x.variants.length>1&&e.createElement("div",{className:c.Actions},x.variants.length>1&&e.createElement(i,{value:x.selectedVariant.id,onSelectChange:function(e){ee(e,0)},options:x.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))})),!!j&&e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:"",c.PopupOfferButton].join(" "),text:A("checkout-page:actions.acceptOffer"),onClick:function(){x.hasVariant&&x.variants.length>1?M&&M():$()}}),!!k&&e.createElement("div",{className:[c.OfferActionsMain,D?c.OfferActionsMainBigImage:"",c.OfferActionsMainMiddlePhase].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:A("checkout-page:actions.rejectOffer"),onClick:Z}),e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:""].join(" "),text:e.createElement("div",null,e.createElement("span",null,A("checkout-page:actions.acceptOffer")),e.createElement("span",null),e.createElement("span",null,x.selectedVariant.price.formattedFinalPrice)),onClick:$})))),!(j||k)&&e.createElement("div",{ref:b,className:[c.OfferActionsMain,D?c.OfferActionsMainBigImage:""].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:A("checkout-page:actions.rejectOffer"),onClick:Z}),e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:""].join(" "),text:A("checkout-page:actions.acceptOffer"),onClick:$}))))}));export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",Border:"style-module_Border__DqZgC",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n margin: 32px 0 48px 0;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n flex-shrink: 0;\n width: 100%;\n transition: 0.5s ease;\n background-color: var(--checkout-campaign-container-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc {\n margin: 0;\n border-radius: 0;\n border: unset;\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc.style-module_Border__DqZgC {\n border-top: 1px solid var(--checkout-border-color);\n }\n}\n\n.style-module_ActiveOffer__JZyW- {\n position: relative;\n opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n display: flex;\n justify-content: center;\n padding: 12px 16px;\n border-radius: 8px 8px 0 0;\n background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CountdownContainer__bc-5v {\n border-radius: 0;\n }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n display: flex;\n justify-content: center;\n padding: 4px 12px;\n border-radius: 8px;\n background-color: var(--checkout-campaign-countdown-bg-color);\n height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n gap: 6px;\n display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n color: var(--checkout-campaign-countdown-text-color);\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n color: var(--checkout-campaign-countdown-time-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n padding: 24px;\n width: 100%;\n position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n display: flex;\n flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsBigProductImage__YdAgY {\n flex-direction: column;\n justify-content: center;\n text-align: center;\n row-gap: 16px;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsLineProductContainer__3Nkqr {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 256px;\n margin: 0 auto;\n row-gap: 12px;\n }\n}\n\n.style-module_Title__4T394 {\n font-size: 20px;\n color: var(--checkout-campaign-title-color);\n font-weight: 500;\n line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Title__4T394 {\n font-size: 18px;\n line-height: 26px;\n }\n}\n\n.style-module_Description__GPKR- {\n color: var(--checkout-campaign-description-color);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n height: 35px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 16px;\n top: 10px;\n cursor: pointer;\n position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n height: 80px;\n width: 80px;\n position: relative;\n background-color: #fff;\n margin-right: 12px;\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n width: 40px;\n height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n height: 152px;\n width: 152px;\n margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n width: 80px;\n height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_BigImage__n1DH9 {\n height: 256px;\n width: 256px;\n margin-right: 0;\n }\n}\n\n.style-module_SmallImage__42qY- {\n height: 52px;\n width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n height: 320px;\n width: 320px;\n}\n\n.style-module_Image__gDla7 {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n margin-bottom: 4px;\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n margin-bottom: 4px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n gap: 6px;\n display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n font-size: 16px;\n font-weight: 500;\n color: var(--checkout-primary-text-color);\n line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n font-size: 16px;\n font-weight: 400;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n display: flex;\n margin-top: 16px;\n width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n color: var(--checkout-campaign-discount-percentage-color);\n background-color: var(--checkout-campaign-discount-percentage-bg-color);\n display: flex;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n width: max-content;\n margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_DiscountBadge__deWxZ {\n font-size: 12px;\n }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n position: relative;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ContentContainerItems__SIB05 {\n padding-bottom: 60px;\n }\n}\n\n.style-module_OfferActionsMain__9axsN {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 24px;\n flex-direction: column-reverse;\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n background-color: rgb(255, 255, 255);\n width: 2px;\n height: 2px;\n display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_OfferActionsMainBigImage__qCPQB {\n display: flex;\n flex-direction: column;\n flex-direction: column-reverse;\n }\n}\n\n.style-module_OfferButton__pkhNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n padding: 16px;\n padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 40%;\n font-size: 12px;\n height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n border: 1px solid var(--checkout-border-color);\n}");export{e as default};
|
|
1
|
+
import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",Border:"style-module_Border__DqZgC",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",ProteinOceanOfferButton:"style-module_ProteinOceanOfferButton__ypr7i",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n margin: 32px 0 48px 0;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n flex-shrink: 0;\n width: 100%;\n transition: 0.5s ease;\n background-color: var(--checkout-campaign-container-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc {\n margin: 0;\n border-radius: 0;\n border: unset;\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc.style-module_Border__DqZgC {\n border-top: 1px solid var(--checkout-border-color);\n }\n}\n\n.style-module_ActiveOffer__JZyW- {\n position: relative;\n opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n display: flex;\n justify-content: center;\n padding: 12px 16px;\n border-radius: 8px 8px 0 0;\n background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CountdownContainer__bc-5v {\n border-radius: 0;\n }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n display: flex;\n justify-content: center;\n padding: 4px 12px;\n border-radius: 8px;\n background-color: var(--checkout-campaign-countdown-bg-color);\n height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n gap: 6px;\n display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n color: var(--checkout-campaign-countdown-text-color);\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n color: var(--checkout-campaign-countdown-time-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n padding: 24px;\n width: 100%;\n position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n display: flex;\n flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsBigProductImage__YdAgY {\n flex-direction: column;\n justify-content: center;\n text-align: center;\n row-gap: 16px;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsLineProductContainer__3Nkqr {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 256px;\n margin: 0 auto;\n row-gap: 12px;\n }\n}\n\n.style-module_Title__4T394 {\n font-size: 20px;\n color: var(--checkout-campaign-title-color);\n font-weight: 500;\n line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Title__4T394 {\n font-size: 18px;\n line-height: 26px;\n }\n}\n\n.style-module_Description__GPKR- {\n color: var(--checkout-campaign-description-color);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n height: 35px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 16px;\n top: 10px;\n cursor: pointer;\n position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n height: 80px;\n width: 80px;\n position: relative;\n background-color: #fff;\n margin-right: 12px;\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n width: 40px;\n height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n height: 152px;\n width: 152px;\n margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n width: 80px;\n height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_BigImage__n1DH9 {\n height: 256px;\n width: 256px;\n margin-right: 0;\n }\n}\n\n.style-module_SmallImage__42qY- {\n height: 52px;\n width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n height: 320px;\n width: 320px;\n}\n\n.style-module_Image__gDla7 {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n margin-bottom: 4px;\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n margin-bottom: 4px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n gap: 6px;\n display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n font-size: 16px;\n font-weight: 500;\n color: var(--checkout-primary-text-color);\n line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n font-size: 16px;\n font-weight: 400;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n display: flex;\n margin-top: 16px;\n width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n color: var(--checkout-campaign-discount-percentage-color);\n background-color: var(--checkout-campaign-discount-percentage-bg-color);\n display: flex;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n width: max-content;\n margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_DiscountBadge__deWxZ {\n font-size: 12px;\n }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n position: relative;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ContentContainerItems__SIB05 {\n padding-bottom: 60px;\n }\n}\n\n.style-module_OfferActionsMain__9axsN {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 24px;\n flex-direction: column-reverse;\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n background-color: rgb(255, 255, 255);\n width: 2px;\n height: 2px;\n display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_OfferActionsMainBigImage__qCPQB {\n display: flex;\n flex-direction: column;\n flex-direction: column-reverse;\n }\n}\n\n.style-module_OfferButton__pkhNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_ProteinOceanOfferButton__ypr7i {\n font-weight: 600 !important;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n padding: 16px;\n padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 40%;\n font-size: 12px;\n height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n border: 1px solid var(--checkout-border-color);\n}");export{e as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ikas/storefront",
|
|
3
|
-
"version": "6.1.0-beta.
|
|
3
|
+
"version": "6.1.0-beta.195",
|
|
4
4
|
"description": "Storefront functionality for ikas storefront themes.",
|
|
5
5
|
"author": "ikas",
|
|
6
6
|
"license": "ISC",
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
"swiper": "11.0.6"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@ikas/storefront-api": "^6.1.0-beta.
|
|
26
|
-
"@ikas/storefront-config": "^6.1.0-beta.
|
|
27
|
-
"@ikas/storefront-model-functions": "^6.1.0-beta.
|
|
28
|
-
"@ikas/storefront-models": "^6.1.0-beta.
|
|
29
|
-
"@ikas/storefront-providers": "^6.1.0-beta.
|
|
25
|
+
"@ikas/storefront-api": "^6.1.0-beta.195",
|
|
26
|
+
"@ikas/storefront-config": "^6.1.0-beta.195",
|
|
27
|
+
"@ikas/storefront-model-functions": "^6.1.0-beta.195",
|
|
28
|
+
"@ikas/storefront-models": "^6.1.0-beta.195",
|
|
29
|
+
"@ikas/storefront-providers": "^6.1.0-beta.195",
|
|
30
30
|
"@ikas/localized-address": "1.0.0-beta.6",
|
|
31
31
|
"@adyen/adyen-web": "^5.57.0",
|
|
32
32
|
"@rollup/plugin-commonjs": "^22.0.0",
|
|
@@ -61,11 +61,11 @@
|
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"@ikas/localized-address": "1.0.0-beta.6",
|
|
64
|
-
"@ikas/storefront-api": "^6.1.0-beta.
|
|
65
|
-
"@ikas/storefront-config": "^6.1.0-beta.
|
|
66
|
-
"@ikas/storefront-model-functions": "^6.1.0-beta.
|
|
67
|
-
"@ikas/storefront-models": "^6.1.0-beta.
|
|
68
|
-
"@ikas/storefront-providers": "^6.1.0-beta.
|
|
64
|
+
"@ikas/storefront-api": "^6.1.0-beta.195",
|
|
65
|
+
"@ikas/storefront-config": "^6.1.0-beta.195",
|
|
66
|
+
"@ikas/storefront-model-functions": "^6.1.0-beta.195",
|
|
67
|
+
"@ikas/storefront-models": "^6.1.0-beta.195",
|
|
68
|
+
"@ikas/storefront-providers": "^6.1.0-beta.195",
|
|
69
69
|
"mobx": "^6.1.3",
|
|
70
70
|
"mobx-react-lite": "^3.1.5",
|
|
71
71
|
"next": "12.2.0",
|