@artaio/arta-browser 2.0.0

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,9 @@
+import './index.css';
+import { EstimateBody, EstimateFullConfig } from '../../estimateConfig';
+interface ModalOpts {
+    estimateBody: EstimateBody;
+    config: EstimateFullConfig;
+    onClose: (e: any) => void;
+}
+export declare const Modal: ({ estimateBody, onClose, config }: ModalOpts) => import("preact").JSX.Element;
+export {};

package/dist/components/Modal/index.js

@@ -0,0 +1,133 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var Header_1 = require("../Header");
+var Destination_1 = require("../Destination");
+var Footer_1 = require("../Footer");
+var hooks_1 = require("preact/hooks");
+require("./index.css");
+var Loading_1 = require("../Loading");
+var Quotes_1 = require("../Quotes");
+var helper_1 = require("../../helper");
+var requests_1 = require("../../requests");
+var Disqualified_1 = require("../Disqualified");
+var ModalStatus_1 = require("../../ModalStatus");
+var Modal = function (_a) {
+    var estimateBody = _a.estimateBody, onClose = _a.onClose, config = _a.config;
+    var position = config.style.position;
+    var _b = (0, hooks_1.useState)(), destination = _b[0], setDestination = _b[1];
+    var _c = (0, hooks_1.useState)(''), parsedOrigin = _c[0], setParsedOrigin = _c[1];
+    var _d = (0, hooks_1.useState)(ModalStatus_1.ModalStatus.LOADING), status = _d[0], setStatus = _d[1];
+    var _e = (0, hooks_1.useState)(), hostedSession = _e[0], setHostedSession = _e[1];
+    var _f = (0, hooks_1.useState)(), quoteRequest = _f[0], setQuoteRequest = _f[1];
+    var _g = (0, hooks_1.useState)(), errors = _g[0], setErrors = _g[1];
+    var style = (0, helper_1.getStyle)(config);
+    (0, hooks_1.useEffect)(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var session;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setErrors([]);
+                        setStatus(ModalStatus_1.ModalStatus.LOADING);
+                        return [4 /*yield*/, (0, requests_1.loadHostedSessions)(config, estimateBody)];
+                    case 1:
+                        session = _a.sent();
+                        setHostedSession(session);
+                        setParsedOrigin((0, helper_1.parseEstimatedLocation)(session.origin));
+                        setStatus(ModalStatus_1.ModalStatus.OPEN);
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [estimateBody.origin, estimateBody.objects]);
+    (0, hooks_1.useEffect)(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var esimate, sess, req, errorMessages;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setErrors([]);
+                        if (!destination) {
+                            return [2 /*return*/];
+                        }
+                        setStatus(ModalStatus_1.ModalStatus.LOADING);
+                        esimate = __assign(__assign({}, estimateBody), { destination: destination });
+                        sess = hostedSession
+                            ? hostedSession
+                            : { id: '', private_token: '', origin: estimateBody.origin };
+                        return [4 /*yield*/, (0, requests_1.loadQuoteRequests)(config, sess, esimate)];
+                    case 1:
+                        req = _a.sent();
+                        if (req.err) {
+                            errorMessages = (0, helper_1.parseErrors)(req.err.errors);
+                            setErrors(errorMessages);
+                            setStatus(ModalStatus_1.ModalStatus.OPEN);
+                        }
+                        else {
+                            setQuoteRequest(req);
+                            if (req.quotes && req.quotes.length > 0) {
+                                setStatus(ModalStatus_1.ModalStatus.QUOTED);
+                            }
+                            else {
+                                setStatus(ModalStatus_1.ModalStatus.DISQUALIFIED);
+                            }
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [destination]);
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs" }, { children: [position === 'center' && (0, jsx_runtime_1.jsx)("div", { class: "artajs__modal__backdrop" }), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal artajs__modal__".concat(position), style: style }, { children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { onClose: onClose, title: config.text.header.title }), status === ModalStatus_1.ModalStatus.LOADING && ((0, jsx_runtime_1.jsx)(Loading_1.Loading, { message: config.text.loading.message })), status === ModalStatus_1.ModalStatus.OPEN && ((0, jsx_runtime_1.jsx)(Destination_1.Destination, { parsedOrigin: parsedOrigin, textConfig: (0, helper_1.getDestinationConfig)(config), setDestination: setDestination })), status === ModalStatus_1.ModalStatus.QUOTED && quoteRequest && ((0, jsx_runtime_1.jsx)(Quotes_1.Quotes, { quoteRequest: quoteRequest, showCostRange: config.style.pricingDisplay === 'range', textConfig: (0, helper_1.getQuoteConfig)(config), setStatus: setStatus })), status === ModalStatus_1.ModalStatus.DISQUALIFIED && quoteRequest && ((0, jsx_runtime_1.jsx)(Disqualified_1.Disqualified, { quoteRequest: quoteRequest, textConfig: (0, helper_1.getDisqualifiedConfig)(config), setStatus: setStatus })), (0, jsx_runtime_1.jsx)(Footer_1.Footer, { primaryColor: config.style.color.primaryColor, poweredByButtonColor: config.style.color.poweredByButtonColor }), errors && errors.length > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__error__container" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__error" }, { children: errors.map(function (error, i) {
+                                    return (0, jsx_runtime_1.jsx)("span", { children: error }, "arta-error-".concat(i));
+                                }) })) })))] }))] })) }));
+};
+exports.Modal = Modal;

