@artaio/arta-browser
Advanced tools
Comparing version 2.11.0-readme-footers6ec60294f5732fa1e7f6c99e89ae14bcacea24a4 to 2.11.0-readme-footersb9a24f14b569b309a4850d51ff2fc9b46dd58d9a
{ | ||
"name": "@artaio/arta-browser", | ||
"version": "2.11.0-readme-footers6ec60294f5732fa1e7f6c99e89ae14bcacea24a4", | ||
"version": "2.11.0-readme-footersb9a24f14b569b309a4850d51ff2fc9b46dd58d9a", | ||
"description": "", | ||
@@ -5,0 +5,0 @@ "source": "lib/index.ts", |
@@ -44,26 +44,26 @@ # arta-browser | ||
const origin = { | ||
city: "Brooklyn", | ||
region: "NY", | ||
country: "US", | ||
postal_code: "11249" | ||
} | ||
city: 'Brooklyn', | ||
region: 'NY', | ||
country: 'US', | ||
postal_code: '11249', | ||
}; | ||
const objects = [ | ||
{ | ||
depth: 2, | ||
width: 36, | ||
height: 24, | ||
subtype: "painting_unframed", | ||
unit_of_measurement: "in", | ||
value_currency: "USD", | ||
value: 500.00 | ||
} | ||
] | ||
{ | ||
depth: 2, | ||
width: 36, | ||
height: 24, | ||
subtype: 'painting_unframed', | ||
unit_of_measurement: 'in', | ||
value_currency: 'USD', | ||
value: 500.0, | ||
}, | ||
]; | ||
const requestPreferences = {currency: "EUR"}; | ||
const requestPreferences = { currency: 'EUR' }; | ||
const widgetConfig = { | ||
style: { | ||
position: "center", | ||
pricingDisplay: "range", | ||
position: 'center', | ||
pricingDisplay: 'range', | ||
}, | ||
@@ -73,3 +73,6 @@ }; | ||
// Setup an instance of the estimates widget | ||
const estimate = Arta.estimate({origin, objects, requestPreferences}, widgetConfig); | ||
const estimate = Arta.estimate( | ||
{ origin, objects, requestPreferences }, | ||
widgetConfig | ||
); | ||
@@ -84,3 +87,6 @@ // Validate the widget before rendering it | ||
// `estimate.open()` will render the widget on your page. | ||
esimate.isReady && <Button onClick={() => estimate.open()}>Estimate Shipping</Button> | ||
esimate.isReady && ( | ||
<Button onClick={() => estimate.open()}>Estimate Shipping</Button> | ||
); | ||
``` | ||
@@ -102,10 +108,10 @@ | ||
in: { | ||
type: "slide", | ||
type: 'slide', | ||
duration: 500, | ||
easing: "ease-in-out", | ||
easing: 'ease-in-out', | ||
}, | ||
out: { | ||
type: "slide", | ||
type: 'slide', | ||
duration: 250, | ||
easing: "ease-in-out", | ||
easing: 'ease-in-out', | ||
}, | ||
@@ -115,6 +121,6 @@ }, | ||
color: { | ||
iconPrimary: "blue" | ||
} | ||
} | ||
} | ||
iconPrimary: 'blue', | ||
}, | ||
}, | ||
}; | ||
@@ -131,3 +137,3 @@ // Setup an instance of the tracking widget | ||
// `tracking.open()` will render the widget on your page. | ||
tracking.isReady && <Button onClick={() => tracking.open()}>Track</Button> | ||
tracking.isReady && <Button onClick={() => tracking.open()}>Track</Button>; | ||
``` | ||
@@ -134,0 +140,0 @@ |
146
448724