@ikas/storefront 6.1.0-beta.69 → 6.1.0-beta.70

package/build/components/paypal-express-checkout/index.d.ts

@@ -2,10 +2,6 @@ import * as React from "react";
 import { IkasProduct } from "../../models";
 declare type PaypalExpressCheckoutProps = {
     product: IkasProduct;
-    layout?: "vertical" | "horizontal";
-    color?: "gold" | "blue" | "silver" | "white" | "black";
-    shape?: "rect" | "pill";
-    label?: "paypal" | "checkout" | "buynow" | "pay" | "installment" | "subscribe" | "donate";
     errorMessage?: string;
     quantity?: number;
 };

package/build/components/paypal-express-checkout/index.js

@@ -1 +1 @@
-import{__awaiter as e,__generator as t,__assign as r}from'./../../ext/tslib/tslib.es6.js';import*as n from"react";import{observer as o}from"mobx-react-lite";import{IkasBaseStore as i}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import a from"../../store/checkout/index.js";import{IkasStorefrontConfig as c}from"@ikas/storefront-config";var s=o((function(o){var s=o.product,u=o.layout,l=o.color,d=o.shape,p=o.label,f=o.errorMessage,v=o.quantity,h=i.getInstance(),m=h.customerStore.customer,g=n.useState(""),y=g[0],w=g[1],b=n.useState(!1),I=b[0],S=b[1],P=n.useRef(null),C=n.useRef(null),E=n.useRef(null),U=n.useRef(null),j=function(e){E.current=e};n.useEffect((function(){e(void 0,void 0,void 0,(function(){var e,r,n;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,a.getPayPalClientId({})];case 1:return e=t.sent(),w((null===(n=e.data)||void 0===n?void 0:n.clientId)||""),[3,3];case 2:return r=t.sent(),console.error("Error fetching Client ID:",r),[3,3];case 3:return[2]}}))}))}),[s]);var R=function(n){return e(void 0,void 0,void 0,(function(){var e,o,i;return t(this,(function(t){switch(t.label){case 0:return e=P.current,o=E.current,e&&o?(i=C.current,[4,a.updatePaypalOrder({input:r(r({cartId:o,transactionId:e,customer:m?{email:m.email,firstName:m.firstName,id:m.id,lastName:m.lastName}:null,address:i?{city:i.city,country:i.countryCode,postalCode:i.postalCode,state:i.state}:null},n.shippingSettingsId?{shippingSettingsId:n.shippingSettingsId}:{}),n.shippingZoneRateId?{shippingZoneRateId:n.shippingZoneRateId}:{})})]):[2,!1];case 1:return[2,!!t.sent().data]}}))}))};console.log("product.name 1",s.name);return n.useEffect((function(){if(y){var r=document.querySelector("#paypal-button-container");r&&(r.innerHTML="");var n=document.querySelector('script[src^="https://www.paypal.com/sdk/js"]');n&&document.body.removeChild(n);var o=document.createElement("script");return o.src="https://www.paypal.com/sdk/js?client-id=".concat(y,"&currency=").concat(s.selectedVariant.price.currency,"&disable-funding=credit,card"),o.setAttribute("data-page-type","product-details"),o.addEventListener("load",(function(){window.paypal&&window.paypal.Buttons({style:{layout:u,color:l,shape:d,label:p},onClick:function(r,n){return e(void 0,void 0,void 0,(function(){return t(this,(function(r){switch(r.label){case 0:return[4,e(void 0,void 0,void 0,(function(){return t(this,(function(e){if(h.cartStore.cart)try{h.cartStore.removeCart()}catch(e){console.error("Error removing items:",e)}return[2]}))}))];case 1:return r.sent(),[2,n.resolve()]}}))}))},createOrder:function(){return e(void 0,void 0,void 0,(function(){var r,n,o,i,u;return t(this,(function(l){switch(l.label){case 0:return[4,e(void 0,void 0,void 0,(function(){var e,r,n,o,i;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),console.log("product.name 2",s.name),[4,h.cartStore.addItem(s.selectedVariant,s,v||1)];case 1:return e=t.sent(),(null===(i=null===(o=e.response)||void 0===o?void 0:o.data)||void 0===i?void 0:i.id)?(r=e.response.data,j(r.id),[2,r.id]):[2,null];case 2:return n=t.sent(),console.log("err",n),[2,null];case 3:return[2]}}))}))];case 1:return l.sent(),[4,e(void 0,void 0,void 0,(function(){var e,r,n,o,i,u;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),e=c.getPaymentGateways().map((function(e){return e.id})),(r=E.current)?[4,a.listPaymentGateway({cartId:r,id:{in:e},locale:c.getCurrentLocale(),transactionAmount:s.selectedVariant.finalPrice})]:[2,null];case 1:return n=t.sent(),[2,(null===(u=null===(i=n.data)||void 0===i?void 0:i.find((function(e){return"PAYPAL"===e.code})))||void 0===u?void 0:u.id)||null];case 2:return o=t.sent(),console.error("Error fetching PayPal ID:",o),[2,null];case 3:return[2]}}))}))];case 2:return r=l.sent(),(n=E.current)&&r?[4,a.createPayPalOrder({input:{cartId:n,paymentGatewayId:r},isPayNow:!0})]:[3,4];case 3:return o=l.sent(),S(!1),j(n),(null===(i=o.data)||void 0===i?void 0:i.transactionId)&&(p=o.data.transactionId,P.current=p,d={failUrl:o.data.failUrl,returnUrl:o.data.returnUrl},U.current={failUrl:d.failUrl,returnUrl:d.returnUrl}),[2,null===(u=o.data)||void 0===u?void 0:u.sessionToken];case 4:console.log("err"),l.label=5;case 5:return[2]}var d,p}))}))},onShippingOptionsChange:function(r,n){return e(this,void 0,void 0,(function(){var e,o,i;return t(this,(function(t){switch(t.label){case 0:return console.log("selectedShippingOption",r),e=r.selectedShippingOption.id.split(":"),o=e[0],i=e[1],[4,R({shippingSettingsId:o,shippingZoneRateId:i})];case 1:return t.sent()?[2]:[2,n.reject()]}}))}))},onShippingAddressChange:function(r,n){return e(this,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return console.log("SHIPPING_ADDRESS",r),function(e){C.current=e}(r.shippingAddress),[4,R({})];case 1:return e.sent()?[2]:[2,n.reject()]}}))}))},onApprove:function(r,n){return e(this,void 0,void 0,(function(){return t(this,(function(e){return[2,n.order.capture().then((function(e){console.log("data",r),console.log("details",e),console.log("urls",U),U.current&&(console.log("burda"),"COMPLETED"===e.status?window.location.href=U.current.returnUrl:window.location.href=window.location.href=U.current.failUrl)})).catch((function(e){return S(!0)}))]}))}))},onError:function(e){console.error("PayPal button error:",e)}}).render("#paypal-button-container")})),document.body.appendChild(o),function(){document.body.removeChild(o)}}}),[y,s.id]),n.createElement("div",null,n.createElement("div",{id:"paypal-button-container"}),!!I&&!!f&&n.createElement("div",{className:"paypal__error__message"},f))}));export{s as PaypalExpressCheckout};
+import{__awaiter as t,__generator as e,__assign as r}from'./../../ext/tslib/tslib.es6.js';import*as n from"react";import{observer as o}from"mobx-react-lite";import{IkasBaseStore as i}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import a from"../../store/checkout/index.js";import{IkasStorefrontConfig as u}from"@ikas/storefront-config";import{getStorefrontSettings as s}from"@ikas/storefront-api";var c=o((function(o){var c=o.product,l=o.errorMessage,d=o.quantity,p=void 0===d?1:d,f=i.getInstance(),v=f.customerStore.customer,h=n.useState(""),m=h[0],g=h[1],y=n.useState(!1),w=y[0],b=y[1],S=n.useState(null),I=S[0],P=S[1],C=n.useRef(null),E=n.useRef(null),U=n.useRef(null),j=n.useRef(null),R=function(t){U.current=t};n.useEffect((function(){t(void 0,void 0,void 0,(function(){var t,r,n;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,a.getPayPalClientId({})];case 1:return t=e.sent(),g((null===(n=t.data)||void 0===n?void 0:n.clientId)||""),[3,3];case 2:return r=e.sent(),console.error("Error fetching Client ID:",r),[3,3];case 3:return[2]}}))}))}),[c]),n.useEffect((function(){t(void 0,void 0,void 0,(function(){var t,r,n,o;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,s()];case 1:return t=e.sent(),(null===(n=t.data)||void 0===n?void 0:n.paypalSettings)&&P(null===(o=t.data)||void 0===o?void 0:o.paypalSettings),[3,3];case 2:return r=e.sent(),console.error("getStorefrontSettings error",r),[3,3];case 3:return[2]}}))}))}),[]);var A=function(n){return t(void 0,void 0,void 0,(function(){var t,o,i;return e(this,(function(e){switch(e.label){case 0:return t=C.current,o=U.current,t&&o?(i=E.current,[4,a.updatePaypalOrder({input:r(r({cartId:o,transactionId:t,customer:v?{email:v.email,firstName:v.firstName,id:v.id,lastName:v.lastName}:null,address:i?{city:i.city,country:i.countryCode,postalCode:i.postalCode,state:i.state}:null},n.shippingSettingsId?{shippingSettingsId:n.shippingSettingsId}:{}),n.shippingZoneRateId?{shippingZoneRateId:n.shippingZoneRateId}:{})})]):[2,!1];case 1:return[2,!!e.sent().data]}}))}))},k=function(t){if(I)return I.find((function(e){return e.label===t}))};return n.useEffect((function(){if(m&&I){var n=k("productPageBuyButton");if(!n||"disabled"!==n.value){var o=document.querySelector("#paypal-button-container");o&&(o.innerHTML="");var i=document.querySelector('script[src^="https://www.paypal.com/sdk/js"]');i&&document.body.removeChild(i);var s=k("productColor"),l=k("productShape"),d=k("productLabel"),v=k("productTagline"),h=document.createElement("script");return h.src="https://www.paypal.com/sdk/js?client-id=".concat(m,"&currency=").concat(c.selectedVariant.price.currency,"&disable-funding=credit,card"),h.setAttribute("data-page-type","product-details"),h.addEventListener("load",(function(){window.paypal&&window.paypal.Buttons({style:r(r(r(r({},s?{color:null==s?void 0:s.value}:{}),l?{shape:null==l?void 0:l.value}:{}),d?{label:null==d?void 0:d.value}:{}),v?{tagline:"true"===(null==v?void 0:v.value)}:{}),onClick:function(r,n){return t(void 0,void 0,void 0,(function(){return e(this,(function(r){switch(r.label){case 0:return[4,t(void 0,void 0,void 0,(function(){return e(this,(function(t){if(f.cartStore.cart)try{f.cartStore.removeCart()}catch(t){console.error("Error removing items:",t)}return[2]}))}))];case 1:return r.sent(),[2,n.resolve()]}}))}))},createOrder:function(){return t(void 0,void 0,void 0,(function(){var r,n,o,i,s;return e(this,(function(l){switch(l.label){case 0:return[4,t(void 0,void 0,void 0,(function(){var t,r,n,o,i;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,f.cartStore.addItem(c.selectedVariant,c,p)];case 1:return t=e.sent(),(null===(i=null===(o=t.response)||void 0===o?void 0:o.data)||void 0===i?void 0:i.id)?(r=t.response.data,R(r.id),[2,r.id]):[2,null];case 2:return n=e.sent(),console.log("err",n),[2,null];case 3:return[2]}}))}))];case 1:return l.sent(),[4,t(void 0,void 0,void 0,(function(){var t,r,n,o,i,s;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t=u.getPaymentGateways().map((function(t){return t.id})),(r=U.current)?[4,a.listPaymentGateway({cartId:r,id:{in:t},locale:u.getCurrentLocale(),transactionAmount:c.selectedVariant.finalPrice})]:[2,null];case 1:return n=e.sent(),[2,(null===(s=null===(i=n.data)||void 0===i?void 0:i.find((function(t){return"PAYPAL"===t.code})))||void 0===s?void 0:s.id)||null];case 2:return o=e.sent(),console.error("Error fetching PayPal ID:",o),[2,null];case 3:return[2]}}))}))];case 2:return r=l.sent(),(n=U.current)&&r?[4,a.createPayPalOrder({input:{cartId:n,paymentGatewayId:r},isPayNow:!0})]:[3,4];case 3:return o=l.sent(),b(!1),R(n),(null===(i=o.data)||void 0===i?void 0:i.transactionId)&&(v=o.data.transactionId,C.current=v,d={failUrl:o.data.failUrl,returnUrl:o.data.returnUrl},j.current={failUrl:d.failUrl,returnUrl:d.returnUrl}),[2,null===(s=o.data)||void 0===s?void 0:s.sessionToken];case 4:console.log("err"),l.label=5;case 5:return[2]}var d,v}))}))},onShippingOptionsChange:function(r,n){return t(this,void 0,void 0,(function(){var t,o,i;return e(this,(function(e){switch(e.label){case 0:return console.log("selectedShippingOption",r),t=r.selectedShippingOption.id.split(":"),o=t[0],i=t[1],[4,A({shippingSettingsId:o,shippingZoneRateId:i})];case 1:return e.sent()?[2]:[2,n.reject()]}}))}))},onShippingAddressChange:function(r,n){return t(this,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return console.log("SHIPPING_ADDRESS",r),function(t){E.current=t}(r.shippingAddress),[4,A({})];case 1:return t.sent()?[2]:[2,n.reject()]}}))}))},onApprove:function(r,n){return t(this,void 0,void 0,(function(){return e(this,(function(t){return[2,n.order.capture().then((function(t){console.log("data",r),console.log("details",t),console.log("urls",j),j.current&&(console.log("burda"),"COMPLETED"===t.status?window.location.href=j.current.returnUrl:window.location.href=window.location.href=j.current.failUrl)})).catch((function(t){return b(!0)}))]}))}))},onError:function(t){console.error("PayPal button error:",t)}}).render("#paypal-button-container")})),document.body.appendChild(h),function(){document.body.removeChild(h)}}}}),[m,c.id,I]),n.createElement("div",null,n.createElement("div",{id:"paypal-button-container"}),!!w&&!!l&&n.createElement("div",{className:"paypal__error__message"},l))}));export{c as PaypalExpressCheckout};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "6.1.0-beta.69",
+  "version": "6.1.0-beta.70",
   "description": "Storefront functionality for ikas storefront themes.",
   "author": "ikas",
   "license": "ISC",
