@sentecacommerce-theme/lib 0.12.72 → 0.12.78
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/dist/cjs/api/myOrdersApi/index.js +4 -2
- package/dist/cjs/api/myOrdersApi/index.js.map +1 -1
- package/dist/cjs/checkout/api/keys.js +7 -1
- package/dist/cjs/checkout/api/keys.js.map +1 -1
- package/dist/cjs/checkout/api/queries/index.js +8 -0
- package/dist/cjs/checkout/api/queries/index.js.map +1 -1
- package/dist/cjs/checkout/api/queries/useUniCreditCalculateForCartQuery.js +40 -0
- package/dist/cjs/checkout/api/queries/useUniCreditCalculateForCartQuery.js.map +1 -0
- package/dist/cjs/checkout/contexts/UniCreditResponseContext.js +29 -0
- package/dist/cjs/checkout/contexts/UniCreditResponseContext.js.map +1 -0
- package/dist/cjs/checkout/contexts/index.js +8 -0
- package/dist/cjs/checkout/contexts/index.js.map +1 -1
- package/dist/cjs/checkout/hooks/index.js +8 -0
- package/dist/cjs/checkout/hooks/index.js.map +1 -1
- package/dist/cjs/checkout/hooks/useBnpCalculateForCart.js +1 -0
- package/dist/cjs/checkout/hooks/useBnpCalculateForCart.js.map +1 -1
- package/dist/cjs/checkout/hooks/useUniCreditCalculateForCart.js +82 -0
- package/dist/cjs/checkout/hooks/useUniCreditCalculateForCart.js.map +1 -0
- package/dist/cjs/checkout/ssr/captureUniCreditOrder.js +36 -0
- package/dist/cjs/checkout/ssr/captureUniCreditOrder.js.map +1 -0
- package/dist/cjs/checkout/ssr/index.js +8 -0
- package/dist/cjs/checkout/ssr/index.js.map +1 -1
- package/dist/cjs/contexts/CheckoutForm/Components/UniCreditRedirect/index.js +71 -0
- package/dist/cjs/contexts/CheckoutForm/Components/UniCreditRedirect/index.js.map +1 -0
- package/dist/cjs/contexts/CheckoutForm/Components/index.js +8 -0
- package/dist/cjs/contexts/CheckoutForm/Components/index.js.map +1 -1
- package/dist/cjs/contexts/CheckoutForm/hooks/usePayment/index.js.map +1 -1
- package/dist/cjs/contexts/CheckoutForm/index.js +61 -16
- package/dist/cjs/contexts/CheckoutForm/index.js.map +1 -1
- package/dist/cjs/hooks/order-hooks/useOrder/index.js +1 -5
- package/dist/cjs/hooks/order-hooks/useOrder/index.js.map +1 -1
- package/dist/cjs/hooks/order-hooks/useOrderPaymentMethods/index.js.map +1 -1
- package/dist/cjs/hooks/order-hooks/useUpdateOrderPaymentMethod/index.js.map +1 -1
- package/dist/cjs/hooks/subscriptions-hooks/useAllSubscriptions/index.js +1 -1
- package/dist/cjs/hooks/subscriptions-hooks/useAllSubscriptions/index.js.map +1 -1
- package/dist/cjs/hooks/useCheckoutSubmit/index.js +37 -16
- package/dist/cjs/hooks/useCheckoutSubmit/index.js.map +1 -1
- package/dist/cjs/listing/api/queries/useLabelsQuery.js +2 -1
- package/dist/cjs/listing/api/queries/useLabelsQuery.js.map +1 -1
- package/dist/cjs/listing/hooks/useListingFilters.js +3 -1
- package/dist/cjs/listing/hooks/useListingFilters.js.map +1 -1
- package/dist/cjs/product/api/keys.js +7 -1
- package/dist/cjs/product/api/keys.js.map +1 -1
- package/dist/cjs/product/api/queries/index.js +8 -0
- package/dist/cjs/product/api/queries/index.js.map +1 -1
- package/dist/cjs/product/api/queries/useUniCreditOffersQuery.js +45 -0
- package/dist/cjs/product/api/queries/useUniCreditOffersQuery.js.map +1 -0
- package/dist/cjs/product/hooks/index.js +8 -0
- package/dist/cjs/product/hooks/index.js.map +1 -1
- package/dist/cjs/product/hooks/useUniCreditOffers.js +72 -0
- package/dist/cjs/product/hooks/useUniCreditOffers.js.map +1 -0
- package/dist/cjs/ui/hooks/index.js +12 -0
- package/dist/cjs/ui/hooks/index.js.map +1 -0
- package/dist/cjs/ui/hooks/useToasts.js +96 -0
- package/dist/cjs/ui/hooks/useToasts.js.map +1 -0
- package/dist/cjs/ui/index.js +8 -0
- package/dist/cjs/ui/index.js.map +1 -1
- package/dist/cjs/ui/toastUtils/ErrorIcon.js +26 -0
- package/dist/cjs/ui/toastUtils/ErrorIcon.js.map +1 -0
- package/dist/cjs/ui/toastUtils/InfoIcon.js +26 -0
- package/dist/cjs/ui/toastUtils/InfoIcon.js.map +1 -0
- package/dist/cjs/ui/toastUtils/SuccessIcon.js +26 -0
- package/dist/cjs/ui/toastUtils/SuccessIcon.js.map +1 -0
- package/dist/cjs/ui/toastUtils/WarningIcon.js +26 -0
- package/dist/cjs/ui/toastUtils/WarningIcon.js.map +1 -0
- package/dist/cjs/ui/toastUtils/index.js +44 -0
- package/dist/cjs/ui/toastUtils/index.js.map +1 -0
- package/dist/cjs/ui/toastUtils/utils.js +107 -0
- package/dist/cjs/ui/toastUtils/utils.js.map +1 -0
- package/dist/esm/api/myOrdersApi/index.js +2 -1
- package/dist/esm/api/myOrdersApi/index.js.map +1 -1
- package/dist/esm/checkout/api/keys.js +3 -0
- package/dist/esm/checkout/api/keys.js.map +1 -1
- package/dist/esm/checkout/api/queries/index.js +1 -0
- package/dist/esm/checkout/api/queries/index.js.map +1 -1
- package/dist/esm/checkout/api/queries/useUniCreditCalculateForCartQuery.js +10 -0
- package/dist/esm/checkout/api/queries/useUniCreditCalculateForCartQuery.js.map +1 -0
- package/dist/esm/checkout/contexts/UniCreditResponseContext.js +17 -0
- package/dist/esm/checkout/contexts/UniCreditResponseContext.js.map +1 -0
- package/dist/esm/checkout/contexts/index.js +1 -0
- package/dist/esm/checkout/contexts/index.js.map +1 -1
- package/dist/esm/checkout/hooks/index.js +1 -0
- package/dist/esm/checkout/hooks/index.js.map +1 -1
- package/dist/esm/checkout/hooks/useBnpCalculateForCart.js +1 -0
- package/dist/esm/checkout/hooks/useBnpCalculateForCart.js.map +1 -1
- package/dist/esm/checkout/hooks/useUniCreditCalculateForCart.js +66 -0
- package/dist/esm/checkout/hooks/useUniCreditCalculateForCart.js.map +1 -0
- package/dist/esm/checkout/ssr/captureUniCreditOrder.js +12 -0
- package/dist/esm/checkout/ssr/captureUniCreditOrder.js.map +1 -0
- package/dist/esm/checkout/ssr/index.js +1 -0
- package/dist/esm/checkout/ssr/index.js.map +1 -1
- package/dist/esm/contexts/CheckoutForm/Components/UniCreditRedirect/index.js +63 -0
- package/dist/esm/contexts/CheckoutForm/Components/UniCreditRedirect/index.js.map +1 -0
- package/dist/esm/contexts/CheckoutForm/Components/index.js +1 -0
- package/dist/esm/contexts/CheckoutForm/Components/index.js.map +1 -1
- package/dist/esm/contexts/CheckoutForm/hooks/usePayment/index.js.map +1 -1
- package/dist/esm/contexts/CheckoutForm/index.js +28 -2
- package/dist/esm/contexts/CheckoutForm/index.js.map +1 -1
- package/dist/esm/hooks/order-hooks/useOrder/index.js +1 -5
- package/dist/esm/hooks/order-hooks/useOrder/index.js.map +1 -1
- package/dist/esm/hooks/order-hooks/useOrderPaymentMethods/index.js.map +1 -1
- package/dist/esm/hooks/order-hooks/useUpdateOrderPaymentMethod/index.js.map +1 -1
- package/dist/esm/hooks/subscriptions-hooks/useAllSubscriptions/index.js +1 -1
- package/dist/esm/hooks/subscriptions-hooks/useAllSubscriptions/index.js.map +1 -1
- package/dist/esm/hooks/useCheckoutSubmit/index.js +10 -3
- package/dist/esm/hooks/useCheckoutSubmit/index.js.map +1 -1
- package/dist/esm/listing/api/queries/useLabelsQuery.js +2 -1
- package/dist/esm/listing/api/queries/useLabelsQuery.js.map +1 -1
- package/dist/esm/listing/hooks/useListingFilters.js +3 -1
- package/dist/esm/listing/hooks/useListingFilters.js.map +1 -1
- package/dist/esm/product/api/keys.js +3 -0
- package/dist/esm/product/api/keys.js.map +1 -1
- package/dist/esm/product/api/queries/index.js +1 -0
- package/dist/esm/product/api/queries/index.js.map +1 -1
- package/dist/esm/product/api/queries/useUniCreditOffersQuery.js +16 -0
- package/dist/esm/product/api/queries/useUniCreditOffersQuery.js.map +1 -0
- package/dist/esm/product/hooks/index.js +1 -0
- package/dist/esm/product/hooks/index.js.map +1 -1
- package/dist/esm/product/hooks/useUniCreditOffers.js +57 -0
- package/dist/esm/product/hooks/useUniCreditOffers.js.map +1 -0
- package/dist/esm/ui/hooks/index.js +2 -0
- package/dist/esm/ui/hooks/index.js.map +1 -0
- package/dist/esm/ui/hooks/useToasts.js +74 -0
- package/dist/esm/ui/hooks/useToasts.js.map +1 -0
- package/dist/esm/ui/index.js +1 -0
- package/dist/esm/ui/index.js.map +1 -1
- package/dist/esm/ui/toastUtils/ErrorIcon.js +16 -0
- package/dist/esm/ui/toastUtils/ErrorIcon.js.map +1 -0
- package/dist/esm/ui/toastUtils/InfoIcon.js +16 -0
- package/dist/esm/ui/toastUtils/InfoIcon.js.map +1 -0
- package/dist/esm/ui/toastUtils/SuccessIcon.js +16 -0
- package/dist/esm/ui/toastUtils/SuccessIcon.js.map +1 -0
- package/dist/esm/ui/toastUtils/WarningIcon.js +16 -0
- package/dist/esm/ui/toastUtils/WarningIcon.js.map +1 -0
- package/dist/esm/ui/toastUtils/index.js +6 -0
- package/dist/esm/ui/toastUtils/index.js.map +1 -0
- package/dist/esm/ui/toastUtils/utils.js +82 -0
- package/dist/esm/ui/toastUtils/utils.js.map +1 -0
- package/dist/types/checkout/api/keys.d.ts +1 -0
- package/dist/types/checkout/api/queries/index.d.ts +1 -0
- package/dist/types/checkout/api/queries/useBnpCalculateForCartQuery.d.ts +1 -1
- package/dist/types/checkout/api/queries/useUniCreditCalculateForCartQuery.d.ts +3 -0
- package/dist/types/checkout/contexts/UniCreditResponseContext.d.ts +6 -0
- package/dist/types/checkout/contexts/index.d.ts +1 -0
- package/dist/types/checkout/hooks/index.d.ts +1 -0
- package/dist/types/checkout/hooks/useBnpCalculateForCart.d.ts +5 -3
- package/dist/types/checkout/hooks/useUniCreditCalculateForCart.d.ts +53 -0
- package/dist/types/checkout/ssr/captureUniCreditOrder.d.ts +2 -0
- package/dist/types/checkout/ssr/index.d.ts +1 -0
- package/dist/types/contexts/CheckoutForm/Components/UniCreditRedirect/index.d.ts +5 -0
- package/dist/types/contexts/CheckoutForm/Components/index.d.ts +1 -0
- package/dist/types/contexts/CheckoutForm/hooks/usePayment/index.d.ts +2 -2
- package/dist/types/contexts/CheckoutForm/index.d.ts +1 -0
- package/dist/types/hooks/order-hooks/useOrderPaymentMethods/index.d.ts +4 -4
- package/dist/types/hooks/useCheckoutSubmit/index.d.ts +3 -2
- package/dist/types/product/api/keys.d.ts +1 -0
- package/dist/types/product/api/queries/index.d.ts +1 -0
- package/dist/types/product/api/queries/useBnpOffersQuery.d.ts +1 -1
- package/dist/types/product/api/queries/useUniCreditOffersQuery.d.ts +4 -0
- package/dist/types/product/hooks/index.d.ts +1 -0
- package/dist/types/product/hooks/useBnpOffers.d.ts +2 -2
- package/dist/types/product/hooks/useUniCreditOffers.d.ts +36 -0
- package/dist/types/ui/hooks/index.d.ts +1 -0
- package/dist/types/ui/hooks/useToasts.d.ts +20 -0
- package/dist/types/ui/index.d.ts +1 -0
- package/dist/types/ui/toastUtils/ErrorIcon.d.ts +1 -0
- package/dist/types/ui/toastUtils/InfoIcon.d.ts +1 -0
- package/dist/types/ui/toastUtils/SuccessIcon.d.ts +1 -0
- package/dist/types/ui/toastUtils/WarningIcon.d.ts +1 -0
- package/dist/types/ui/toastUtils/index.d.ts +5 -0
- package/dist/types/ui/toastUtils/utils.d.ts +11 -0
- package/package.json +4 -4
@@ -0,0 +1,57 @@
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
2
|
+
import { useMemo } from 'react';
|
3
|
+
import { useUniCreditOffersQuery } from '../api/queries';
|
4
|
+
import { decodePrice, formatAsCurrency, useConfigState } from '../../index';
|
5
|
+
export var useUniCreditOffers = props => {
|
6
|
+
var _useConfigState, _useConfigState$price, _response$data2, _response$data2$;
|
7
|
+
|
8
|
+
var configLocale = (_useConfigState = useConfigState()) == null ? void 0 : (_useConfigState$price = _useConfigState.price) == null ? void 0 : _useConfigState$price.locale;
|
9
|
+
var response = useUniCreditOffersQuery(props);
|
10
|
+
return useMemo(() => {
|
11
|
+
var _response$data, _response$data$, _response$data$$offer;
|
12
|
+
|
13
|
+
return _extends({}, response, {
|
14
|
+
data: response == null ? void 0 : (_response$data = response.data) == null ? void 0 : (_response$data$ = _response$data[0]) == null ? void 0 : (_response$data$$offer = _response$data$.offers) == null ? void 0 : _response$data$$offer.map(offer => {
|
15
|
+
var _totalRepaymentAmount = decodePrice(offer.totalRepaymentAmount);
|
16
|
+
|
17
|
+
var _correctDownPaymentAmount = decodePrice(offer.correctDownPaymentAmount);
|
18
|
+
|
19
|
+
var _installmentAmount = decodePrice(offer.installmentAmount);
|
20
|
+
|
21
|
+
var _processingFeeAmount = decodePrice(offer.processingFeeAmount);
|
22
|
+
|
23
|
+
var totalRepaymentAmount = formatAsCurrency({
|
24
|
+
price: _totalRepaymentAmount,
|
25
|
+
precision: offer.totalRepaymentAmount.fractionDigits,
|
26
|
+
currency: offer.totalRepaymentAmount.currencyCode,
|
27
|
+
locale: configLocale || 'en'
|
28
|
+
});
|
29
|
+
var correctDownPaymentAmount = formatAsCurrency({
|
30
|
+
price: _correctDownPaymentAmount,
|
31
|
+
precision: offer.correctDownPaymentAmount.fractionDigits,
|
32
|
+
currency: offer.correctDownPaymentAmount.currencyCode,
|
33
|
+
locale: configLocale || 'en'
|
34
|
+
});
|
35
|
+
var installmentAmount = formatAsCurrency({
|
36
|
+
price: _installmentAmount,
|
37
|
+
precision: offer.installmentAmount.fractionDigits,
|
38
|
+
currency: offer.installmentAmount.currencyCode,
|
39
|
+
locale: configLocale || 'en'
|
40
|
+
});
|
41
|
+
var processingFeeAmount = formatAsCurrency({
|
42
|
+
price: _processingFeeAmount,
|
43
|
+
precision: offer.processingFeeAmount.fractionDigits,
|
44
|
+
currency: offer.processingFeeAmount.currencyCode,
|
45
|
+
locale: configLocale || 'en'
|
46
|
+
});
|
47
|
+
return _extends({}, offer, {
|
48
|
+
totalRepaymentAmount,
|
49
|
+
correctDownPaymentAmount,
|
50
|
+
installmentAmount,
|
51
|
+
processingFeeAmount
|
52
|
+
});
|
53
|
+
}).sort((offer, offer2) => Number(offer.maturity) - Number(offer2.maturity))
|
54
|
+
});
|
55
|
+
}, [response == null ? void 0 : (_response$data2 = response.data) == null ? void 0 : (_response$data2$ = _response$data2[0]) == null ? void 0 : _response$data2$.offers]);
|
56
|
+
};
|
57
|
+
//# sourceMappingURL=useUniCreditOffers.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/product/hooks/useUniCreditOffers.ts"],"names":["useMemo","useUniCreditOffersQuery","decodePrice","formatAsCurrency","useConfigState","useUniCreditOffers","props","configLocale","price","locale","response","data","offers","map","offer","_totalRepaymentAmount","totalRepaymentAmount","_correctDownPaymentAmount","correctDownPaymentAmount","_installmentAmount","installmentAmount","_processingFeeAmount","processingFeeAmount","precision","fractionDigits","currency","currencyCode","sort","offer2","Number","maturity"],"mappings":";AAAA,SAAgBA,OAAhB,QAA+B,OAA/B;AACA,SAASC,uBAAT,QAAwC,gBAAxC;AACA,SAASC,WAAT,EAAsBC,gBAAtB,EAAwCC,cAAxC,QAA8D,aAA9D;AAEA,OAAO,IAAMC,kBAAkB,GAAIC,KAAD,IAG5B;AAAA;;AACJ,MAAMC,YAAoB,sBAAGH,cAAc,EAAjB,8CAAG,gBAAkBI,KAArB,qBAAG,sBAAyBC,MAAtD;AACA,MAAMC,QAAQ,GAAGT,uBAAuB,CAACK,KAAD,CAAxC;AAEA,SAAON,OAAO,CACZ;AAAA;;AAAA,wBACKU,QADL;AAEEC,MAAAA,IAAI,EAAED,QAAF,sCAAEA,QAAQ,CAAEC,IAAZ,wCAAE,eAAiB,CAAjB,CAAF,8CAAE,gBAAqBC,MAAvB,qBAAE,sBACFC,GADE,CACGC,KAAD,IAAW;AACf,YAAMC,qBAAqB,GAAGb,WAAW,CAACY,KAAK,CAACE,oBAAP,CAAzC;;AACA,YAAMC,yBAAyB,GAAGf,WAAW,CAC3CY,KAAK,CAACI,wBADqC,CAA7C;;AAGA,YAAMC,kBAAkB,GAAGjB,WAAW,CAACY,KAAK,CAACM,iBAAP,CAAtC;;AACA,YAAMC,oBAAoB,GAAGnB,WAAW,CAACY,KAAK,CAACQ,mBAAP,CAAxC;;AAEA,YAAMN,oBAAoB,GAAGb,gBAAgB,CAAC;AAC5CK,UAAAA,KAAK,EAAEO,qBADqC;AAE5CQ,UAAAA,SAAS,EAAET,KAAK,CAACE,oBAAN,CAA2BQ,cAFM;AAG5CC,UAAAA,QAAQ,EAAEX,KAAK,CAACE,oBAAN,CAA2BU,YAHO;AAI5CjB,UAAAA,MAAM,EAAEF,YAAY,IAAI;AAJoB,SAAD,CAA7C;AAOA,YAAMW,wBAAwB,GAAGf,gBAAgB,CAAC;AAChDK,UAAAA,KAAK,EAAES,yBADyC;AAEhDM,UAAAA,SAAS,EAAET,KAAK,CAACI,wBAAN,CAA+BM,cAFM;AAGhDC,UAAAA,QAAQ,EAAEX,KAAK,CAACI,wBAAN,CAA+BQ,YAHO;AAIhDjB,UAAAA,MAAM,EAAEF,YAAY,IAAI;AAJwB,SAAD,CAAjD;AAOA,YAAMa,iBAAiB,GAAGjB,gBAAgB,CAAC;AACzCK,UAAAA,KAAK,EAAEW,kBADkC;AAEzCI,UAAAA,SAAS,EAAET,KAAK,CAACM,iBAAN,CAAwBI,cAFM;AAGzCC,UAAAA,QAAQ,EAAEX,KAAK,CAACM,iBAAN,CAAwBM,YAHO;AAIzCjB,UAAAA,MAAM,EAAEF,YAAY,IAAI;AAJiB,SAAD,CAA1C;AAOA,YAAMe,mBAAmB,GAAGnB,gBAAgB,CAAC;AAC3CK,UAAAA,KAAK,EAAEa,oBADoC;AAE3CE,UAAAA,SAAS,EAAET,KAAK,CAACQ,mBAAN,CAA0BE,cAFM;AAG3CC,UAAAA,QAAQ,EAAEX,KAAK,CAACQ,mBAAN,CAA0BI,YAHO;AAI3CjB,UAAAA,MAAM,EAAEF,YAAY,IAAI;AAJmB,SAAD,CAA5C;AAOA,4BACKO,KADL;AAEEE,UAAAA,oBAFF;AAGEE,UAAAA,wBAHF;AAIEE,UAAAA,iBAJF;AAKEE,UAAAA;AALF;AAOD,OA5CG,EA6CHK,IA7CG,CA8CF,CAACb,KAAD,EAAQc,MAAR,KAAmBC,MAAM,CAACf,KAAK,CAACgB,QAAP,CAAN,GAAyBD,MAAM,CAACD,MAAM,CAACE,QAAR,CA9ChD;AAFR;AAAA,GADY,EAoDZ,CAACpB,QAAD,uCAACA,QAAQ,CAAEC,IAAX,yCAAC,gBAAiB,CAAjB,CAAD,qBAAC,iBAAqBC,MAAtB,CApDY,CAAd;AAsDD,CA7DM","sourcesContent":["import React, { useMemo } from 'react'\nimport { useUniCreditOffersQuery } from '../api/queries'\nimport { decodePrice, formatAsCurrency, useConfigState } from '../../index'\n\nexport const useUniCreditOffers = (props: {\n sku: string\n downPaymentCentAmount?: number\n}) => {\n const configLocale: string = useConfigState()?.price?.locale\n const response = useUniCreditOffersQuery(props)\n\n return useMemo(\n () => ({\n ...response,\n data: response?.data?.[0]?.offers\n ?.map((offer) => {\n const _totalRepaymentAmount = decodePrice(offer.totalRepaymentAmount)\n const _correctDownPaymentAmount = decodePrice(\n offer.correctDownPaymentAmount\n )\n const _installmentAmount = decodePrice(offer.installmentAmount)\n const _processingFeeAmount = decodePrice(offer.processingFeeAmount)\n\n const totalRepaymentAmount = formatAsCurrency({\n price: _totalRepaymentAmount,\n precision: offer.totalRepaymentAmount.fractionDigits,\n currency: offer.totalRepaymentAmount.currencyCode,\n locale: configLocale || 'en',\n })\n\n const correctDownPaymentAmount = formatAsCurrency({\n price: _correctDownPaymentAmount,\n precision: offer.correctDownPaymentAmount.fractionDigits,\n currency: offer.correctDownPaymentAmount.currencyCode,\n locale: configLocale || 'en',\n })\n\n const installmentAmount = formatAsCurrency({\n price: _installmentAmount,\n precision: offer.installmentAmount.fractionDigits,\n currency: offer.installmentAmount.currencyCode,\n locale: configLocale || 'en',\n })\n\n const processingFeeAmount = formatAsCurrency({\n price: _processingFeeAmount,\n precision: offer.processingFeeAmount.fractionDigits,\n currency: offer.processingFeeAmount.currencyCode,\n locale: configLocale || 'en',\n })\n\n return {\n ...offer,\n totalRepaymentAmount,\n correctDownPaymentAmount,\n installmentAmount,\n processingFeeAmount,\n }\n })\n .sort(\n (offer, offer2) => Number(offer.maturity) - Number(offer2.maturity)\n ),\n }),\n [response?.data?.[0]?.offers]\n )\n}\n"],"file":"useUniCreditOffers.js"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/ui/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from './useToasts'\n"],"file":"index.js"}
|
@@ -0,0 +1,74 @@
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
2
|
+
import React from 'react';
|
3
|
+
import { useRouter } from 'next/router';
|
4
|
+
import { v4 as uuid } from 'uuid';
|
5
|
+
import { getMainColor, getIcon, getBackground, defaultStyle, getTextColor } from '../toastUtils';
|
6
|
+
var ToastContext = /*#__PURE__*/React.createContext(undefined);
|
7
|
+
export var ToastProvider = (_ref) => {
|
8
|
+
var {
|
9
|
+
children,
|
10
|
+
duration = 5000,
|
11
|
+
style
|
12
|
+
} = _ref;
|
13
|
+
var [toasts, setToasts] = React.useState([]);
|
14
|
+
|
15
|
+
var addToast = (content, options) => {
|
16
|
+
setToasts([{
|
17
|
+
content,
|
18
|
+
options,
|
19
|
+
id: uuid()
|
20
|
+
}, ...toasts]);
|
21
|
+
};
|
22
|
+
|
23
|
+
var deleteToasts = React.useCallback(() => {
|
24
|
+
setToasts([]);
|
25
|
+
}, []);
|
26
|
+
var values = {
|
27
|
+
addToast
|
28
|
+
};
|
29
|
+
var router = useRouter();
|
30
|
+
React.useEffect(() => {
|
31
|
+
deleteToasts();
|
32
|
+
}, [deleteToasts, router.asPath]);
|
33
|
+
return /*#__PURE__*/React.createElement(ToastContext.Provider, {
|
34
|
+
value: values
|
35
|
+
}, children, /*#__PURE__*/React.createElement("style", {
|
36
|
+
dangerouslySetInnerHTML: {
|
37
|
+
__html: "\n .Toasts--container {\n position: fixed;\n right: 0;\n transform: translateX(100%);\n top: 0;\n width: 25rem;\n display: flex;\n align-items: stretch;\n flex-direction: column;\n z-index: 99999;\n gap: 0.5rem;\n font-size: 0.8rem;\n padding: 1rem;\n }\n .Toast--left {\n width: 2rem;\n border-radius: 0.3rem 0 0 0.3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n @keyframes showToast {\n 0% { opacity: 0; transform: translateX(0%);}\n 10% {opacity: 1; transform: translateX(-105%)}\n 90% {opacity: 1; transform: translateX(-105%)}\n 100% {opacity: 0; transform: translateX(0%);}\n }\n "
|
38
|
+
}
|
39
|
+
}), /*#__PURE__*/React.createElement("div", {
|
40
|
+
className: "Toasts--container"
|
41
|
+
}, toasts.map(toast => {
|
42
|
+
var _toast$options, _toast$options2, _toast$options3, _toast$options4, _toast$options5;
|
43
|
+
|
44
|
+
return /*#__PURE__*/React.createElement("div", {
|
45
|
+
key: toast.id,
|
46
|
+
className: "Toast",
|
47
|
+
style: _extends({}, defaultStyle(duration))
|
48
|
+
}, /*#__PURE__*/React.createElement("div", {
|
49
|
+
className: "Toast--left",
|
50
|
+
style: {
|
51
|
+
color: getBackground((_toast$options = toast.options) == null ? void 0 : _toast$options.appearance),
|
52
|
+
background: getMainColor((_toast$options2 = toast.options) == null ? void 0 : _toast$options2.appearance)
|
53
|
+
}
|
54
|
+
}, getIcon((_toast$options3 = toast.options) == null ? void 0 : _toast$options3.appearance)), /*#__PURE__*/React.createElement("div", {
|
55
|
+
className: "Toast--content",
|
56
|
+
style: _extends({
|
57
|
+
padding: '8px 12px',
|
58
|
+
width: '100%',
|
59
|
+
background: getBackground((_toast$options4 = toast.options) == null ? void 0 : _toast$options4.appearance),
|
60
|
+
color: getTextColor((_toast$options5 = toast.options) == null ? void 0 : _toast$options5.appearance)
|
61
|
+
}, style)
|
62
|
+
}, toast.content));
|
63
|
+
})));
|
64
|
+
};
|
65
|
+
export function useToasts() {
|
66
|
+
var context = React.useContext(ToastContext);
|
67
|
+
|
68
|
+
if (context === undefined) {
|
69
|
+
throw new Error('useToasts must be used within ToastProvider');
|
70
|
+
}
|
71
|
+
|
72
|
+
return context;
|
73
|
+
}
|
74
|
+
//# sourceMappingURL=useToasts.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/ui/hooks/useToasts.tsx"],"names":["React","useRouter","v4","uuid","getMainColor","getIcon","getBackground","defaultStyle","getTextColor","ToastContext","createContext","undefined","ToastProvider","children","duration","style","toasts","setToasts","useState","addToast","content","options","id","deleteToasts","useCallback","values","router","useEffect","asPath","__html","map","toast","color","appearance","background","padding","width","useToasts","context","useContext","Error"],"mappings":"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","sourcesContent":["import React from 'react'\nimport { useRouter } from 'next/router'\nimport { v4 as uuid } from 'uuid'\nimport {\n getMainColor,\n getIcon,\n getBackground,\n defaultStyle,\n getTextColor,\n} from '../toastUtils'\n\nexport interface ToastOptions {\n appearance?: 'error' | 'info' | 'success' | 'warning'\n autoDismiss?: boolean\n}\n\nexport interface Toast {\n content: string\n options?: ToastOptions\n id: string\n}\n\ntype ToastValues = {\n addToast: (content: string, options?: ToastOptions) => void\n}\n\nconst ToastContext = React.createContext<ToastValues | undefined>(undefined)\n\nexport const ToastProvider = ({\n children,\n duration = 5000,\n style,\n}: {\n children: React.ReactNode\n duration?: number\n style?: object\n}) => {\n const [toasts, setToasts] = React.useState<Toast[]>([])\n\n const addToast = (content: string, options?: ToastOptions) => {\n setToasts([{ content, options, id: uuid() }, ...toasts])\n }\n\n const deleteToasts = React.useCallback(() => {\n setToasts([])\n }, [])\n\n const values = {\n addToast,\n }\n\n const router = useRouter()\n\n React.useEffect(() => {\n deleteToasts()\n }, [deleteToasts, router.asPath])\n\n return (\n <ToastContext.Provider value={values}>\n {children}\n <style\n dangerouslySetInnerHTML={{\n __html: `\n .Toasts--container {\n position: fixed;\n right: 0;\n transform: translateX(100%);\n top: 0;\n width: 25rem;\n display: flex;\n align-items: stretch;\n flex-direction: column;\n z-index: 99999;\n gap: 0.5rem;\n font-size: 0.8rem;\n padding: 1rem;\n }\n .Toast--left {\n width: 2rem;\n border-radius: 0.3rem 0 0 0.3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n @keyframes showToast {\n 0% { opacity: 0; transform: translateX(0%);}\n 10% {opacity: 1; transform: translateX(-105%)}\n 90% {opacity: 1; transform: translateX(-105%)}\n 100% {opacity: 0; transform: translateX(0%);}\n }\n `,\n }}\n />\n <div className=\"Toasts--container\">\n {toasts.map((toast) => {\n return (\n <div\n key={toast.id}\n className=\"Toast\"\n style={{\n ...defaultStyle(duration),\n }}\n >\n <div\n className=\"Toast--left\"\n style={{\n color: getBackground(toast.options?.appearance),\n background: getMainColor(toast.options?.appearance),\n }}\n >\n {getIcon(toast.options?.appearance)}\n </div>\n <div\n className=\"Toast--content\"\n style={{\n padding: '8px 12px',\n width: '100%',\n background: getBackground(toast.options?.appearance),\n color: getTextColor(toast.options?.appearance),\n ...style,\n }}\n >\n {toast.content}\n </div>\n </div>\n )\n })}\n </div>\n </ToastContext.Provider>\n )\n}\n\nexport function useToasts() {\n const context = React.useContext(ToastContext)\n\n if (context === undefined) {\n throw new Error('useToasts must be used within ToastProvider')\n }\n\n return context\n}\n"],"file":"useToasts.js"}
|
package/dist/esm/ui/index.js
CHANGED
package/dist/esm/ui/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './components'"],"file":"index.js"}
|
1
|
+
{"version":3,"sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,SAAd","sourcesContent":["export * from './components'\nexport * from './hooks'\n"],"file":"index.js"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export var ErrorIcon = () => {
|
3
|
+
return /*#__PURE__*/React.createElement("svg", {
|
4
|
+
"aria-hidden": "true",
|
5
|
+
height: "16",
|
6
|
+
width: "12",
|
7
|
+
viewBox: "0 0 12 16",
|
8
|
+
style: {
|
9
|
+
fill: 'currentcolor'
|
10
|
+
}
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
12
|
+
"fill-rule": "evenodd",
|
13
|
+
d: "M5.05.01c.81 2.17.41 3.38-.52 4.31C3.55 5.37 1.98 6.15.9 7.68c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.01 8.68 2.15 5.05.02L5.03 0l.02.01z"
|
14
|
+
}));
|
15
|
+
};
|
16
|
+
//# sourceMappingURL=ErrorIcon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/ui/toastUtils/ErrorIcon.tsx"],"names":["React","ErrorIcon","fill"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,IAAMC,SAAS,GAAG,MAAM;AAC7B,sBACE;AACE,mBAAY,MADd;AAEE,IAAA,MAAM,EAAC,IAFT;AAGE,IAAA,KAAK,EAAC,IAHR;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE;AADD;AALT,kBASE;AACE,iBAAU,SADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IATF,CADF;AAgBD,CAjBM","sourcesContent":["import React from 'react'\nexport const ErrorIcon = () => {\n return (\n <svg\n aria-hidden=\"true\"\n height=\"16\"\n width=\"12\"\n viewBox=\"0 0 12 16\"\n style={{\n fill: 'currentcolor',\n }}\n >\n <path\n fill-rule=\"evenodd\"\n d=\"M5.05.01c.81 2.17.41 3.38-.52 4.31C3.55 5.37 1.98 6.15.9 7.68c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.01 8.68 2.15 5.05.02L5.03 0l.02.01z\"\n ></path>\n </svg>\n )\n}\n"],"file":"ErrorIcon.js"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export var InfoIcon = () => {
|
3
|
+
return /*#__PURE__*/React.createElement("svg", {
|
4
|
+
"aria-hidden": "true",
|
5
|
+
height: "16",
|
6
|
+
width: "14",
|
7
|
+
viewBox: "0 0 14 16",
|
8
|
+
style: {
|
9
|
+
fill: 'currentcolor'
|
10
|
+
}
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
12
|
+
"fill-rule": "evenodd",
|
13
|
+
d: "M6.3 5.71a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 8.01c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V8v.01zM7 2.32C3.86 2.32 1.3 4.86 1.3 8c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 1c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"
|
14
|
+
}));
|
15
|
+
};
|
16
|
+
//# sourceMappingURL=InfoIcon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/ui/toastUtils/InfoIcon.tsx"],"names":["React","InfoIcon","fill"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,QAAQ,GAAG,MAAM;AAC5B,sBACE;AACE,mBAAY,MADd;AAEE,IAAA,MAAM,EAAC,IAFT;AAGE,IAAA,KAAK,EAAC,IAHR;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,KAAK,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR;AALT,kBAOE;AACE,iBAAU,SADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IAPF,CADF;AAcD,CAfM","sourcesContent":["import React from 'react'\n\nexport const InfoIcon = () => {\n return (\n <svg\n aria-hidden=\"true\"\n height=\"16\"\n width=\"14\"\n viewBox=\"0 0 14 16\"\n style={{ fill: 'currentcolor' }}\n >\n <path\n fill-rule=\"evenodd\"\n d=\"M6.3 5.71a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 8.01c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V8v.01zM7 2.32C3.86 2.32 1.3 4.86 1.3 8c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 1c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z\"\n ></path>\n </svg>\n )\n}\n"],"file":"InfoIcon.js"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export var SuccessIcon = () => {
|
3
|
+
return /*#__PURE__*/React.createElement("svg", {
|
4
|
+
"aria-hidden": "true",
|
5
|
+
height: "16",
|
6
|
+
width: "12",
|
7
|
+
viewBox: "0 0 12 16",
|
8
|
+
style: {
|
9
|
+
fill: 'currentcolor'
|
10
|
+
}
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
12
|
+
"fill-rule": "evenodd",
|
13
|
+
d: "M12 5.5l-8 8-4-4L1.5 8 4 10.5 10.5 4 12 5.5z"
|
14
|
+
}));
|
15
|
+
};
|
16
|
+
//# sourceMappingURL=SuccessIcon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/ui/toastUtils/SuccessIcon.tsx"],"names":["React","SuccessIcon","fill"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,WAAW,GAAG,MAAM;AAC/B,sBACE;AACE,mBAAY,MADd;AAEE,IAAA,MAAM,EAAC,IAFT;AAGE,IAAA,KAAK,EAAC,IAHR;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,KAAK,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR;AALT,kBAOE;AACE,iBAAU,SADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IAPF,CADF;AAcD,CAfM","sourcesContent":["import React from 'react'\n\nexport const SuccessIcon = () => {\n return (\n <svg\n aria-hidden=\"true\"\n height=\"16\"\n width=\"12\"\n viewBox=\"0 0 12 16\"\n style={{ fill: 'currentcolor' }}\n >\n <path\n fill-rule=\"evenodd\"\n d=\"M12 5.5l-8 8-4-4L1.5 8 4 10.5 10.5 4 12 5.5z\"\n ></path>\n </svg>\n )\n}\n"],"file":"SuccessIcon.js"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export var WarningIcon = () => {
|
3
|
+
return /*#__PURE__*/React.createElement("svg", {
|
4
|
+
"aria-hidden": "true",
|
5
|
+
height: "16",
|
6
|
+
width: "16",
|
7
|
+
viewBox: "0 0 16 16",
|
8
|
+
style: {
|
9
|
+
fill: 'currentcolor'
|
10
|
+
}
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
12
|
+
"fill-rule": "evenodd",
|
13
|
+
d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"
|
14
|
+
}));
|
15
|
+
};
|
16
|
+
//# sourceMappingURL=WarningIcon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/ui/toastUtils/WarningIcon.tsx"],"names":["React","WarningIcon","fill"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,WAAW,GAAG,MAAM;AAC/B,sBACE;AACE,mBAAY,MADd;AAEE,IAAA,MAAM,EAAC,IAFT;AAGE,IAAA,KAAK,EAAC,IAHR;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,KAAK,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR;AALT,kBAOE;AACE,iBAAU,SADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IAPF,CADF;AAcD,CAfM","sourcesContent":["import React from 'react'\n\nexport const WarningIcon = () => {\n return (\n <svg\n aria-hidden=\"true\"\n height=\"16\"\n width=\"16\"\n viewBox=\"0 0 16 16\"\n style={{ fill: 'currentcolor' }}\n >\n <path\n fill-rule=\"evenodd\"\n d=\"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z\"\n ></path>\n </svg>\n )\n}\n"],"file":"WarningIcon.js"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/ui/toastUtils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,eAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd","sourcesContent":["export * from './ErrorIcon'\nexport * from './SuccessIcon'\nexport * from './utils'\nexport * from './InfoIcon'\nexport * from './WarningIcon'\n"],"file":"index.js"}
|
@@ -0,0 +1,82 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ErrorIcon, SuccessIcon, InfoIcon, WarningIcon } from './index';
|
3
|
+
export var getMainColor = mode => {
|
4
|
+
switch (mode) {
|
5
|
+
case 'error':
|
6
|
+
return "#FF5630";
|
7
|
+
|
8
|
+
case 'success':
|
9
|
+
return "#36B37E";
|
10
|
+
|
11
|
+
case 'info':
|
12
|
+
return "#2684FF";
|
13
|
+
|
14
|
+
case 'warning':
|
15
|
+
return "#FFAB00";
|
16
|
+
|
17
|
+
default:
|
18
|
+
return "#2684FF";
|
19
|
+
}
|
20
|
+
};
|
21
|
+
export var getTextColor = mode => {
|
22
|
+
switch (mode) {
|
23
|
+
case 'error':
|
24
|
+
return "#BF2600";
|
25
|
+
|
26
|
+
case 'success':
|
27
|
+
return "#006644";
|
28
|
+
|
29
|
+
case 'info':
|
30
|
+
return "#505F79";
|
31
|
+
|
32
|
+
case 'warning':
|
33
|
+
return "#FF8B00";
|
34
|
+
|
35
|
+
default:
|
36
|
+
return "#505F79";
|
37
|
+
}
|
38
|
+
};
|
39
|
+
export var getIcon = mode => {
|
40
|
+
switch (mode) {
|
41
|
+
case 'error':
|
42
|
+
return /*#__PURE__*/React.createElement(ErrorIcon, null);
|
43
|
+
|
44
|
+
case 'success':
|
45
|
+
return /*#__PURE__*/React.createElement(SuccessIcon, null);
|
46
|
+
|
47
|
+
case 'info':
|
48
|
+
return /*#__PURE__*/React.createElement(InfoIcon, null);
|
49
|
+
|
50
|
+
case 'warning':
|
51
|
+
return /*#__PURE__*/React.createElement(WarningIcon, null);
|
52
|
+
|
53
|
+
default:
|
54
|
+
return /*#__PURE__*/React.createElement(InfoIcon, null);
|
55
|
+
}
|
56
|
+
};
|
57
|
+
export var getBackground = mode => {
|
58
|
+
switch (mode) {
|
59
|
+
case 'error':
|
60
|
+
return "#FFEBE6";
|
61
|
+
|
62
|
+
case 'success':
|
63
|
+
return "#E3FCEF";
|
64
|
+
|
65
|
+
case 'info':
|
66
|
+
return "#fff";
|
67
|
+
|
68
|
+
case 'warning':
|
69
|
+
return "#FFFAE6";
|
70
|
+
|
71
|
+
default:
|
72
|
+
return "#fff";
|
73
|
+
}
|
74
|
+
};
|
75
|
+
export var defaultStyle = duration => ({
|
76
|
+
height: 'fit-content',
|
77
|
+
borderRadius: '0.3rem',
|
78
|
+
display: 'flex',
|
79
|
+
opacity: '0',
|
80
|
+
animation: duration + "ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running showToast"
|
81
|
+
});
|
82
|
+
//# sourceMappingURL=utils.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/ui/toastUtils/utils.tsx"],"names":["React","ErrorIcon","SuccessIcon","InfoIcon","WarningIcon","getMainColor","mode","getTextColor","getIcon","getBackground","defaultStyle","duration","height","borderRadius","display","opacity","animation"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,WAApB,EAAiCC,QAAjC,EAA2CC,WAA3C,QAA8D,SAA9D;AAEA,OAAO,IAAMC,YAAY,GAAIC,IAAD,IAAmB;AAC7C,UAAQA,IAAR;AACE,SAAK,OAAL;AACE;;AACF,SAAK,SAAL;AACE;;AACF,SAAK,MAAL;AACE;;AACF,SAAK,SAAL;AACE;;AACF;AACE;AAVJ;AAYD,CAbM;AAcP,OAAO,IAAMC,YAAY,GAAID,IAAD,IAAmB;AAC7C,UAAQA,IAAR;AACE,SAAK,OAAL;AACE;;AACF,SAAK,SAAL;AACE;;AACF,SAAK,MAAL;AACE;;AACF,SAAK,SAAL;AACE;;AACF;AACE;AAVJ;AAYD,CAbM;AAeP,OAAO,IAAME,OAAO,GAAIF,IAAD,IAAmB;AACxC,UAAQA,IAAR;AACE,SAAK,OAAL;AACE,0BAAO,oBAAC,SAAD,OAAP;;AACF,SAAK,SAAL;AACE,0BAAO,oBAAC,WAAD,OAAP;;AACF,SAAK,MAAL;AACE,0BAAO,oBAAC,QAAD,OAAP;;AACF,SAAK,SAAL;AACE,0BAAO,oBAAC,WAAD,OAAP;;AACF;AACE,0BAAO,oBAAC,QAAD,OAAP;AAVJ;AAYD,CAbM;AAeP,OAAO,IAAMG,aAAa,GAAIH,IAAD,IAAmB;AAC9C,UAAQA,IAAR;AACE,SAAK,OAAL;AACE;;AACF,SAAK,SAAL;AACE;;AACF,SAAK,MAAL;AACE;;AACF,SAAK,SAAL;AACE;;AACF;AACE;AAVJ;AAYD,CAbM;AAeP,OAAO,IAAMI,YAAY,GAAIC,QAAD,KAAuB;AACjDC,EAAAA,MAAM,EAAE,aADyC;AAEjDC,EAAAA,YAAY,EAAE,QAFmC;AAGjDC,EAAAA,OAAO,EAAE,MAHwC;AAIjDC,EAAAA,OAAO,EAAE,GAJwC;AAKjDC,EAAAA,SAAS,EAAKL,QAAL;AALwC,CAAvB,CAArB","sourcesContent":["import React from 'react'\nimport { ErrorIcon, SuccessIcon, InfoIcon, WarningIcon } from './index'\n\nexport const getMainColor = (mode?: string) => {\n switch (mode) {\n case 'error':\n return `#FF5630`\n case 'success':\n return `#36B37E`\n case 'info':\n return `#2684FF`\n case 'warning':\n return `#FFAB00`\n default:\n return `#2684FF`\n }\n}\nexport const getTextColor = (mode?: string) => {\n switch (mode) {\n case 'error':\n return `#BF2600`\n case 'success':\n return `#006644`\n case 'info':\n return `#505F79`\n case 'warning':\n return `#FF8B00`\n default:\n return `#505F79`\n }\n}\n\nexport const getIcon = (mode?: string) => {\n switch (mode) {\n case 'error':\n return <ErrorIcon />\n case 'success':\n return <SuccessIcon />\n case 'info':\n return <InfoIcon />\n case 'warning':\n return <WarningIcon />\n default:\n return <InfoIcon />\n }\n}\n\nexport const getBackground = (mode?: string) => {\n switch (mode) {\n case 'error':\n return `#FFEBE6`\n case 'success':\n return `#E3FCEF`\n case 'info':\n return `#fff`\n case 'warning':\n return `#FFFAE6`\n default:\n return `#fff`\n }\n}\n\nexport const defaultStyle = (duration: number) => ({\n height: 'fit-content',\n borderRadius: '0.3rem',\n display: 'flex',\n opacity: '0',\n animation: `${duration}ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running showToast`,\n})\n"],"file":"utils.js"}
|
@@ -3,3 +3,4 @@ export declare enum CheckoutQueryKeysEnum {
|
|
3
3
|
}
|
4
4
|
export declare const getVerifyBoricaResponseKey: (order: string) => string;
|
5
5
|
export declare const getBnpLoanCalculatorKey: (preferredInstallmentCentAmount: number) => import("react").ReactText[];
|
6
|
+
export declare const getUniCreditLoanCalculatorKey: (downPaymentCentAmount: number) => import("react").ReactText[];
|
@@ -1,4 +1,4 @@
|
|
1
1
|
export declare const useBnpCalculateForCartQuery: (props: {
|
2
2
|
preferredInstallmentCentAmount: number;
|
3
3
|
downPaymentCentAmount: number;
|
4
|
-
}) => import("react-query").QueryResult<import("@sentecacommerce/sdk").
|
4
|
+
}) => import("react-query").QueryResult<import("@sentecacommerce/sdk").LoanOfferDTO[], unknown>;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { PaypalVerifyPaymentDataResponseDTO as Response } from '@sentecacommerce/sdk';
|
2
|
+
export declare const UniCreditResponseProvider: ({ children, response, }: {
|
3
|
+
children: any;
|
4
|
+
response: Error | {};
|
5
|
+
}) => JSX.Element;
|
6
|
+
export declare const useUniCreditResponse: () => Response;
|
@@ -4,6 +4,7 @@ export declare const useBnpCalculateForCart: (props?: {
|
|
4
4
|
} | undefined) => {
|
5
5
|
data: {
|
6
6
|
offers: {
|
7
|
+
offerRaw: import("@sentecacommerce/sdk").LoanVariantDTO;
|
7
8
|
totalRepaymentAmount: import("../..").FormattedPriceType;
|
8
9
|
correctDownPaymentAmount: import("../..").FormattedPriceType;
|
9
10
|
installmentAmount: import("../..").FormattedPriceType;
|
@@ -15,6 +16,7 @@ export declare const useBnpCalculateForCart: (props?: {
|
|
15
16
|
}[] | undefined;
|
16
17
|
} | {
|
17
18
|
offers: {
|
19
|
+
offerRaw: import("@sentecacommerce/sdk").LoanVariantDTO;
|
18
20
|
totalRepaymentAmount: import("../..").FormattedPriceType;
|
19
21
|
correctDownPaymentAmount: import("../..").FormattedPriceType;
|
20
22
|
installmentAmount: import("../..").FormattedPriceType;
|
@@ -24,13 +26,13 @@ export declare const useBnpCalculateForCart: (props?: {
|
|
24
26
|
nir: string;
|
25
27
|
variantId: string;
|
26
28
|
}[] | undefined;
|
27
|
-
scheme: import("@sentecacommerce/sdk").
|
29
|
+
scheme: import("@sentecacommerce/sdk").PricingSchemesDTO;
|
28
30
|
};
|
29
31
|
canFetchMore: boolean | undefined;
|
30
32
|
clear: () => void;
|
31
33
|
error: unknown;
|
32
34
|
failureCount: number;
|
33
|
-
fetchMore: (fetchMoreVariable?: unknown, options?: import("react-query/types/core/query").FetchMoreOptions | undefined) => Promise<import("@sentecacommerce/sdk").
|
35
|
+
fetchMore: (fetchMoreVariable?: unknown, options?: import("react-query/types/core/query").FetchMoreOptions | undefined) => Promise<import("@sentecacommerce/sdk").LoanOfferDTO[] | undefined>;
|
34
36
|
isError: boolean;
|
35
37
|
isFetched: boolean;
|
36
38
|
isFetchedAfterMount: boolean;
|
@@ -43,7 +45,7 @@ export declare const useBnpCalculateForCart: (props?: {
|
|
43
45
|
isPlaceholderData: boolean;
|
44
46
|
isStale: boolean;
|
45
47
|
isSuccess: boolean;
|
46
|
-
refetch: (options?: import("react-query/types/core/query").RefetchOptions | undefined) => Promise<import("@sentecacommerce/sdk").
|
48
|
+
refetch: (options?: import("react-query/types/core/query").RefetchOptions | undefined) => Promise<import("@sentecacommerce/sdk").LoanOfferDTO[] | undefined>;
|
47
49
|
remove: () => void;
|
48
50
|
status: import("react-query").QueryStatus;
|
49
51
|
updatedAt: number;
|
@@ -0,0 +1,53 @@
|
|
1
|
+
import { LoanOfferDTO } from '@sentecacommerce/sdk';
|
2
|
+
export declare const useUniCreditCalculateForCart: (props?: {
|
3
|
+
downPaymentCentAmount?: number | undefined;
|
4
|
+
} | undefined) => {
|
5
|
+
dataRaw: LoanOfferDTO;
|
6
|
+
data: {
|
7
|
+
offers: {
|
8
|
+
offerRaw: import("@sentecacommerce/sdk").LoanVariantDTO;
|
9
|
+
totalRepaymentAmount: import("../..").FormattedPriceType;
|
10
|
+
correctDownPaymentAmount: import("../..").FormattedPriceType;
|
11
|
+
installmentAmount: import("../..").FormattedPriceType;
|
12
|
+
processingFeeAmount: import("../..").FormattedPriceType;
|
13
|
+
apr: string;
|
14
|
+
maturity: string;
|
15
|
+
nir: string;
|
16
|
+
variantId: string;
|
17
|
+
}[] | undefined;
|
18
|
+
} | {
|
19
|
+
offers: {
|
20
|
+
offerRaw: import("@sentecacommerce/sdk").LoanVariantDTO;
|
21
|
+
totalRepaymentAmount: import("../..").FormattedPriceType;
|
22
|
+
correctDownPaymentAmount: import("../..").FormattedPriceType;
|
23
|
+
installmentAmount: import("../..").FormattedPriceType;
|
24
|
+
processingFeeAmount: import("../..").FormattedPriceType;
|
25
|
+
apr: string;
|
26
|
+
maturity: string;
|
27
|
+
nir: string;
|
28
|
+
variantId: string;
|
29
|
+
}[] | undefined;
|
30
|
+
scheme: import("@sentecacommerce/sdk").PricingSchemesDTO;
|
31
|
+
};
|
32
|
+
canFetchMore: boolean | undefined;
|
33
|
+
clear: () => void;
|
34
|
+
error: unknown;
|
35
|
+
failureCount: number;
|
36
|
+
fetchMore: (fetchMoreVariable?: unknown, options?: import("react-query/types/core/query").FetchMoreOptions | undefined) => Promise<LoanOfferDTO[] | undefined>;
|
37
|
+
isError: boolean;
|
38
|
+
isFetched: boolean;
|
39
|
+
isFetchedAfterMount: boolean;
|
40
|
+
isFetching: boolean;
|
41
|
+
isFetchingMore?: false | "previous" | "next" | undefined;
|
42
|
+
isIdle: boolean;
|
43
|
+
isInitialData: boolean;
|
44
|
+
isLoading: boolean;
|
45
|
+
isPreviousData: boolean;
|
46
|
+
isPlaceholderData: boolean;
|
47
|
+
isStale: boolean;
|
48
|
+
isSuccess: boolean;
|
49
|
+
refetch: (options?: import("react-query/types/core/query").RefetchOptions | undefined) => Promise<LoanOfferDTO[] | undefined>;
|
50
|
+
remove: () => void;
|
51
|
+
status: import("react-query").QueryStatus;
|
52
|
+
updatedAt: number;
|
53
|
+
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { OrderDTO } from '@sentecacommerce/sdk';
|
1
|
+
import { OrderDTO, OrderLoanInfoDTO } from '@sentecacommerce/sdk';
|
2
2
|
import { QueryResult } from 'react-query';
|
3
3
|
import { CheckoutFormErrorLabelsType, CheckoutFormErrorsResultType } from '../..';
|
4
4
|
import { PaymentMethodsResult } from '../../../../hooks/useCheckoutPayment';
|
@@ -12,7 +12,7 @@ export declare type UsePaymentResultType = {
|
|
12
12
|
errors?: CheckoutFormErrorsResultType;
|
13
13
|
isValid: boolean;
|
14
14
|
updateIsSubmitting: (value: boolean) => void;
|
15
|
-
updateLoanInfo: (value:
|
15
|
+
updateLoanInfo: (value: OrderLoanInfoDTO) => void;
|
16
16
|
loanInfo: any;
|
17
17
|
paymentMethods?: PaymentMethodsResult;
|
18
18
|
};
|
@@ -21,6 +21,7 @@ export declare type CheckoutFormOnSubmitData = {
|
|
21
21
|
shippingState: UseShippingResultType;
|
22
22
|
shippingAddress?: AddressDTO;
|
23
23
|
loanInfo?: OrderLoanInfoDTO;
|
24
|
+
setLoanInfo?: (loanInfo: OrderLoanInfoDTO) => Promise<OrderDTO>;
|
24
25
|
};
|
25
26
|
declare type Props = {
|
26
27
|
children: any;
|
@@ -4,10 +4,10 @@ export interface MappedPlatformPaymentMethodDTO {
|
|
4
4
|
key: string;
|
5
5
|
type: PaymentMethodDTOTypeEnum;
|
6
6
|
moduleKey?: string;
|
7
|
-
name
|
8
|
-
description
|
9
|
-
currencyCode
|
10
|
-
countryCode
|
7
|
+
name?: string;
|
8
|
+
description?: string;
|
9
|
+
currencyCode?: string;
|
10
|
+
countryCode?: string;
|
11
11
|
}
|
12
12
|
export interface MappedMerchantPaymentMethodDTO extends MappedPlatformPaymentMethodDTO {
|
13
13
|
}
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import { BoricaGeneratePaymentDataResponse, OrderDTO } from '@sentecacommerce/sdk';
|
2
|
-
export declare const useCheckoutSubmit: ({ onSuccess, onBeforeBoricaRedirect, onBeforePaypalRedirect, onError, withMeta, disablePaymentRedirects, }: {
|
1
|
+
import { BoricaGeneratePaymentDataResponse, OrderDTO, UniCreditSessionStartResponseDTO } from '@sentecacommerce/sdk';
|
2
|
+
export declare const useCheckoutSubmit: ({ onSuccess, onBeforeBoricaRedirect, onBeforePaypalRedirect, onBeforeUniCreditRedirect, onError, withMeta, disablePaymentRedirects, }: {
|
3
3
|
onSuccess?: ((result: OrderDTO) => void) | undefined;
|
4
4
|
onBeforeBoricaRedirect?: ((formData: BoricaGeneratePaymentDataResponse) => void) | undefined;
|
5
|
+
onBeforeUniCreditRedirect?: ((formData: UniCreditSessionStartResponseDTO) => void) | undefined;
|
5
6
|
onError?: ((error: any) => void) | undefined;
|
6
7
|
withMeta?: boolean | undefined;
|
7
8
|
onBeforePaypalRedirect: any;
|
@@ -2,4 +2,4 @@ export declare const useBnpOffersQuery: ({ sku, preferredInstallmentCentAmount,
|
|
2
2
|
sku: string;
|
3
3
|
preferredInstallmentCentAmount?: number | undefined;
|
4
4
|
downPaymentCentAmount?: number | undefined;
|
5
|
-
}) => import("react-query").QueryResult<import("@sentecacommerce/sdk").
|
5
|
+
}) => import("react-query").QueryResult<import("@sentecacommerce/sdk").LoanOfferDTO[], unknown>;
|