package/dist/components/Quotes/currencies.d.ts

@@ -0,0 +1,6 @@
+declare const currencies: {
+    id: string;
+    name: string;
+    symbol: string;
+}[];
+export default currencies;

package/dist/components/Quotes/currencies.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var currencies = [
+    {
+        id: 'CAD',
+        name: 'Canadian Dollar',
+        symbol: '$',
+    },
+    {
+        id: 'EUR',
+        name: 'Euro',
+        symbol: '€',
+    },
+    {
+        id: 'GBP',
+        name: 'Pound Sterling',
+        symbol: '£',
+    },
+    {
+        id: 'USD',
+        name: 'US Dollar',
+        symbol: '$',
+    },
+];
+exports.default = currencies;

package/dist/components/Quotes/index.d.ts

@@ -0,0 +1,33 @@
+import { QuoteRequest } from '../../requests';
+import { ModalStatus } from '../../ModalStatus';
+export declare const defaultQuoteConfig: {
+    shipFromLabel: string;
+    shipToLabel: string;
+    disclaimerLabel: string;
+    excludeDisclaimerLabel: string;
+    rangeLabel: string;
+    startsAtLabel: string;
+    artaInsuranceLabel: string;
+};
+export interface QuoteTextConfig {
+    shipFromLabel: string;
+    shipToLabel: string;
+    disclaimerLabel: string;
+    excludeDisclaimerLabel: string;
+    rangeLabel: string;
+    startsAtLabel: string;
+    artaInsuranceLabel: string;
+}
+export interface QuoteFullTextConfig extends QuoteTextConfig {
+    detailOriginLabel: string;
+    detailDestinationLabel: string;
+    returnLinkLabel: string;
+}
+interface QuotesOps {
+    quoteRequest: QuoteRequest;
+    showCostRange: boolean;
+    textConfig: QuoteFullTextConfig;
+    setStatus: (status: ModalStatus) => void;
+}
+export declare const Quotes: ({ quoteRequest, showCostRange, textConfig, setStatus, }: QuotesOps) => import("preact").JSX.Element;
+export {};

