@ikas/storefront 4.0.2 → 4.0.3

package/build/components/checkout/components/offer-product/index.js

@@ -1 +1 @@
-import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as a}from"../button/index.js";import r from"./select/index.js";import n from"../svg/cross.js";import{useTranslation as c}from"../../../../utils/i18n.js";import{formatCurrency as i}from"../../../../utils/currency.js";import o from"./style.module.scss.js";var m=function(t){var a=t.seconds,r=t.rejectOffer,n=c().t,i=e.useState(a),m=i[0],d=i[1];e.useEffect((function(){var e=m>0&&setInterval((function(){return d(m-1)}),1e3);return 0===m&&r(),function(){return clearInterval(e)}}),[m]);return e.createElement("div",{className:o.CountdownContainer},e.createElement("div",{className:o.CountdownText},n("checkout-page:timeRemaining",{value:function(e){var t=Math.floor(e/60/60),a=Math.floor(e/60)-60*t,r=e%60;return 0!==t?t.toString().padStart(2,"0")+":":a.toString().padStart(2,"0")+":"+r.toString().padStart(2,"0")}(m)})))},d=t((function(t){var d,f,s=t.vm,u=t.campaignOffer,l=c().t,p=e.useState(u.variants[0]),v=p[0],g=p[1],E=function(){s.updateCartCampaignOffer({accepted:!1,cartId:s.checkout.id,campaignOfferId:u.campaignOffer.campaignOfferId,campaignOfferProductId:u.offer.id,productId:u.offer.productId,variantId:v.id})},I=Math.round(((new Date).getTime()-new Date(u.campaignOffer.offerStartDate).getTime())/1e3);return e.createElement("div",{className:o.Container},u.offer.countdownMinutes&&e.createElement(m,{seconds:I>60*u.offer.countdownMinutes?0:60*u.offer.countdownMinutes-I,rejectOffer:E}),e.createElement("div",{className:o.ContentContainer},e.createElement("div",{className:o.Header},e.createElement("div",{className:o.Title},u.offer.title),e.createElement("div",{className:o.RejectButton,onClick:E},e.createElement(n,null))),e.createElement("div",{className:o.ProductContainer},e.createElement("div",{className:o.ImageContainer},e.createElement("img",{className:o.Image,src:null===(f=null===(d=v.mainImage)||void 0===d?void 0:d.image)||void 0===f?void 0:f.thumbnailSrc})),e.createElement("div",{className:o.ProductDetails},e.createElement("div",{className:o.ProductName},u.product.name),u.product.brand&&e.createElement("div",{className:o.Brand},u.product.brand.name),e.createElement("div",{className:o.ProductPrice},e.createElement("span",{className:o.Discount},v.price.formattedFinalPrice)," ",i(v.price.finalPrice-v.price.finalPrice*(u.offer.discountAmount||100)/100,s.checkout.currencyCode,s.checkout.currencySymbol)),e.createElement("div",{className:o.Actions},u.variants.length>1&&e.createElement(r,{value:v.id,onSelectChange:function(e){var t=u.variants.find((function(t){return t.id===e}));t&&g(t)},options:u.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))}),e.createElement(a,{style:{width:"100%",height:44,fontSize:14},text:l("checkout-page:actions.addToCart"),onClick:function(){s.updateCartCampaignOffer({accepted:!0,cartId:s.checkout.id,campaignOfferId:u.campaignOffer.campaignOfferId,campaignOfferProductId:u.offer.id,productId:u.offer.productId,variantId:v.id})}}))))))}));export{d as default};
+import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as a}from"../button/index.js";import r from"./select/index.js";import n from"../svg/cross.js";import{useTranslation as c}from"../../../../utils/i18n.js";import{formatCurrency as i}from"../../../../utils/currency.js";import o from"./style.module.scss.js";var m=function(t){var a=t.seconds,r=t.rejectOffer,n=c().t,i=e.useState(a),m=i[0],d=i[1];e.useEffect((function(){var e=m>0&&setInterval((function(){return d(m-1)}),1e3);return 0===m&&r(),function(){return clearInterval(e)}}),[m]);return e.createElement("div",{className:o.CountdownContainer},e.createElement("div",{className:o.CountdownText},n("checkout-page:timeRemaining",{value:function(e){var t=Math.floor(e/60/60),a=Math.floor(e/60)-60*t,r=e%60;return 0!==t?t.toString().padStart(2,"0")+":":a.toString().padStart(2,"0")+":"+r.toString().padStart(2,"0")}(m)})))},d=t((function(t){var d,s,f=t.vm,u=t.campaignOffer,l=c().t,p=e.useState(u.variants[0]),v=p[0],g=p[1],E=function(){f.updateCartCampaignOffer({accepted:!1,cartId:f.checkout.id,campaignOfferId:u.campaignOffer.campaignOfferId,campaignOfferProductId:u.offer.id,productId:u.offer.productId,variantId:v.id})},I=Math.round(((new Date).getTime()-new Date(u.campaignOffer.offerStartDate).getTime())/1e3);return e.createElement("div",{className:o.Container},u.offer.countdownMinutes&&e.createElement(m,{seconds:I>60*u.offer.countdownMinutes?0:60*u.offer.countdownMinutes-I,rejectOffer:E}),e.createElement("div",{className:o.ContentContainer},e.createElement("div",{className:o.Header},e.createElement("div",{className:o.Title},u.offer.title),e.createElement("div",{className:o.RejectButton,onClick:E},e.createElement(n,null))),e.createElement("div",{className:o.ProductContainer},e.createElement("div",{className:o.ImageContainer},e.createElement("img",{className:o.Image,src:null===(s=null===(d=v.mainImage)||void 0===d?void 0:d.image)||void 0===s?void 0:s.thumbnailSrc})),e.createElement("div",{className:o.ProductDetails},e.createElement("div",{className:o.ProductName},u.product.name),u.product.hasVariant&&1===u.variants.length&&e.createElement("div",{className:o.VariantName},v.variantValues.map((function(e){return e.name})).join(", ")),u.product.brand&&e.createElement("div",{className:o.Brand},u.product.brand.name),e.createElement("div",{className:o.ProductPrice},e.createElement("span",{className:o.Discount},v.price.formattedFinalPrice)," ",i(v.price.finalPrice-v.price.finalPrice*(u.offer.discountAmount||100)/100,f.checkout.currencyCode,f.checkout.currencySymbol)),e.createElement("div",{className:o.Actions},u.variants.length>1&&e.createElement(r,{value:v.id,onSelectChange:function(e){var t=u.variants.find((function(t){return t.id===e}));t&&g(t)},options:u.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))}),e.createElement(a,{style:{width:"100%",height:44,fontSize:14},text:l("checkout-page:actions.addToCart"),onClick:function(){f.updateCartCampaignOffer({accepted:!0,cartId:f.checkout.id,campaignOfferId:u.campaignOffer.campaignOfferId,campaignOfferProductId:u.offer.id,productId:u.offer.productId,variantId:v.id})}}))))))}));export{d as default};

