@faststore/components 2.0.90-alpha.0 → 2.0.93-alpha.0
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/assets/ArrowSquareOut.d.ts +4 -0
- package/dist/assets/ArrowSquareOut.js +6 -0
- package/dist/assets/ArrowSquareOut.js.map +1 -0
- package/dist/assets/index.d.ts +1 -0
- package/dist/assets/index.js +1 -0
- package/dist/assets/index.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/organisms/ShippingSimulation/ShippingSimulation.d.ts +79 -0
- package/dist/organisms/ShippingSimulation/ShippingSimulation.js +24 -0
- package/dist/organisms/ShippingSimulation/ShippingSimulation.js.map +1 -0
- package/dist/organisms/ShippingSimulation/index.d.ts +2 -0
- package/dist/organisms/ShippingSimulation/index.js +2 -0
- package/dist/organisms/ShippingSimulation/index.js.map +1 -0
- package/package.json +4 -4
- package/src/assets/ArrowSquareOut.tsx +19 -0
- package/src/assets/index.ts +1 -0
- package/src/index.ts +3 -0
- package/src/organisms/ShippingSimulation/ShippingSimulation.tsx +184 -0
- package/src/organisms/ShippingSimulation/index.tsx +2 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
// Icon from Phosphor Icons
|
|
3
|
+
const ArrowSquareOut = ({ size = 20 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "currentColor", viewBox: "0 0 256 256" },
|
|
4
|
+
React.createElement("path", { d: "M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z" })));
|
|
5
|
+
export default ArrowSquareOut;
|
|
6
|
+
//# sourceMappingURL=ArrowSquareOut.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowSquareOut.js","sourceRoot":"","sources":["../../src/assets/ArrowSquareOut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAa,EAAE,EAAE,CAAC,CACnD,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa;IAErB,8BACE,CAAC,EAAC,yPAAyP,GAC3P,CACE,CACP,CAAA;AAED,eAAe,cAAc,CAAA"}
|
package/dist/assets/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export * from './PaymentFlags';
|
|
|
2
2
|
export { default as ArrowElbowDownRight } from './ArrowElbowDownRight';
|
|
3
3
|
export { default as ArrowRight } from './ArrowRight';
|
|
4
4
|
export { default as BellRinging } from './BellRinging';
|
|
5
|
+
export { default as ArrowSquareOut } from './ArrowSquareOut';
|
|
5
6
|
export { default as CaretDown } from './CaretDown';
|
|
6
7
|
export { default as Checked } from './Checked';
|
|
7
8
|
export { default as ClockClockwise } from './ClockClockwise';
|
package/dist/assets/index.js
CHANGED
|
@@ -3,6 +3,7 @@ export * from './PaymentFlags';
|
|
|
3
3
|
export { default as ArrowElbowDownRight } from './ArrowElbowDownRight';
|
|
4
4
|
export { default as ArrowRight } from './ArrowRight';
|
|
5
5
|
export { default as BellRinging } from './BellRinging';
|
|
6
|
+
export { default as ArrowSquareOut } from './ArrowSquareOut';
|
|
6
7
|
export { default as CaretDown } from './CaretDown';
|
|
7
8
|
export { default as Checked } from './Checked';
|
|
8
9
|
export { default as ClockClockwise } from './ClockClockwise';
|
package/dist/assets/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -106,5 +106,7 @@ export { default as PriceRange } from './organisms/PriceRange';
|
|
|
106
106
|
export type { PriceRangeProps } from './organisms/PriceRange';
|
|
107
107
|
export { default as SearchInput } from './organisms/SearchInput';
|
|
108
108
|
export type { SearchInputProps } from './organisms/SearchInput';
|
|
109
|
+
export { default as ShippingSimulation } from './organisms/ShippingSimulation';
|
|
110
|
+
export type { ShippingSimulationProps } from './organisms/ShippingSimulation';
|
|
109
111
|
export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
|
|
110
112
|
export type { SlideOverProps, SlideOverHeaderProps, } from './organisms/SlideOver';
|
package/dist/index.js
CHANGED
|
@@ -60,5 +60,6 @@ export { default as OutOfStock } from './organisms/OutOfStock';
|
|
|
60
60
|
export { default as PaymentMethods } from './organisms/PaymentMethods';
|
|
61
61
|
export { default as PriceRange } from './organisms/PriceRange';
|
|
62
62
|
export { default as SearchInput } from './organisms/SearchInput';
|
|
63
|
+
export { default as ShippingSimulation } from './organisms/ShippingSimulation';
|
|
63
64
|
export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
|
|
64
65
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import type { PriceFormatter } from '../../atoms/Price/Price';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { LinkProps, LinkElementType } from '../..';
|
|
5
|
+
interface ShippingSLA {
|
|
6
|
+
/**
|
|
7
|
+
* ShippingSLA carrier.
|
|
8
|
+
*/
|
|
9
|
+
carrier: string;
|
|
10
|
+
/**
|
|
11
|
+
* ShippingSLA localized shipping estimate.
|
|
12
|
+
*/
|
|
13
|
+
localizedEstimates: string;
|
|
14
|
+
/**
|
|
15
|
+
* ShippingSLA price.
|
|
16
|
+
*/
|
|
17
|
+
price: number;
|
|
18
|
+
}
|
|
19
|
+
export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
/**
|
|
21
|
+
* ID to find this component in testing tools (e.g.: cypress,
|
|
22
|
+
* testing-library, and jest).
|
|
23
|
+
*/
|
|
24
|
+
testId?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Formatter function that transforms the raw price value and render the result.
|
|
27
|
+
*/
|
|
28
|
+
formatter: PriceFormatter;
|
|
29
|
+
/**
|
|
30
|
+
* The Shipping Suggestions Section's title.
|
|
31
|
+
*/
|
|
32
|
+
title?: string;
|
|
33
|
+
/**
|
|
34
|
+
* The text displayed to Shipping Simulation input text.
|
|
35
|
+
*/
|
|
36
|
+
inputLabel?: string;
|
|
37
|
+
/**
|
|
38
|
+
* The text displayed in Shipping options table.
|
|
39
|
+
*/
|
|
40
|
+
optionsLabel?: string;
|
|
41
|
+
/**
|
|
42
|
+
* Props for the link for i don't know my postal code.
|
|
43
|
+
*/
|
|
44
|
+
idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>;
|
|
45
|
+
/**
|
|
46
|
+
* Callback function when input is typed.
|
|
47
|
+
*/
|
|
48
|
+
onInput?: (event: React.FormEvent<HTMLInputElement>) => void;
|
|
49
|
+
/**
|
|
50
|
+
* Callback function when form is submitted.
|
|
51
|
+
*/
|
|
52
|
+
onSubmit?: () => void;
|
|
53
|
+
/**
|
|
54
|
+
* Callback function when the clear button is clicked.
|
|
55
|
+
*/
|
|
56
|
+
onClear?: () => void;
|
|
57
|
+
/**
|
|
58
|
+
* Location for shipping.
|
|
59
|
+
*/
|
|
60
|
+
location?: string;
|
|
61
|
+
/**
|
|
62
|
+
* Options for shipping simulation.
|
|
63
|
+
*/
|
|
64
|
+
options?: ShippingSLA[];
|
|
65
|
+
/**
|
|
66
|
+
* Show clear button.
|
|
67
|
+
*/
|
|
68
|
+
displayClearButton?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Message of error.
|
|
71
|
+
*/
|
|
72
|
+
errorMessage?: string;
|
|
73
|
+
/**
|
|
74
|
+
* Postal code.
|
|
75
|
+
*/
|
|
76
|
+
postalCode?: string;
|
|
77
|
+
}
|
|
78
|
+
declare function ShippingSimulation({ testId, formatter, title, inputLabel, optionsLabel, idkPostalCodeLinkProps, onInput, onSubmit, onClear, location, options, displayClearButton, errorMessage, postalCode, ...otherProps }: ShippingSimulationProps): JSX.Element;
|
|
79
|
+
export default ShippingSimulation;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ArrowSquareOut } from '../../assets';
|
|
3
|
+
import { Icon, Link, Table, TableBody, TableCell, TableRow, InputField, Price, } from '../..';
|
|
4
|
+
function ShippingSimulation({ testId = 'fs-shipping-simulation', formatter, title = "Shipping", inputLabel = "Postal Code", optionsLabel = "Shipping options", idkPostalCodeLinkProps, onInput, onSubmit, onClear, location, options = [], displayClearButton = false, errorMessage, postalCode, ...otherProps }) {
|
|
5
|
+
const hasShippingOptions = !!options && options.length > 0;
|
|
6
|
+
return (React.createElement("section", { "data-fs-shipping-simulation": true, "data-fs-shipping-simulation-empty": !hasShippingOptions ? "true" : "false", "data-testid": testId, ...otherProps },
|
|
7
|
+
React.createElement("h2", { "data-fs-shipping-simulation-title": true }, title),
|
|
8
|
+
React.createElement(InputField, { actionable: true, error: errorMessage, id: `${testId}-input-field`, label: inputLabel, value: postalCode, onInput: (event) => onInput?.(event), onSubmit: () => onSubmit?.(), onClear: () => onClear?.(), displayClearButton: displayClearButton }),
|
|
9
|
+
React.createElement(Link, { href: "/", "data-fs-shipping-simulation-link": true, size: "small", ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ??
|
|
10
|
+
React.createElement(React.Fragment, null,
|
|
11
|
+
"I don't know my Postal Code",
|
|
12
|
+
React.createElement(Icon, { component: React.createElement(ArrowSquareOut, null) }))),
|
|
13
|
+
hasShippingOptions && (React.createElement(React.Fragment, null,
|
|
14
|
+
React.createElement("header", { "data-fs-shipping-simulation-header": true },
|
|
15
|
+
React.createElement("h3", { "data-fs-shipping-simulation-subtitle": true }, optionsLabel),
|
|
16
|
+
React.createElement("p", { "data-fs-shipping-simulation-location": true }, location)),
|
|
17
|
+
React.createElement(Table, null,
|
|
18
|
+
React.createElement(TableBody, null, options.map((option) => (React.createElement(TableRow, { key: option.carrier },
|
|
19
|
+
React.createElement(TableCell, { align: "left" }, option.carrier),
|
|
20
|
+
React.createElement(TableCell, null, option.localizedEstimates),
|
|
21
|
+
React.createElement(TableCell, { align: "right" }, option.price && (React.createElement(Price, { formatter: formatter, value: option.price, SRText: "price" }))))))))))));
|
|
22
|
+
}
|
|
23
|
+
export default ShippingSimulation;
|
|
24
|
+
//# sourceMappingURL=ShippingSimulation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShippingSimulation.js","sourceRoot":"","sources":["../../../src/organisms/ShippingSimulation/ShippingSimulation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,KAAK,GAGN,MAAM,OAAO,CAAA;AA8Ed,SAAS,kBAAkB,CAAC,EAC1B,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,KAAK,GAAG,UAAU,EAClB,UAAU,GAAI,aAAa,EAC3B,YAAY,GAAG,kBAAkB,EACjC,sBAAsB,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,kBAAkB,GAAG,KAAK,EAC1B,YAAY,EACZ,UAAU,EACV,GAAG,UAAU,EACW;IAExB,MAAM,kBAAkB,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1D,OAAO,CACL,2GAEqC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAC5D,MAAM,KACf,UAAU;QAEd,yEACG,KAAK,CACH;QAEL,oBAAC,UAAU,IACT,UAAU,QACV,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,kBAAkB,EAAE,kBAAkB,GACtC;QAEF,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,4CAAkC,IAAI,EAAC,OAAO,KAAK,sBAAsB,IAEnF,sBAAsB,EAAE,QAAQ;YAChC;gBACG,6BAA6B;gBAC9B,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,cAAc,OAAG,GAAI,CACtC,CAEA;QAEN,kBAAkB,IAAI,CACrB;YACE;gBACE,4EAA0C,YAAY,CAAM;gBAC5D,2EACG,QAAQ,CACP,CACG;YAET,oBAAC,KAAK;gBACJ,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,OAAO;oBAC3B,oBAAC,SAAS,IAAC,KAAK,EAAC,MAAM,IAAE,MAAM,CAAC,OAAO,CAAa;oBACpD,oBAAC,SAAS,QAAE,MAAM,CAAC,kBAAkB,CAAa;oBAClD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,IACrB,MAAM,CAAC,KAAK,IAAI,CACf,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAC,OAAO,GACd,CACH,CACS,CACH,CACZ,CAAC,CACQ,CACN,CACP,CACJ,CACO,CACX,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/ShippingSimulation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.93-alpha.0",
|
|
4
4
|
"module": "dist/index.js",
|
|
5
5
|
"typings": "dist/index.d.ts",
|
|
6
6
|
"author": "Emerson Laurentino @emersonlaurentino",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"src"
|
|
22
22
|
],
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@faststore/eslint-config": "^2.0.
|
|
25
|
-
"@faststore/shared": "^2.0.
|
|
24
|
+
"@faststore/eslint-config": "^2.0.91-alpha.0",
|
|
25
|
+
"@faststore/shared": "^2.0.91-alpha.0",
|
|
26
26
|
"eslint": "7.32.0",
|
|
27
27
|
"typescript": "^4.8.4"
|
|
28
28
|
},
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"node": "16.18.0",
|
|
31
31
|
"yarn": "1.19.1"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "641fafa52d0c7d74024438f784f0ca3f61426df9"
|
|
34
34
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import { IconProps } from './IconProps'
|
|
3
|
+
|
|
4
|
+
// Icon from Phosphor Icons
|
|
5
|
+
const ArrowSquareOut = ({ size = 20 }: IconProps) => (
|
|
6
|
+
<svg
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
width={size}
|
|
9
|
+
height={size}
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
viewBox="0 0 256 256"
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"
|
|
15
|
+
/>
|
|
16
|
+
</svg>
|
|
17
|
+
)
|
|
18
|
+
|
|
19
|
+
export default ArrowSquareOut
|
package/src/assets/index.ts
CHANGED
|
@@ -4,6 +4,7 @@ export * from './PaymentFlags'
|
|
|
4
4
|
export { default as ArrowElbowDownRight } from './ArrowElbowDownRight'
|
|
5
5
|
export { default as ArrowRight } from './ArrowRight'
|
|
6
6
|
export { default as BellRinging } from './BellRinging'
|
|
7
|
+
export { default as ArrowSquareOut } from './ArrowSquareOut'
|
|
7
8
|
export { default as CaretDown } from './CaretDown'
|
|
8
9
|
export { default as Checked } from './Checked'
|
|
9
10
|
export { default as ClockClockwise } from './ClockClockwise'
|
package/src/index.ts
CHANGED
|
@@ -227,6 +227,9 @@ export type { PriceRangeProps } from './organisms/PriceRange'
|
|
|
227
227
|
export { default as SearchInput } from './organisms/SearchInput'
|
|
228
228
|
export type { SearchInputProps } from './organisms/SearchInput'
|
|
229
229
|
|
|
230
|
+
export { default as ShippingSimulation } from './organisms/ShippingSimulation'
|
|
231
|
+
export type { ShippingSimulationProps } from './organisms/ShippingSimulation'
|
|
232
|
+
|
|
230
233
|
export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver'
|
|
231
234
|
export type {
|
|
232
235
|
SlideOverProps,
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react'
|
|
2
|
+
import type { PriceFormatter } from '../../atoms/Price/Price'
|
|
3
|
+
|
|
4
|
+
import React from 'react'
|
|
5
|
+
|
|
6
|
+
import { ArrowSquareOut } from '../../assets'
|
|
7
|
+
|
|
8
|
+
import {
|
|
9
|
+
Icon,
|
|
10
|
+
Link,
|
|
11
|
+
Table,
|
|
12
|
+
TableBody,
|
|
13
|
+
TableCell,
|
|
14
|
+
TableRow,
|
|
15
|
+
InputField,
|
|
16
|
+
Price,
|
|
17
|
+
LinkProps,
|
|
18
|
+
LinkElementType,
|
|
19
|
+
} from '../..'
|
|
20
|
+
|
|
21
|
+
interface ShippingSLA {
|
|
22
|
+
/**
|
|
23
|
+
* ShippingSLA carrier.
|
|
24
|
+
*/
|
|
25
|
+
carrier: string
|
|
26
|
+
/**
|
|
27
|
+
* ShippingSLA localized shipping estimate.
|
|
28
|
+
*/
|
|
29
|
+
localizedEstimates: string
|
|
30
|
+
/**
|
|
31
|
+
* ShippingSLA price.
|
|
32
|
+
*/
|
|
33
|
+
price: number
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export interface ShippingSimulationProps
|
|
37
|
+
extends HTMLAttributes<HTMLDivElement> {
|
|
38
|
+
/**
|
|
39
|
+
* ID to find this component in testing tools (e.g.: cypress,
|
|
40
|
+
* testing-library, and jest).
|
|
41
|
+
*/
|
|
42
|
+
testId?: string
|
|
43
|
+
/**
|
|
44
|
+
* Formatter function that transforms the raw price value and render the result.
|
|
45
|
+
*/
|
|
46
|
+
formatter: PriceFormatter
|
|
47
|
+
/**
|
|
48
|
+
* The Shipping Suggestions Section's title.
|
|
49
|
+
*/
|
|
50
|
+
title?: string
|
|
51
|
+
/**
|
|
52
|
+
* The text displayed to Shipping Simulation input text.
|
|
53
|
+
*/
|
|
54
|
+
inputLabel?: string
|
|
55
|
+
/**
|
|
56
|
+
* The text displayed in Shipping options table.
|
|
57
|
+
*/
|
|
58
|
+
optionsLabel?: string
|
|
59
|
+
/**
|
|
60
|
+
* Props for the link for i don't know my postal code.
|
|
61
|
+
*/
|
|
62
|
+
idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>
|
|
63
|
+
/**
|
|
64
|
+
* Callback function when input is typed.
|
|
65
|
+
*/
|
|
66
|
+
onInput?: (event: React.FormEvent<HTMLInputElement>) => void
|
|
67
|
+
/**
|
|
68
|
+
* Callback function when form is submitted.
|
|
69
|
+
*/
|
|
70
|
+
onSubmit?: () => void
|
|
71
|
+
/**
|
|
72
|
+
* Callback function when the clear button is clicked.
|
|
73
|
+
*/
|
|
74
|
+
onClear?: () => void
|
|
75
|
+
/**
|
|
76
|
+
* Location for shipping.
|
|
77
|
+
*/
|
|
78
|
+
location?: string
|
|
79
|
+
/**
|
|
80
|
+
* Options for shipping simulation.
|
|
81
|
+
*/
|
|
82
|
+
options?: ShippingSLA[]
|
|
83
|
+
/**
|
|
84
|
+
* Show clear button.
|
|
85
|
+
*/
|
|
86
|
+
displayClearButton?: boolean
|
|
87
|
+
/**
|
|
88
|
+
* Message of error.
|
|
89
|
+
*/
|
|
90
|
+
errorMessage?: string
|
|
91
|
+
/**
|
|
92
|
+
* Postal code.
|
|
93
|
+
*/
|
|
94
|
+
postalCode?: string
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
function ShippingSimulation({
|
|
98
|
+
testId = 'fs-shipping-simulation',
|
|
99
|
+
formatter,
|
|
100
|
+
title = "Shipping",
|
|
101
|
+
inputLabel = "Postal Code",
|
|
102
|
+
optionsLabel = "Shipping options",
|
|
103
|
+
idkPostalCodeLinkProps,
|
|
104
|
+
onInput,
|
|
105
|
+
onSubmit,
|
|
106
|
+
onClear,
|
|
107
|
+
location,
|
|
108
|
+
options = [],
|
|
109
|
+
displayClearButton = false,
|
|
110
|
+
errorMessage,
|
|
111
|
+
postalCode,
|
|
112
|
+
...otherProps
|
|
113
|
+
}: ShippingSimulationProps) {
|
|
114
|
+
|
|
115
|
+
const hasShippingOptions = !!options && options.length > 0
|
|
116
|
+
|
|
117
|
+
return (
|
|
118
|
+
<section
|
|
119
|
+
data-fs-shipping-simulation
|
|
120
|
+
data-fs-shipping-simulation-empty={!hasShippingOptions ? "true" : "false"}
|
|
121
|
+
data-testid={testId}
|
|
122
|
+
{...otherProps}
|
|
123
|
+
>
|
|
124
|
+
<h2 data-fs-shipping-simulation-title>
|
|
125
|
+
{title}
|
|
126
|
+
</h2>
|
|
127
|
+
|
|
128
|
+
<InputField
|
|
129
|
+
actionable
|
|
130
|
+
error={errorMessage}
|
|
131
|
+
id={`${testId}-input-field`}
|
|
132
|
+
label={inputLabel}
|
|
133
|
+
value={postalCode}
|
|
134
|
+
onInput={(event) => onInput?.(event)}
|
|
135
|
+
onSubmit={() => onSubmit?.()}
|
|
136
|
+
onClear={() => onClear?.()}
|
|
137
|
+
displayClearButton={displayClearButton}
|
|
138
|
+
/>
|
|
139
|
+
|
|
140
|
+
<Link href="/" data-fs-shipping-simulation-link size="small" {...idkPostalCodeLinkProps}>
|
|
141
|
+
{
|
|
142
|
+
idkPostalCodeLinkProps?.children ??
|
|
143
|
+
<>
|
|
144
|
+
{"I don't know my Postal Code"}
|
|
145
|
+
<Icon component={<ArrowSquareOut />} />
|
|
146
|
+
</>
|
|
147
|
+
}
|
|
148
|
+
</Link>
|
|
149
|
+
|
|
150
|
+
{hasShippingOptions && (
|
|
151
|
+
<>
|
|
152
|
+
<header data-fs-shipping-simulation-header>
|
|
153
|
+
<h3 data-fs-shipping-simulation-subtitle>{optionsLabel}</h3>
|
|
154
|
+
<p data-fs-shipping-simulation-location>
|
|
155
|
+
{location}
|
|
156
|
+
</p>
|
|
157
|
+
</header>
|
|
158
|
+
|
|
159
|
+
<Table>
|
|
160
|
+
<TableBody>
|
|
161
|
+
{options.map((option) => (
|
|
162
|
+
<TableRow key={option.carrier}>
|
|
163
|
+
<TableCell align="left">{option.carrier}</TableCell>
|
|
164
|
+
<TableCell>{option.localizedEstimates}</TableCell>
|
|
165
|
+
<TableCell align="right">
|
|
166
|
+
{option.price && (
|
|
167
|
+
<Price
|
|
168
|
+
formatter={formatter}
|
|
169
|
+
value={option.price}
|
|
170
|
+
SRText="price"
|
|
171
|
+
/>
|
|
172
|
+
)}
|
|
173
|
+
</TableCell>
|
|
174
|
+
</TableRow>
|
|
175
|
+
))}
|
|
176
|
+
</TableBody>
|
|
177
|
+
</Table>
|
|
178
|
+
</>
|
|
179
|
+
)}
|
|
180
|
+
</section>
|
|
181
|
+
)
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
export default ShippingSimulation
|