@threedddplus/logoeditor 0.0.34 → 0.0.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/logoeditor.cjs.development.js +16 -16
- package/dist/logoeditor.cjs.development.js.map +1 -1
- package/dist/logoeditor.cjs.production.min.js +1 -1
- package/dist/logoeditor.cjs.production.min.js.map +1 -1
- package/dist/logoeditor.esm.js +16 -16
- package/dist/logoeditor.esm.js.map +1 -1
- package/dist/store/actions/index.d.ts +2 -2
- package/package.json +1 -1
@@ -1609,7 +1609,7 @@ var graphqlSlice = function graphqlSlice(set, get) {
|
|
1609
1609
|
toastMessages: toastMessages,
|
1610
1610
|
loadDesignModal: false,
|
1611
1611
|
productInfoModal: false,
|
1612
|
-
|
1612
|
+
toggleSaveLogo: {
|
1613
1613
|
key: 'save',
|
1614
1614
|
status: false,
|
1615
1615
|
title: '',
|
@@ -1640,9 +1640,9 @@ var graphqlSlice = function graphqlSlice(set, get) {
|
|
1640
1640
|
loadDesignModal: loadDesign
|
1641
1641
|
});
|
1642
1642
|
},
|
1643
|
-
|
1643
|
+
setToggleSaveLogo: function setToggleSaveLogo(key, status, title, details) {
|
1644
1644
|
set({
|
1645
|
-
|
1645
|
+
toggleSaveLogo: {
|
1646
1646
|
key: key,
|
1647
1647
|
status: status,
|
1648
1648
|
title: title,
|
@@ -1711,11 +1711,11 @@ var graphqlSlice = function graphqlSlice(set, get) {
|
|
1711
1711
|
if (!use3dddPlus.getState().customerId) {
|
1712
1712
|
get().toggleLoginModal();
|
1713
1713
|
get().setShowModalAfterLogin(function () {
|
1714
|
-
use3dddPlus.getState().
|
1714
|
+
use3dddPlus.getState().setToggleSaveLogo('save', true, 'Save Your Design', {});
|
1715
1715
|
});
|
1716
1716
|
return;
|
1717
1717
|
}
|
1718
|
-
get().
|
1718
|
+
get().setToggleSaveLogo('save', true, 'Save Your Design', {});
|
1719
1719
|
use3dddPlus.setState({
|
1720
1720
|
disableSaveButton: false
|
1721
1721
|
});
|
@@ -6563,7 +6563,7 @@ var Rightmenu = function Rightmenu() {
|
|
6563
6563
|
var _use3dddPlus = use3dddPlus(function (state) {
|
6564
6564
|
return [
|
6565
6565
|
// state.colorFill,
|
6566
|
-
state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.storeAllObject, state.allColor, state.
|
6566
|
+
state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.storeAllObject, state.allColor, state.setToggleSaveLogo];
|
6567
6567
|
}, shallow.shallow),
|
6568
6568
|
// colorFill,
|
6569
6569
|
currentSelection = _use3dddPlus[0],
|
@@ -6572,7 +6572,7 @@ var Rightmenu = function Rightmenu() {
|
|
6572
6572
|
activeObj = _use3dddPlus[3],
|
6573
6573
|
storeAllObject = _use3dddPlus[4],
|
6574
6574
|
allColor = _use3dddPlus[5],
|
6575
|
-
|
6575
|
+
setToggleSaveLogo = _use3dddPlus[6];
|
6576
6576
|
var _useState = React.useState(false),
|
6577
6577
|
textAlignDisplay = _useState[0],
|
6578
6578
|
setTextAlignDisplay = _useState[1];
|
@@ -7312,7 +7312,7 @@ var Rightmenu = function Rightmenu() {
|
|
7312
7312
|
};
|
7313
7313
|
var onSave = function onSave() {
|
7314
7314
|
if (canvas.getObjects().length > 0) {
|
7315
|
-
|
7315
|
+
setToggleSaveLogo('save', true, 'Save Logo', {});
|
7316
7316
|
} else {
|
7317
7317
|
alert('NOTHING TO SAVE...');
|
7318
7318
|
}
|
@@ -7916,7 +7916,7 @@ var SaveDesignModal = function SaveDesignModal(_ref) {
|
|
7916
7916
|
var children = _ref.children,
|
7917
7917
|
_ref$className = _ref.className,
|
7918
7918
|
className = _ref$className === void 0 ? '' : _ref$className;
|
7919
|
-
// const closeDesign = use3dddPlus((state) => state.
|
7919
|
+
// const closeDesign = use3dddPlus((state) => state.setToggleSaveLogo);
|
7920
7920
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
7921
7921
|
className: "modal modal-middle modal-open"
|
7922
7922
|
}, React__default.createElement("div", {
|
@@ -7939,13 +7939,13 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
7939
7939
|
commaInTagName = _useState2[0],
|
7940
7940
|
setCommaInTagName = _useState2[1];
|
7941
7941
|
var _use3dddPlus = use3dddPlus(function (state) {
|
7942
|
-
return [state.fabricCanvas, state.logoName, state.logoTag, state.
|
7942
|
+
return [state.fabricCanvas, state.logoName, state.logoTag, state.setToggleSaveLogo, state.toggleSaveLogo, state.disableSaveButton, state.saveLogo, state.uploadLogoConfig, state.setLogoData];
|
7943
7943
|
}),
|
7944
7944
|
canvas = _use3dddPlus[0],
|
7945
7945
|
logoName = _use3dddPlus[1],
|
7946
7946
|
logoTag = _use3dddPlus[2],
|
7947
7947
|
closeModal = _use3dddPlus[3],
|
7948
|
-
|
7948
|
+
toggleSaveLogo = _use3dddPlus[4],
|
7949
7949
|
disableSaveButton = _use3dddPlus[5],
|
7950
7950
|
saveLogo = _use3dddPlus[6],
|
7951
7951
|
uploadLogoConfig = _use3dddPlus[7],
|
@@ -8116,7 +8116,7 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
8116
8116
|
className: "w-full"
|
8117
8117
|
}, React__default.createElement("span", {
|
8118
8118
|
className: "block mb-6 font-bold text-2xl lh-1 " + SECONDARY_COLOR + " uppercase leading-[2.3125rem] font-bold " + EDIT_DESIGN_INFO_TEXT_COLOR_1 + " " + TEXT_SIZE_5 + "\n "
|
8119
|
-
},
|
8119
|
+
}, toggleSaveLogo.title), React__default.createElement("div", null, React__default.createElement("div", {
|
8120
8120
|
className: ""
|
8121
8121
|
}, React__default.createElement("label", {
|
8122
8122
|
className: " px-[0.125rem] left-4 transition-all " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " font-medium leading-[1.25rem] top-1/2 transform -translate-y-1/2"
|
@@ -8173,7 +8173,7 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
8173
8173
|
className: "text-sm " + INPUT_ERROR_TEXT_COLOR + " mb-5"
|
8174
8174
|
}, "* Tag Name can not have any special characters"), React__default.createElement("div", {
|
8175
8175
|
className: (!disableSaveButton ? 'flex flex-col lg:flex-row' : '') + " gap-[19px] leading-[23px] font-bold " + TEXT_SIZE_4
|
8176
|
-
},
|
8176
|
+
}, toggleSaveLogo.key === 'save' && React__default.createElement(React__default.Fragment, null, React__default.createElement("button", {
|
8177
8177
|
className: "md:btn-md lg:w-2/5 w-full rounded-none uppercase hover:bg-[#E11A38] active:" + SAVEBUTTON_BG_COLOR + " " + SAVEBUTTON_BG_COLOR + " " + BUTTON_TEXT_COLOR,
|
8178
8178
|
onClick: function onClick() {
|
8179
8179
|
return onSaveHandler();
|
@@ -8221,10 +8221,10 @@ var MiddleMenu = function MiddleMenu(_ref) {
|
|
8221
8221
|
var onApply = _ref.onApply,
|
8222
8222
|
onSaveLogo = _ref.onSaveLogo;
|
8223
8223
|
var _use3dddPlus = use3dddPlus(function (state) {
|
8224
|
-
return [state.selectedStepper, state.
|
8224
|
+
return [state.selectedStepper, state.toggleSaveLogo, state.loadingLogo];
|
8225
8225
|
}, shallow.shallow),
|
8226
8226
|
selectedStepper = _use3dddPlus[0],
|
8227
|
-
|
8227
|
+
toggleSaveLogo = _use3dddPlus[1],
|
8228
8228
|
loadingLogo = _use3dddPlus[2];
|
8229
8229
|
React__default.useEffect(function () {
|
8230
8230
|
if (selectedStepper === 2) loadingLogo('');
|
@@ -8233,7 +8233,7 @@ var MiddleMenu = function MiddleMenu(_ref) {
|
|
8233
8233
|
className: " flex flex-col md:flex-row flex-1 z-0 w-[90%] h-full"
|
8234
8234
|
}, React__default.createElement("div", {
|
8235
8235
|
className: "flex w-[70%] h-[100%]"
|
8236
|
-
}, React__default.createElement(canvas, null)),
|
8236
|
+
}, React__default.createElement(canvas, null)), toggleSaveLogo.status && React__default.createElement(SaveDesign, {
|
8237
8237
|
onSaveLogo: onSaveLogo
|
8238
8238
|
}), React__default.createElement("div", {
|
8239
8239
|
className: "flex-1 z-10 h-[100%] "
|