@ikas/storefront 1.0.1 → 1.0.3-alpha.1

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/index.css CHANGED
@@ -1247,6 +1247,8 @@
1247
1247
  display: flex;
1248
1248
  align-items: center;
1249
1249
  margin-right: 4px; }
1250
+ .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_PaymentLogoContainer__AN08p img {
1251
+ height: 20px; }
1250
1252
  .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {
1251
1253
  width: 100%;
1252
1254
  display: flex;
@@ -1247,6 +1247,8 @@
1247
1247
  display: flex;
1248
1248
  align-items: center;
1249
1249
  margin-right: 4px; }
1250
+ .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_PaymentLogoContainer__AN08p img {
1251
+ height: 20px; }
1250
1252
  .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {
1251
1253
  width: 100%;
1252
1254
  display: flex;
package/build/index.es.js CHANGED
@@ -70824,7 +70824,7 @@ var IkasCartStore = /** @class */ (function () {
70824
70824
  return IkasCartStore;
70825
70825
  }());
70826
70826
 
70827
- var styles$h = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
70827
+ var styles$h = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","PaymentLogoContainer":"style-module_PaymentLogoContainer__AN08p","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
70828
70828
 
70829
70829
  var SVGSuccessCircle = function (_a) {
70830
70830
  var className = _a.className;
@@ -70911,12 +70911,18 @@ var StepSuccess = observer(function (_a) {
70911
70911
  };
70912
70912
  var paymentMethodDetail = (_d = vm.successTransaction) === null || _d === void 0 ? void 0 : _d.paymentMethodDetail;
70913
70913
  var paymentInfoGrid = useMemo(function () {
70914
- var _a, _b, _c;
70914
+ var _a, _b, _c, _d;
70915
70915
  return (createElement("div", { className: [styles$h.InfoGrid].join(" ") },
70916
70916
  createElement("div", null,
70917
70917
  createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:paymentMethod")),
70918
70918
  paymentGateway && (createElement(Fragment$1, null,
70919
- createElement("div", { className: styles$h.InfoText }, paymentGateway.name),
70919
+ !!paymentGateway.logoUrl && (createElement("div", { className: styles$h.PaymentLogoContainer },
70920
+ createElement("img", { src: paymentGateway.logoUrl }))),
70921
+ !paymentGateway.logoUrl && (createElement("div", { className: styles$h.InfoText }, paymentGateway.paymentMethodType ===
70922
+ IkasPaymentMethodType.CREDIT_CARD &&
70923
+ paymentGateway.type === IkasPaymentGatewayType.INTERNAL
70924
+ ? t("checkout-page:creditCard")
70925
+ : paymentGateway.name)),
70920
70926
  !!paymentGateway.description &&
70921
70927
  paymentGateway.type !== IkasPaymentGatewayType.EXTERNAL && (createElement("div", { className: styles$h.InfoText },
70922
70928
  createElement("div", { dangerouslySetInnerHTML: {
@@ -70926,14 +70932,15 @@ var StepSuccess = observer(function (_a) {
70926
70932
  createElement("div", { className: styles$h.InfoText },
70927
70933
  createElement("div", { className: styles$h.CardLogoContainer }, getCardLogo()),
70928
70934
  createElement("span", null, "**** " + ((paymentMethodDetail === null || paymentMethodDetail === void 0 ? void 0 : paymentMethodDetail.lastFourDigits) || ""))),
70929
- paymentMethodDetail &&
70935
+ ((_b = paymentMethodDetail === null || paymentMethodDetail === void 0 ? void 0 : paymentMethodDetail.installment) === null || _b === void 0 ? void 0 : _b.installmentCount) &&
70930
70936
  paymentMethodDetail.installment.installmentCount > 1 && (createElement(Fragment$1, null,
70931
70937
  createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " " + t("checkout-page:installments")),
70932
- createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " x " + formatMoney(paymentMethodDetail.installment.installmentPrice, vm.checkout.cart.currencyCode))))))),
70938
+ paymentMethodDetail.installment.installmentPrice !==
70939
+ null && (createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " x " + formatMoney(paymentMethodDetail.installment.installmentPrice, vm.checkout.cart.currencyCode)))))))),
70933
70940
  createElement("div", null,
70934
70941
  createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:billingAddress")),
70935
- !!((_b = vm.checkout.billingAddress) === null || _b === void 0 ? void 0 : _b.company) && (createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, vm.checkout.billingAddress.company)),
70936
- createElement("div", { className: styles$h.InfoText }, (_c = vm.checkout.billingAddress) === null || _c === void 0 ? void 0 : _c.addressText))));
70942
+ !!((_c = vm.checkout.billingAddress) === null || _c === void 0 ? void 0 : _c.company) && (createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, vm.checkout.billingAddress.company)),
70943
+ createElement("div", { className: styles$h.InfoText }, (_d = vm.checkout.billingAddress) === null || _d === void 0 ? void 0 : _d.addressText))));
70937
70944
  }, []);