package/dist/components/Quotes/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Quotes = exports.defaultQuoteConfig = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var helper_1 = require("../../helper");
+var currencies_1 = __importDefault(require("./currencies"));
+var ModalStatus_1 = require("../../ModalStatus");
+exports.defaultQuoteConfig = {
+    shipFromLabel: 'These goods ship from:',
+    shipToLabel: 'To:',
+    disclaimerLabel: 'Actual shipping costs will be provided at checkout.',
+    excludeDisclaimerLabel: 'Excludes duties & taxes',
+    rangeLabel: 'Shipping estimated between',
+    startsAtLabel: 'Shipping Starts at',
+    artaInsuranceLabel: 'This estimate includes ARTA Full Risk Insurance',
+};
+var Quotes = function (_a) {
+    var quoteRequest = _a.quoteRequest, showCostRange = _a.showCostRange, textConfig = _a.textConfig, setStatus = _a.setStatus;
+    var onChangeDestination = function (e) {
+        e.preventDefault();
+        setStatus(ModalStatus_1.ModalStatus.OPEN);
+    };
+    var quotes = quoteRequest.quotes;
+    if (quotes && quotes.length > 0) {
+        quotes.sort(function (a, b) {
+            return a.total - b.total;
+        });
+    }
+    var currencySymbol = currencies_1.default.filter(function (c) { return c.id === quoteRequest.currency; })[0].symbol;
+    var hasInsurance = quoteRequest.insurance === 'arta_transit_insurance';
+    var isInternational = quoteRequest.origin.estimated_country ===
+        quoteRequest.destination.estimated_country;
+    var parsedOrigin = (0, helper_1.parseEstimatedLocation)(quoteRequest.origin);
+    var parsedDestination = (0, helper_1.parseEstimatedLocation)(quoteRequest.destination);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.shipFromLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__origin" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__capitalize" }, { children: parsedOrigin })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailOriginLabel }))] }) })), (0, jsx_runtime_1.jsxs)("p", __assign({ class: "artajs__modal__quotes__destination" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__small" }, { children: textConfig.shipToLabel })), ' ', parsedDestination ? ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ class: "artajs__modal__capitalize" }, { children: parsedDestination })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailDestinationLabel }))] })) : ((0, jsx_runtime_1.jsx)("span", { children: "..." }))] })), showCostRange && quotes.length > 1 ? ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__box ".concat(!isInternational ? 'artajs__modal__quotes__box__padding__y' : '') }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.rangeLabel })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price__amount" }, { children: [currencySymbol, Math.round(quotes[0].total), " - ", currencySymbol, Math.round(quotes[quotes.length - 1].total)] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__quotes__price__currency_code" }, { children: quoteRequest.currency }))] })), isInternational && ((0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__exclusions" }, { children: textConfig.excludeDisclaimerLabel }))), hasInsurance && ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__insurance" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.48465 2.79298C9.87517 3.1835 9.87518 3.81666 9.48465 4.20719L4.56126 9.13062C4.37166 9.32022 4.11386 9.42574 3.84574 9.42348C3.57761 9.42123 3.32163 9.31139 3.13525 9.11863L1.10866 7.02269C0.72476 6.62566 0.73541 5.99258 1.13245 5.60868C1.52948 5.22478 2.16256 5.23543 2.54646 5.63247L3.86614 6.99731L8.07043 2.79298C8.46096 2.40246 9.09412 2.40245 9.48465 2.79298Z", fill: "white" }) })), (0, jsx_runtime_1.jsx)("p", { children: textConfig.artaInsuranceLabel })] })))] }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__box ".concat(!isInternational ? 'artajs__modal__quotes__box__padding__y' : '') }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.startsAtLabel })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price__amount" }, { children: [currencySymbol, Math.round(quotes[0].total)] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__quotes__price__currency_code" }, { children: quoteRequest.currency }))] })), isInternational && ((0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__exclusions" }, { children: textConfig.excludeDisclaimerLabel }))), hasInsurance && ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__insurance" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.48465 2.79298C9.87517 3.1835 9.87518 3.81666 9.48465 4.20719L4.56126 9.13062C4.37166 9.32022 4.11386 9.42574 3.84574 9.42348C3.57761 9.42123 3.32163 9.31139 3.13525 9.11863L1.10866 7.02269C0.72476 6.62566 0.73541 5.99258 1.13245 5.60868C1.52948 5.22478 2.16256 5.23543 2.54646 5.63247L3.86614 6.99731L8.07043 2.79298C8.46096 2.40246 9.09412 2.40245 9.48465 2.79298Z", fill: "white" }) })), (0, jsx_runtime_1.jsx)("p", { children: textConfig.artaInsuranceLabel })] })))] }))), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__checkout" }, { children: textConfig.disclaimerLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__change" }, { children: (0, jsx_runtime_1.jsxs)("a", __assign({ onClick: onChangeDestination, href: "#" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "20", height: "8", viewBox: "0 0 20 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.58562 7.46419C3.97614 7.85471 4.60931 7.85471 4.99983 7.46419C5.39036 7.07366 5.39036 6.4405 4.99983 6.04997L3.80697 4.85706L18.9999 4.85706C19.5522 4.85706 19.9999 4.40934 19.9999 3.85706C19.9999 3.30477 19.5522 2.85706 18.9999 2.85706L3.84988 2.85706L4.99993 1.70705C5.39045 1.31653 5.39045 0.683363 4.99993 0.292839C4.6094 -0.0976858 3.97624 -0.0976858 3.58571 0.292839L4.62519e-08 3.87847L3.58562 7.46419Z", fill: "#99A5B2" }) })), textConfig.returnLinkLabel] })) }))] })));
+};
+exports.Quotes = Quotes;

package/dist/estimate.d.ts

@@ -0,0 +1,11 @@
+import { EstimateBody, EstimateFullConfig } from './estimateConfig';
+export default class Estimate {
+    private readonly estimateBody;
+    private readonly config;
+    private readonly el;
+    ready: boolean;
+    constructor(estimateBody: EstimateBody, config: EstimateFullConfig, el: HTMLDivElement);
+    open(): void;
+    onClose(e: any): void;
+    validate(): Promise<void>;
+}

package/dist/estimate.js

@@ -0,0 +1,72 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var preact_1 = require("preact");
+var Modal_1 = require("./components/Modal");
+var requests_1 = require("./requests");
+var Estimate = /** @class */ (function () {
+    function Estimate(estimateBody, config, el) {
+        this.estimateBody = estimateBody;
+        this.config = config;
+        this.el = el;
+        this.ready = false;
+    }
+    Estimate.prototype.open = function () {
+        (0, preact_1.render)((0, jsx_runtime_1.jsx)(Modal_1.Modal, { onClose: this.onClose.bind(this), estimateBody: this.estimateBody, config: this.config }), this.el);
+    };
+    Estimate.prototype.onClose = function (e) {
+        e.preventDefault();
+        (0, preact_1.render)((0, jsx_runtime_1.jsx)("div", {}), this.el);
+    };
+    Estimate.prototype.validate = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, (0, requests_1.validateEstimateBody)(this.config, this.estimateBody)];
+                    case 1:
+                        _a.sent();
+                        this.ready = true;
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return Estimate;
+}());
+exports.default = Estimate;

