PluginProbe
Tiered Pricing Table for WooCommerce / 7.1.1
Tiered Pricing Table for WooCommerce v7.1.1
8.0.2 7.1.7 7.1.5 7.1.4 7.1.1 6.5.0 6.4.0 6.1.0 trunk 1.0 1.1 2.0 2.0.1 2.0.2 2.1 2.1.1 2.1.2 2.2.0 2.2.1 2.2.2 2.2.3 2.3.0 2.3.1 2.3.2 2.3.3 All 91 releases
tier-pricing-table / src / Blocks / build / index.js

index.js in Tiered Pricing Table for WooCommerce 7.1.1, at src/Blocks/build/index.js

1,080 lines 49.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /******/ (function() { // webpackBootstrap
2 /******/ "use strict";
3 /******/ var __webpack_modules__ = ({
4
5 /***/ "./src/blocks/blocks/TieredPricingBlock.js":
6 /*!*************************************************!*\
7 !*** ./src/blocks/blocks/TieredPricingBlock.js ***!
8 \*************************************************/
9 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10
11 __webpack_require__.r(__webpack_exports__);
12 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
13 /* harmony export */ "default": function() { return /* binding */ TieredPricingBlock; }
14 /* harmony export */ });
15 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
16 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
17 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
18 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
19
20
21 function TieredPricingBlock({
22 attributes,
23 quantity,
24 discount,
25 price,
26 isSelected
27 }) {
28 let blockStyle = {
29 padding: "0 10px",
30 border: "1px solid #ccc",
31 borderRadius: "5px",
32 transition: "all .2s"
33 };
34 if (isSelected) {
35 blockStyle.borderColor = attributes.activeTierColor;
36 blockStyle.transform = "scale(1.06)";
37 }
38 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
39 className: "tiered-pricing-block",
40 style: blockStyle
41 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
42 className: "tiered-pricing-block__price",
43 style: {
44 fontWeight: 'bold',
45 fontSize: '1.15em'
46 }
47 }, "$", price, ".00"), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
48 className: "tiered-pricing-block__quantity"
49 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, quantity), " ", (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('pieces', 'tier-pricing-table')));
50 }
51
52 /***/ }),
53
54 /***/ "./src/blocks/blocks/TieredPricingBlocks.js":
55 /*!**************************************************!*\
56 !*** ./src/blocks/blocks/TieredPricingBlocks.js ***!
57 \**************************************************/
58 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
59
60 __webpack_require__.r(__webpack_exports__);
61 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
62 /* harmony export */ "default": function() { return /* binding */ TieredPricingBlocks; }
63 /* harmony export */ });
64 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
65 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
66 /* harmony import */ var _tieredPricingRules_json__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../tieredPricingRules.json */ "./src/tieredPricingRules.json");
67 /* harmony import */ var _TieredPricingBlock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TieredPricingBlock */ "./src/blocks/blocks/TieredPricingBlock.js");
68
69
70
71 function TieredPricingBlocks({
72 attributes
73 }) {
74 const wrapperStyle = {
75 display: "flex",
76 flexWrap: "wrap",
77 gap: "10px",
78 margin: "15px 0"
79 };
80 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
81 style: wrapperStyle
82 }, _tieredPricingRules_json__WEBPACK_IMPORTED_MODULE_1__.map(rule => {
83 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_TieredPricingBlock__WEBPACK_IMPORTED_MODULE_2__["default"], {
84 attributes: attributes,
85 isSelected: rule.isSelected,
86 key: rule.quantity,
87 quantity: rule.quantity,
88 discount: rule.discount,
89 price: rule.price
90 });
91 }));
92 }
93
94 /***/ }),
95
96 /***/ "./src/blocks/dropdown/TieredPricingDropdown.js":
97 /*!******************************************************!*\
98 !*** ./src/blocks/dropdown/TieredPricingDropdown.js ***!
99 \******************************************************/
100 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
101
102 __webpack_require__.r(__webpack_exports__);
103 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
104 /* harmony export */ "default": function() { return /* binding */ TieredPricingDropdown; }
105 /* harmony export */ });
106 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
107 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
108 /* harmony import */ var _tieredPricingRules_json__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../tieredPricingRules.json */ "./src/tieredPricingRules.json");
109 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
110 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
111
112
113
114 function TieredPricingDropdown({
115 attributes
116 }) {
117 const {
118 quantity,
119 price
120 } = _tieredPricingRules_json__WEBPACK_IMPORTED_MODULE_1__[0];
121 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
122 className: "tiered-pricing-dropdown"
123 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
124 className: "tiered-pricing-dropdown__select-box",
125 style: {
126 borderColor: attributes.activeTierColor
127 }
128 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
129 className: "tiered-pricing-dropdown-option"
130 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
131 className: "tiered-pricing-dropdown-option__quantity"
132 }, quantity, " ", (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('pieces', 'tier-pricing-table')), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
133 className: "tiered-pricing-dropdown-option__pricing"
134 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
135 className: "tiered-pricing-option-price"
136 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
137 className: "tiered-pricing-option-price__discounted"
138 }, "$", price, ".00")))), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
139 className: "tiered-pricing-dropdown__select-box-arrow"
140 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", {
141 height: "24",
142 viewBox: "0 0 48 48",
143 width: "24",
144 xmlns: "http://www.w3.org/2000/svg",
145 style: {
146 fill: attributes.activeTierColor
147 }
148 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
149 d: "M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z"
150 }), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
151 d: "M0-.75h48v48h-48z",
152 fill: "none"
153 })))));
154 }
155
156 /***/ }),
157
158 /***/ "./src/blocks/options/TieredPricingOption.js":
159 /*!***************************************************!*\
160 !*** ./src/blocks/options/TieredPricingOption.js ***!
161 \***************************************************/
162 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
163
164 __webpack_require__.r(__webpack_exports__);
165 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
166 /* harmony export */ "default": function() { return /* binding */ TieredPricingOption; }
167 /* harmony export */ });
168 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
169 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
170 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
171 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
172
173
174 function TieredPricingOption({
175 attributes,
176 quantity,
177 discount,
178 price,
179 isSelected
180 }) {
181 let blockStyle = {};
182 if (isSelected) {
183 blockStyle.borderColor = attributes.activeTierColor;
184 blockStyle.background = hexToRgbA(attributes.activeTierColor, 0.05);
185 }
186 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
187 className: isSelected ? 'tiered-pricing-option tiered-pricing--active' : 'tiered-pricing-option',
188 style: blockStyle
189 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
190 className: "tiered-pricing-option__checkbox"
191 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
192 className: isSelected ? 'tiered-pricing-option-checkbox tiered-pricing-option-checkbox--active' : 'tiered-pricing-option-checkbox'
193 })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
194 className: "tiered-pricing-option__quantity"
195 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("strong", null, quantity), " ", (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('pieces', 'tier-pricing-table')), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
196 className: "tiered-pricing-option__pricing"
197 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
198 className: "tiered-pricing-option-price"
199 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
200 className: "tiered-pricing-option-price__discounted"
201 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
202 className: "woocommerce-Price-amount amount"
203 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
204 className: "woocommerce-Price-currencySymbol"
205 }, "$"), price, ".00"))), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
206 className: "tiered-pricing-option-total"
207 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
208 className: "tiered-pricing-option-total__label"
209 }, "Total:"), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
210 className: "tiered-pricing-option-total__discounted_total"
211 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
212 className: "woocommerce-Price-amount amount"
213 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
214 className: "woocommerce-Price-currencySymbol"
215 }, "$"), price, ".00")))));
216 }
217 function hexToRgbA(hex, opacity = 1) {
218 var c;
219 if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
220 c = hex.substring(1).split('');
221 if (c.length == 3) {
222 c = [c[0], c[0], c[1], c[1], c[2], c[2]];
223 }
224 c = '0x' + c.join('');
225 return 'rgba(' + [c >> 16 & 255, c >> 8 & 255, c & 255].join(',') + ',' + opacity + ')';
226 }
227 return '';
228 }
229
230 /***/ }),
231
232 /***/ "./src/blocks/options/TieredPricingOptions.js":
233 /*!****************************************************!*\
234 !*** ./src/blocks/options/TieredPricingOptions.js ***!
235 \****************************************************/
236 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
237
238 __webpack_require__.r(__webpack_exports__);
239 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
240 /* harmony export */ "default": function() { return /* binding */ TieredPricingOptions; }
241 /* harmony export */ });
242 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
243 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
244 /* harmony import */ var _tieredPricingRules_json__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../tieredPricingRules.json */ "./src/tieredPricingRules.json");
245 /* harmony import */ var _TieredPricingOption__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TieredPricingOption */ "./src/blocks/options/TieredPricingOption.js");
246
247
248
249 function TieredPricingOptions({
250 attributes
251 }) {
252 const wrapperStyle = {};
253 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
254 style: wrapperStyle
255 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("style", {
256 dangerouslySetInnerHTML: {
257 __html: ['.tiered-pricing-option-checkbox--active:after {' + 'background:' + attributes.activeTierColor + '}\n' + '.tiered-pricing-option-checkbox--active {' + 'border-color:' + attributes.activeTierColor + '}\n'].join('\n')
258 }
259 }), _tieredPricingRules_json__WEBPACK_IMPORTED_MODULE_1__.map(rule => {
260 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_TieredPricingOption__WEBPACK_IMPORTED_MODULE_2__["default"], {
261 attributes: attributes,
262 isSelected: rule.isSelected,
263 key: rule.quantity,
264 quantity: rule.quantity,
265 discount: rule.discount,
266 price: rule.price
267 });
268 }));
269 }
270
271 /***/ }),
272
273 /***/ "./src/blocks/table/TieredPricingTable.js":
274 /*!************************************************!*\
275 !*** ./src/blocks/table/TieredPricingTable.js ***!
276 \************************************************/
277 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
278
279 __webpack_require__.r(__webpack_exports__);
280 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
281 /* harmony export */ "default": function() { return /* binding */ TieredPricingTable; }
282 /* harmony export */ });
283 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
284 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
285 /* harmony import */ var _TieredPricingTableHeader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TieredPricingTableHeader */ "./src/blocks/table/TieredPricingTableHeader.js");
286 /* harmony import */ var _TieredPricingTableRow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TieredPricingTableRow */ "./src/blocks/table/TieredPricingTableRow.js");
287 /* harmony import */ var _tieredPricingRules_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../../tieredPricingRules.json */ "./src/tieredPricingRules.json");
288
289
290
291
292 function TieredPricingTable({
293 attributes
294 }) {
295 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("table", {
296 className: 'shop_table',
297 style: {
298 width: '100%',
299 borderCollapse: 'collapse'
300 }
301 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("thead", null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_TieredPricingTableHeader__WEBPACK_IMPORTED_MODULE_1__["default"], {
302 quantityColumnLabel: attributes.quantityColumnTitle,
303 discountColumnLabel: attributes.discountColumnTitle,
304 priceColumnLabel: attributes.priceColumnTitle,
305 attributes: attributes
306 })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("tbody", null, _tieredPricingRules_json__WEBPACK_IMPORTED_MODULE_3__.map(rule => {
307 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_TieredPricingTableRow__WEBPACK_IMPORTED_MODULE_2__["default"], {
308 attributes: attributes,
309 isSelected: rule.isSelected,
310 key: rule.quantity,
311 quantity: rule.quantity,
312 discount: rule.discount,
313 price: rule.price
314 });
315 })));
316 }
317
318 /***/ }),
319
320 /***/ "./src/blocks/table/TieredPricingTableHeader.js":
321 /*!******************************************************!*\
322 !*** ./src/blocks/table/TieredPricingTableHeader.js ***!
323 \******************************************************/
324 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
325
326 __webpack_require__.r(__webpack_exports__);
327 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
328 /* harmony export */ "default": function() { return /* binding */ TieredPricingTableHeader; }
329 /* harmony export */ });
330 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
331 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
332
333 function TieredPricingTableHeader({
334 attributes,
335 quantityColumnLabel,
336 discountColumnLabel,
337 priceColumnLabel
338 }) {
339 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("tr", {
340 style: {
341 textAlign: "left"
342 }
343 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("th", null, quantityColumnLabel), attributes.showDiscountColumn && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("th", null, discountColumnLabel), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("th", null, priceColumnLabel));
344 }
345
346 /***/ }),
347
348 /***/ "./src/blocks/table/TieredPricingTableRow.js":
349 /*!***************************************************!*\
350 !*** ./src/blocks/table/TieredPricingTableRow.js ***!
351 \***************************************************/
352 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
353
354 __webpack_require__.r(__webpack_exports__);
355 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
356 /* harmony export */ "default": function() { return /* binding */ TieredPricingTableRow; }
357 /* harmony export */ });
358 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
359 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
360
361 function TieredPricingTableRow({
362 attributes,
363 quantity,
364 discount,
365 price,
366 isSelected
367 }) {
368 let tdStyles = {};
369 if (isSelected) {
370 tdStyles = {
371 background: attributes.activeTierColor,
372 color: "#fff"
373 };
374 }
375 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("tr", null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("td", {
376 style: tdStyles
377 }, quantity), attributes.showDiscountColumn && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("td", {
378 style: tdStyles
379 }, discount ? discount + '%' : '-'), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("td", {
380 style: tdStyles
381 }, "$", price, ".00"));
382 }
383
384 /***/ }),
385
386 /***/ "./src/edit.js":
387 /*!*********************!*\
388 !*** ./src/edit.js ***!
389 \*********************/
390 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
391
392 __webpack_require__.r(__webpack_exports__);
393 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
394 /* harmony export */ "default": function() { return /* binding */ Edit; }
395 /* harmony export */ });
396 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
397 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
398 /* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
399 /* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
400 /* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./editor.scss */ "./src/editor.scss");
401 /* harmony import */ var _blocks_table_TieredPricingTable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./blocks/table/TieredPricingTable */ "./src/blocks/table/TieredPricingTable.js");
402 /* harmony import */ var _panels_ColumnsPanel_ColumnsPanel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./panels/ColumnsPanel/ColumnsPanel */ "./src/panels/ColumnsPanel/ColumnsPanel.js");
403 /* harmony import */ var _blocks_blocks_TieredPricingBlocks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./blocks/blocks/TieredPricingBlocks */ "./src/blocks/blocks/TieredPricingBlocks.js");
404 /* harmony import */ var _blocks_options_TieredPricingOptions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./blocks/options/TieredPricingOptions */ "./src/blocks/options/TieredPricingOptions.js");
405 /* harmony import */ var _blocks_dropdown_TieredPricingDropdown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./blocks/dropdown/TieredPricingDropdown */ "./src/blocks/dropdown/TieredPricingDropdown.js");
406 /* harmony import */ var _panels_MainOptionsPanel_DisplayTypePanel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./panels/MainOptionsPanel/DisplayTypePanel */ "./src/panels/MainOptionsPanel/DisplayTypePanel.js");
407
408 /**
409 * Retrieves the translation of text.
410 *
411 * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-i18n/
412 */
413
414
415 /**
416 * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
417 * Those files can contain any CSS code that gets applied to the editor.
418 *
419 * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
420 */
421
422
423
424
425
426
427
428
429 /**
430 * The edit function describes the structure of your block in the context of the
431 * editor. This represents what the editor will render when the block is used.
432 *
433 * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-edit-save/#edit
434 *
435 * @return {WPElement} Element to render.
436 */
437 function Edit({
438 attributes,
439 className,
440 setAttributes
441 }) {
442 const blocks = {
443 table: (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_blocks_table_TieredPricingTable__WEBPACK_IMPORTED_MODULE_3__["default"], {
444 attributes: attributes
445 }),
446 blocks: (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_blocks_blocks_TieredPricingBlocks__WEBPACK_IMPORTED_MODULE_5__["default"], {
447 attributes: attributes
448 }),
449 options: (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_blocks_options_TieredPricingOptions__WEBPACK_IMPORTED_MODULE_6__["default"], {
450 attributes: attributes
451 }),
452 dropdown: (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_blocks_dropdown_TieredPricingDropdown__WEBPACK_IMPORTED_MODULE_7__["default"], {
453 attributes: attributes
454 })
455 };
456 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
457 ...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps)()
458 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
459 key: "setting",
460 className: "tiered-pricing-table__block-settings"
461 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_panels_MainOptionsPanel_DisplayTypePanel__WEBPACK_IMPORTED_MODULE_8__["default"], {
462 attributes: attributes,
463 setAttributes: setAttributes
464 }), attributes.displayType === 'table' && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_panels_ColumnsPanel_ColumnsPanel__WEBPACK_IMPORTED_MODULE_4__["default"], {
465 attributes: attributes,
466 setAttributes: setAttributes
467 })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", {
468 style: {
469 marginBottom: ".5em"
470 }
471 }, attributes.title), blocks[attributes.displayType] ? blocks[attributes.displayType] : blocks['table']);
472 }
473
474 /***/ }),
475
476 /***/ "./src/index.js":
477 /*!**********************!*\
478 !*** ./src/index.js ***!
479 \**********************/
480 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
481
482 __webpack_require__.r(__webpack_exports__);
483 /* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
484 /* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__);
485 /* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/style.scss");
486 /* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edit */ "./src/edit.js");
487 /* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./block.json */ "./src/block.json");
488 /**
489 * Registers a new block provided a unique name and an object defining its behavior.
490 *
491 * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
492 */
493
494
495 /**
496 * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
497 * All files containing `style` keyword are bundled together. The code used
498 * gets applied both to the front of your site and to the editor.
499 *
500 * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
501 */
502
503
504 /**
505 * Internal dependencies
506 */
507
508
509
510 /**
511 * Every block starts by registering a new block type definition.
512 *
513 * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
514 */
515 (0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_3__.name, {
516 /**
517 * @see ./edit.js
518 */
519 edit: _edit__WEBPACK_IMPORTED_MODULE_2__["default"]
520 });
521
522 /***/ }),
523
524 /***/ "./src/options/CheckboxOption.js":
525 /*!***************************************!*\
526 !*** ./src/options/CheckboxOption.js ***!
527 \***************************************/
528 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
529
530 __webpack_require__.r(__webpack_exports__);
531 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
532 /* harmony export */ "default": function() { return /* binding */ CheckboxOption; }
533 /* harmony export */ });
534 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
535 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
536 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
537 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
538 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
539 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__);
540
541
542
543 function CheckboxOption({
544 attributeName,
545 label,
546 help,
547 attributes,
548 setAttributes,
549 onChange
550 }) {
551 const [isChecked, setIsChecked] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(attributes[attributeName]);
552 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.BaseControl, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ToggleControl, {
553 label: label,
554 help: help,
555 checked: isChecked,
556 onChange: isChecked => {
557 let _attributes = [];
558 _attributes[attributeName] = isChecked;
559 setAttributes(_attributes);
560 setIsChecked(isChecked);
561 onChange && onChange(isChecked);
562 }
563 }));
564 }
565
566 /***/ }),
567
568 /***/ "./src/options/ColorPicker.js":
569 /*!************************************!*\
570 !*** ./src/options/ColorPicker.js ***!
571 \************************************/
572 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
573
574 __webpack_require__.r(__webpack_exports__);
575 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
576 /* harmony export */ "default": function() { return /* binding */ ColorPicker; }
577 /* harmony export */ });
578 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
579 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
580 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
581 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
582 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
583 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__);
584
585
586
587 function ColorPicker({
588 attributes,
589 setAttributes,
590 attributeName,
591 label,
592 help,
593 onChange,
594 clearable,
595 colors
596 }) {
597 const [color, setColor] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(attributes[attributeName]);
598 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.BaseControl, {
599 label: label,
600 help: help,
601 className: "tiered-pricing-table__base-control"
602 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
603 style: {
604 width: '100%'
605 },
606 value: color,
607 colors: colors,
608 clearable: clearable,
609 onChange: color => {
610 let _attributes = [];
611 _attributes[attributeName] = color;
612 setAttributes(_attributes);
613 setColor(color);
614 onChange && onChange(color);
615 }
616 }));
617 }
618
619 /***/ }),
620
621 /***/ "./src/options/InputOption.js":
622 /*!************************************!*\
623 !*** ./src/options/InputOption.js ***!
624 \************************************/
625 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
626
627 __webpack_require__.r(__webpack_exports__);
628 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
629 /* harmony export */ "default": function() { return /* binding */ InputOption; }
630 /* harmony export */ });
631 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
632 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
633 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
634 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
635 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
636 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__);
637
638
639
640 function InputOption({
641 attributeName,
642 label,
643 help,
644 attributes,
645 setAttributes,
646 onChange
647 }) {
648 const [value, setValue] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(attributes[attributeName]);
649 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.BaseControl, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.TextControl, {
650 label: label,
651 value: value,
652 onChange: nextValue => {
653 let _attributes = [];
654 _attributes[attributeName] = nextValue;
655 setAttributes(_attributes);
656 setValue(nextValue);
657 onChange && onChange(nextValue);
658 }
659 }));
660 }
661
662 /***/ }),
663
664 /***/ "./src/panels/ColumnsPanel/ColumnsPanel.js":
665 /*!*************************************************!*\
666 !*** ./src/panels/ColumnsPanel/ColumnsPanel.js ***!
667 \*************************************************/
668 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
669
670 __webpack_require__.r(__webpack_exports__);
671 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
672 /* harmony export */ "default": function() { return /* binding */ ColumnsPanel; }
673 /* harmony export */ });
674 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
675 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
676 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
677 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
678 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
679 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
680 /* harmony import */ var _options_CheckboxOption__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../options/CheckboxOption */ "./src/options/CheckboxOption.js");
681 /* harmony import */ var _options_InputOption__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../options/InputOption */ "./src/options/InputOption.js");
682
683
684
685
686
687 function ColumnsPanel({
688 attributes,
689 setAttributes
690 }) {
691 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Panel, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
692 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Columns', 'tier-pricing-table'),
693 initialOpen: true
694 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_options_InputOption__WEBPACK_IMPORTED_MODULE_4__["default"], {
695 attributes: attributes,
696 setAttributes: setAttributes,
697 attributeName: "quantityColumnTitle",
698 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Quantity column title", 'tier-pricing-table')
699 })), attributes.showDiscountColumn && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_options_InputOption__WEBPACK_IMPORTED_MODULE_4__["default"], {
700 attributes: attributes,
701 setAttributes: setAttributes,
702 attributeName: "discountColumnTitle",
703 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Discount column title", 'tier-pricing-table')
704 })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_options_InputOption__WEBPACK_IMPORTED_MODULE_4__["default"], {
705 attributes: attributes,
706 setAttributes: setAttributes,
707 attributeName: "priceColumnTitle",
708 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Price column title", 'tier-pricing-table')
709 })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_options_CheckboxOption__WEBPACK_IMPORTED_MODULE_3__["default"], {
710 attributes: attributes,
711 setAttributes: setAttributes,
712 help: attributes.showDiscountColumn ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Discount column is showing.", 'tier-pricing-table') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Discount column is not showing.", 'tier-pricing-table'),
713 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Show percentage discount", 'tier-pricing-table'),
714 attributeName: "showDiscountColumn"
715 }))));
716 }
717
718 /***/ }),
719
720 /***/ "./src/panels/MainOptionsPanel/DisplayTypePanel.js":
721 /*!*********************************************************!*\
722 !*** ./src/panels/MainOptionsPanel/DisplayTypePanel.js ***!
723 \*********************************************************/
724 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
725
726 __webpack_require__.r(__webpack_exports__);
727 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
728 /* harmony export */ "default": function() { return /* binding */ MainOptionsPanel; }
729 /* harmony export */ });
730 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
731 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
732 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
733 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
734 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
735 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
736 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
737 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__);
738 /* harmony import */ var _options_InputOption__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../options/InputOption */ "./src/options/InputOption.js");
739 /* harmony import */ var _options_ColorPicker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../options/ColorPicker */ "./src/options/ColorPicker.js");
740
741
742
743
744
745
746 function MainOptionsPanel({
747 attributes,
748 setAttributes
749 }) {
750 const types = [{
751 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Table', 'tier-pricing-table'),
752 value: "table"
753 }, {
754 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Blocks', 'tier-pricing-table'),
755 value: "blocks"
756 }, {
757 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Options', 'tier-pricing-table'),
758 value: "options"
759 }, {
760 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Dropdown', 'tier-pricing-table'),
761 value: "dropdown"
762 }];
763 const [displayType, setDisplayType] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useState)(attributes.displayType);
764 return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Panel, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
765 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Main settings', 'tier-pricing-table'),
766 initialOpen: true
767 }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
768 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Display type', 'tier-pricing-table'),
769 value: displayType,
770 options: types,
771 onChange: displayType => {
772 setAttributes({
773 displayType: displayType
774 });
775 setDisplayType(displayType);
776 }
777 })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_options_InputOption__WEBPACK_IMPORTED_MODULE_4__["default"], {
778 attributes: attributes,
779 setAttributes: setAttributes,
780 attributeName: "title",
781 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Title", 'tier-pricing-table')
782 })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_options_ColorPicker__WEBPACK_IMPORTED_MODULE_5__["default"], {
783 attributes: attributes,
784 colors: [{
785 name: 'default',
786 color: '#96598A'
787 }, {
788 name: 'white',
789 color: '#fff'
790 }, {
791 name: 'black',
792 color: '#000'
793 }, {
794 name: 'woocommerce',
795 color: '#8055B3'
796 }],
797 attributeName: "activeTierColor",
798 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Active tier color"),
799 setAttributes: setAttributes,
800 clearable: false
801 }))));
802 }
803
804 /***/ }),
805
806 /***/ "./src/editor.scss":
807 /*!*************************!*\
808 !*** ./src/editor.scss ***!
809 \*************************/
810 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
811
812 __webpack_require__.r(__webpack_exports__);
813 // extracted by mini-css-extract-plugin
814
815
816 /***/ }),
817
818 /***/ "./src/style.scss":
819 /*!************************!*\
820 !*** ./src/style.scss ***!
821 \************************/
822 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
823
824 __webpack_require__.r(__webpack_exports__);
825 // extracted by mini-css-extract-plugin
826
827
828 /***/ }),
829
830 /***/ "react":
831 /*!************************!*\
832 !*** external "React" ***!
833 \************************/
834 /***/ (function(module) {
835
836 module.exports = window["React"];
837
838 /***/ }),
839
840 /***/ "@wordpress/block-editor":
841 /*!*************************************!*\
842 !*** external ["wp","blockEditor"] ***!
843 \*************************************/
844 /***/ (function(module) {
845
846 module.exports = window["wp"]["blockEditor"];
847
848 /***/ }),
849
850 /***/ "@wordpress/blocks":
851 /*!********************************!*\
852 !*** external ["wp","blocks"] ***!
853 \********************************/
854 /***/ (function(module) {
855
856 module.exports = window["wp"]["blocks"];
857
858 /***/ }),
859
860 /***/ "@wordpress/components":
861 /*!************************************!*\
862 !*** external ["wp","components"] ***!
863 \************************************/
864 /***/ (function(module) {
865
866 module.exports = window["wp"]["components"];
867
868 /***/ }),
869
870 /***/ "@wordpress/element":
871 /*!*********************************!*\
872 !*** external ["wp","element"] ***!
873 \*********************************/
874 /***/ (function(module) {
875
876 module.exports = window["wp"]["element"];
877
878 /***/ }),
879
880 /***/ "@wordpress/i18n":
881 /*!******************************!*\
882 !*** external ["wp","i18n"] ***!
883 \******************************/
884 /***/ (function(module) {
885
886 module.exports = window["wp"]["i18n"];
887
888 /***/ }),
889
890 /***/ "./src/block.json":
891 /*!************************!*\
892 !*** ./src/block.json ***!
893 \************************/
894 /***/ (function(module) {
895
896 module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"tiered-pricing-table/tiered-pricing-block","version":"1.0.0","title":"Tiered Pricing","category":"woocommerce","icon":"tag","description":"Tiered pricing widget. Must be used on the product page template. Find more options to customize in the plugin settings.","example":{},"supports":{"html":false,"className":false,"customClassName":false,"reusable":false},"attributes":{"displayType":{"type":"string","default":"table"},"title":{"type":"string","default":"Buy more, save more!"},"activeTierColor":{"type":"string","default":"#96598A"},"showDiscountColumn":{"type":"boolean","default":true},"quantityColumnTitle":{"type":"string","default":"Quantity"},"discountColumnTitle":{"type":"string","default":"Discount"},"priceColumnTitle":{"type":"string","default":"Price"}},"textdomain":"tier-pricing-table","editorScript":"file:./index.js","editorStyle":"file:./index.css"}');
897
898 /***/ }),
899
900 /***/ "./src/tieredPricingRules.json":
901 /*!*************************************!*\
902 !*** ./src/tieredPricingRules.json ***!
903 \*************************************/
904 /***/ (function(module) {
905
906 module.exports = JSON.parse('[{"quantity":"5 - 9","discount":null,"price":100,"isSelected":false,"totalPrice":500},{"quantity":"10 - 49","discount":20,"price":80,"isSelected":false,"totalPrice":800},{"quantity":"50 - 99","discount":30,"price":70,"isSelected":true,"totalPrice":3500},{"quantity":"100+","discount":40,"price":60,"isSelected":false,"totalPrice":6000}]');
907
908 /***/ })
909
910 /******/ });
911 /************************************************************************/
912 /******/ // The module cache
913 /******/ var __webpack_module_cache__ = {};
914 /******/
915 /******/ // The require function
916 /******/ function __webpack_require__(moduleId) {
917 /******/ // Check if module is in cache
918 /******/ var cachedModule = __webpack_module_cache__[moduleId];
919 /******/ if (cachedModule !== undefined) {
920 /******/ return cachedModule.exports;
921 /******/ }
922 /******/ // Create a new module (and put it into the cache)
923 /******/ var module = __webpack_module_cache__[moduleId] = {
924 /******/ // no module.id needed
925 /******/ // no module.loaded needed
926 /******/ exports: {}
927 /******/ };
928 /******/
929 /******/ // Execute the module function
930 /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
931 /******/
932 /******/ // Return the exports of the module
933 /******/ return module.exports;
934 /******/ }
935 /******/
936 /******/ // expose the modules object (__webpack_modules__)
937 /******/ __webpack_require__.m = __webpack_modules__;
938 /******/
939 /************************************************************************/
940 /******/ /* webpack/runtime/chunk loaded */
941 /******/ !function() {
942 /******/ var deferred = [];
943 /******/ __webpack_require__.O = function(result, chunkIds, fn, priority) {
944 /******/ if(chunkIds) {
945 /******/ priority = priority || 0;
946 /******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
947 /******/ deferred[i] = [chunkIds, fn, priority];
948 /******/ return;
949 /******/ }
950 /******/ var notFulfilled = Infinity;
951 /******/ for (var i = 0; i < deferred.length; i++) {
952 /******/ var chunkIds = deferred[i][0];
953 /******/ var fn = deferred[i][1];
954 /******/ var priority = deferred[i][2];
955 /******/ var fulfilled = true;
956 /******/ for (var j = 0; j < chunkIds.length; j++) {
957 /******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {
958 /******/ chunkIds.splice(j--, 1);
959 /******/ } else {
960 /******/ fulfilled = false;
961 /******/ if(priority < notFulfilled) notFulfilled = priority;
962 /******/ }
963 /******/ }
964 /******/ if(fulfilled) {
965 /******/ deferred.splice(i--, 1)
966 /******/ var r = fn();
967 /******/ if (r !== undefined) result = r;
968 /******/ }
969 /******/ }
970 /******/ return result;
971 /******/ };
972 /******/ }();
973 /******/
974 /******/ /* webpack/runtime/compat get default export */
975 /******/ !function() {
976 /******/ // getDefaultExport function for compatibility with non-harmony modules
977 /******/ __webpack_require__.n = function(module) {
978 /******/ var getter = module && module.__esModule ?
979 /******/ function() { return module['default']; } :
980 /******/ function() { return module; };
981 /******/ __webpack_require__.d(getter, { a: getter });
982 /******/ return getter;
983 /******/ };
984 /******/ }();
985 /******/
986 /******/ /* webpack/runtime/define property getters */
987 /******/ !function() {
988 /******/ // define getter functions for harmony exports
989 /******/ __webpack_require__.d = function(exports, definition) {
990 /******/ for(var key in definition) {
991 /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
992 /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
993 /******/ }
994 /******/ }
995 /******/ };
996 /******/ }();
997 /******/
998 /******/ /* webpack/runtime/hasOwnProperty shorthand */
999 /******/ !function() {
1000 /******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
1001 /******/ }();
1002 /******/
1003 /******/ /* webpack/runtime/make namespace object */
1004 /******/ !function() {
1005 /******/ // define __esModule on exports
1006 /******/ __webpack_require__.r = function(exports) {
1007 /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
1008 /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
1009 /******/ }
1010 /******/ Object.defineProperty(exports, '__esModule', { value: true });
1011 /******/ };
1012 /******/ }();
1013 /******/
1014 /******/ /* webpack/runtime/jsonp chunk loading */
1015 /******/ !function() {
1016 /******/ // no baseURI
1017 /******/
1018 /******/ // object to store loaded and loading chunks
1019 /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
1020 /******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
1021 /******/ var installedChunks = {
1022 /******/ "index": 0,
1023 /******/ "./style-index": 0
1024 /******/ };
1025 /******/
1026 /******/ // no chunk on demand loading
1027 /******/
1028 /******/ // no prefetching
1029 /******/
1030 /******/ // no preloaded
1031 /******/
1032 /******/ // no HMR
1033 /******/
1034 /******/ // no HMR manifest
1035 /******/
1036 /******/ __webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };
1037 /******/
1038 /******/ // install a JSONP callback for chunk loading
1039 /******/ var webpackJsonpCallback = function(parentChunkLoadingFunction, data) {
1040 /******/ var chunkIds = data[0];
1041 /******/ var moreModules = data[1];
1042 /******/ var runtime = data[2];
1043 /******/ // add "moreModules" to the modules object,
1044 /******/ // then flag all "chunkIds" as loaded and fire callback
1045 /******/ var moduleId, chunkId, i = 0;
1046 /******/ if(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {
1047 /******/ for(moduleId in moreModules) {
1048 /******/ if(__webpack_require__.o(moreModules, moduleId)) {
1049 /******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
1050 /******/ }
1051 /******/ }
1052 /******/ if(runtime) var result = runtime(__webpack_require__);
1053 /******/ }
1054 /******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
1055 /******/ for(;i < chunkIds.length; i++) {
1056 /******/ chunkId = chunkIds[i];
1057 /******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
1058 /******/ installedChunks[chunkId][0]();
1059 /******/ }
1060 /******/ installedChunks[chunkId] = 0;
1061 /******/ }
1062 /******/ return __webpack_require__.O(result);
1063 /******/ }
1064 /******/
1065 /******/ var chunkLoadingGlobal = self["webpackChunktiered_pricing_block"] = self["webpackChunktiered_pricing_block"] || [];
1066 /******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
1067 /******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
1068 /******/ }();
1069 /******/
1070 /************************************************************************/
1071 /******/
1072 /******/ // startup
1073 /******/ // Load entry module and return exports
1074 /******/ // This entry module depends on other loaded chunks and execution need to be delayed
1075 /******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["./style-index"], function() { return __webpack_require__("./src/index.js"); })
1076 /******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
1077 /******/
1078 /******/ })()
1079 ;
1080 //# sourceMappingURL=index.js.map