package/build/components/checkout/components/offer-product/style.module.scss.js

@@ -1 +1 @@
-import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownText:"style-module_CountdownText__Hd-3I",ContentContainer:"style-module_ContentContainer__tC3zO",Header:"style-module_Header__J2wyt",Title:"style-module_Title__4T394",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",Brand:"style-module_Brand__UxK7C",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD"};n(".style-module_Container__-EKYc {\n  margin: 32px 0 48px 0;\n  background-color: var(--checkout-card-bg-color);\n  border-radius: 8px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Container__-EKYc {\n    margin: 24px 0 24px 0;\n    border-radius: 0;\n  }\n}\n\n.style-module_CountdownContainer__bc-5v {\n  display: flex;\n  justify-content: center;\n  padding: 6px;\n  background-color: #cfced3;\n  border-radius: 8px 8px 0 0;\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_CountdownText__Hd-3I {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n}\n\n.style-module_ContentContainer__tC3zO {\n  padding: 24px;\n  width: 100%;\n}\n\n.style-module_Header__J2wyt {\n  display: flex;\n  justify-content: space-between;\n}\n\n.style-module_Title__4T394 {\n  margin-bottom: 24px;\n  font-size: 22px;\n  color: var(--checkout-primary-text-color);\n  font-weight: 600;\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  flex: 0 0 20px;\n  margin-left: 12px;\n  cursor: pointer;\n}\n\n.style-module_ProductContainer__9qr9n {\n  display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n  height: 136px;\n  width: 136px;\n  position: relative;\n  background-color: #fff;\n  margin-right: 24px;\n  border-radius: 8px;\n  flex: 0 0 136px;\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}\n\n.style-module_ProductName__yTmJx {\n  margin-bottom: 2px;\n  font-size: 16px;\n  color: var(--checkout-primary-text-color);\n  font-weight: 600;\n  line-height: 24px;\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_ProductPrice__U6Lhy {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n}\n\n.style-module_Discount__tjllJ {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-secondary-text-color);\n  text-decoration: line-through;\n}\n\n.style-module_Actions__XZsJD {\n  display: flex;\n  margin-top: 24px;\n}");export{e as default};
+import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownText:"style-module_CountdownText__Hd-3I",ContentContainer:"style-module_ContentContainer__tC3zO",Header:"style-module_Header__J2wyt",Title:"style-module_Title__4T394",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",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",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD"};n(".style-module_Container__-EKYc {\n  margin: 32px 0 48px 0;\n  background-color: var(--checkout-card-bg-color);\n  border-radius: 8px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Container__-EKYc {\n    margin: 24px 0 24px 0;\n    border-radius: 0;\n  }\n}\n\n.style-module_CountdownContainer__bc-5v {\n  display: flex;\n  justify-content: center;\n  padding: 6px;\n  background-color: #cfced3;\n  border-radius: 8px 8px 0 0;\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_CountdownText__Hd-3I {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n}\n\n.style-module_ContentContainer__tC3zO {\n  padding: 24px;\n  width: 100%;\n}\n\n.style-module_Header__J2wyt {\n  display: flex;\n  justify-content: space-between;\n}\n\n.style-module_Title__4T394 {\n  margin-bottom: 24px;\n  font-size: 22px;\n  color: var(--checkout-primary-text-color);\n  font-weight: 600;\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  flex: 0 0 20px;\n  margin-left: 12px;\n  cursor: pointer;\n}\n\n.style-module_ProductContainer__9qr9n {\n  display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n  height: 136px;\n  width: 136px;\n  position: relative;\n  background-color: #fff;\n  margin-right: 24px;\n  border-radius: 8px;\n  flex: 0 0 136px;\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}\n\n.style-module_ProductName__yTmJx {\n  margin-bottom: 2px;\n  font-size: 16px;\n  color: var(--checkout-primary-text-color);\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n  margin-bottom: 2px;\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_ProductPrice__U6Lhy {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n}\n\n.style-module_Discount__tjllJ {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-secondary-text-color);\n  text-decoration: line-through;\n}\n\n.style-module_Actions__XZsJD {\n  display: flex;\n  margin-top: 24px;\n}");export{e as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "description": "Storefront functionality for ikas storefront themes.",
   "author": "ikas",
   "license": "ISC",
@@ -23,11 +23,11 @@
     "libphonenumber-js": "^1.10.6"
   },
   "devDependencies": {
-    "@ikas/storefront-api": "^4.0.2",
-    "@ikas/storefront-config": "^4.0.2",
-    "@ikas/storefront-model-functions": "^4.0.2",
-    "@ikas/storefront-models": "^4.0.2",
-    "@ikas/storefront-providers": "^4.0.2",
+    "@ikas/storefront-api": "^4.0.3",
+    "@ikas/storefront-config": "^4.0.3",
+    "@ikas/storefront-model-functions": "^4.0.3",
+    "@ikas/storefront-models": "^4.0.3",
+    "@ikas/storefront-providers": "^4.0.3",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -53,11 +53,11 @@
     "query-string": "^6.13.8"
   },
   "peerDependencies": {
-    "@ikas/storefront-api": "^4.0.2",
-    "@ikas/storefront-config": "^4.0.2",
-    "@ikas/storefront-model-functions": "^4.0.2",
-    "@ikas/storefront-models": "^4.0.2",
-    "@ikas/storefront-providers": "^4.0.2",
+    "@ikas/storefront-api": "^4.0.3",
+    "@ikas/storefront-config": "^4.0.3",
+    "@ikas/storefront-model-functions": "^4.0.3",
+    "@ikas/storefront-models": "^4.0.3",
+    "@ikas/storefront-providers": "^4.0.3",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "12.2.0",