package/dist/estimateConfig.d.ts

@@ -0,0 +1,52 @@
+import { ArtaJsFullConfig } from './arta';
+import { DestinationTextConfig } from './components/Destination';
+import { DisqualifiedTextConfig } from './components/Disqualified';
+import { QuoteTextConfig } from './components/Quotes';
+import { AdditionalService, ArtaLocation, ArtaObject, Insurance, QuoteType, SupportedCurrency } from './MetadataTypes';
+export interface EstimateBody {
+    origin: ArtaLocation;
+    objects: ArtaObject[];
+    additional_services?: AdditionalService[];
+    currency?: SupportedCurrency;
+    destination?: ArtaLocation;
+    insurance?: Insurance;
+    internal_reference?: string;
+    public_reference?: string;
+    preferred_quote_types?: QuoteType[];
+}
+export interface EstimateConfig {
+    style: {
+        color: {
+            primaryColor: string;
+            primaryUnfocusedColor: string;
+            secondaryColor: string;
+            errorColor: string;
+            backgroundColor: string;
+            poweredByButtonColor: string;
+        };
+        position: 'center' | 'left' | 'right';
+        pricingDisplay: 'starts_at' | 'range';
+        fontFamily: string;
+        fontSize: number;
+        width: number;
+        height: number;
+    };
+    text: {
+        detailOriginLabel: string;
+        detailDestinationLabel: string;
+        returnLinkLabel: string;
+        header: {
+            title: string;
+        };
+        loading: {
+            message: string;
+        };
+        destination: DestinationTextConfig;
+        quoted: QuoteTextConfig;
+        disqualified: DisqualifiedTextConfig;
+    };
+}
+export interface EstimateFullConfig extends EstimateConfig, ArtaJsFullConfig {
+}
+export declare const defaultEstimateConfig: EstimateConfig;
+export declare const getFullConfig: (artaConfig: ArtaJsFullConfig, estimateConfig?: Partial<EstimateConfig>) => EstimateFullConfig;

package/dist/estimateConfig.js

@@ -0,0 +1,77 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFullConfig = exports.defaultEstimateConfig = void 0;
+var Destination_1 = require("./components/Destination");
+var Disqualified_1 = require("./components/Disqualified");
+var Quotes_1 = require("./components/Quotes");
+exports.defaultEstimateConfig = {
+    style: {
+        color: {
+            primaryColor: '#001F3F',
+            primaryUnfocusedColor: '#4d6279',
+            secondaryColor: '#99A5B2',
+            errorColor: '#D84242',
+            backgroundColor: 'white',
+            poweredByButtonColor: '#F5F6F7',
+        },
+        position: 'right',
+        pricingDisplay: 'starts_at',
+        fontFamily: 'Arial, Helvetica, sans-serif',
+        fontSize: 12,
+        width: 300,
+        height: 432,
+    },
+    text: {
+        detailOriginLabel: '(origin)',
+        detailDestinationLabel: '(destination)',
+        returnLinkLabel: 'Change Destination',
+        loading: {
+            message: 'Retrieving shipping costs...',
+        },
+        header: {
+            title: 'Estimate Shipping Costs',
+        },
+        destination: Destination_1.defaultDestinationConfig,
+        quoted: Quotes_1.defaultQuoteConfig,
+        disqualified: Disqualified_1.defaultDisqualifiedConfig,
+    },
+};
+function nestedObjectAssign(target) {
+    var sources = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        sources[_i - 1] = arguments[_i];
+    }
+    sources.forEach(function (source) {
+        if (source) {
+            Object.keys(source).forEach(function (key) {
+                var s_val = source[key];
+                var t_val = target[key];
+                target[key] =
+                    t_val &&
+                        s_val &&
+                        typeof t_val === 'object' &&
+                        typeof s_val === 'object'
+                        ? nestedObjectAssign(t_val, s_val)
+                        : s_val;
+            });
+        }
+    });
+    return target;
+}
+var getFullConfig = function (artaConfig, estimateConfig) {
+    var finalConfig = nestedObjectAssign(__assign(__assign({}, exports.defaultEstimateConfig), artaConfig), estimateConfig);
+    console.log('final config', finalConfig);
+    return finalConfig;
+};
+exports.getFullConfig = getFullConfig;

package/dist/fixtures/countries.d.ts

@@ -0,0 +1,6 @@
+interface Country {
+    code: string;
+    name: string;
+}
+export declare const countries: Country[];
+export {};