@@ -21,11 +21,11 @@
     "swiper": "11.0.6"
   },
   "devDependencies": {
-    "@ikas/storefront-api": "^6.1.0-beta.69",
-    "@ikas/storefront-config": "^6.1.0-beta.69",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.69",
-    "@ikas/storefront-models": "^6.1.0-beta.69",
-    "@ikas/storefront-providers": "^6.1.0-beta.69",
+    "@ikas/storefront-api": "^6.1.0-beta.70",
+    "@ikas/storefront-config": "^6.1.0-beta.70",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.70",
+    "@ikas/storefront-models": "^6.1.0-beta.70",
+    "@ikas/storefront-providers": "^6.1.0-beta.70",
     "@ikas/localized-address": "1.0.0-beta.6",
     "@adyen/adyen-web": "^5.57.0",
     "@rollup/plugin-commonjs": "^22.0.0",
@@ -60,11 +60,11 @@
   },
   "peerDependencies": {
     "@ikas/localized-address": "1.0.0-beta.6",
-    "@ikas/storefront-api": "^6.1.0-beta.69",
-    "@ikas/storefront-config": "^6.1.0-beta.69",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.69",
-    "@ikas/storefront-models": "^6.1.0-beta.69",
-    "@ikas/storefront-providers": "^6.1.0-beta.69",
+    "@ikas/storefront-api": "^6.1.0-beta.70",
+    "@ikas/storefront-config": "^6.1.0-beta.70",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.70",
+    "@ikas/storefront-models": "^6.1.0-beta.70",
+    "@ikas/storefront-providers": "^6.1.0-beta.70",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "12.2.0",