From 57902c70179202acd57899a32eb2060c83910d0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ionu=C8=9B=20Staicu?= <github@iamntz.com>
Date: Mon, 4 Mar 2019 12:45:35 +0200
Subject: [PATCH] close #7

- fix field name on gutenberg blocks
---
 README.md                    |  5 -----
 assets/build/bundle.js       |  2 +-
 assets/build/bundle.min.js   |  2 +-
 assets/src/UrlPickerField.js |  8 ++++----
 package-lock.json            | 28 +++++++++++++++++++++-------
 5 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index ab8c658..9a9d610 100644
--- a/README.md
+++ b/README.md
@@ -2,11 +2,6 @@
 
 _(this is an extension of [Carbon Fields](http://carbonfields.net/) plugin)_
 
-Adds a `urlpicker` field type to Carbon Fields. Install using composer:
-```cli
-composer require iamntz/carbon-fields-urlpicker
-```
-
 For Carbon Fields v3, you need to specify the `v3` branch:
 
 ```cli
diff --git a/assets/build/bundle.js b/assets/build/bundle.js
index 373b435..d3507ed 100644
--- a/assets/build/bundle.js
+++ b/assets/build/bundle.js
@@ -106,7 +106,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(__webpack_provided_wp_dot_element) {/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"./node_modules/@babel/runtime/helpers/objectSpread.js\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"./node_modules/@babel/runtime/helpers/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"./node_modules/@babel/runtime/helpers/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"./node_modules/@babel/runtime/helpers/getPrototypeOf.js\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"./node_modules/@babel/runtime/helpers/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/element */ \"@wordpress/element\");\n/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _LinkPicker_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./LinkPicker.js */ \"./assets/src/LinkPicker.js\");\n\n\n\n\n\n\n\n\n\n/**\n * External dependencies.\n */\n\n\n\nvar UrlPickerField =\n/*#__PURE__*/\nfunction (_Component) {\n  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(UrlPickerField, _Component);\n\n  function UrlPickerField() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, UrlPickerField);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(this, (_getPrototypeOf2 = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(UrlPickerField)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)), \"resetFieldValues\", function (e) {\n      e.preventDefault();\n      var field = _this.props.field;\n\n      _this.props.onChange(field.id, {\n        url: '',\n        anchor: '',\n        blank: ''\n      });\n    });\n\n    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)), \"openUrlPicker\", function (e) {\n      var target = e.currentTarget;\n      var field = _this.props.field;\n      Object(_LinkPicker_js__WEBPACK_IMPORTED_MODULE_9__[\"maybeLoadTinyMcerPicker\"])().then(function () {\n        return Object(_LinkPicker_js__WEBPACK_IMPORTED_MODULE_9__[\"openTinyMceLinkEditor\"])(target, field);\n      }).then(function (data) {\n        return _this.props.onChange(field.id, _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_0___default()({}, data));\n      });\n      return false;\n    });\n\n    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)), \"getButton\", function () {\n      var value = _this.props.field.value;\n\n      if (value.url.length > 0) {\n        return __webpack_provided_wp_dot_element.createElement(\"span\", {\n          className: \"carbon-fields--urlpicker\",\n          \"data-is-blank\": value.blank ? 1 : 0\n        }, __webpack_provided_wp_dot_element.createElement(\"span\", {\n          onClick: _this.openUrlPicker.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)))\n        }, __webpack_provided_wp_dot_element.createElement(\"strong\", null, value.url.replace(\"\".concat(carbonFieldsUrlpickerL10n.home_url), '')), __webpack_provided_wp_dot_element.createElement(\"br\", null), __webpack_provided_wp_dot_element.createElement(\"small\", null, __webpack_provided_wp_dot_element.createElement(\"em\", null, value.anchor))), __webpack_provided_wp_dot_element.createElement(\"span\", {\n          className: \"carbon-fields--urlpicker__remove\",\n          onClick: _this.resetFieldValues.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this))),\n          title: carbonFieldsUrlpickerL10n.remove_link\n        }, \"\\xD7\"));\n      }\n\n      return __webpack_provided_wp_dot_element.createElement(\"span\", {\n        className: \"button button-secondary\",\n        onClick: _this.openUrlPicker.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)))\n      }, carbonFieldsUrlpickerL10n.select_link);\n    });\n\n    return _this;\n  }\n\n  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(UrlPickerField, [{\n    key: \"render\",\n\n    /**\n     * Render a number input field.\n     *\n     * @return {Object}\n     */\n    value: function render() {\n      var _this$props = this.props,\n          id = _this$props.id,\n          name = _this$props.name,\n          value = _this$props.value,\n          field = _this$props.field;\n      return __webpack_provided_wp_dot_element.createElement(\"div\", null, this.getButton(), __webpack_provided_wp_dot_element.createElement(\"input\", {\n        name: \"\".concat(name, \"[url]\"),\n        value: value.url,\n        type: \"hidden\",\n        readOnly: true\n      }), __webpack_provided_wp_dot_element.createElement(\"input\", {\n        name: \"\".concat(name, \"[anchor]\"),\n        value: value.anchor,\n        type: \"hidden\",\n        readOnly: true\n      }), __webpack_provided_wp_dot_element.createElement(\"input\", {\n        name: \"\".concat(name, \"[blank]\"),\n        value: value.blank,\n        type: \"hidden\",\n        readOnly: true\n      }));\n    }\n  }]);\n\n  return UrlPickerField;\n}(_wordpress_element__WEBPACK_IMPORTED_MODULE_8__[\"Component\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (UrlPickerField);\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! @wordpress/element */ \"@wordpress/element\")))\n\n//# sourceURL=webpack:///./assets/src/UrlPickerField.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(__webpack_provided_wp_dot_element) {/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"./node_modules/@babel/runtime/helpers/objectSpread.js\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"./node_modules/@babel/runtime/helpers/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"./node_modules/@babel/runtime/helpers/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"./node_modules/@babel/runtime/helpers/getPrototypeOf.js\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"./node_modules/@babel/runtime/helpers/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/element */ \"@wordpress/element\");\n/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _LinkPicker_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./LinkPicker.js */ \"./assets/src/LinkPicker.js\");\n\n\n\n\n\n\n\n\n\n/**\n * External dependencies.\n */\n\n\n\nvar UrlPickerField =\n/*#__PURE__*/\nfunction (_Component) {\n  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(UrlPickerField, _Component);\n\n  function UrlPickerField() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, UrlPickerField);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(this, (_getPrototypeOf2 = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(UrlPickerField)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)), \"resetFieldValues\", function (e) {\n      e.preventDefault();\n      var _this$props = _this.props,\n          field = _this$props.field,\n          id = _this$props.id;\n\n      _this.props.onChange(id, {\n        url: '',\n        anchor: '',\n        blank: ''\n      });\n    });\n\n    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)), \"openUrlPicker\", function (e) {\n      var target = e.currentTarget;\n      var _this$props2 = _this.props,\n          field = _this$props2.field,\n          id = _this$props2.id;\n      Object(_LinkPicker_js__WEBPACK_IMPORTED_MODULE_9__[\"maybeLoadTinyMcerPicker\"])().then(function () {\n        return Object(_LinkPicker_js__WEBPACK_IMPORTED_MODULE_9__[\"openTinyMceLinkEditor\"])(target, field);\n      }).then(function (data) {\n        return _this.props.onChange(id, _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_0___default()({}, data));\n      });\n      return false;\n    });\n\n    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)), \"getButton\", function () {\n      var value = _this.props.field.value;\n\n      if (value.url.length > 0) {\n        return __webpack_provided_wp_dot_element.createElement(\"span\", {\n          className: \"carbon-fields--urlpicker\",\n          \"data-is-blank\": value.blank ? 1 : 0\n        }, __webpack_provided_wp_dot_element.createElement(\"span\", {\n          onClick: _this.openUrlPicker.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)))\n        }, __webpack_provided_wp_dot_element.createElement(\"strong\", null, value.url.replace(\"\".concat(carbonFieldsUrlpickerL10n.home_url), '')), __webpack_provided_wp_dot_element.createElement(\"br\", null), __webpack_provided_wp_dot_element.createElement(\"small\", null, __webpack_provided_wp_dot_element.createElement(\"em\", null, value.anchor))), __webpack_provided_wp_dot_element.createElement(\"span\", {\n          className: \"carbon-fields--urlpicker__remove\",\n          onClick: _this.resetFieldValues.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this))),\n          title: carbonFieldsUrlpickerL10n.remove_link\n        }, \"\\xD7\"));\n      }\n\n      return __webpack_provided_wp_dot_element.createElement(\"span\", {\n        className: \"button button-secondary\",\n        onClick: _this.openUrlPicker.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6___default()(_this)))\n      }, carbonFieldsUrlpickerL10n.select_link);\n    });\n\n    return _this;\n  }\n\n  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(UrlPickerField, [{\n    key: \"render\",\n\n    /**\n     * Render a number input field.\n     *\n     * @return {Object}\n     */\n    value: function render() {\n      var _this$props3 = this.props,\n          id = _this$props3.id,\n          name = _this$props3.name,\n          value = _this$props3.value,\n          field = _this$props3.field;\n      return __webpack_provided_wp_dot_element.createElement(\"div\", null, this.getButton(), __webpack_provided_wp_dot_element.createElement(\"input\", {\n        name: \"\".concat(name, \"[url]\"),\n        value: value.url,\n        type: \"hidden\",\n        readOnly: true\n      }), __webpack_provided_wp_dot_element.createElement(\"input\", {\n        name: \"\".concat(name, \"[anchor]\"),\n        value: value.anchor,\n        type: \"hidden\",\n        readOnly: true\n      }), __webpack_provided_wp_dot_element.createElement(\"input\", {\n        name: \"\".concat(name, \"[blank]\"),\n        value: value.blank,\n        type: \"hidden\",\n        readOnly: true\n      }));\n    }\n  }]);\n\n  return UrlPickerField;\n}(_wordpress_element__WEBPACK_IMPORTED_MODULE_8__[\"Component\"]);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (UrlPickerField);\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! @wordpress/element */ \"@wordpress/element\")))\n\n//# sourceURL=webpack:///./assets/src/UrlPickerField.js?");
 
 /***/ }),
 
diff --git a/assets/build/bundle.min.js b/assets/build/bundle.min.js
index 0fcba9e..5598426 100644
--- a/assets/build/bundle.min.js
+++ b/assets/build/bundle.min.js
@@ -1 +1 @@
-!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=12)}([function(e,n){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}},function(e,n){e.exports=cf.vendor["@wordpress/element"]},function(e,n,t){"use strict";t.d(n,"a",function(){return o}),t.d(n,"b",function(){return i});var r=jQuery,o=function(){return new Promise(function(e,n){r("#wp-link-wrap").length?e():r.get(ajaxurl,{action:"carbonfields_urlpicker_get_tinymce_popup"},function(n){r("#wpfooter").after(n),wpLink.init(),e()})})},i=function(e,n){var t=n.id,o=n.value,i="dummy-".concat(t),c=r("<textarea />",{id:i,style:"height: 0; width: 0; position: absolute; left: -9999px"});function l(e){r("#wp-link-text").val(r(e.currentTarget).find(".item-title").text())}return c.insertAfter(e),wpLink.setDefaultValues=function(){r("#wp-link-url").val(o.url),r("#wp-link-text").val(o.anchor),r("#wp-link-target").prop("checked",!!o.blank)},wpLink.open(i),r("#search-results, #most-recent-results").on("click.carbon-fields-urlpicker","li",l),new Promise(function(e,n){c.one("change",function(n,t){var o={url:r("#wp-link-url").val(),anchor:r("#wp-link-text").val(),blank:r("#wp-link-target").prop("checked")?1:0};wpLink.setDefaultValues=function(){r("#wp-link-url").val(""),r("#wp-link-text").val(""),r("#wp-link-target").prop("checked",!1)},r("#search-results, #most-recent-results").off("click.carbon-fields-urlpicker","li",l),e(o)})})}},function(e,n){e.exports=cf.core},function(e,n,t){"use strict";(function(e){var r=t(6),o=t.n(r),i=t(7),c=t.n(i),l=t(8),u=t.n(l),a=t(9),f=t.n(a),p=t(10),s=t.n(p),b=t(11),y=t.n(b),d=t(0),m=t.n(d),v=t(1),k=t.n(v),h=t(2),w=t(3),g=function(n){function t(){var n,r;c()(this,t);for(var i=arguments.length,l=new Array(i),u=0;u<i;u++)l[u]=arguments[u];return r=f()(this,(n=s()(t)).call.apply(n,[this].concat(l))),k()(m()(m()(r)),"resetFieldValues",function(e){e.preventDefault();var n=r.props.field;r.props.onChange(n.id,{url:"",anchor:"",blank:""})}),k()(m()(m()(r)),"openUrlPicker",function(e){var n=e.currentTarget,t=r.props.field;return Object(w.a)().then(function(){return Object(w.b)(n,t)}).then(function(e){return r.props.onChange(t.id,o()({},e))}),!1}),k()(m()(m()(r)),"getButton",function(){var n=r.props.field.value;return n.url.length>0?e.createElement("span",{className:"carbon-fields--urlpicker","data-is-blank":n.blank?1:0},e.createElement("span",{onClick:r.openUrlPicker.bind(m()(m()(r)))},e.createElement("strong",null,n.url.replace("".concat(carbonFieldsUrlpickerL10n.home_url),"")),e.createElement("br",null),e.createElement("small",null,e.createElement("em",null,n.anchor))),e.createElement("span",{className:"carbon-fields--urlpicker__remove",onClick:r.resetFieldValues.bind(m()(m()(r))),title:carbonFieldsUrlpickerL10n.remove_link},"×")):e.createElement("span",{className:"button button-secondary",onClick:r.openUrlPicker.bind(m()(m()(r)))},carbonFieldsUrlpickerL10n.select_link)}),r}return y()(t,n),u()(t,[{key:"render",value:function(){var n=this.props,t=(n.id,n.name),r=n.value;return n.field,e.createElement("div",null,this.getButton(),e.createElement("input",{name:"".concat(t,"[url]"),value:r.url,type:"hidden",readOnly:!0}),e.createElement("input",{name:"".concat(t,"[anchor]"),value:r.anchor,type:"hidden",readOnly:!0}),e.createElement("input",{name:"".concat(t,"[blank]"),value:r.blank,type:"hidden",readOnly:!0}))}}]),t}(h.Component);n.a=g}).call(this,t(2))},function(e,n,t){var r=t(1);e.exports=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(n){r(e,n,t[n])})}return e}},function(e,n){e.exports=function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}},function(e,n){function t(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}},function(e,n,t){var r=t(14),o=t(0);e.exports=function(e,n){return!n||"object"!==r(n)&&"function"!=typeof n?o(e):n}},function(e,n){function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},function(e,n,t){var r=t(15);e.exports=function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&r(e,n)}},function(e,n,t){"use strict";t.r(n);var r=t(4),o=(t(13),t(5));Object(r.registerFieldType)("urlpicker",o.a)},function(e,n,t){},function(e,n){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(n){return"function"==typeof Symbol&&"symbol"===t(Symbol.iterator)?e.exports=r=function(e){return t(e)}:e.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":t(e)},r(n)}e.exports=r},function(e,n){function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e},t(n,r)}e.exports=t}]);
\ No newline at end of file
+!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=12)}([function(e,n){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}},function(e,n){e.exports=cf.vendor["@wordpress/element"]},function(e,n,t){"use strict";t.d(n,"a",function(){return o}),t.d(n,"b",function(){return i});var r=jQuery,o=function(){return new Promise(function(e,n){r("#wp-link-wrap").length?e():r.get(ajaxurl,{action:"carbonfields_urlpicker_get_tinymce_popup"},function(n){r("#wpfooter").after(n),wpLink.init(),e()})})},i=function(e,n){var t=n.id,o=n.value,i="dummy-".concat(t),c=r("<textarea />",{id:i,style:"height: 0; width: 0; position: absolute; left: -9999px"});function l(e){r("#wp-link-text").val(r(e.currentTarget).find(".item-title").text())}return c.insertAfter(e),wpLink.setDefaultValues=function(){r("#wp-link-url").val(o.url),r("#wp-link-text").val(o.anchor),r("#wp-link-target").prop("checked",!!o.blank)},wpLink.open(i),r("#search-results, #most-recent-results").on("click.carbon-fields-urlpicker","li",l),new Promise(function(e,n){c.one("change",function(n,t){var o={url:r("#wp-link-url").val(),anchor:r("#wp-link-text").val(),blank:r("#wp-link-target").prop("checked")?1:0};wpLink.setDefaultValues=function(){r("#wp-link-url").val(""),r("#wp-link-text").val(""),r("#wp-link-target").prop("checked",!1)},r("#search-results, #most-recent-results").off("click.carbon-fields-urlpicker","li",l),e(o)})})}},function(e,n){e.exports=cf.core},function(e,n,t){"use strict";(function(e){var r=t(6),o=t.n(r),i=t(7),c=t.n(i),l=t(8),u=t.n(l),a=t(9),f=t.n(a),p=t(10),s=t.n(p),b=t(11),y=t.n(b),d=t(0),m=t.n(d),v=t(1),k=t.n(v),h=t(2),w=t(3),g=function(n){function t(){var n,r;c()(this,t);for(var i=arguments.length,l=new Array(i),u=0;u<i;u++)l[u]=arguments[u];return r=f()(this,(n=s()(t)).call.apply(n,[this].concat(l))),k()(m()(m()(r)),"resetFieldValues",function(e){e.preventDefault();var n=r.props,t=(n.field,n.id);r.props.onChange(t,{url:"",anchor:"",blank:""})}),k()(m()(m()(r)),"openUrlPicker",function(e){var n=e.currentTarget,t=r.props,i=t.field,c=t.id;return Object(w.a)().then(function(){return Object(w.b)(n,i)}).then(function(e){return r.props.onChange(c,o()({},e))}),!1}),k()(m()(m()(r)),"getButton",function(){var n=r.props.field.value;return n.url.length>0?e.createElement("span",{className:"carbon-fields--urlpicker","data-is-blank":n.blank?1:0},e.createElement("span",{onClick:r.openUrlPicker.bind(m()(m()(r)))},e.createElement("strong",null,n.url.replace("".concat(carbonFieldsUrlpickerL10n.home_url),"")),e.createElement("br",null),e.createElement("small",null,e.createElement("em",null,n.anchor))),e.createElement("span",{className:"carbon-fields--urlpicker__remove",onClick:r.resetFieldValues.bind(m()(m()(r))),title:carbonFieldsUrlpickerL10n.remove_link},"×")):e.createElement("span",{className:"button button-secondary",onClick:r.openUrlPicker.bind(m()(m()(r)))},carbonFieldsUrlpickerL10n.select_link)}),r}return y()(t,n),u()(t,[{key:"render",value:function(){var n=this.props,t=(n.id,n.name),r=n.value;return n.field,e.createElement("div",null,this.getButton(),e.createElement("input",{name:"".concat(t,"[url]"),value:r.url,type:"hidden",readOnly:!0}),e.createElement("input",{name:"".concat(t,"[anchor]"),value:r.anchor,type:"hidden",readOnly:!0}),e.createElement("input",{name:"".concat(t,"[blank]"),value:r.blank,type:"hidden",readOnly:!0}))}}]),t}(h.Component);n.a=g}).call(this,t(2))},function(e,n,t){var r=t(1);e.exports=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(n){r(e,n,t[n])})}return e}},function(e,n){e.exports=function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}},function(e,n){function t(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}},function(e,n,t){var r=t(14),o=t(0);e.exports=function(e,n){return!n||"object"!==r(n)&&"function"!=typeof n?o(e):n}},function(e,n){function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},function(e,n,t){var r=t(15);e.exports=function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&r(e,n)}},function(e,n,t){"use strict";t.r(n);var r=t(4),o=(t(13),t(5));Object(r.registerFieldType)("urlpicker",o.a)},function(e,n,t){},function(e,n){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(n){return"function"==typeof Symbol&&"symbol"===t(Symbol.iterator)?e.exports=r=function(e){return t(e)}:e.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":t(e)},r(n)}e.exports=r},function(e,n){function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e},t(n,r)}e.exports=t}]);
\ No newline at end of file
diff --git a/assets/src/UrlPickerField.js b/assets/src/UrlPickerField.js
index 6861ba7..2986543 100644
--- a/assets/src/UrlPickerField.js
+++ b/assets/src/UrlPickerField.js
@@ -12,9 +12,9 @@ import {
 class UrlPickerField extends Component {
   resetFieldValues = (e) => {
     e.preventDefault();
-    const {field} = this.props;
+    const {field, id} = this.props;
 
-    this.props.onChange(field.id, {
+    this.props.onChange(id, {
       url: '',
       anchor: '',
       blank: '',
@@ -23,11 +23,11 @@ class UrlPickerField extends Component {
 
   openUrlPicker = ( e ) => {
       const target = e.currentTarget;
-      const {field} = this.props;
+      const {field, id} = this.props;
 
       maybeLoadTinyMcerPicker()
         .then(() => openTinyMceLinkEditor(target, field))
-        .then(data => this.props.onChange(field.id, { ...data }) );
+        .then(data => this.props.onChange(id, { ...data }) );
 
       return false;
   }
diff --git a/package-lock.json b/package-lock.json
index 67a8a0b..48d7df5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3338,12 +3338,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -3358,17 +3360,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -3485,7 +3490,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -3497,6 +3503,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -3511,6 +3518,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -3518,12 +3526,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -3542,6 +3552,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -3622,7 +3633,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -3634,6 +3646,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -3755,6 +3768,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",