70938
70945
  var contactInfoGrid = useMemo(function () {
70939
70946
  var _a, _b, _c, _d, _e;
package/build/index.js CHANGED
@@ -70801,7 +70801,7 @@ var IkasCartStore = /** @class */ (function () {
70801
70801
  return IkasCartStore;
70802
70802
  }());
70803
70803
 
70804
- var styles$h = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
70804
+ var styles$h = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","PaymentLogoContainer":"style-module_PaymentLogoContainer__AN08p","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
70805
70805
 
70806
70806
  var SVGSuccessCircle = function (_a) {
70807
70807
  var className = _a.className;
@@ -70888,12 +70888,18 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
70888
70888
  };
70889
70889
  var paymentMethodDetail = (_d = vm.successTransaction) === null || _d === void 0 ? void 0 : _d.paymentMethodDetail;
70890
70890
  var paymentInfoGrid = React.useMemo(function () {
70891
- var _a, _b, _c;
70891
+ var _a, _b, _c, _d;
70892
70892
  return (React.createElement("div", { className: [styles$h.InfoGrid].join(" ") },
70893
70893
  React.createElement("div", null,
70894
70894
  React.createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:paymentMethod")),
70895
70895
  paymentGateway && (React.createElement(React.Fragment, null,
70896
- React.createElement("div", { className: styles$h.InfoText }, paymentGateway.name),
70896
+ !!paymentGateway.logoUrl && (React.createElement("div", { className: styles$h.PaymentLogoContainer },
70897
+ React.createElement("img", { src: paymentGateway.logoUrl }))),
70898
+ !paymentGateway.logoUrl && (React.createElement("div", { className: styles$h.InfoText }, paymentGateway.paymentMethodType ===
70899
+ IkasPaymentMethodType.CREDIT_CARD &&
70900
+ paymentGateway.type === IkasPaymentGatewayType.INTERNAL
70901
+ ? t("checkout-page:creditCard")
70902
+ : paymentGateway.name)),
70897
70903
  !!paymentGateway.description &&
70898
70904
  paymentGateway.type !== IkasPaymentGatewayType.EXTERNAL && (React.createElement("div", { className: styles$h.InfoText },
70899
70905
  React.createElement("div", { dangerouslySetInnerHTML: {
@@ -70903,14 +70909,15 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
70903
70909
  React.createElement("div", { className: styles$h.InfoText },
70904
70910
  React.createElement("div", { className: styles$h.CardLogoContainer }, getCardLogo()),
70905
70911
  React.createElement("span", null, "**** " + ((paymentMethodDetail === null || paymentMethodDetail === void 0 ? void 0 : paymentMethodDetail.lastFourDigits) || ""))),
70906
- paymentMethodDetail &&
70912
+ ((_b = paymentMethodDetail === null || paymentMethodDetail === void 0 ? void 0 : paymentMethodDetail.installment) === null || _b === void 0 ? void 0 : _b.installmentCount) &&
70907
70913
  paymentMethodDetail.installment.installmentCount > 1 && (React.createElement(React.Fragment, null,
70908
70914
  React.createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " " + t("checkout-page:installments")),
70909
- React.createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " x " + formatMoney(paymentMethodDetail.installment.installmentPrice, vm.checkout.cart.currencyCode))))))),
70915
+ paymentMethodDetail.installment.installmentPrice !==
70916
+ null && (React.createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " x " + formatMoney(paymentMethodDetail.installment.installmentPrice, vm.checkout.cart.currencyCode)))))))),
70910
70917
  React.createElement("div", null,
70911
70918
  React.createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:billingAddress")),
70912
- !!((_b = vm.checkout.billingAddress) === null || _b === void 0 ? void 0 : _b.company) && (React.createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, vm.checkout.billingAddress.company)),
70913
- React.createElement("div", { className: styles$h.InfoText }, (_c = vm.checkout.billingAddress) === null || _c === void 0 ? void 0 : _c.addressText))));
70919
+ !!((_c = vm.checkout.billingAddress) === null || _c === void 0 ? void 0 : _c.company) && (React.createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, vm.checkout.billingAddress.company)),
70920
+ React.createElement("div", { className: styles$h.InfoText }, (_d = vm.checkout.billingAddress) === null || _d === void 0 ? void 0 : _d.addressText))));
70914
70921
  }, []);
70915
70922
  var contactInfoGrid = React.useMemo(function () {
70916
70923
  var _a, _b, _c, _d, _e;
@@ -40,7 +40,7 @@ export declare type IkasTransactionPaymentMethodDetail = {
40
40
  cardAssociation: IkasTransactionCardAssociationEnum;
41
41
  cardFamily: string;
42
42
  cardType: IkasTransactionCardTypeEnum;
43
- installment: IkasTransactionInstallmentPrice;
43
+ installment: IkasTransactionInstallmentPrice | null;
44
44
  lastFourDigits: string;
45
45
  threeDSecure: boolean;
46
46
  };
@@ -56,9 +56,9 @@ export declare enum IkasTransactionCardTypeEnum {
56
56
  PREPAID = "PREPAID"
57
57
  }
58
58
  export declare type IkasTransactionInstallmentPrice = {
59
- installmentCount: number;
60
- installmentPrice: number;
61
- totalPrice: number;
59
+ installmentCount: number | null;
60
+ installmentPrice: number | null;
61
+ totalPrice: number | null;
62
62
  };
63
63
  export declare enum IkasTransactionStatusEnum {
64
64
  FAILED = "FAILED",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikas/storefront",
3
- "version": "1.0.1",
3
+ "version": "1.0.3-alpha.1",
4
4
  "main": "./build/index.js",
5
5
  "module": "./build/index.es.js",
6
6
  "author": "Umut Ozan Yıldırım",