Alfresco Activiti task assignment back to initiator - alfresco
I have created a 3 levels activiti workflow in alfresco where initiator initiates the tack & it goes to level1 approver. If level1 approves the task, it goes to level2 approver. If level2 approves the task, it goes to level 2 & soon. It also has timers which assigns the task to next level after expiration.
Similarly, if level 3 rejects the task, it goes to level2. If level 2 rejects, it goes to level1 but if level1 rejects the task, it is not going back to initiator.Except, it is working fine. XML is as below.
<?xml version="1.0" encoding="UTF-8"?>
<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:activiti="http://activiti.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath" targetNamespace="http://www.activiti.org/test">
<process id="alfrescoThreeLevelFullWF" name="Alfresco Three Level Full Workflow">
<startEvent id="alfrescoStartevent1" name="Alfresco start" activiti:formKey="wf:submitGroupReviewTask" activiti:initiator="${initiator.properties.userName}"></startEvent>
<userTask id="level1ApprovalTask" name="Level 1 Approval" activiti:candidateGroups="GROUP_Group1" activiti:formKey="wf:activitiReviewTask">
<extensionElements>
<activiti:taskListener event="complete" class="org.alfresco.repo.workflow.activiti.tasklistener.ScriptTaskListener">
<activiti:field name="script">
<activiti:string>execution.setVariable('wf_reviewOutcome', task.getVariable('wf_reviewOutcome'));</activiti:string>
</activiti:field>
</activiti:taskListener>
</extensionElements>
</userTask>
<boundaryEvent id="level1ApprovalTimer" name="Level 1 Approval Timer" cancelActivity="true" attachedToRef="level1ApprovalTask">
<timerEventDefinition>
<timeDuration>PT1M</timeDuration>
</timerEventDefinition>
</boundaryEvent>
<exclusiveGateway id="gotLevel1Approval" name="Level 1 Approval Check"></exclusiveGateway>
<userTask id="level2ApprovalTask" name="Level 2 Approval" activiti:candidateGroups="GROUP_Group2" activiti:formKey="wf:activitiReviewTask">
<extensionElements>
<activiti:taskListener event="complete" class="org.alfresco.repo.workflow.activiti.tasklistener.ScriptTaskListener">
<activiti:field name="script">
<activiti:string>execution.setVariable('wf_reviewOutcome', task.getVariable('wf_reviewOutcome'));</activiti:string>
</activiti:field>
</activiti:taskListener>
</extensionElements>
</userTask>
<boundaryEvent id="level2ApprovalTimer" name="Level 2 Approval Timer" cancelActivity="true" attachedToRef="level2ApprovalTask">
<timerEventDefinition>
<timeDuration>PT1M</timeDuration>
</timerEventDefinition>
</boundaryEvent>
<exclusiveGateway id="gotLevel2Approval" name="Level 2 Approval Check"></exclusiveGateway>
<userTask id="level3ApprovalTask" name="Level 3 Approval" activiti:candidateGroups="GROUP_Group3" activiti:formKey="wf:activitiReviewTask">
<extensionElements>
<activiti:taskListener event="complete" class="org.alfresco.repo.workflow.activiti.tasklistener.ScriptTaskListener">
<activiti:field name="script">
<activiti:string>execution.setVariable('wf_reviewOutcome', task.getVariable('wf_reviewOutcome'));</activiti:string>
</activiti:field>
</activiti:taskListener>
</extensionElements>
</userTask>
<exclusiveGateway id="gotLevel3Approval" name="Level3 Approval Check"></exclusiveGateway>
<endEvent id="endevent1" name="End"></endEvent>
<sequenceFlow id="flow1" name="" sourceRef="alfrescoStartevent1" targetRef="level1ApprovalTask"></sequenceFlow>
<sequenceFlow id="flow2" name="" sourceRef="level1ApprovalTask" targetRef="gotLevel1Approval"></sequenceFlow>
<sequenceFlow id="level1Approved" name="Level 1 Approved" sourceRef="gotLevel1Approval" targetRef="level2ApprovalTask">
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${wf_reviewOutcome == 'Approve'}]]></conditionExpression>
</sequenceFlow>
<sequenceFlow id="flow4" name="" sourceRef="level2ApprovalTask" targetRef="gotLevel2Approval"></sequenceFlow>
<sequenceFlow id="level2Approved" name="Level2 Approved" sourceRef="gotLevel2Approval" targetRef="level3ApprovalTask">
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${wf_reviewOutcome == 'Approve'}]]></conditionExpression>
</sequenceFlow>
<sequenceFlow id="flow6" name="" sourceRef="level3ApprovalTask" targetRef="gotLevel3Approval"></sequenceFlow>
<sequenceFlow id="level3Approved" name="Level 3 Approved" sourceRef="gotLevel3Approval" targetRef="endevent1">
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${wf_reviewOutcome == 'Approve'}]]></conditionExpression>
</sequenceFlow>
<sequenceFlow id="level1Unapproved" name="Level 1 Unapproved" sourceRef="gotLevel1Approval" targetRef="alfrescoStartevent1">
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${wf_reviewOutcome == 'Reject'}]]></conditionExpression>
</sequenceFlow>
<sequenceFlow id="level2Unapproved" name="Level 2 Unapproved" sourceRef="gotLevel2Approval" targetRef="level1ApprovalTask">
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${wf_reviewOutcome == 'Reject'}]]></conditionExpression>
</sequenceFlow>
<sequenceFlow id="level3Unapproved" name="Level 3 unapproved" sourceRef="gotLevel3Approval" targetRef="level2ApprovalTask">
<conditionExpression xsi:type="tFormalExpression"><![CDATA[${wf_reviewOutcome == 'Reject'}]]></conditionExpression>
</sequenceFlow>
<sequenceFlow id="flow8" name="" sourceRef="level1ApprovalTimer" targetRef="level2ApprovalTask"></sequenceFlow>
<sequenceFlow id="flow9" name="" sourceRef="level2ApprovalTimer" targetRef="level3ApprovalTask"></sequenceFlow>
</process>
<bpmndi:BPMNDiagram id="BPMNDiagram_alfrescoThreeLevelFullWF">
<bpmndi:BPMNPlane bpmnElement="alfrescoThreeLevelFullWF" id="BPMNPlane_alfrescoThreeLevelFullWF">
<bpmndi:BPMNShape bpmnElement="alfrescoStartevent1" id="BPMNShape_alfrescoStartevent1">
<omgdc:Bounds height="35" width="35" x="20" y="200"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="level1ApprovalTask" id="BPMNShape_level1ApprovalTask">
<omgdc:Bounds height="55" width="105" x="110" y="190"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="level1ApprovalTimer" id="BPMNShape_level1ApprovalTimer">
<omgdc:Bounds height="30" width="30" x="150" y="230"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="gotLevel1Approval" id="BPMNShape_gotLevel1Approval">
<omgdc:Bounds height="40" width="40" x="252" y="197"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="level2ApprovalTask" id="BPMNShape_level2ApprovalTask">
<omgdc:Bounds height="55" width="105" x="370" y="190"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="level2ApprovalTimer" id="BPMNShape_level2ApprovalTimer">
<omgdc:Bounds height="30" width="30" x="440" y="230"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="gotLevel2Approval" id="BPMNShape_gotLevel2Approval">
<omgdc:Bounds height="40" width="40" x="540" y="197"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="level3ApprovalTask" id="BPMNShape_level3ApprovalTask">
<omgdc:Bounds height="55" width="105" x="640" y="190"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="gotLevel3Approval" id="BPMNShape_gotLevel3Approval">
<omgdc:Bounds height="40" width="40" x="810" y="197"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNShape bpmnElement="endevent1" id="BPMNShape_endevent1">
<omgdc:Bounds height="35" width="35" x="920" y="200"></omgdc:Bounds>
</bpmndi:BPMNShape>
<bpmndi:BPMNEdge bpmnElement="flow1" id="BPMNEdge_flow1">
<omgdi:waypoint x="55" y="217"></omgdi:waypoint>
<omgdi:waypoint x="110" y="217"></omgdi:waypoint>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="flow2" id="BPMNEdge_flow2">
<omgdi:waypoint x="215" y="217"></omgdi:waypoint>
<omgdi:waypoint x="252" y="217"></omgdi:waypoint>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="level1Approved" id="BPMNEdge_level1Approved">
<omgdi:waypoint x="292" y="217"></omgdi:waypoint>
<omgdi:waypoint x="370" y="217"></omgdi:waypoint>
<bpmndi:BPMNLabel>
<omgdc:Bounds height="14" width="100" x="-40" y="7"></omgdc:Bounds>
</bpmndi:BPMNLabel>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="flow4" id="BPMNEdge_flow4">
<omgdi:waypoint x="475" y="217"></omgdi:waypoint>
<omgdi:waypoint x="540" y="217"></omgdi:waypoint>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="level2Approved" id="BPMNEdge_level2Approved">
<omgdi:waypoint x="580" y="217"></omgdi:waypoint>
<omgdi:waypoint x="640" y="217"></omgdi:waypoint>
<bpmndi:BPMNLabel>
<omgdc:Bounds height="14" width="100" x="-40" y="7"></omgdc:Bounds>
</bpmndi:BPMNLabel>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="flow6" id="BPMNEdge_flow6">
<omgdi:waypoint x="745" y="217"></omgdi:waypoint>
<omgdi:waypoint x="810" y="217"></omgdi:waypoint>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="level3Approved" id="BPMNEdge_level3Approved">
<omgdi:waypoint x="850" y="217"></omgdi:waypoint>
<omgdi:waypoint x="920" y="217"></omgdi:waypoint>
<bpmndi:BPMNLabel>
<omgdc:Bounds height="14" width="100" x="-45" y="7"></omgdc:Bounds>
</bpmndi:BPMNLabel>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="level1Unapproved" id="BPMNEdge_level1Unapproved">
<omgdi:waypoint x="272" y="237"></omgdi:waypoint>
<omgdi:waypoint x="272" y="339"></omgdi:waypoint>
<omgdi:waypoint x="155" y="339"></omgdi:waypoint>
<omgdi:waypoint x="37" y="339"></omgdi:waypoint>
<omgdi:waypoint x="37" y="235"></omgdi:waypoint>
<bpmndi:BPMNLabel>
<omgdc:Bounds height="42" width="100" x="-335" y="-94"></omgdc:Bounds>
</bpmndi:BPMNLabel>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="level2Unapproved" id="BPMNEdge_level2Unapproved">
<omgdi:waypoint x="560" y="197"></omgdi:waypoint>
<omgdi:waypoint x="559" y="102"></omgdi:waypoint>
<omgdi:waypoint x="422" y="102"></omgdi:waypoint>
<omgdi:waypoint x="162" y="102"></omgdi:waypoint>
<omgdi:waypoint x="162" y="190"></omgdi:waypoint>
<bpmndi:BPMNLabel>
<omgdc:Bounds height="42" width="100" x="-53" y="-12"></omgdc:Bounds>
</bpmndi:BPMNLabel>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="level3Unapproved" id="BPMNEdge_level3Unapproved">
<omgdi:waypoint x="830" y="237"></omgdi:waypoint>
<omgdi:waypoint x="830" y="342"></omgdi:waypoint>
<omgdi:waypoint x="692" y="342"></omgdi:waypoint>
<omgdi:waypoint x="422" y="342"></omgdi:waypoint>
<omgdi:waypoint x="422" y="245"></omgdi:waypoint>
<bpmndi:BPMNLabel>
<omgdc:Bounds height="42" width="100" x="-54" y="-32"></omgdc:Bounds>
</bpmndi:BPMNLabel>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="flow8" id="BPMNEdge_flow8">
<omgdi:waypoint x="165" y="260"></omgdi:waypoint>
<omgdi:waypoint x="164" y="278"></omgdi:waypoint>
<omgdi:waypoint x="422" y="278"></omgdi:waypoint>
<omgdi:waypoint x="422" y="245"></omgdi:waypoint>
</bpmndi:BPMNEdge>
<bpmndi:BPMNEdge bpmnElement="flow9" id="BPMNEdge_flow9">
<omgdi:waypoint x="455" y="260"></omgdi:waypoint>
<omgdi:waypoint x="454" y="299"></omgdi:waypoint>
<omgdi:waypoint x="692" y="299"></omgdi:waypoint>
<omgdi:waypoint x="692" y="245"></omgdi:waypoint>
</bpmndi:BPMNEdge>
</bpmndi:BPMNPlane>
</bpmndi:BPMNDiagram>
</definitions>
Do anyone has any idea on how can i reassign this task back to initiator?
You need to have the approval process setup as a sub process. If level 1 rejects the task you set a process variable (i.e. approved = false) and simply exit. Now, setup a simple conditional on exit of the approval sub process to check if the activity was approved or not. If not, handle (i.e. back to initiator) otherwise, move on with the process.
There are other ways of handling, i.e. throw an exception which sends you back to the initiator, but the above will be the easiest to read and hence maintain in the future.
The other nice thing about setting this up as a sub process is that you can reuse the logic in other processes that need this style of approval.
Hope this helps.
Related
How do I control animation-play-start on nested animate element?
I'm trying to create an svg that only plays its animation when it's hovered over.
I've made multiple attempts to affect the animation-play-state attribute of the following svg markup's nested animate elements; and I'm just not getting it.
I've tried:
inlining, which doesn't work, because apparently there is no inline equivalent of the animation-play-state CSS property. I also haven't been able to affect the element's inline attributes, unless I set both 'default' and 'hover' states within my CSS
selecting elements by attribute, i.e.
svg [id^=anim_RenderLayer] {/*some attribute*/}
which doesn't have an effect on any attribute I've tried
setting the CSS properties to the enclosing g elements and svg element, which was unsuccessful for the animation-play-start attribute, but successful for others.
Does anyone have any suggestions for getting the below code's animation element's into the 'paused' state, 'running' state on hover over, and to restart on mouseout?
<svg xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" height="100" version="1.1" width="100">
<g id="RenderLayer_LineSet" inkscape:groupmode="lineset" inkscape:label="RenderLayer_LineSet">
<g id="frame_0001" inkscape:groupmode="frame" inkscape:label="frame_0001">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 50.000, 61.244 57.071, 68.315 64.142, 75.386 67.616, 78.860 74.687, 71.788 78.860, 67.616 71.788, 60.544 64.717, 53.473 61.244, 50.000 68.315, 42.929 75.386, 35.858 78.860, 32.384 71.788, 25.313 67.616, 21.140 60.544, 28.212 53.473, 35.283 50.000, 38.756 42.929, 31.685 35.858, 24.614 32.384, 21.140 25.313, 28.212 21.140, 32.384 28.212, 39.455 35.283, 46.527 38.756, 50.000 31.685, 57.071 24.614, 64.142 21.140, 67.616 28.212, 74.687 32.384, 78.860 39.456, 71.788 46.527, 64.717 50.000, 61.244 " fill="red" />
</g>
<animate attributeName="display" begin="-0.500s" dur="0.500s" id="anim_RenderLayer_LineSet_000001" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0002" inkscape:groupmode="frame" inkscape:label="frame_0002">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 50.000, 61.200 57.068, 68.273 64.136, 75.347 67.653, 78.867 74.712, 71.784 78.897, 67.585 71.823, 60.517 64.749, 53.449 61.244, 49.947 68.312, 42.873 75.380, 35.799 78.822, 32.355 71.738, 25.296 67.578, 21.150 60.504, 28.218 53.430, 35.286 50.000, 38.712 42.926, 31.644 35.852, 24.576 32.422, 21.150 25.339, 28.209 21.178, 32.355 28.247, 39.429 35.315, 46.503 38.756, 49.947 31.682, 57.015 24.608, 64.083 21.103, 67.585 28.162, 74.668 32.347, 78.867 39.415, 71.793 46.483, 64.719 50.000, 61.200 " fill="red" />
</g>
<animate attributeName="display" begin="-0.458s" dur="0.500s" id="anim_RenderLayer_LineSet_000002" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0003" inkscape:groupmode="frame" inkscape:label="frame_0003">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 50.000, 61.073 57.062, 68.153 64.124, 75.234 67.758, 78.877 74.784, 71.762 79.001, 67.493 71.917, 60.435 64.833, 53.376 61.244, 49.800 68.305, 42.720 75.367, 35.639 78.718, 32.280 71.600, 25.256 67.475, 21.186 60.391, 28.244 53.307, 35.302 50.000, 38.597 42.916, 31.539 35.832, 24.481 32.525, 21.186 25.407, 28.210 21.282, 32.280 28.344, 39.360 35.406, 46.441 38.756, 49.800 31.672, 56.858 24.588, 63.916 20.999, 67.493 28.026, 74.608 32.242, 78.877 39.304, 71.797 46.366, 64.717 50.000, 61.073 " fill="red" />
</g>
<animate attributeName="display" begin="-0.417s" dur="0.500s" id="anim_RenderLayer_LineSet_000003" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0004" inkscape:groupmode="frame" inkscape:label="frame_0004">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 50.000, 60.872 57.056, 67.959 64.112, 75.045 67.914, 78.864 74.896, 71.704 79.155, 67.337 72.053, 60.297 64.951, 53.257 61.243, 49.581 68.298, 42.495 75.354, 35.409 78.563, 32.187 71.390, 25.219 67.322, 21.267 60.220, 28.307 53.118, 35.347 50.000, 38.437 42.898, 31.397 35.796, 24.358 32.678, 21.267 25.505, 28.235 21.437, 32.187 28.493, 39.273 35.549, 46.359 38.757, 49.581 31.655, 56.621 24.553, 63.661 20.845, 67.337 27.827, 74.496 32.086, 78.864 39.141, 71.778 46.197, 64.691 50.000, 60.872 " fill="red" />
</g>
<animate attributeName="display" begin="-0.375s" dur="0.500s" id="anim_RenderLayer_LineSet_000004" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0005" inkscape:groupmode="frame" inkscape:label="frame_0005">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 38.760, 49.312 38.734, 49.337 31.603, 56.349 24.473, 63.360 20.655, 67.113 27.586, 74.322 31.890, 78.799 32.938, 77.798 39.993, 70.711 47.047, 63.623 50.000, 60.656 57.054, 67.744 64.109, 74.832 67.062, 77.798 68.110, 78.799 75.041, 71.590 79.345, 67.113 72.214, 60.102 65.084, 53.091 61.266, 49.337 61.240, 49.312 " fill="red" />
<path d=" M 61.266, 49.337 68.321, 42.250 75.375, 35.162 76.797, 33.733 78.372, 32.101 71.127, 25.208 67.136, 21.410 60.006, 28.421 52.875, 35.433 50.000, 38.260 42.870, 31.249 35.739, 24.238 32.864, 21.410 25.619, 28.304 21.628, 32.101 23.203, 33.733 30.257, 40.821 37.312, 47.908 38.734, 49.337 " fill="red" />
<path d=" M 50.000, 60.605 57.055, 67.692 64.109, 74.780 68.110, 78.799 " fill="red" />
<path d=" M 61.240, 49.312 68.295, 42.225 75.350, 35.137 78.372, 32.101 " fill="red" />
<path d=" M 31.890, 78.799 38.945, 71.711 45.999, 64.624 50.000, 60.605 50.000, 60.656 " fill="red" />
<path d=" M 21.628, 32.101 28.683, 39.188 35.738, 46.276 38.760, 49.312 " fill="red" />
</g>
<animate attributeName="display" begin="-0.333s" dur="0.500s" id="anim_RenderLayer_LineSet_000005" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0006" inkscape:groupmode="frame" inkscape:label="frame_0006">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 38.764, 49.013 38.584, 49.188 31.414, 56.159 24.245, 63.130 20.446, 66.824 27.326, 74.080 31.670, 78.661 32.738, 77.960 39.797, 70.878 46.857, 63.795 50.000, 60.641 57.060, 67.724 64.119, 74.806 67.262, 77.960 68.330, 78.661 75.210, 71.405 79.554, 66.824 72.385, 59.853 65.215, 52.882 61.416, 49.188 61.236, 49.013 " fill="red" />
<path d=" M 61.416, 49.188 68.476, 42.105 75.535, 35.023 76.616, 33.938 78.159, 32.044 70.829, 25.241 66.933, 21.625 59.763, 28.596 52.593, 35.567 50.000, 38.088 42.830, 31.117 35.661, 24.146 33.067, 21.625 25.738, 28.427 21.841, 32.044 23.384, 33.938 30.443, 41.021 37.503, 48.103 38.584, 49.188 " fill="red" />
<path d=" M 50.000, 60.281 57.061, 67.362 64.123, 74.442 68.330, 78.661 " fill="red" />
<path d=" M 61.236, 49.013 68.298, 41.932 75.359, 34.852 78.159, 32.044 " fill="red" />
<path d=" M 31.670, 78.661 38.732, 71.580 45.793, 64.499 50.000, 60.281 50.000, 60.641 " fill="red" />
<path d=" M 21.841, 32.044 28.902, 39.125 35.964, 46.205 38.764, 49.013 " fill="red" />
</g>
<animate attributeName="display" begin="-0.292s" dur="0.500s" id="anim_RenderLayer_LineSet_000006" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0007" inkscape:groupmode="frame" inkscape:label="frame_0007">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 38.769, 48.707 38.427, 49.035 31.209, 55.955 23.990, 62.875 20.231, 66.479 27.068, 73.777 31.442, 78.444 32.526, 78.066 39.599, 70.997 46.672, 63.928 50.000, 60.601 57.073, 67.671 64.146, 74.740 67.474, 78.066 68.558, 78.444 75.395, 71.147 79.769, 66.479 72.550, 59.559 65.332, 52.638 61.573, 49.035 61.231, 48.707 " fill="red" />
<path d=" M 61.573, 49.035 68.645, 41.965 75.718, 34.896 76.433, 34.182 77.940, 32.026 70.517, 25.326 66.727, 21.905 59.508, 28.825 52.289, 35.745 50.000, 37.940 42.781, 31.020 35.563, 24.099 33.273, 21.904 25.850, 28.605 22.060, 32.026 23.567, 34.182 30.640, 41.251 37.713, 48.320 38.427, 49.035 " fill="red" />
<path d=" M 50.000, 59.918 57.077, 66.983 64.154, 74.048 68.558, 78.444 " fill="red" />
<path d=" M 61.231, 48.707 68.308, 41.642 75.385, 34.577 77.940, 32.026 " fill="red" />
<path d=" M 31.442, 78.444 38.519, 71.379 45.596, 64.314 50.000, 59.918 50.000, 60.601 " fill="red" />
<path d=" M 22.060, 32.026 29.137, 39.091 36.214, 46.156 38.769, 48.707 " fill="red" />
</g>
<animate attributeName="display" begin="-0.250s" dur="0.500s" id="anim_RenderLayer_LineSet_000007" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0008" inkscape:groupmode="frame" inkscape:label="frame_0008">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 38.776, 48.414 38.274, 48.888 31.000, 55.750 23.726, 62.612 20.027, 66.102 26.830, 73.432 31.220, 78.161 32.319, 78.107 39.413, 71.059 46.506, 64.010 50.000, 60.539 57.094, 67.588 64.187, 74.636 67.681, 78.107 68.780, 78.161 75.583, 70.832 79.973, 66.102 72.699, 59.240 65.425, 52.378 61.726, 48.888 61.224, 48.414 " fill="red" />
<path d=" M 61.726, 48.888 68.820, 41.839 75.913, 34.791 76.259, 34.447 77.730, 32.049 70.212, 25.456 66.532, 22.228 59.258, 29.091 51.984, 35.953 50.000, 37.825 42.726, 30.963 35.452, 24.100 33.468, 22.228 25.950, 28.822 22.270, 32.049 23.741, 34.447 30.834, 41.496 37.928, 48.544 38.274, 48.888 " fill="red" />
<path d=" M 50.000, 59.542 57.101, 66.582 64.203, 73.623 68.780, 78.161 " fill="red" />
<path d=" M 61.224, 48.414 68.325, 41.373 75.427, 34.333 77.730, 32.049 " fill="red" />
<path d=" M 31.220, 78.161 38.321, 71.120 45.423, 64.080 50.000, 59.542 50.000, 60.539 " fill="red" />
<path d=" M 22.270, 32.049 29.371, 39.090 36.472, 46.130 38.776, 48.414 " fill="red" />
</g>
<animate attributeName="display" begin="-0.208s" dur="0.500s" id="anim_RenderLayer_LineSet_000008" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0009" inkscape:groupmode="frame" inkscape:label="frame_0009">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 38.783, 48.154 38.134, 48.757 30.804, 55.560 23.474, 62.362 19.847, 65.728 26.627, 73.079 31.021, 77.843 32.131, 78.091 39.250, 71.068 46.369, 64.045 50.000, 60.463 57.119, 67.486 64.238, 74.509 67.869, 78.091 68.979, 77.843 75.759, 70.492 80.153, 65.728 72.823, 58.926 65.493, 52.123 61.866, 48.757 61.217, 48.154 " fill="red" />
<path d=" M 61.866, 48.757 68.985, 41.734 76.107, 34.709 77.544, 32.102 69.936, 25.612 66.361, 22.562 59.031, 29.364 51.701, 36.167 50.000, 37.745 42.670, 30.943 35.340, 24.140 33.639, 22.562 26.031, 29.052 22.456, 32.102 23.893, 34.709 31.012, 41.732 38.134, 48.757 " fill="red" />
<path d=" M 50.000, 59.183 57.131, 66.194 64.261, 73.205 68.979, 77.843 " fill="red" />
<path d=" M 61.217, 48.154 68.347, 41.144 75.478, 34.133 77.544, 32.102 " fill="red" />
<path d=" M 31.021, 77.843 38.152, 70.832 45.282, 63.821 50.000, 59.183 50.000, 60.463 " fill="red" />
<path d=" M 22.456, 32.102 29.587, 39.112 36.718, 46.123 38.783, 48.154 " fill="red" />
</g>
<animate attributeName="display" begin="-0.167s" dur="0.500s" id="anim_RenderLayer_LineSet_000009" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0010" inkscape:groupmode="frame" inkscape:label="frame_0010">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 38.790, 47.947 38.018, 48.653 30.638, 55.401 23.258, 62.149 19.703, 65.400 26.470, 72.763 30.860, 77.541 31.978, 78.040 39.122, 71.042 46.266, 64.045 50.000, 60.388 57.144, 67.385 64.288, 74.383 68.022, 78.040 69.140, 77.541 75.906, 70.178 80.297, 65.400 72.917, 58.652 65.537, 51.904 61.982, 48.653 61.210, 47.947 " fill="red" />
<path d=" M 61.982, 48.653 69.126, 41.656 75.987, 34.936 77.394, 32.166 69.712, 25.765 66.225, 22.860 58.845, 29.608 51.466, 36.356 50.000, 37.696 42.620, 30.948 35.240, 24.200 33.775, 22.860 26.092, 29.261 22.606, 32.166 24.013, 34.936 31.157, 41.934 38.018, 48.653 " fill="red" />
<path d=" M 50.000, 58.878 57.160, 65.859 64.319, 72.841 69.140, 77.541 " fill="red" />
<path d=" M 61.210, 47.947 68.370, 40.966 75.529, 33.984 77.394, 32.166 " fill="red" />
<path d=" M 30.860, 77.541 38.020, 70.560 45.180, 63.578 50.000, 58.878 50.000, 60.388 " fill="red" />
<path d=" M 22.606, 32.166 29.765, 39.147 36.925, 46.129 38.790, 47.947 " fill="red" />
</g>
<animate attributeName="display" begin="-0.125s" dur="0.500s" id="anim_RenderLayer_LineSet_000010" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0011" inkscape:groupmode="frame" inkscape:label="frame_0011">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 38.795, 47.810 37.939, 48.584 30.524, 55.293 23.109, 62.002 19.609, 65.168 26.369, 72.537 30.753, 77.316 31.874, 77.986 39.038, 71.008 46.201, 64.031 50.000, 60.331 57.163, 67.309 64.327, 74.286 68.126, 77.986 69.247, 77.316 76.007, 69.947 80.391, 65.168 72.976, 58.459 65.560, 51.750 62.061, 48.584 61.205, 47.810 " fill="red" />
<path d=" M 62.061, 48.584 69.224, 41.606 75.908, 35.097 77.295, 32.220 69.561, 25.880 66.136, 23.073 58.721, 29.782 51.305, 36.491 50.000, 37.672 42.585, 30.963 35.169, 24.254 33.864, 23.073 26.130, 29.412 22.705, 32.220 24.092, 35.097 31.256, 42.074 37.939, 48.584 " fill="red" />
<path d=" M 50.000, 58.667 57.182, 65.626 64.363, 72.584 69.247, 77.316 " fill="red" />
<path d=" M 61.205, 47.810 68.387, 40.851 75.569, 33.893 77.295, 32.220 " fill="red" />
<path d=" M 30.753, 77.316 37.935, 70.358 45.116, 63.399 50.000, 58.667 50.000, 60.331 " fill="red" />
<path d=" M 22.705, 32.220 29.887, 39.178 37.068, 46.137 38.795, 47.810 " fill="red" />
</g>
<animate attributeName="display" begin="-0.083s" dur="0.500s" id="anim_RenderLayer_LineSet_000011" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
<g id="frame_0012" inkscape:groupmode="frame" inkscape:label="frame_0012">
<g id="strokes" inkscape:groupmode="layer" inkscape:label="strokes">
<path d=" M 38.797, 47.760 37.910, 48.559 30.482, 55.253 23.053, 61.947 19.575, 65.081 26.333, 72.452 30.714, 77.230 31.837, 77.962 39.008, 70.993 46.179, 64.023 50.000, 60.309 57.171, 67.279 64.342, 74.248 68.163, 77.962 69.286, 77.230 76.044, 69.859 80.425, 65.081 72.996, 58.387 65.568, 51.693 62.090, 48.559 61.203, 47.760 " fill="red" />
<path d=" M 62.090, 48.559 69.261, 41.589 75.879, 35.156 77.259, 32.241 69.506, 25.925 66.104, 23.153 58.675, 29.847 51.246, 36.542 50.000, 37.665 42.571, 30.970 35.142, 24.276 33.896, 23.153 26.143, 29.469 22.741, 32.241 24.121, 35.156 31.292, 42.126 37.910, 48.559 " fill="red" />
<path d=" M 50.000, 58.589 57.190, 65.539 64.381, 72.488 69.286, 77.230 " fill="red" />
<path d=" M 61.203, 47.760 68.394, 40.810 75.584, 33.861 77.259, 32.241 " fill="red" />
<path d=" M 30.714, 77.230 37.904, 70.280 45.094, 63.330 50.000, 58.589 50.000, 60.309 " fill="red" />
<path d=" M 22.741, 32.241 29.931, 39.191 37.121, 46.141 38.797, 47.760 " fill="red" />
</g>
<animate attributeName="display" begin="-0.042s" dur="0.500s" id="anim_RenderLayer_LineSet_000012" keyTimes="0.0;0.083;0.167;0.25;0.333;0.417;0.5;0.583;0.667;0.75;0.833;0.917;1" repeatCount="indefinite" values="none;none;none;none;none;none;none;none;none;none;none;inline;none" />
</g>
</g>
</svg>
I was able to create a working solution, using the techniques implemented by Heydon Pickering in the following article: https://www.smashingmagazine.com/2015/09/creating-cel-animations-with-svg/
You can see a working implementation at: https://codepen.io/jamesdoe/pen/yLyrwmV
Basically, each path element within the svg represents a 'frame' of animation; and each of those frames are made visible for only brief moments of time - in the same manner that traditional motion pictures are displayed.
The start and restart of the animation are accomplished by removing and then re-adding classes that apply the animation. i.e.,
<style>
.timeline>g:nth-child(1) path.frame {
animation-name: click_animation_frame_1;
}
.timeline>g:nth-child(2) path.frame {
animation-name: click_animation_frame_2;
}
...
#keyframes click_animation_frame_1 {
0% {opacity: 1;}
16.666666666666668% {opacity: 0;}
}
#keyframes click_animation_frame_2 {
16.666666666666668% {opacity: 1;}
33.333333333333336% {opacity: 0;}
}
...
</style>
<script>
for (let g of document.getElementById('timeline').children) {
for (let path of g.children) {
path.classList.add('frame');
}
}
</script>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" height="100" version="1.1" width="100" id="timeline">
<g id="frame1">
<path d=" M 38.797, 47.754 37.907, 48.556 30.476, 55.248 23.046, 61.940 19.571, 65.070 26.329, 72.441 30.709, 77.219 31.832, 77.959 39.004, 70.990 46.176, 64.022 50.000, 60.306 57.172, 67.275 64.344, 74.243 68.168, 77.959 69.291, 77.219 76.049, 69.848 80.429, 65.070 72.999, 58.378 65.568, 51.686 62.093, 48.556 61.203, 47.754 "/>
<path d=" M 62.093, 48.556 69.265, 41.587 75.875, 35.164 77.255, 32.244 69.500, 25.931 66.100, 23.163 58.669, 29.855 51.239, 36.548 50.000, 37.664 42.570, 30.971 35.139, 24.279 33.900, 23.163 26.145, 29.476 22.745, 32.244 24.125, 35.164 31.297, 42.133 37.907, 48.556 "/>
<path d=" M 50.000, 58.579 57.191, 65.528 64.383, 72.476 69.291, 77.219 " />
<path d=" M 61.203, 47.754 68.395, 40.805 75.586, 33.857 77.255, 32.244 " />
<path d=" M 30.709, 77.219 37.900, 70.270 45.092, 63.322 50.000, 58.579 50.000, 60.306 " />
<path d=" M 22.745, 32.244 29.937, 39.193 37.128, 46.142 38.797, 47.754 " />
</g>
<g id="frame2">
<path d=" M 38.862, 47.999 38.070, 48.714 30.643, 55.410 23.215, 62.106 19.758, 65.223 26.516, 72.594 30.832, 77.300 31.832, 77.959 39.004, 70.990 46.176, 64.022 50.000, 60.306 57.172, 67.275 64.344, 74.243 68.168, 77.959 69.168, 77.300 75.926, 69.930 80.242, 65.223 72.815, 58.527 65.388, 51.831 61.930, 48.714 61.138, 47.999 "/>
<path d=" M 61.930, 48.714 69.102, 41.745 75.875, 35.164 77.104, 32.562 69.354, 26.243 66.014, 23.519 58.587, 30.216 51.160, 36.912 50.000, 37.957 42.573, 31.261 35.146, 24.565 33.986, 23.519 26.236, 29.839 22.896, 32.562 24.125, 35.164 31.297, 42.133 38.070, 48.714 "/>
<path d=" M 50.000, 58.768 57.189, 65.719 64.379, 72.670 69.168, 77.300 " fill="none" />
<path d=" M 61.138, 47.999 68.327, 41.048 75.517, 34.098 77.104, 32.562 " fill="none" />
<path d=" M 30.832, 77.300 38.022, 70.349 45.211, 63.398 50.000, 58.768 50.000, 60.306 " />
<path d=" M 22.896, 32.562 30.085, 39.513 37.274, 46.464 38.862, 47.999 " fill="none" />
</g>
<g id="frame3">
<path d=" M 39.014, 48.573 38.450, 49.083 31.031, 55.788 23.612, 62.493 20.195, 65.581 26.955, 72.950 31.120, 77.490 31.832, 77.959 39.004, 70.990 46.176, 64.022 50.000, 60.306 57.172, 67.275 64.344, 74.243 68.168, 77.959 68.880, 77.490 75.640, 70.121 79.805, 65.581 72.386, 58.876 64.967, 52.171 61.550, 49.083 60.986, 48.573 "/>
<path d=" M 61.550, 49.083 68.722, 42.114 75.875, 35.164 76.753, 33.307 69.014, 26.974 65.813, 24.354 58.394, 31.059 50.975, 37.764 50.000, 38.645 42.581, 31.940 35.162, 25.235 34.187, 24.354 26.448, 30.687 23.247, 33.307 24.125, 35.164 31.297, 42.133 38.450, 49.083 "/>
<path d=" M 50.000, 59.209 57.184, 66.165 64.369, 73.121 68.880, 77.490 " />
<path d=" M 60.986, 48.573 68.170, 41.617 75.354, 34.661 76.753, 33.307 " />
<path d=" M 31.120, 77.490 38.304, 70.534 45.488, 63.578 50.000, 59.209 50.000, 60.306 " />
<path d=" M 23.247, 33.307 30.432, 40.263 37.616, 47.219 39.014, 48.573 " />
</g>
<g id="frame4">
<path d=" M 39.191, 49.237 38.889, 49.510 31.480, 56.225 24.070, 62.941 20.701, 65.994 27.462, 73.361 31.452, 77.709 31.832, 77.959 39.004, 70.990 46.176, 64.022 50.000, 60.306 57.172, 67.275 64.344, 74.243 68.168, 77.959 68.548, 77.709 75.310, 70.341 79.299, 65.994 71.890, 59.279 64.480, 52.563 61.111, 49.510 60.809, 49.237 "/>
<path d=" M 61.111, 49.510 68.283, 42.542 75.454, 35.573 75.875, 35.164 76.345, 34.170 68.619, 27.821 65.579, 25.323 58.169, 32.038 50.759, 38.753 50.000, 39.441 42.590, 32.726 35.180, 26.011 34.421, 25.323 26.695, 31.672 23.655, 34.170 24.125, 35.164 31.297, 42.133 38.469, 49.101 38.889, 49.510 "/>
<path d=" M 50.000, 59.720 57.179, 66.682 64.357, 73.644 68.548, 77.709 " />
<path d=" M 60.809, 49.237 67.988, 42.275 75.166, 35.313 76.345, 34.170 " />
<path d=" M 31.452, 77.709 38.631, 70.747 45.809, 63.785 50.000, 59.720 50.000, 60.306 " />
<path d=" M 23.655, 34.170 30.834, 41.132 38.012, 48.094 39.191, 49.237 " />
</g>
<g id="frame5">
<path d=" M 39.334, 49.778 39.247, 49.857 31.844, 56.581 24.442, 63.304 21.111, 66.329 27.874, 73.696 31.721, 77.886 31.832, 77.959 39.004, 70.990 46.176, 64.022 50.000, 60.306 57.172, 67.275 64.344, 74.243 68.168, 77.959 68.279, 77.886 75.042, 70.520 78.889, 66.329 71.486, 59.606 64.084, 52.882 60.753, 49.857 60.666, 49.778 "/>
<path d=" M 60.753, 49.857 67.925, 42.889 75.097, 35.920 75.875, 35.164 76.012, 34.874 68.297, 28.512 65.389, 26.113 57.986, 32.837 50.584, 39.560 50.000, 40.090 42.598, 33.367 35.195, 26.643 34.611, 26.113 26.896, 32.475 23.988, 34.874 24.125, 35.164 31.297, 42.133 38.469, 49.101 39.247, 49.857 "/>
<path d=" M 50.000, 60.135 57.174, 67.102 64.348, 74.069 68.279, 77.886 " />
<path d=" M 60.666, 49.778 67.840, 42.811 75.013, 35.844 76.012, 34.874 " />
<path d=" M 31.721, 77.886 38.895, 70.919 46.069, 63.953 50.000, 60.135 50.000, 60.306 " />
<path d=" M 23.988, 34.874 31.162, 41.841 38.335, 48.808 39.334, 49.778 " />
</g>
<g id="frame6">
<path d=" M 78.720, 66.467 71.957, 73.833 68.168, 77.959 60.996, 70.990 53.824, 64.022 50.000, 60.306 42.828, 67.275 35.656, 74.243 31.832, 77.959 25.069, 70.593 21.280, 66.467 28.679, 59.740 36.079, 53.014 39.393, 50.000 32.221, 43.031 25.049, 36.063 24.125, 35.164 31.835, 28.796 34.690, 26.439 42.089, 33.166 49.489, 39.892 50.000, 40.357 57.399, 33.631 64.799, 26.904 65.310, 26.439 73.021, 32.806 75.875, 35.164 68.703, 42.133 61.531, 49.101 60.607, 50.000 68.006, 56.727 75.405, 63.454 78.720, 66.467 "/>
</g>
</svg>
How to change react-lottie and SVG sizes using CSS media queries
I have a react project where I display Lottie-react animations and SVG's, and I am trying to ensure the illustrations are responsive like my website.
The components are is a .js file where I add them to my project like so
import React from 'react'
import MobileAnimation from '../../images/illustrations/mobileanimation.js';
import Icon from '../../images/illustrations/Icon.js';
const Section = () => {
return (
<section className="section-four">
<MobileAnimation fill="#49c" width={100} name="phone" className="pagefouranimation" />
// No effect to size
<Icon fill="#49c" name="phone" width="800" height="800"/>
</section>
)
}
export default Section
I have tried giving the 'MobileAnimation' a className and changing the width and height like so
.pagefouranimation {
padding: 0;
width: 100px;
height: 50px;
margin-left: -124px;
}
.illustration-comp {
width: 200px;
height: 200px;
}
SVG
import React from "react";
import styled from "styled-components";
export default class Icon extends React.Component {
render() {
return (
<svg className="illustration-comp" class="illustration" viewBox="0 0 1155 700" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="359.562" y="82" width="254.804" height="537.533" rx="24.4333" fill="#F6F0F9"/>
<rect x="385.74" y="157.045" width="78.5356" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="478.238" y="157.045" width="78.5356" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="385.74" y="301.9" width="214.664" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="401.448" y="326.334" width="48.8666" height="48.8666" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="459.04" y="326.334" width="123.912" height="8.72618" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="460.785" y="342.041" width="80.2809" height="8.72618" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="383.995" y="443.264" width="143.109" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="541.066" y="443.264" width="59.338" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="553.283" y="455.48" width="34.9047" height="34.9047" rx="7.18627" fill="black" fill-opacity="0.06"/>
<rect x="553.283" y="497.365" width="34.9047" height="34.9047" rx="7.18627" fill="black" fill-opacity="0.06"/>
<path d="M385.883 547.76C408.673 560.367 376.388 602.713 357.397 622.31H322.849C298.302 611.097 253.026 586.792 268.3 579.277C287.392 569.882 257.693 559.275 249.207 535.334C240.722 511.393 274.361 512 298.605 512C322.849 512 303.756 480.482 329.213 473.209C354.669 465.936 345.881 494.12 345.881 512C345.881 529.88 357.397 532.001 385.883 547.76Z" fill="#FF9E80"/>
<path d="M321.247 515.288C327.676 526.002 332.101 585.573 340.99 621.131H330.99C332.505 616.283 301.594 600.524 291.593 594.16C281.592 587.796 292.805 576.885 296.745 575.067C300.685 573.249 263.712 556.278 269.47 534.459C273.742 518.272 296.097 553.559 302.2 537.489C306.073 527.291 316.701 507.712 321.247 515.288Z" fill="white" fill-opacity="0.13"/>
<path d="M343.415 621.742C341.552 616.593 339.251 609.58 336.9 601.438M333.717 492.645C326.747 502.645 333.113 507.755 329.174 525.937C324.744 546.379 328.035 567.67 333.717 589.77M333.717 589.77C320.787 572.345 304.321 556.283 277.653 539.919M333.717 589.77C334.765 593.845 335.838 597.757 336.9 601.438M336.9 601.438C344.224 591.033 361.84 568.951 373.72 563.859" stroke="#FBFBFB" stroke-width="1.36342" stroke-linecap="round"/>
<path d="M306.048 533.4C278.768 548.491 317.414 599.18 340.147 622.639H381.502C410.885 609.217 465.082 580.123 446.799 571.127C423.945 559.881 459.495 547.185 469.652 518.527C479.81 489.869 439.543 490.594 410.523 490.594C381.502 490.594 404.356 452.867 373.884 444.161C343.412 435.455 353.932 469.192 353.932 490.594C353.932 511.997 340.147 514.537 306.048 533.4Z" fill="#17A0B3"/>
<path d="M383.42 494.533C375.725 507.359 370.428 578.667 359.787 621.231H371.758C369.944 615.427 406.946 596.563 418.917 588.945C430.888 581.327 399.958 580.189 399.958 570.443C399.958 555.261 452.291 543.6 445.398 517.481C440.285 498.106 413.526 540.345 406.22 521.108C401.584 508.902 388.862 485.464 383.42 494.533Z" fill="white" fill-opacity="0.13"/>
<path d="M356.883 621.955C359.113 615.791 361.867 607.396 364.681 597.65M368.492 467.422C376.835 479.393 369.215 485.509 373.93 507.274C379.232 531.743 375.293 557.23 368.492 583.684M368.492 583.684C383.969 562.825 403.679 543.599 435.602 524.01M368.492 583.684C367.238 588.561 365.953 593.244 364.681 597.65M364.681 597.65C355.915 585.195 334.828 558.762 320.607 552.668" stroke="#FBFBFB" stroke-width="1.63205" stroke-linecap="round"/>
<path d="M714.918 600.656C713.755 598.912 712.738 578.857 712.738 568.684C708.378 570.864 698.931 571.832 693.845 571.59C695.54 580.552 699.949 599.203 701.111 599.203C702.274 599.203 708.62 600.172 714.918 600.656Z" fill="#F7B3A4"/>
<path d="M705.471 599.204L701.838 576.677C699.658 574.74 695.298 572.463 695.298 575.951C695.298 579.439 698.931 592.664 701.111 599.204H705.471Z" fill="black" fill-opacity="0.07"/>
<path d="M700.385 622.458C697.479 615.482 699.174 603.565 700.385 598.479H718.551C718.551 598.479 743.077 615.192 757.791 615.192C762.151 615.192 759.244 622.458 759.244 622.458H700.385Z" fill="#FA5C5C"/>
<path d="M730.425 610.301H737.406M735.661 612.919H745.26M726.935 606.811H732.17" stroke="white" stroke-width="1.74524" stroke-linecap="round"/>
<path d="M632.807 559.239L647.34 537.439L660.419 551.246L643.706 568.686L632.807 559.239Z" fill="#F7B3A4"/>
<path d="M655.333 540.344L635.713 561.417H632.08L649.52 535.258L655.333 540.344Z" fill="black" fill-opacity="0.08"/>
<path d="M620.453 573.768L633.533 557.055L646.613 570.861C646.613 570.861 650.522 581.432 653.879 589.754C657.535 598.817 668.412 607.194 664.779 615.187C663.671 617.624 658.966 618.82 658.966 618.82L620.453 573.768Z" fill="#FA5C5C"/>
<path d="M647.526 579.758L651.889 583.248M646.653 584.121L654.507 589.357M647.526 589.357L656.252 595.465" stroke="white" stroke-width="1.74524" stroke-linecap="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M644.706 218.146C644.147 218.712 643.574 219.293 642.979 219.889C641.83 221.037 640.682 222.015 639.595 222.941C635.18 226.701 631.783 229.596 633.532 239.508C633.255 240.248 632.666 241.082 632 242.024C630.924 243.548 629.647 245.355 629.172 247.501C628.617 250.009 629.381 251.944 630.161 253.919C630.869 255.711 631.591 257.537 631.352 259.854C631.053 262.763 629.197 265.159 627.519 267.326C625.773 269.58 624.219 271.586 624.812 273.661C625.294 275.347 625.137 277.75 624.976 280.211C624.653 285.176 624.314 290.374 629.172 290.374C632.352 290.374 633.027 291.766 633.816 293.392C634.83 295.481 636.031 297.958 642.979 298.367C649.284 298.738 655.401 297.973 660.554 297.328C665.497 296.71 669.555 296.202 672.045 296.914C673.813 297.419 675.616 298.508 677.479 299.633C680.975 301.744 684.68 303.982 688.758 302.727C698.204 299.82 707.651 288.921 704.017 284.561C702.383 282.6 701.337 282.403 700.945 281.788C700.465 281.036 700.964 279.659 702.564 273.661C705.471 262.761 701.111 260.581 697.477 259.854C693.844 259.128 691.664 248.228 693.844 243.141C696.024 238.055 691.664 231.515 688.758 229.335C687.824 228.635 687.715 226.284 687.588 223.537C687.319 217.732 686.969 210.156 678.584 212.622C675.354 213.572 673.559 211.536 671.664 209.387C669.406 206.828 667.007 204.107 661.871 206.082C653.393 209.343 649.598 213.189 644.706 218.146ZM716.37 471.311C722.183 455.325 696.024 396.466 693.844 392.833C682.217 406.785 637.165 401.311 616.819 396.466L615.365 405.913C612.459 424.515 645.158 481.969 661.871 508.371L640.798 539.617L659.691 559.236C663.715 553.54 672.478 541.093 677.961 533.077L692.39 578.129C701.212 580.335 713.127 573.128 718.466 569.899C718.756 569.723 719.027 569.559 719.277 569.41L695.955 506.191C705.833 491.026 714.187 477.315 716.37 471.311Z" fill="
#fe5b39"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M664.181 258.811C668.531 254.624 671.739 246.861 672.046 233.695V226.428C672.046 226.428 667.686 221.342 660.419 221.342C650.904 221.342 648.793 223.823 648.793 223.823C640.726 234.409 636.124 251.017 646.239 259.769L645.159 270.03L644.433 275.843L655.333 287.469L669.139 279.476C668.897 278.628 668.352 277.538 667.776 276.388C667.201 275.237 666.596 274.026 666.232 272.936C665.773 271.558 664.612 263.914 664.181 258.811Z" fill="#F7AF9F"/>
<path d="M661.145 267.847C661.145 267.847 663.567 261.065 664.052 259.854C664.778 266.393 665.505 274.387 667.685 275.84C666.958 278.746 656.785 280.926 657.512 280.2C658.093 279.618 661.145 267.847 661.145 267.847Z" fill="black" fill-opacity="0.08"/>
<path d="M672.046 233.695C671.464 258.692 660.419 264.214 650.973 262.761C634.982 255.451 639.674 235.79 648.793 223.823C648.793 223.823 650.904 221.342 660.419 221.342C667.686 221.342 672.046 226.428 672.046 226.428V233.695Z" fill="white" fill-opacity="0.05"/>
<path d="M761.724 303.408L747.565 325.935C746.956 326.902 747.652 328.161 748.795 328.161H761.27C761.812 328.161 762.308 327.86 762.559 327.38L770.871 311.448L774.18 304.832C774.663 303.865 773.96 302.729 772.88 302.729H762.954C762.455 302.729 761.99 302.985 761.724 303.408Z" fill="#2A2626"/>
<path d="M749.069 327.434L721.456 341.24C720.293 344.728 722.909 354.32 724.362 358.68L757.062 333.974C767.235 326.707 772.321 311.447 770.141 311.447C768.398 311.447 755.366 322.105 749.069 327.434Z" fill="#F7B3A4"/>
<path d="M727.807 345.023L725.189 339.787L748.75 327.57L727.807 345.023Z" fill="white" fill-opacity="0.06"/>
<path d="M645.158 534.531L680.038 482.212L661.871 429.893" stroke="black" stroke-opacity="0.07" stroke-width="1.45331" stroke-linecap="round"/>
<path d="M680.765 482.21L661.872 507.643C653.153 493.691 627.72 449.511 620.453 427.711C620.453 427.711 645.055 426.455 657.512 434.251C675.156 445.294 680.765 482.21 680.765 482.21Z" fill="black" fill-opacity="0.04"/>
<path d="M633.532 399.371C635.276 433.669 655.089 482.936 664.778 503.282L661.871 507.642L657.512 501.829C609.552 417.537 614.155 412.451 616.819 399.371H633.532Z" fill="black" fill-opacity="0.07"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M644.432 272.205L624.086 275.838C624.085 275.839 624.085 275.839 624.084 275.84C615.848 281.17 597.49 303.599 589.933 350.684C596.23 365.944 611.151 399.515 620.452 411.723L634.258 401.55L634.196 401.386L634.985 400.823C671.609 407.217 689.969 398.158 694.571 392.829C692.671 390.296 691.115 381.031 689.976 371.008L690.211 371.029L725.09 361.583C732.357 347.776 728.723 337.603 722.91 336.15L694.571 339.783C691.364 315.198 686.307 294.678 679.342 282.766C675.114 274.853 670.396 270.972 666.723 274.339C656.441 286.905 649.052 277.861 644.662 272.487L644.432 272.205Z" fill="
#002578"/>
<path d="M618.273 400.825C615.948 400.243 598.411 366.672 589.934 349.959C591.096 358.097 609.553 395.738 620.453 411.724L624.813 408.091C623.602 405.911 620.598 401.406 618.273 400.825Z" fill="#070707" fill-opacity="0.06"/>
<path d="M624.086 275.84C615.851 281.169 597.491 303.598 589.934 350.685C596.231 365.945 611.152 399.516 620.453 411.724L634.259 401.551L613.913 347.778L629.899 304.906" stroke="black" stroke-opacity="0.06" stroke-width="1.45331"/>
<path d="M622.633 416.812L621.906 410.272L632.806 402.279L638.619 410.272C638.038 414.342 632.079 421.657 629.173 424.806L622.633 416.812Z" fill="#F7B3A4"/>
<path d="M628.446 413.903L621.906 410.996L622.633 416.809L629.173 424.802L631.353 421.169L628.446 413.903Z" fill="black" fill-opacity="0.06"/>
<path d="M626.992 428.44C630.383 425.049 637.747 416.523 640.072 409.547" stroke="white" stroke-opacity="0.13" stroke-width="0.726653" stroke-linecap="round"/>
<path d="M690.211 371.031C688.516 344.629 688.032 318.712 677.858 294.006" stroke="black" stroke-opacity="0.03" stroke-width="1.45331"/>
<path d="M663.325 554.149L659.691 549.789C659.691 549.789 698.405 504.685 710.557 465.497C714.388 453.144 685.124 397.919 685.124 397.919C691.664 396.465 689 397.192 694.571 393.559C702.322 415.116 717.824 460.265 717.824 468.404C717.824 476.542 681.491 528.958 663.325 554.149Z" fill="white" fill-opacity="0.03"/>
<path d="M672.772 491.659L663.325 437.16L679.312 481.486L672.772 491.659Z" fill="black" fill-opacity="0.04"/>
<path d="M706.198 567.228L690.938 513.456L696.025 506.916L718.551 562.868L706.198 567.228Z" fill="black" fill-opacity="0.06"/>
<path d="M688.032 346.329C686.288 359.699 691.181 382.904 693.845 392.834C683.963 401.554 660.419 402.523 650.246 401.554C650.246 401.554 661.146 395.014 666.232 389.928C671.319 384.841 680.766 378.301 682.945 353.595C684.061 340.948 680.766 307.574 679.312 294.736C682.945 305.636 689.776 332.958 688.032 346.329Z" fill="black" fill-opacity="0.03"/>
<path d="M199 620.768H788.017" stroke="black" stroke-width="3.49047"/>
<path d="M919.783 272.687H825.13H778.095C776.837 272.687 775.676 273.364 775.057 274.46L770.347 282.792C769.109 284.981 766.034 285.183 764.521 283.176L757.663 274.077C757.003 273.202 755.971 272.687 754.875 272.687H729.552C727.624 272.687 726.062 271.124 726.062 269.197V153.045C726.062 151.117 727.624 149.555 729.552 149.555H919.783C921.71 149.555 923.273 151.117 923.273 153.045V269.197C923.273 271.124 921.71 272.687 919.783 272.687Z" fill="#F3F3F3"/>
<rect x="734.787" y="165.262" width="47.1214" height="89.007" fill="white" fill-opacity="0.97"/>
<rect x="741.769" y="236.816" width="33.1595" height="10.4714" rx="1.74524" fill="#1999AB"/>
<rect x="741.769" y="201.912" width="33.1595" height="29.669" fill="#DFF8F9"/>
<rect x="741.769" y="173.988" width="33.1595" height="22.6881" fill="#DFF8F9"/>
<circle cx="758.349" cy="216.746" r="7.85356" fill="#FF9E80"/>
<rect x="787.145" y="165.262" width="106.459" height="43.6309" rx="1.74524" fill="white"/>
<rect x="787.145" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
<rect x="823.794" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
<rect x="860.444" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
</svg> );
}
}
But this doesn't work. How do you change the size of Lottie illustrations and animations for different devices ? The only way I have worked out to change the size is directly in the .js file. I also have
In my opinion, you have 2 ways
In your component
<Icon fill="#49c" name="phone" width="800" height='800'/>
one of them is
in your Icon.js
export default class Icon extends React.Component {render() {
return (
<svg className='illustration-comp' viewBox="0 0 1155 700" >
<rect x="359.562" y="82" width="254.804" height="537.533" rx="24.4333" fill="#F6F0F9"/>
<rect x="385.74" y="157.045" width="78.5356" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="478.238" y="157.045" width="78.5356" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="385.74" y="301.9" width="214.664" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="401.448" y="326.334" width="48.8666" height="48.8666" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="459.04" y="326.334" width="123.912" height="8.72618" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="460.785" y="342.041" width="80.2809" height="8.72618" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="383.995" y="443.264" width="143.109" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="541.066" y="443.264" width="59.338" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="553.283" y="455.48" width="34.9047" height="34.9047" rx="7.18627" fill="black" fill-opacity="0.06"/>
<rect x="553.283" y="497.365" width="34.9047" height="34.9047" rx="7.18627" fill="black" fill-opacity="0.06"/>
<path d="M385.883 547.76C408.673 560.367 376.388 602.713 357.397 622.31H322.849C298.302 611.097 253.026 586.792 268.3 579.277C287.392 569.882 257.693 559.275 249.207 535.334C240.722 511.393 274.361 512 298.605 512C322.849 512 303.756 480.482 329.213 473.209C354.669 465.936 345.881 494.12 345.881 512C345.881 529.88 357.397 532.001 385.883 547.76Z" fill="#FF9E80"/>
<path d="M321.247 515.288C327.676 526.002 332.101 585.573 340.99 621.131H330.99C332.505 616.283 301.594 600.524 291.593 594.16C281.592 587.796 292.805 576.885 296.745 575.067C300.685 573.249 263.712 556.278 269.47 534.459C273.742 518.272 296.097 553.559 302.2 537.489C306.073 527.291 316.701 507.712 321.247 515.288Z" fill="white" fill-opacity="0.13"/>
<path d="M343.415 621.742C341.552 616.593 339.251 609.58 336.9 601.438M333.717 492.645C326.747 502.645 333.113 507.755 329.174 525.937C324.744 546.379 328.035 567.67 333.717 589.77M333.717 589.77C320.787 572.345 304.321 556.283 277.653 539.919M333.717 589.77C334.765 593.845 335.838 597.757 336.9 601.438M336.9 601.438C344.224 591.033 361.84 568.951 373.72 563.859" stroke="#FBFBFB" stroke-width="1.36342" stroke-linecap="round"/>
<path d="M306.048 533.4C278.768 548.491 317.414 599.18 340.147 622.639H381.502C410.885 609.217 465.082 580.123 446.799 571.127C423.945 559.881 459.495 547.185 469.652 518.527C479.81 489.869 439.543 490.594 410.523 490.594C381.502 490.594 404.356 452.867 373.884 444.161C343.412 435.455 353.932 469.192 353.932 490.594C353.932 511.997 340.147 514.537 306.048 533.4Z" fill="#17A0B3"/>
<path d="M383.42 494.533C375.725 507.359 370.428 578.667 359.787 621.231H371.758C369.944 615.427 406.946 596.563 418.917 588.945C430.888 581.327 399.958 580.189 399.958 570.443C399.958 555.261 452.291 543.6 445.398 517.481C440.285 498.106 413.526 540.345 406.22 521.108C401.584 508.902 388.862 485.464 383.42 494.533Z" fill="white" fill-opacity="0.13"/>
<path d="M356.883 621.955C359.113 615.791 361.867 607.396 364.681 597.65M368.492 467.422C376.835 479.393 369.215 485.509 373.93 507.274C379.232 531.743 375.293 557.23 368.492 583.684M368.492 583.684C383.969 562.825 403.679 543.599 435.602 524.01M368.492 583.684C367.238 588.561 365.953 593.244 364.681 597.65M364.681 597.65C355.915 585.195 334.828 558.762 320.607 552.668" stroke="#FBFBFB" stroke-width="1.63205" stroke-linecap="round"/>
<path d="M714.918 600.656C713.755 598.912 712.738 578.857 712.738 568.684C708.378 570.864 698.931 571.832 693.845 571.59C695.54 580.552 699.949 599.203 701.111 599.203C702.274 599.203 708.62 600.172 714.918 600.656Z" fill="#F7B3A4"/>
<path d="M705.471 599.204L701.838 576.677C699.658 574.74 695.298 572.463 695.298 575.951C695.298 579.439 698.931 592.664 701.111 599.204H705.471Z" fill="black" fill-opacity="0.07"/>
<path d="M700.385 622.458C697.479 615.482 699.174 603.565 700.385 598.479H718.551C718.551 598.479 743.077 615.192 757.791 615.192C762.151 615.192 759.244 622.458 759.244 622.458H700.385Z" fill="#FA5C5C"/>
<path d="M730.425 610.301H737.406M735.661 612.919H745.26M726.935 606.811H732.17" stroke="white" stroke-width="1.74524" stroke-linecap="round"/>
<path d="M632.807 559.239L647.34 537.439L660.419 551.246L643.706 568.686L632.807 559.239Z" fill="#F7B3A4"/>
<path d="M655.333 540.344L635.713 561.417H632.08L649.52 535.258L655.333 540.344Z" fill="black" fill-opacity="0.08"/>
<path d="M620.453 573.768L633.533 557.055L646.613 570.861C646.613 570.861 650.522 581.432 653.879 589.754C657.535 598.817 668.412 607.194 664.779 615.187C663.671 617.624 658.966 618.82 658.966 618.82L620.453 573.768Z" fill="#FA5C5C"/>
<path d="M647.526 579.758L651.889 583.248M646.653 584.121L654.507 589.357M647.526 589.357L656.252 595.465" stroke="white" stroke-width="1.74524" stroke-linecap="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M644.706 218.146C644.147 218.712 643.574 219.293 642.979 219.889C641.83 221.037 640.682 222.015 639.595 222.941C635.18 226.701 631.783 229.596 633.532 239.508C633.255 240.248 632.666 241.082 632 242.024C630.924 243.548 629.647 245.355 629.172 247.501C628.617 250.009 629.381 251.944 630.161 253.919C630.869 255.711 631.591 257.537 631.352 259.854C631.053 262.763 629.197 265.159 627.519 267.326C625.773 269.58 624.219 271.586 624.812 273.661C625.294 275.347 625.137 277.75 624.976 280.211C624.653 285.176 624.314 290.374 629.172 290.374C632.352 290.374 633.027 291.766 633.816 293.392C634.83 295.481 636.031 297.958 642.979 298.367C649.284 298.738 655.401 297.973 660.554 297.328C665.497 296.71 669.555 296.202 672.045 296.914C673.813 297.419 675.616 298.508 677.479 299.633C680.975 301.744 684.68 303.982 688.758 302.727C698.204 299.82 707.651 288.921 704.017 284.561C702.383 282.6 701.337 282.403 700.945 281.788C700.465 281.036 700.964 279.659 702.564 273.661C705.471 262.761 701.111 260.581 697.477 259.854C693.844 259.128 691.664 248.228 693.844 243.141C696.024 238.055 691.664 231.515 688.758 229.335C687.824 228.635 687.715 226.284 687.588 223.537C687.319 217.732 686.969 210.156 678.584 212.622C675.354 213.572 673.559 211.536 671.664 209.387C669.406 206.828 667.007 204.107 661.871 206.082C653.393 209.343 649.598 213.189 644.706 218.146ZM716.37 471.311C722.183 455.325 696.024 396.466 693.844 392.833C682.217 406.785 637.165 401.311 616.819 396.466L615.365 405.913C612.459 424.515 645.158 481.969 661.871 508.371L640.798 539.617L659.691 559.236C663.715 553.54 672.478 541.093 677.961 533.077L692.39 578.129C701.212 580.335 713.127 573.128 718.466 569.899C718.756 569.723 719.027 569.559 719.277 569.41L695.955 506.191C705.833 491.026 714.187 477.315 716.37 471.311Z" fill="
#fe5b39"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M664.181 258.811C668.531 254.624 671.739 246.861 672.046 233.695V226.428C672.046 226.428 667.686 221.342 660.419 221.342C650.904 221.342 648.793 223.823 648.793 223.823C640.726 234.409 636.124 251.017 646.239 259.769L645.159 270.03L644.433 275.843L655.333 287.469L669.139 279.476C668.897 278.628 668.352 277.538 667.776 276.388C667.201 275.237 666.596 274.026 666.232 272.936C665.773 271.558 664.612 263.914 664.181 258.811Z" fill="#F7AF9F"/>
<path d="M661.145 267.847C661.145 267.847 663.567 261.065 664.052 259.854C664.778 266.393 665.505 274.387 667.685 275.84C666.958 278.746 656.785 280.926 657.512 280.2C658.093 279.618 661.145 267.847 661.145 267.847Z" fill="black" fill-opacity="0.08"/>
<path d="M672.046 233.695C671.464 258.692 660.419 264.214 650.973 262.761C634.982 255.451 639.674 235.79 648.793 223.823C648.793 223.823 650.904 221.342 660.419 221.342C667.686 221.342 672.046 226.428 672.046 226.428V233.695Z" fill="white" fill-opacity="0.05"/>
<path d="M761.724 303.408L747.565 325.935C746.956 326.902 747.652 328.161 748.795 328.161H761.27C761.812 328.161 762.308 327.86 762.559 327.38L770.871 311.448L774.18 304.832C774.663 303.865 773.96 302.729 772.88 302.729H762.954C762.455 302.729 761.99 302.985 761.724 303.408Z" fill="#2A2626"/>
<path d="M749.069 327.434L721.456 341.24C720.293 344.728 722.909 354.32 724.362 358.68L757.062 333.974C767.235 326.707 772.321 311.447 770.141 311.447C768.398 311.447 755.366 322.105 749.069 327.434Z" fill="#F7B3A4"/>
<path d="M727.807 345.023L725.189 339.787L748.75 327.57L727.807 345.023Z" fill="white" fill-opacity="0.06"/>
<path d="M645.158 534.531L680.038 482.212L661.871 429.893" stroke="black" stroke-opacity="0.07" stroke-width="1.45331" stroke-linecap="round"/>
<path d="M680.765 482.21L661.872 507.643C653.153 493.691 627.72 449.511 620.453 427.711C620.453 427.711 645.055 426.455 657.512 434.251C675.156 445.294 680.765 482.21 680.765 482.21Z" fill="black" fill-opacity="0.04"/>
<path d="M633.532 399.371C635.276 433.669 655.089 482.936 664.778 503.282L661.871 507.642L657.512 501.829C609.552 417.537 614.155 412.451 616.819 399.371H633.532Z" fill="black" fill-opacity="0.07"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M644.432 272.205L624.086 275.838C624.085 275.839 624.085 275.839 624.084 275.84C615.848 281.17 597.49 303.599 589.933 350.684C596.23 365.944 611.151 399.515 620.452 411.723L634.258 401.55L634.196 401.386L634.985 400.823C671.609 407.217 689.969 398.158 694.571 392.829C692.671 390.296 691.115 381.031 689.976 371.008L690.211 371.029L725.09 361.583C732.357 347.776 728.723 337.603 722.91 336.15L694.571 339.783C691.364 315.198 686.307 294.678 679.342 282.766C675.114 274.853 670.396 270.972 666.723 274.339C656.441 286.905 649.052 277.861 644.662 272.487L644.432 272.205Z" fill="
#002578"/>
<path d="M618.273 400.825C615.948 400.243 598.411 366.672 589.934 349.959C591.096 358.097 609.553 395.738 620.453 411.724L624.813 408.091C623.602 405.911 620.598 401.406 618.273 400.825Z" fill="#070707" fill-opacity="0.06"/>
<path d="M624.086 275.84C615.851 281.169 597.491 303.598 589.934 350.685C596.231 365.945 611.152 399.516 620.453 411.724L634.259 401.551L613.913 347.778L629.899 304.906" stroke="black" stroke-opacity="0.06" stroke-width="1.45331"/>
<path d="M622.633 416.812L621.906 410.272L632.806 402.279L638.619 410.272C638.038 414.342 632.079 421.657 629.173 424.806L622.633 416.812Z" fill="#F7B3A4"/>
<path d="M628.446 413.903L621.906 410.996L622.633 416.809L629.173 424.802L631.353 421.169L628.446 413.903Z" fill="black" fill-opacity="0.06"/>
<path d="M626.992 428.44C630.383 425.049 637.747 416.523 640.072 409.547" stroke="white" stroke-opacity="0.13" stroke-width="0.726653" stroke-linecap="round"/>
<path d="M690.211 371.031C688.516 344.629 688.032 318.712 677.858 294.006" stroke="black" stroke-opacity="0.03" stroke-width="1.45331"/>
<path d="M663.325 554.149L659.691 549.789C659.691 549.789 698.405 504.685 710.557 465.497C714.388 453.144 685.124 397.919 685.124 397.919C691.664 396.465 689 397.192 694.571 393.559C702.322 415.116 717.824 460.265 717.824 468.404C717.824 476.542 681.491 528.958 663.325 554.149Z" fill="white" fill-opacity="0.03"/>
<path d="M672.772 491.659L663.325 437.16L679.312 481.486L672.772 491.659Z" fill="black" fill-opacity="0.04"/>
<path d="M706.198 567.228L690.938 513.456L696.025 506.916L718.551 562.868L706.198 567.228Z" fill="black" fill-opacity="0.06"/>
<path d="M688.032 346.329C686.288 359.699 691.181 382.904 693.845 392.834C683.963 401.554 660.419 402.523 650.246 401.554C650.246 401.554 661.146 395.014 666.232 389.928C671.319 384.841 680.766 378.301 682.945 353.595C684.061 340.948 680.766 307.574 679.312 294.736C682.945 305.636 689.776 332.958 688.032 346.329Z" fill="black" fill-opacity="0.03"/>
<path d="M199 620.768H788.017" stroke="black" stroke-width="3.49047"/>
<path d="M919.783 272.687H825.13H778.095C776.837 272.687 775.676 273.364 775.057 274.46L770.347 282.792C769.109 284.981 766.034 285.183 764.521 283.176L757.663 274.077C757.003 273.202 755.971 272.687 754.875 272.687H729.552C727.624 272.687 726.062 271.124 726.062 269.197V153.045C726.062 151.117 727.624 149.555 729.552 149.555H919.783C921.71 149.555 923.273 151.117 923.273 153.045V269.197C923.273 271.124 921.71 272.687 919.783 272.687Z" fill="#F3F3F3"/>
<rect x="734.787" y="165.262" width="47.1214" height="89.007" fill="white" fill-opacity="0.97"/>
<rect x="741.769" y="236.816" width="33.1595" height="10.4714" rx="1.74524" fill="#1999AB"/>
<rect x="741.769" y="201.912" width="33.1595" height="29.669" fill="#DFF8F9"/>
<rect x="741.769" y="173.988" width="33.1595" height="22.6881" fill="#DFF8F9"/>
<circle cx="758.349" cy="216.746" r="7.85356" fill="#FF9E80"/>
<rect x="787.145" y="165.262" width="106.459" height="43.6309" rx="1.74524" fill="white"/>
<rect x="787.145" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
<rect x="823.794" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
<rect x="860.444" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
</svg> );
}
}
your second way is
you use style inline
<svg style={{width:this.props.width,height:this.props.height}} viewBox="0 0 1155 700" >
You can just change the attribute width of the svg that will doo the trick
So you can do it with css media queries like so :
#media only screen and (max-width: 600px) {
.illustration-comp {width: 150px(for exemple);}
}
Or you can change exactly the size as required by changing the width attribute with react state and props like so :
<svg width={{this.props.width}} viewBox="0 0 1155 700" >
To get more information about media queries see this article css-media-query-breakpoints
.illustration{ width:150px; }
<svg className="illustration-comp" class="illustration" viewBox="0 0 1155 700" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="359.562" y="82" width="254.804" height="537.533" rx="24.4333" fill="#F6F0F9"/>
<rect x="385.74" y="157.045" width="78.5356" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="478.238" y="157.045" width="78.5356" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="385.74" y="301.9" width="214.664" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="401.448" y="326.334" width="48.8666" height="48.8666" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="459.04" y="326.334" width="123.912" height="8.72618" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="460.785" y="342.041" width="80.2809" height="8.72618" rx="2.74211" fill="black" fill-opacity="0.06"/>
<rect x="383.995" y="443.264" width="143.109" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="541.066" y="443.264" width="59.338" height="129.147" rx="12.2167" fill="black" fill-opacity="0.06"/>
<rect x="553.283" y="455.48" width="34.9047" height="34.9047" rx="7.18627" fill="black" fill-opacity="0.06"/>
<rect x="553.283" y="497.365" width="34.9047" height="34.9047" rx="7.18627" fill="black" fill-opacity="0.06"/>
<path d="M385.883 547.76C408.673 560.367 376.388 602.713 357.397 622.31H322.849C298.302 611.097 253.026 586.792 268.3 579.277C287.392 569.882 257.693 559.275 249.207 535.334C240.722 511.393 274.361 512 298.605 512C322.849 512 303.756 480.482 329.213 473.209C354.669 465.936 345.881 494.12 345.881 512C345.881 529.88 357.397 532.001 385.883 547.76Z" fill="#FF9E80"/>
<path d="M321.247 515.288C327.676 526.002 332.101 585.573 340.99 621.131H330.99C332.505 616.283 301.594 600.524 291.593 594.16C281.592 587.796 292.805 576.885 296.745 575.067C300.685 573.249 263.712 556.278 269.47 534.459C273.742 518.272 296.097 553.559 302.2 537.489C306.073 527.291 316.701 507.712 321.247 515.288Z" fill="white" fill-opacity="0.13"/>
<path d="M343.415 621.742C341.552 616.593 339.251 609.58 336.9 601.438M333.717 492.645C326.747 502.645 333.113 507.755 329.174 525.937C324.744 546.379 328.035 567.67 333.717 589.77M333.717 589.77C320.787 572.345 304.321 556.283 277.653 539.919M333.717 589.77C334.765 593.845 335.838 597.757 336.9 601.438M336.9 601.438C344.224 591.033 361.84 568.951 373.72 563.859" stroke="#FBFBFB" stroke-width="1.36342" stroke-linecap="round"/>
<path d="M306.048 533.4C278.768 548.491 317.414 599.18 340.147 622.639H381.502C410.885 609.217 465.082 580.123 446.799 571.127C423.945 559.881 459.495 547.185 469.652 518.527C479.81 489.869 439.543 490.594 410.523 490.594C381.502 490.594 404.356 452.867 373.884 444.161C343.412 435.455 353.932 469.192 353.932 490.594C353.932 511.997 340.147 514.537 306.048 533.4Z" fill="#17A0B3"/>
<path d="M383.42 494.533C375.725 507.359 370.428 578.667 359.787 621.231H371.758C369.944 615.427 406.946 596.563 418.917 588.945C430.888 581.327 399.958 580.189 399.958 570.443C399.958 555.261 452.291 543.6 445.398 517.481C440.285 498.106 413.526 540.345 406.22 521.108C401.584 508.902 388.862 485.464 383.42 494.533Z" fill="white" fill-opacity="0.13"/>
<path d="M356.883 621.955C359.113 615.791 361.867 607.396 364.681 597.65M368.492 467.422C376.835 479.393 369.215 485.509 373.93 507.274C379.232 531.743 375.293 557.23 368.492 583.684M368.492 583.684C383.969 562.825 403.679 543.599 435.602 524.01M368.492 583.684C367.238 588.561 365.953 593.244 364.681 597.65M364.681 597.65C355.915 585.195 334.828 558.762 320.607 552.668" stroke="#FBFBFB" stroke-width="1.63205" stroke-linecap="round"/>
<path d="M714.918 600.656C713.755 598.912 712.738 578.857 712.738 568.684C708.378 570.864 698.931 571.832 693.845 571.59C695.54 580.552 699.949 599.203 701.111 599.203C702.274 599.203 708.62 600.172 714.918 600.656Z" fill="#F7B3A4"/>
<path d="M705.471 599.204L701.838 576.677C699.658 574.74 695.298 572.463 695.298 575.951C695.298 579.439 698.931 592.664 701.111 599.204H705.471Z" fill="black" fill-opacity="0.07"/>
<path d="M700.385 622.458C697.479 615.482 699.174 603.565 700.385 598.479H718.551C718.551 598.479 743.077 615.192 757.791 615.192C762.151 615.192 759.244 622.458 759.244 622.458H700.385Z" fill="#FA5C5C"/>
<path d="M730.425 610.301H737.406M735.661 612.919H745.26M726.935 606.811H732.17" stroke="white" stroke-width="1.74524" stroke-linecap="round"/>
<path d="M632.807 559.239L647.34 537.439L660.419 551.246L643.706 568.686L632.807 559.239Z" fill="#F7B3A4"/>
<path d="M655.333 540.344L635.713 561.417H632.08L649.52 535.258L655.333 540.344Z" fill="black" fill-opacity="0.08"/>
<path d="M620.453 573.768L633.533 557.055L646.613 570.861C646.613 570.861 650.522 581.432 653.879 589.754C657.535 598.817 668.412 607.194 664.779 615.187C663.671 617.624 658.966 618.82 658.966 618.82L620.453 573.768Z" fill="#FA5C5C"/>
<path d="M647.526 579.758L651.889 583.248M646.653 584.121L654.507 589.357M647.526 589.357L656.252 595.465" stroke="white" stroke-width="1.74524" stroke-linecap="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M644.706 218.146C644.147 218.712 643.574 219.293 642.979 219.889C641.83 221.037 640.682 222.015 639.595 222.941C635.18 226.701 631.783 229.596 633.532 239.508C633.255 240.248 632.666 241.082 632 242.024C630.924 243.548 629.647 245.355 629.172 247.501C628.617 250.009 629.381 251.944 630.161 253.919C630.869 255.711 631.591 257.537 631.352 259.854C631.053 262.763 629.197 265.159 627.519 267.326C625.773 269.58 624.219 271.586 624.812 273.661C625.294 275.347 625.137 277.75 624.976 280.211C624.653 285.176 624.314 290.374 629.172 290.374C632.352 290.374 633.027 291.766 633.816 293.392C634.83 295.481 636.031 297.958 642.979 298.367C649.284 298.738 655.401 297.973 660.554 297.328C665.497 296.71 669.555 296.202 672.045 296.914C673.813 297.419 675.616 298.508 677.479 299.633C680.975 301.744 684.68 303.982 688.758 302.727C698.204 299.82 707.651 288.921 704.017 284.561C702.383 282.6 701.337 282.403 700.945 281.788C700.465 281.036 700.964 279.659 702.564 273.661C705.471 262.761 701.111 260.581 697.477 259.854C693.844 259.128 691.664 248.228 693.844 243.141C696.024 238.055 691.664 231.515 688.758 229.335C687.824 228.635 687.715 226.284 687.588 223.537C687.319 217.732 686.969 210.156 678.584 212.622C675.354 213.572 673.559 211.536 671.664 209.387C669.406 206.828 667.007 204.107 661.871 206.082C653.393 209.343 649.598 213.189 644.706 218.146ZM716.37 471.311C722.183 455.325 696.024 396.466 693.844 392.833C682.217 406.785 637.165 401.311 616.819 396.466L615.365 405.913C612.459 424.515 645.158 481.969 661.871 508.371L640.798 539.617L659.691 559.236C663.715 553.54 672.478 541.093 677.961 533.077L692.39 578.129C701.212 580.335 713.127 573.128 718.466 569.899C718.756 569.723 719.027 569.559 719.277 569.41L695.955 506.191C705.833 491.026 714.187 477.315 716.37 471.311Z" fill="
#fe5b39"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M664.181 258.811C668.531 254.624 671.739 246.861 672.046 233.695V226.428C672.046 226.428 667.686 221.342 660.419 221.342C650.904 221.342 648.793 223.823 648.793 223.823C640.726 234.409 636.124 251.017 646.239 259.769L645.159 270.03L644.433 275.843L655.333 287.469L669.139 279.476C668.897 278.628 668.352 277.538 667.776 276.388C667.201 275.237 666.596 274.026 666.232 272.936C665.773 271.558 664.612 263.914 664.181 258.811Z" fill="#F7AF9F"/>
<path d="M661.145 267.847C661.145 267.847 663.567 261.065 664.052 259.854C664.778 266.393 665.505 274.387 667.685 275.84C666.958 278.746 656.785 280.926 657.512 280.2C658.093 279.618 661.145 267.847 661.145 267.847Z" fill="black" fill-opacity="0.08"/>
<path d="M672.046 233.695C671.464 258.692 660.419 264.214 650.973 262.761C634.982 255.451 639.674 235.79 648.793 223.823C648.793 223.823 650.904 221.342 660.419 221.342C667.686 221.342 672.046 226.428 672.046 226.428V233.695Z" fill="white" fill-opacity="0.05"/>
<path d="M761.724 303.408L747.565 325.935C746.956 326.902 747.652 328.161 748.795 328.161H761.27C761.812 328.161 762.308 327.86 762.559 327.38L770.871 311.448L774.18 304.832C774.663 303.865 773.96 302.729 772.88 302.729H762.954C762.455 302.729 761.99 302.985 761.724 303.408Z" fill="#2A2626"/>
<path d="M749.069 327.434L721.456 341.24C720.293 344.728 722.909 354.32 724.362 358.68L757.062 333.974C767.235 326.707 772.321 311.447 770.141 311.447C768.398 311.447 755.366 322.105 749.069 327.434Z" fill="#F7B3A4"/>
<path d="M727.807 345.023L725.189 339.787L748.75 327.57L727.807 345.023Z" fill="white" fill-opacity="0.06"/>
<path d="M645.158 534.531L680.038 482.212L661.871 429.893" stroke="black" stroke-opacity="0.07" stroke-width="1.45331" stroke-linecap="round"/>
<path d="M680.765 482.21L661.872 507.643C653.153 493.691 627.72 449.511 620.453 427.711C620.453 427.711 645.055 426.455 657.512 434.251C675.156 445.294 680.765 482.21 680.765 482.21Z" fill="black" fill-opacity="0.04"/>
<path d="M633.532 399.371C635.276 433.669 655.089 482.936 664.778 503.282L661.871 507.642L657.512 501.829C609.552 417.537 614.155 412.451 616.819 399.371H633.532Z" fill="black" fill-opacity="0.07"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M644.432 272.205L624.086 275.838C624.085 275.839 624.085 275.839 624.084 275.84C615.848 281.17 597.49 303.599 589.933 350.684C596.23 365.944 611.151 399.515 620.452 411.723L634.258 401.55L634.196 401.386L634.985 400.823C671.609 407.217 689.969 398.158 694.571 392.829C692.671 390.296 691.115 381.031 689.976 371.008L690.211 371.029L725.09 361.583C732.357 347.776 728.723 337.603 722.91 336.15L694.571 339.783C691.364 315.198 686.307 294.678 679.342 282.766C675.114 274.853 670.396 270.972 666.723 274.339C656.441 286.905 649.052 277.861 644.662 272.487L644.432 272.205Z" fill="
#002578"/>
<path d="M618.273 400.825C615.948 400.243 598.411 366.672 589.934 349.959C591.096 358.097 609.553 395.738 620.453 411.724L624.813 408.091C623.602 405.911 620.598 401.406 618.273 400.825Z" fill="#070707" fill-opacity="0.06"/>
<path d="M624.086 275.84C615.851 281.169 597.491 303.598 589.934 350.685C596.231 365.945 611.152 399.516 620.453 411.724L634.259 401.551L613.913 347.778L629.899 304.906" stroke="black" stroke-opacity="0.06" stroke-width="1.45331"/>
<path d="M622.633 416.812L621.906 410.272L632.806 402.279L638.619 410.272C638.038 414.342 632.079 421.657 629.173 424.806L622.633 416.812Z" fill="#F7B3A4"/>
<path d="M628.446 413.903L621.906 410.996L622.633 416.809L629.173 424.802L631.353 421.169L628.446 413.903Z" fill="black" fill-opacity="0.06"/>
<path d="M626.992 428.44C630.383 425.049 637.747 416.523 640.072 409.547" stroke="white" stroke-opacity="0.13" stroke-width="0.726653" stroke-linecap="round"/>
<path d="M690.211 371.031C688.516 344.629 688.032 318.712 677.858 294.006" stroke="black" stroke-opacity="0.03" stroke-width="1.45331"/>
<path d="M663.325 554.149L659.691 549.789C659.691 549.789 698.405 504.685 710.557 465.497C714.388 453.144 685.124 397.919 685.124 397.919C691.664 396.465 689 397.192 694.571 393.559C702.322 415.116 717.824 460.265 717.824 468.404C717.824 476.542 681.491 528.958 663.325 554.149Z" fill="white" fill-opacity="0.03"/>
<path d="M672.772 491.659L663.325 437.16L679.312 481.486L672.772 491.659Z" fill="black" fill-opacity="0.04"/>
<path d="M706.198 567.228L690.938 513.456L696.025 506.916L718.551 562.868L706.198 567.228Z" fill="black" fill-opacity="0.06"/>
<path d="M688.032 346.329C686.288 359.699 691.181 382.904 693.845 392.834C683.963 401.554 660.419 402.523 650.246 401.554C650.246 401.554 661.146 395.014 666.232 389.928C671.319 384.841 680.766 378.301 682.945 353.595C684.061 340.948 680.766 307.574 679.312 294.736C682.945 305.636 689.776 332.958 688.032 346.329Z" fill="black" fill-opacity="0.03"/>
<path d="M199 620.768H788.017" stroke="black" stroke-width="3.49047"/>
<path d="M919.783 272.687H825.13H778.095C776.837 272.687 775.676 273.364 775.057 274.46L770.347 282.792C769.109 284.981 766.034 285.183 764.521 283.176L757.663 274.077C757.003 273.202 755.971 272.687 754.875 272.687H729.552C727.624 272.687 726.062 271.124 726.062 269.197V153.045C726.062 151.117 727.624 149.555 729.552 149.555H919.783C921.71 149.555 923.273 151.117 923.273 153.045V269.197C923.273 271.124 921.71 272.687 919.783 272.687Z" fill="#F3F3F3"/>
<rect x="734.787" y="165.262" width="47.1214" height="89.007" fill="white" fill-opacity="0.97"/>
<rect x="741.769" y="236.816" width="33.1595" height="10.4714" rx="1.74524" fill="#1999AB"/>
<rect x="741.769" y="201.912" width="33.1595" height="29.669" fill="#DFF8F9"/>
<rect x="741.769" y="173.988" width="33.1595" height="22.6881" fill="#DFF8F9"/>
<circle cx="758.349" cy="216.746" r="7.85356" fill="#FF9E80"/>
<rect x="787.145" y="165.262" width="106.459" height="43.6309" rx="1.74524" fill="white"/>
<rect x="787.145" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
<rect x="823.794" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
<rect x="860.444" y="212.385" width="33.1595" height="41.8857" rx="1.74524" fill="white"/>
</svg>
Sabre Hotel Reservation Not working
I have been trying to reserve an hotel with the Sabre Hotel Reservation error and I have getting series of errors ranging from, "NO AVAIL", "FORMAT" Attached below is a step by step process starting from HotelPropertyDescription to HotelRes HotelPropertyDescriptionRQ <HotelPropertyDescriptionRQ Version="2.3.0" xmlns="http://webservices.sabre.com/sabreXML/2011/10" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <AvailRequestSegment> <GuestCounts Count="1" /> <HotelSearchCriteria> <Criterion> <HotelRef HotelCode="0037781" /> </Criterion> </HotelSearchCriteria> <TimeSpan End="01-31" Start="01-29" /> </AvailRequestSegment> </HotelPropertyDescriptionRQ> HotelPropertyDescriptionRS <?xml version="1.0" encoding="UTF-8"?> <soap-env:Envelope xmlns:soap-env="http://schemas.xmlsoap.org/soap/envelope/"><soap-env:Header><eb:MessageHeader xmlns:eb="http://www.ebxml.org/namespaces/messageHeader" eb:version="1.0" soap-env:mustUnderstand="1"><eb:From><eb:PartyId eb:type="URI">https://sws-crt.cert.havail.sabre.com</eb:PartyId></eb:From><eb:To><eb:PartyId eb:type="URI">localhost:8000</eb:PartyId></eb:To><eb:CPAId><<--Romved By ME-->></eb:CPAId><eb:ConversationId>convId</eb:ConversationId><eb:Service eb:type="OTA">HotelPropertyDescriptionLLSRQ</eb:Service><eb:Action>HotelPropertyDescriptionLLSRS</eb:Action><eb:MessageData><eb:MessageId>1191447481752920151</eb:MessageId><eb:Timestamp>2018-01-11T13:22:56</eb:Timestamp><eb:RefToMessageId>1190841481505850610</eb:RefToMessageId></eb:MessageData></eb:MessageHeader><wsse:Security xmlns:wsse="http://schemas.xmlsoap.org/ws/2002/12/secext"><wsse:BinarySecurityToken valueType="String" EncodingType="wsse:Base64Binary"><<--Romved By ME-->></wsse:BinarySecurityToken></wsse:Security></soap-env:Header><soap-env:Body><HotelPropertyDescriptionRS xmlns="http://webservices.sabre.com/sabreXML/2011/10" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:stl="http://services.sabre.com/STL/v01" Version="2.3.0"> <stl:ApplicationResults status="Complete"> <stl:Success timeStamp="2018-01-11T07:22:56-06:00"/> </stl:ApplicationResults> <RoomStay> <BasicPropertyInfo ChainCode="PR" GeoConfidenceLevel="0" HotelCityCode="JNB" HotelCode="0037781" HotelName="PR BALALAIKA SANDTON" Latitude="-26.106467" Longitude="28.053686" RPH="001"> <Address> <AddressLine>20 MAUDE STREET</AddressLine> <AddressLine>SANDTON ZA 2146</AddressLine> <CountryCode>ZA</CountryCode> </Address> <Awards> <AwardProvider>NTM3 CROWN</AwardProvider> </Awards> <CheckInTime>14:00</CheckInTime> <CheckOutTime>11:00</CheckOutTime> <ContactNumbers> <ContactNumber Fax="27-11-322 5021" Phone="27-11-322 5000"/> </ContactNumbers> <DirectConnect Ind="true"> <AdditionalData Ind="false"/> <CurrencyConverted Ind="false"/> <DC_AvailParticipant Ind="true"/> <DC_SellParticipant Ind="true"/> <RequestFail Ind="false"/> <UnAvail Ind="false"/> </DirectConnect> <IndexData> <Index DistanceDirection="10N" LocationCode="A" Point="JNB" TransportationCode="O"/> </IndexData> <PropertyOptionInfo> <ADA_Accessible Ind="false"/> <AdultsOnly Ind="false"/> <AirportShuttle Ind="false"/> <BeachFront Ind="false"/> <Breakfast Ind="false"/> <BusinessCenter Ind="false"/> <BusinessReady Ind="false"/> <CarRentalCounter>N</CarRentalCounter> <Conventions Ind="false"/> <Dataport Ind="false"/> <Dining Ind="true"/> <DryClean Ind="false"/> <EcoCertified Ind="false"/> <ExecutiveFloors Ind="false"/> <FamilyPlan Ind="false"/> <FitnessCenter Ind="false"/> <FreeLocalCalls Ind="false"/> <FreeParking Ind="false"/> <FreeShuttle Ind="false"/> <FreeWifiInMeetingRooms Ind="false"/> <FreeWifiInPublicSpaces Ind="false"/> <FreeWifiInRooms Ind="false"/> <FullServiceSpa Ind="false"/> <GameFacilities Ind="false"/> <Golf Ind="false"/> <GovtSafetyFire Ind="false"/> <HighSpeedInternet Ind="true"/> <HypoallergenicRooms Ind="false"/> <IndoorPool Ind="false"/> <IndPetRestriction Ind="false"/> <InRoomCoffeeTea Ind="false"/> <InRoomMiniBar Ind="false"/> <InRoomRefrigerator Ind="false"/> <InRoomSafe Ind="false"/> <InteriorDoorways Ind="false"/> <Jacuzzi Ind="false"/> <KidsFacilities Ind="false"/> <KitchenFacilities Ind="false"/> <MealService Ind="true"/> <MeetingFacilities Ind="true"/> <NoAdultTV Ind="false"/> <NonSmoking Ind="false"/> <OutdoorPool Ind="false"/> <Parking>Y</Parking> <Pets Ind="false"/> <Pool Ind="true"/> <PublicTransportationAdjacent Ind="false"/> <Recreation Ind="false"/> <RestrictedRoomAccess Ind="false"/> <RoomService Ind="true"/> <RoomService24Hours Ind="false"/> <RoomsWithBalcony Ind="false"/> <SkiInOutProperty Ind="false"/> <SmokeFree Ind="false"/> <SmokingRoomsAvail Ind="false"/> <Tennis Ind="false"/> <WaterPurificationSystem Ind="false"/> <Wheelchair Ind="true"/> </PropertyOptionInfo> <PropertyTypeInfo> <AllInclusive Ind="false"/> <Apartments Ind="false"/> <BedBreakfast Ind="false"/> <Castle Ind="false"/> <Conventions Ind="false"/> <Economy Ind="false"/> <ExtendedStay Ind="false"/> <Farm Ind="false"/> <First Ind="false"/> <Luxury Ind="true"/> <Moderate Ind="false"/> <Motel Ind="false"/> <Resort Ind="false"/> <Suites Ind="false"/> </PropertyTypeInfo> <SpecialOffers Ind="false"/> <Taxes> <Text>TAX INCL</Text> <Text>SVC EXCL</Text> </Taxes> <VendorMessages> <AdditionalAttractions> <Text>- NEARBY CORPORATE LOCATIONS INCLUDE:</Text> <Text>* JOHANNESBURG CITY CENTRE ... 16KM</Text> <Text>* SANDTON CITY ....... 0.2KM</Text> <Text>* ABSA PARK .......... 0.1KM</Text> </AdditionalAttractions> <Cancellation> <Text>SHOULD THE RESERVATION BE CANCELLED LESS THAN 24HRS FROM DAY OF</Text> <Text>ARRIVAL, A CANCELLATION FEE OF 1 NIGHT S STAY PLUS 1PERCENT</Text> <Text>LEVY WILL BE CHARGED</Text> </Cancellation> <Deposit> <Text>THE DEPOSIT IS REQUIRED AT THE TIME OF RESERVATION.</Text> </Deposit> <Description> <Text>FOR THOSE WHO SEEK PREMIER QUALITY AND ELEGANCE, THE PROTEA</Text> <Text>HOTEL BALALAIKA IS THE DISTINCTIVELY SUPERIOR CHOICE.</Text> <Text>ESTABLISHED IN 1949, THE PROTEA HOTEL BALALAIKA IS A PRIVATELY</Text> <Text>OWNED PREMIER HOTEL, SET IN THE HEART OF SANDTON, SOUTH AFRICA.</Text> </Description> <Dining> <Text>*THE COLONY RESTAURANT</Text> <Text>THE RESTAURANT IS OPEN FIVE DAYS A WEEK FOR BREAKFAST FROM</Text> <Text>06H30 TO 10H00 AND WEEKENDS FROM 07H00 TO 10H30, WHERE A LAVISH</Text> <Text>FULL ENGLISH BREAKFAST BUFFET IS SERVED. THE RESTAURANT IS</Text> <Text>CLOSED FOR LUNCH AND DINNER. PROKARD GOLD IS ACCEPTED.</Text> <Text>*THE BULL RUN RESTAURANT</Text> <Text>A WEALTH OF GOOD TASTE.INDULGE YOUR SENSES IN OUR WARM,</Text> <Text>SPACIOUS INTERIOR, EMBELLISHED WITH FINE WOOD AND FACE BRICK,</Text> <Text>CATERING FOR THE CONNOISSEURS OF CHOICE MEAT AND SELECT WINES.</Text> <Text>VISIT OUR IN-HOUSE BUTCHERY FOR FRESH CUTS OF MATURELY AGED</Text> <Text>MEAT, CUT AND PACKED FOR YOUR SPECIFIC REQUIREMENTS. A MUST FOR</Text> <Text>BOTH LOCAL AND INTERNATIONAL GUESTS ALIKE. ENJOY FRESH OYSTERS,</Text> <Text>WHILE SIPPING AN EXOTIC COCKTAIL ON THE TERRACE. OPEN DAILY FOR</Text> <Text>LUNCH AND DINNER, MONDAY TO SUNDAY. CLOSED ON SATURDAY FOR</Text> <Text>LUNCH. PROKARD GOLD IS ACCEPTED.</Text> <Text>*THE OVAL COFFEE SHOP</Text> <Text>THE OVAL COFFEE SHOP OFFERS A VARIETY OF LIGHT MEALS SUCH AS</Text> <Text>TRAMEZZINI AND CIABATTA WITH NUMEROUS SELECTIONS OF DIFFERENT</Text> <Text>FILLINGS. CAKES, PASTRIES AND SPECIALTY COFFEES ARE ALSO</Text> <Text>AVAILABLE. OPEN SEVEN DAYS A WEEK FROM 09H00 TO 21H00. IN THE</Text> <Text>WINTER MONTHS, ENJOY OUR HOT HOME-MADE SOUP OF THE DAY, SERVED</Text> <Text>WITH FRENCH LOAF.</Text> <Text>*LORDS CIGAR BAR</Text> <Text>A SOPHISTICATED LOUNGE BAR, DECORATED IN LUXURIOUS SOLID WOOD</Text> <Text>FURNISHINGS, CHANDELIERS, AND RICH PLUSH UPHOLSTERY. A VAST</Text> <Text>VARIETY OF SPECIALTY COCKTAILS ARE AVAILABLE. HOT SAVORIES ARE</Text> <Text>SERVED DAILY AT 17H00. INTERNATIONAL CIGARS FROM ALL OVER THE</Text> <Text>WORLD ARE IMPORTED. CHOOSE ONE FROM OUR SPECIALLY DESIGNED</Text> <Text>CIGAR MENU.</Text> </Dining> <Directions> <Text>- TAKE THE R24 TOWARDS JOHANNESBURG. TRAVEL FOR 10KM AND</Text> <Text>TAKE THE N3 TURNOFF TO PRETORIA. TAKE THE MARLBORO</Text> <Text>DRIVE TURNOFF AND TURN LEFT AT THE TRAFFIC LIGHTS.</Text> <Text>CONTINUE UNDER THE BRIDGE INTO GRAYSTON DRIVE. TURN</Text> <Text>LEFT INTO RIVONIA ROAD AND AT THE FIRST SET OF</Text> <Text>TRAFFIC LIGHTS TURN INTO MAUDE STREET WHERE THE HOTEL</Text> <Text>IS SITUATED ON THE LEFT.</Text> </Directions> <Facilities> <Text>*LOUNGE</Text> <Text>*THE POOL TERRACE</Text> <Text>*FITNESS CENTRE</Text> <Text>*RESTAURANT</Text> <Text>*FAX</Text> <Text>*PHOTOSTAT COPIES</Text> <Text>*BED BOARDS</Text> <Text>*EXTRA BEDS</Text> <Text>*BABY COTS / HIGH CHAIRS / BABY-SITTING FACILITIES</Text> <Text>*MAIL POSTING FACILITIES</Text> <Text>*FULL CONCIERGE FACILITIES</Text> <Text>*PARKING</Text> <Text>*LAUNDRY AND VALET</Text> <Text>*EXTRA PILLOWS</Text> <Text>*SAFE CUSTODY</Text> <Text>*24 HOUR ROOM SERVICE</Text> <Text>*PLSE NOTE A CHARGE MAY BE APPLICABLE FOR SOME OF THE ABOVE*</Text> </Facilities> <Guarantee> <Text>ALL RESERVATIONS MUST BE GUARANTEED TO CREDIT CARD AX DC CA VI</Text> <Text>IK, TRAVEL AGENT VOUCHER OR DEPOSIT</Text> </Guarantee> <MiscServices> <Text>- PETS ARE NOT ACCEPTED.</Text> <Text>- ALL RATES ARE NON COMMISSIONABLE</Text> </MiscServices> <Recreation> <Text>- AVAILABLE CLOSE TO THE HOTEL:</Text> <Text>* TENNIS COURTS ..... 2KM</Text> <Text>* FITNESS CENTRE .... 1KM</Text> <Text>* GOLF COURSE ....... 2KM</Text> <Text>*PLSE NOTE A CHARGE MAY BE APPLICABLE FOR SOME OF THE ABOVE*</Text> </Recreation> <Rooms> <Text>ALL ROOMS ARE A DELIGHTFUL REFLECTION OF THE ENGLISH COUNTRY</Text> <Text>THEME OF THE HOTEL AND ARE FITTED TO EXCEED THE FOUR STAR</Text> <Text>RATING. ALL ROOMS HAVE INDIVIDUALLY CONTROLLED AIR-CONDITIONING</Text> <Text>AND HEATING, PRIVATE BATHROOMS WITH SEPARATE SHOWERS, MODEM</Text> <Text>POINTS, ADAPTOR POINTS FOR INTERNATIONAL PLUGS, T.V. WITH AN</Text> <Text>ADDITIONAL FIVE SATELLITE STATIONS, THREE GERMAN CHANNELS,</Text> <Text>M-NET, RADIO, TEA/COFFEE MAKING FACILITIES AND ELECTRONIC</Text> <Text>SAFES. MINI-BARS ARE AVAILABLE ON REQUEST. NON-SMOKING ROOMS</Text> <Text>ARE AVAILABLE UPON REQUEST.</Text> </Rooms> <Safety> <Text>- THE HOTEL OFFERS 24HOURS ON SITE SECURITY, PORTER</Text> <Text>SERVICE AND RECEPTION. SMOKE DETECTORS ARE INSTALLED IN</Text> <Text>ALL ROOMS AND PUBLIC PLACES.</Text> </Safety> <Services> <Text>* ROOM SERVICE * FOREIGN EXCHANGE * BABY SITTING</Text> <Text>* LAUNDRY * PORTERS * VALET</Text> <Text>*PLS NOTE A CHARGE MAY BE APPLICABLE FOR SOME OF THE ABOVE*</Text> </Services> <Transportation> <Text>RECOMMENDED MEANS OF TRANSPORT BETWEEN AIRPORT AND HOTEL IS</Text> <Text>EITHER BY AIRPORT SHUTTLE CHARGED OR PRIVATE TAXI.</Text> </Transportation> </VendorMessages> </BasicPropertyInfo> <Guarantee> <GuaranteesAccepted> <PaymentCard Code="AX" Type="AMERICAN EXPRESS"/> <PaymentCard Code="CA" Type="MASTERCARD"/> <PaymentCard Code="DC" Type="DINERS CLUB CARD"/> <PaymentCard Code="DS" Type="DISCOVER CARD"/> <PaymentCard Code="IK" Type="MASTER CARD"/> <PaymentCard Code="MC" Type="MASTER CARD"/> <PaymentCard Code="VI" Type="VISA"/> </GuaranteesAccepted> </Guarantee> <RoomRates> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="D" GuaranteedRateProgram="false" IATA_CharacteristicIdentification="APND00" IATA_ProductIdentification="ADVANCE PURCHASE" LowInventoryThreshold="false" RPH="001" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="00" Option="N"> <Text>UP TO 01 DAYS AFTER BOOKING</Text> </CancelPolicy> <Commission NonCommission="false">COMMISSIONABLE</Commission> <Text>ADVANCE PURCHASE RATE, INCLUDES PREPAY IN FULL, NON-REFUNDABLE,</Text> <Text>NO CHANGES, STANDARD, GUEST ROOM, 1 KING</Text> </AdditionalInfo> <Rates> <Rate Amount="1912.50" ChangeIndicator="false" CurrencyCode="ZAR" HRD_RequiredForSell="true" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0"> <Charges ExtraPerson="0"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="3863.25"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="38.25"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="G" GuaranteedRateProgram="false" IATA_CharacteristicIdentification="REGA00" IATA_ProductIdentification="REGULAR RATE" LowInventoryThreshold="false" RPH="002" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="06" Option="P"/> <Commission NonCommission="false">COMMISSIONABLE</Commission> <Text>BEST AVAILABLE RATE REGULAR RATE,, SEE RATE RULES, STANDARD,</Text> <Text>GUEST ROOM, 1 KING</Text> </AdditionalInfo> <Rates> <Rate Amount="2250.00" ChangeIndicator="false" CurrencyCode="ZAR" HRD_RequiredForSell="false" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0"> <Charges ExtraPerson="0"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="4545.00"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="45.00"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="D" GuaranteedRateProgram="false" IATA_CharacteristicIdentification="APNN00" IATA_ProductIdentification="ADVANCE PURCHASE" LowInventoryThreshold="false" RPH="003" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="00" Option="N"> <Text>UP TO 01 DAYS AFTER BOOKING</Text> </CancelPolicy> <Commission NonCommission="false">COMMISSIONABLE</Commission> <Text>ADVANCE PURCHASE RATE, INCLUDES PREPAY IN FULL, NON-REFUNDABLE,</Text> <Text>NO CHANGES, 2 BEDROOM SUITE</Text> </AdditionalInfo> <Rates> <Rate Amount="2762.50" ChangeIndicator="false" CurrencyCode="ZAR" HRD_RequiredForSell="true" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0"> <Charges ExtraPerson="0"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="5580.25"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="55.25"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="D" GuaranteedRateProgram="false" IATA_CharacteristicIdentification="APNM00" IATA_ProductIdentification="ADVANCE PURCHASE" LowInventoryThreshold="false" RPH="004" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="00" Option="N"> <Text>UP TO 01 DAYS AFTER BOOKING</Text> </CancelPolicy> <Commission NonCommission="false">COMMISSIONABLE</Commission> <Text>ADVANCE PURCHASE RATE, INCLUDES PREPAY IN FULL, NON-REFUNDABLE,</Text> <Text>NO CHANGES, SUITE, 1 KING</Text> </AdditionalInfo> <Rates> <Rate Amount="2762.50" ChangeIndicator="false" CurrencyCode="ZAR" HRD_RequiredForSell="true" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0"> <Charges ExtraPerson="0"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="5580.25"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="55.25"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="G" GuaranteedRateProgram="false" IATA_CharacteristicIdentification="REGD00" IATA_ProductIdentification="REGULAR RATE" LowInventoryThreshold="false" RPH="005" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="06" Option="P"/> <Commission NonCommission="false">COMMISSIONABLE</Commission> <Text>BEST AVAILABLE RATE REGULAR RATE,, SEE RATE RULES, 2 BEDROOM</Text> <Text>SUITE</Text> </AdditionalInfo> <Rates> <Rate Amount="3250.00" ChangeIndicator="false" CurrencyCode="ZAR" HRD_RequiredForSell="false" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0"> <Charges ExtraPerson="0"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="6565.00"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="65.00"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="G" GuaranteedRateProgram="false" IATA_CharacteristicIdentification="REGC00" IATA_ProductIdentification="REGULAR RATE" LowInventoryThreshold="false" RPH="006" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="06" Option="P"/> <Commission NonCommission="false">COMMISSIONABLE</Commission> <Text>BEST AVAILABLE RATE REGULAR RATE,, SEE RATE RULES, SUITE, 1</Text> <Text>KING</Text> </AdditionalInfo> <Rates> <Rate Amount="3250.00" ChangeIndicator="false" CurrencyCode="ZAR" HRD_RequiredForSell="false" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0"> <Charges ExtraPerson="0"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="6565.00"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="65.00"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> </RoomRates> <TimeSpan Duration="0005" End="2018-01-31" Start="2018-01-29"/> </RoomStay> </HotelPropertyDescriptionRS></soap-env:Body></soap-env:Envelope> HotelResRQ <OTA_HotelResRQ xmlns="http://webservices.sabre.com/sabreXML/2011/10" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ReturnHostCommand="false" TimeStamp="2013-11-22T17:15:00-06:00" Version="2.2.0"> <Hotel> <BasicPropertyInfo RPH="001" /> <Customer NameNumber="1.1" /> <Guarantee Type="D"> <CC_Info> <PaymentCard Code="VI" ExpireDate="2019-07" Number="4111111111111111"/> <PersonName> <Surname>TESTING</Surname> </PersonName> </CC_Info> </Guarantee> <RoomType NumberOfUnits="1"/> <SpecialPrefs> <WrittenConfirmation Ind="true" /> </SpecialPrefs> </Hotel> </OTA_HotelResRQ> HotelResRS <?xml version="1.0" encoding="UTF-8"?> <soap-env:Envelope xmlns:soap-env="http://schemas.xmlsoap.org/soap/envelope/"><soap-env:Header><eb:MessageHeader xmlns:eb="http://www.ebxml.org/namespaces/messageHeader" eb:version="1.0" soap-env:mustUnderstand="1"><eb:From><eb:PartyId eb:type="URI">https://sws-crt.cert.havail.sabre.com</eb:PartyId></eb:From><eb:To><eb:PartyId eb:type="URI">localhost:8000</eb:PartyId></eb:To><eb:CPAId><<--Romved By ME-->></eb:CPAId><eb:ConversationId>convId</eb:ConversationId><eb:Service eb:type="OTA">OTA_HotelResLLSRQ</eb:Service><eb:Action>OTA_HotelResLLSRS</eb:Action><eb:MessageData><eb:MessageId>1192612482294130151</eb:MessageId><eb:Timestamp>2018-01-11T13:23:50</eb:Timestamp><eb:RefToMessageId>1192430482217330150</eb:RefToMessageId></eb:MessageData></eb:MessageHeader><wsse:Security xmlns:wsse="http://schemas.xmlsoap.org/ws/2002/12/secext"><wsse:BinarySecurityToken valueType="String" EncodingType="wsse:Base64Binary"><<--Romved By ME-->></wsse:BinarySecurityToken></wsse:Security></soap-env:Header><soap-env:Body><OTA_HotelResRS xmlns="http://webservices.sabre.com/sabreXML/2011/10" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:stl="http://services.sabre.com/STL/v01" Version="2.2.0"> <stl:ApplicationResults status="NotProcessed"> <stl:Error type="BusinessLogic" timeStamp="2018-01-11T07:23:50-06:00"> <stl:SystemSpecificResults> <stl:Message code="0">FORMAT</stl:Message> <stl:ShortText>ERR.SWS.HOST.ERROR_IN_RESPONSE</stl:ShortText> </stl:SystemSpecificResults> </stl:Error> </stl:ApplicationResults> </OTA_HotelResRS></soap-env:Body></soap-env:Envelope> It returned 'FORMAT' as the error this time, sometimes it returns 'NO AVAIL'. I followed the steps as provided on the Sabre Dev studio but I still feel I am doing something wrong. Any way I can solve this ?
For deposit you should be using GuaranteeType as "GDPST". "Type" can be "G", "GAGT", "GDPST", "GC", "GCR", "GH", "GDPSTH", "GT", or "GDPSTT" https://developer.sabre.com/docs/read/soap_apis/hotel/book/book_hotel_reservation/ You should also display the rules before attempting to sell that rate since HRD_RequiredForSell was returned as 'true'.
Is Guarantee Type attribute required for OTA_HotelResRQ
I have a hotel returning no Guarantee Types such as G, GDPST, etc... This is the first I've seen of this and due to the way the code was written it defaults to the first in an array if the property does not return one. In this case "G". When I perform an OTA_HotelResRQ I get the following error: INVLD PROP REQUIRES A DEPOSIT FOR THIS DATE In this scenario should I omit the Type attribute (as specified here http://webservices.sabre.com/drc/servicedoc/OTA_HotelResLLSRQ_v2.2.0_Design.xml) from the Guarantee node? Here is the HotelPropertyDescriptionLLSRQ response: <?xml version="1.0" encoding="UTF-8"?> <soap-env:Envelope xmlns:soap-env="http://schemas.xmlsoap.org/soap/envelope/"><soap-env:Header><eb:MessageHeader xmlns:eb="http://www.ebxml.org/namespaces/messageHeader" eb:version="1.0" soap-env:mustUnderstand="1"><eb:From><eb:PartyId eb:type="URI">Sabre</eb:PartyId></eb:From><eb:To><eb:PartyId eb:type="URI">REMOVED</eb:PartyId></eb:To><eb:CPAId>REMOVED</eb:CPAId><eb:ConversationId>MyConversationID</eb:ConversationId><eb:Service>HotelPropertyDescriptionLLSRQ</eb:Service><eb:Action>HotelPropertyDescriptionLLSRS</eb:Action><eb:MessageData><eb:MessageId>471353037366360202</eb:MessageId><eb:Timestamp>2016-09-14T01:02:16</eb:Timestamp><eb:RefToMessageId>1422291197</eb:RefToMessageId></eb:MessageData></eb:MessageHeader><wsse:Security xmlns:wsse="http://schemas.xmlsoap.org/ws/2002/12/secext"><wsse:BinarySecurityToken valueType="String" EncodingType="wsse:Base64Binary">Shared/IDL:IceSess\/SessMgr:1\.0.IDL/Common/!ICESMS\/RESC!ICESMSLB\/RES.LB!-3361979970612623474!1331042!0</wsse:BinarySecurityToken></wsse:Security></soap-env:Header><soap-env:Body><HotelPropertyDescriptionRS xmlns="http://webservices.sabre.com/sabreXML/2011/10" xmlns:xs="http://www.w3.org/2011/XMLSchema" xmlns:xsi="http://www.w3.org/2011/XMLSchema-instance" xmlns:stl="http://services.sabre.com/STL/v01" Version="2.0.1"> <stl:ApplicationResults status="Complete"> <stl:Success timeStamp="2016-09-13T20:02:16-05:00"/> </stl:ApplicationResults> <RoomStay> <BasicPropertyInfo ChainCode="UZ" GeoConfidenceLevel="1" HotelCityCode="TSM" HotelCode="0012498" HotelName="HOTEL LA FONDA DE TAOS" Latitude="36.406883" Longitude="-105.57462" NumFloors="3" RPH="001"> <Address> <AddressLine>108 SOUTH PLAZA</AddressLine> <AddressLine>TAOS NM 87571</AddressLine> <CountryCode>US</CountryCode> </Address> <Award Provider="NTM3 CROWN"/> <ContactNumbers> <ContactNumber Fax="1-57-57588508" Phone="1-57-57582211"/> </ContactNumbers> <DirectConnect Ind="true"> <AdditionalData Ind="false"/> <CurrencyConverted Ind="true"/> <DC_AvailParticipant Ind="true"/> <DC_SellParticipant Ind="true"/> <RequestFail Ind="false"/> <UnAvail Ind="false"/> </DirectConnect> <IndexData> <Index CountryState="NM" DistanceDirection="0NW" LocationCode="A" Point="TAOS SKI VALLEY" TransportationCode="O"/> <Index DistanceDirection="16W" LocationCode="C" Point="AXX" TransportationCode="O"/> <Index DistanceDirection="66NE" LocationCode="R" Point="LAM" TransportationCode="O"/> <Index DistanceDirection="73W" LocationCode="R" Point="RTN" TransportationCode="O"/> <Index DistanceDirection="7SE" LocationCode="A" Point="TSM" TransportationCode="O"/> <Index DistanceDirection="72NE" LocationCode="R" Point="SAF" TransportationCode="O"/> </IndexData> <PropertyOptionInfo> <ADA_Accessible Ind="false"/> <AdultsOnly Ind="false"/> <AirportShuttle Ind="false"/> <BeachFront Ind="false"/> <Breakfast Ind="false"/> <BusinessCenter Ind="true"/> <BusinessReady Ind="false"/> <CarRentalCounter>Y</CarRentalCounter> <Conventions Ind="false"/> <Dataport Ind="false"/> <Dining Ind="true"/> <DryClean Ind="false"/> <EcoCertified Ind="false"/> <ExecutiveFloors Ind="false"/> <FamilyPlan Ind="true"/> <FitnessCenter Ind="false"/> <FreeLocalCalls Ind="false"/> <FreeParking Ind="true"/> <FreeShuttle Ind="false"/> <FreeWifiInMeetingRooms Ind="false"/> <FreeWifiInPublicSpaces Ind="false"/> <FreeWifiInRooms Ind="false"/> <FullServiceSpa Ind="false"/> <GameFacilities Ind="true"/> <Golf Ind="false"/> <GovtSafetyFire Ind="false"/> <HighSpeedInternet Ind="true"/> <HypoallergenicRooms Ind="false"/> <IndoorPool Ind="true"/> <IndPetRestriction Ind="false"/> <InRoomCoffeeTea Ind="false"/> <InRoomMiniBar Ind="false"/> <InRoomRefrigerator Ind="false"/> <InRoomSafe Ind="false"/> <InteriorDoorways Ind="false"/> <Jacuzzi Ind="false"/> <KidsFacilities Ind="false"/> <KitchenFacilities Ind="false"/> <MealService Ind="false"/> <MeetingFacilities Ind="true"/> <NoAdultTV Ind="false"/> <NonSmoking Ind="true"/> <OutdoorPool Ind="false"/> <Parking>Y-COMPLIMENTARY</Parking> <Pets Ind="false"/> <Pool Ind="true"/> <PublicTransportationAdjacent Ind="false"/> <Recreation Ind="false"/> <RestrictedRoomAccess Ind="false"/> <RoomService Ind="false"/> <RoomService24Hours Ind="false"/> <RoomsWithBalcony Ind="false"/> <SkiInOutProperty Ind="false"/> <SmokeFree Ind="false"/> <SmokingRoomsAvail Ind="false"/> <Tennis Ind="false"/> <WaterPurificationSystem Ind="false"/> <Wheelchair Ind="false"/> </PropertyOptionInfo> <PropertyTypeInfo> <AllInclusive Ind="false"/> <Apartments Ind="false"/> <BedBreakfast Ind="false"/> <Castle Ind="false"/> <Conventions Ind="false"/> <Economy Ind="false"/> <ExtendedStay Ind="false"/> <Farm Ind="false"/> <First Ind="false"/> <Luxury Ind="false"/> <Moderate Ind="true"/> <Motel Ind="false"/> <Resort Ind="true"/> <Suites Ind="false"/> </PropertyTypeInfo> <SpecialOffers Ind="false"/> <Taxes> <Text>8.18 PCT</Text> <Text>5.00 PCT</Text> </Taxes> <VendorMessages> <Attractions> <Text>PRIMARY CITY -</Text> <Text>SAF - TAOS</Text> <Text>65 MI S</Text> <Text>RIO GRANDE GORGE 12 MI</Text> <Text>TAOS PUEBLO 3 MI</Text> <Text>TAOS SKI VALLEY 18 MI</Text> </Attractions> <Awards> <Text>3 STARS</Text> </Awards> <Cancellation> <Text>-27FEB11 - END -</Text> <Text>CANCEL BY 7 DAYS PRIOR TO 0000 HOURS ON DAY OF ARRIVAL,</Text> <Text>LOCAL HOTEL TIME TO AVOID A CANCELLATION PENALTY</Text> <Text>CANCELLATION POLICY TEXT -</Text> <Text>CANCEL BY 10 00 7 DAYS BEFORE ARRIVAL TO AVOID PENALTY</Text> <Text>OF 1 NIGHT.</Text> </Cancellation> <Deposit> <Text>-27FEB11 - END MON-SUN</Text> <Text>1 NIGHT DEPOSIT REQUIRED FOR ALL RESERVATIONS</Text> <Text>DEPOSIT OF FIRST NIGHT STAY</Text> <Text>ACCEPTED FORMS OF DEPOSIT-</Text> <Text>CREDIT CARD</Text> </Deposit> <Description> <Text>- HOTEL</Text> <Text>RESORT</Text> <Text>YEAR BUILT - 1890 YEAR REMODELED - 2003</Text> <Text>ADDITIONAL PROPERTY DESCRIPTION -</Text> <Text>HISTORICAL BOUTIQUE HOTEL LOCATED ON THE FAMOUS TAOS</Text> <Text>PLAZA. AUTHENTIC SOUTHWESTERN AMBIENCE WITH MODERN</Text> <Text>AMENITIES.</Text> </Description> <Dining> <Text>ADDITIONAL MEAL PLAN DESCRIPTION -</Text> <Text>WALKING TO BENT STREET CAFE/GRAHAMS GRILL/DOC</Text> <Text>MARTINS/ALLEY CANTINA/ESKES BREWPUB/MICHAELS KITCHEN</Text> <Text>RESTAURANT</Text> <Text>RESTAURANT DESCRIPTION -</Text> <Text>WALKING TO BENT STREET CAFE/GRAHAMS GRILL/DOC</Text> <Text>MARTINS/ALLEY CANTINA/ESKES BREWPUB/MICHAELS KITCHEN</Text> </Dining> <Directions> <Text>DIRECTION TO THE PROPERTY FROM AIRPORT SAF -</Text> <Text>65 MI NORTH</Text> </Directions> <Facilities> <Text>ON-SITE FACILITIES -</Text> <Text>GENERAL FACILITIES -</Text> <Text>BANQUET FACILITY CASINO</Text> <Text>COFFEE SHOP ELEVATORS</Text> <Text>INDOOR POOL MEETING ROOM</Text> <Text>NON-SMOKING ROOMS RESTAURANT</Text> <Text>SOLARIUM SPA</Text> <Text>HIGH SPEED WIRELESS</Text> <Text>FREE HIGH SPEED INTERNET CONNECTION</Text> <Text>CHARGEABLE FACILITIES -</Text> <Text>BUSINESS CENTER</Text> <Text>PARKING FACILITIES -</Text> <Text>FREE PARKING</Text> <Text>PUBLIC AREA FACILITIES -</Text> <Text>HIGH SPEED INTERNET ACCESS</Text> <Text>ADDITIONAL ONSITE FACILITIES -</Text> <Text>120 AC 120 DC 24-HOUR FRONT DESK 24-HOUR SECURITY 3</Text> <Text>BEDROOM SUITE ACCESSIBLE PARKING ACCOMMODATIONS WITH</Text> <Text>BALCONY ADJOINING ROOMS ADJOINING ROOMS ADJOINING</Text> <Text>ROOMS OR SUITES AIR CONDITIONED GUEST ROOMS AIR</Text> <Text>CONDITIONING AIRPORT - ALBUQUERQUE SUNPORT 140 MILES</Text> <Text>AIRPORT SHUTTLE - 50.0 ALARM CLOCK ALL NEWS CHANNEL</Text> <Text>ALL PETS - PETS NOT ALLOWED ALL PUBLIC AREAS</Text> <Text>NON-SMOKING ALL ROOMS NON-SMOKING AMERICANS WITH</Text> <Text>DISABILITIES ACT ADA COMPLIANCE ANIMAL WATCHING</Text> <Text>ANTIQUE SHOPPING ARCHEOLOGICAL ARCHERY AUDIO VISUAL</Text> <Text>EQUIPMENT AV EQUIP AVAILABLE SUITES AWAY FROM THE</Text> <Text>ELEVATOR BACK OF BUILDING BACKGROUND MUSIC BAGGAGE</Text> <Text>HOLD BALCONY/LANAI/TERRACE BASKETBALL COURT BATHROOM</Text> <Text>AMENITIES BATHROOM VANITY IN GUEST ROOMS FOR DISABLED</Text> <Text>PERSON HEIGHT BATHTUB BATHTUB/SHOWER COMBINATION BED</Text> <Text>TYPES OF WHEELCHAIR ACCESSIBLE ROOMS BEDROOM</Text> <Text>WHEELCHAIR ACCESS BICYCLE BICYCLE RENTALS BIKE TRAIL</Text> <Text>BILINGUAL STAFF BIRD WATCHING BLACKBOARD BLACKBOARD</Text> <Text>WITH ERASER CHALK BOARDING PASS PRINT-OUT AVAILABLE</Text> <Text>BOATING BOOKSTORE BOTTLED WATER BOUTIQUE BRIDGE</Text> <Text>BUS BUS PARKING BUSINESS LOCATION CABLE TELEVISION</Text> <Text>CALLING CARD CALLS CALLING CARD CALLS CAMPING</Text> <Text>CANOEING CAR CARDIOVASCULAR EXERCISE CATERED</Text> <Text>BREAKFAST CATERED DINNER CATERED LUNCH CATERING</Text> <Text>CATHEDRAL CEILING FAN CEMETERY CERTIFIED WEDDING</Text> <Text>PLANNER CHAIR PROVIDED WITH DESK CHARM HOTEL</Text> <Text>CHILDREN NOT ALLOWED</Text> </Facilities> <Guarantee> <Text>-27FEB11 - END MON-SUN</Text> <Text>SEE DEPOSIT POLICY</Text> <Text>ACCEPTED FORMS OF GUARANTEE-</Text> <Text>CREDIT CARD</Text> <Text>ACCEPTED FORMS OF PAYMENT-</Text> <Text>CREDIT CARD</Text> </Guarantee> <Location> <Text>PRIMARY PROPERTY LOCATION - CITY</Text> <Text>SAF AIRPORT 65 MI N</Text> <Text>RESORT</Text> </Location> <MiscServices> <Text>EMAIL - INFO LAFONDATAOS.COM</Text> <Text>TAXES AND SURCHARGES -</Text> <Text>TAX- 8.18 PCT</Text> <Text>LODGING TAX- 5.00 PCT</Text> <Text>ADDITIONAL CURRENCY AND TAX INFORMATION -</Text> <Text>8.1875 PCT VAT AND 5 PCT LODGERS TAX EXCLUDED</Text> <Text>-27FEB11 - END MON-SUN</Text> <Text>MIN STAY - 1</Text> </MiscServices> <Policies> <Text>EXTRA CHILD - 0.00 USD ROLLAWAY FOR CHILD - 0.00 USD</Text> <Text>CHILDREN STAY FREE -</Text> <Text>CHILDREN WELCOME - NO CHILDREN ALLOWED UNDER AGE 8</Text> <Text>NO PETS ALLOWED -</Text> <Text>ALL PETS - PETS NOT ALLOWED</Text> <Text>PROPERTY OFFERS COMMISSION - RATE OF COMMISSION</Text> <Text>10 PCT</Text> <Text>ADDITIONAL COMMISSION PROGRAMS INFORMATION -</Text> <Text>10 PCT</Text> </Policies> <Recreation> <Text>ON-SITE RECREATION -</Text> <Text>BICYCLING WATER SPORTS</Text> </Recreation> <Rooms> <Text>ROOM AMENITIES FOR ALL ROOMS -</Text> <Text>ROOM AMENITIES -</Text> <Text>AIR CONDITIONING / AM/FM ALARM CLOCK / BATH TUB /</Text> <Text>BATHROOM AMENITIES / CABLE/SATELLITE TV / DIRECT DIAL</Text> <Text>TELEPHONE / FREE LOCAL TELEPHONE CALLS / HAIRDRYER /</Text> <Text>IRON/IRONING BOARD / NO SMOKING ROOM / PRIVATE BATH OR</Text> <Text>SHOWER / RADIO / SHOWER / SMOKE DETECTOR / TELEPHONE/SAFE/</Text> <Text>TELEVISION</Text> <Text>TECHNOLOGY -</Text> <Text>DATAPORT / HIGH SPEED INTERNET ACCESS / VOICE MAIL</Text> <Text>S1K-</Text> <Text>MAX OCCUPANCY - 4</Text> <Text>MAX NBR OF ROLLAWAYS - 0</Text> <Text>ROOM DESCRIPTION -</Text> <Text>NEWLY AND RICHLY REMODELED/ DELUXE TWO ROOM SUITE WITH</Text> <Text>1 KING BED. NEWLY AND RICHLY REMODELED/ DELUXE TWO ROOM</Text> <Text>SUITE WITH 1 KING BED/ SOME WITH SLEEPER SOFA/ MOST</Text> <Text>WITH GAS FIREPLACE/ REFRIGERATOR/ WET BAR/ LUXURIOUS</Text> <Text>LINENS AND HEADBOARD/ A/C CEILING FAN/ ARMOIRE WITH</Text> <Text>COLOR CABLE TV/ DSL CONNECTIVITY/ TELEPHONE WITH VOICE</Text> <Text>MAIL/ ALARM CLOCK/ RADIO/ SMOKE DETECTOR/ HAND-TILED</Text> <Text>BATHROOM WITH TUB AND SHOWER/ BATHROOM AMENITIES/</Text> <Text>IRON/BOARD/ AND HAIRDRYER. 120AC/ 120DC. DAILY MAID</Text> <Text>SERVICE/ FREE PARKING AND ADMITTANCE TO DH LAWRENCE</Text> <Text>FORBIDDEN ART COLLECTION. ALL ROOMS ARE NON-SMOKING.</Text> <Text>PHR -</Text> <Text>MAX OCCUPANCY - 4</Text> <Text>MAX NBR OF ROLLAWAYS - 0</Text> <Text>ROOM DESCRIPTION -</Text> <Text>UNIQUE/ LUXURIOUS 1200 SQ. FT. PLAZA PENTHOUSE/ ONE</Text> <Text>BEDROOM WITH KING BED/ QUEEN SLEEPER SOFA. UNIQUE/</Text> <Text>LUXURIOUS 1200 SQ. FT. PLAZA PENTHOUSE/ ONE BEDROOM</Text> <Text>WITH KING BED/ QUEEN SLEEPER SOFA/ HAND-TILED FULL</Text> <Text>BATH/ LAUNDRY/ FULLY EQUIPPED KITCHEN/ DINING ROOM/</Text> <Text>SUNKEN LIVING ROOM WITH GAS KIVA FIREPLACE/ OUTDOOR</Text> <Text>DECKL/ COLOR CABLE TV/ DESK TOP COMPUTER/ DSL</Text> <Text>CONNECTIVITY/ CEILING FANS/ TELEPHONE WITH VOICE MAIL/</Text> <Text>ALARM CLOCK/ RADIO/ BATH AMENITIES/ HAIR DRYER/ IRON</Text> <Text>AND IRONING BOARD/ DAILY MAID SERVICE/ FREE PARKING AND</Text> <Text>ADMITTANCE TO DH LAWRENCE FORBIDDEN ART COLLECTION.</Text> <Text>TWO/ THREE/ AND FOUR BEDROOM CAPABILITY. CALL FOR</Text> <Text>PRICES AND AVAILABILITY. THIS HOTEL IS A NON-SMOKING</Text> <Text>PROPERTY AND CANNOT ACCOMMODATE PETS. THIS SUITE IS</Text> <Text>NON-SMOKING.</Text> <Text>A1Q -</Text> <Text>MAX OCCUPANCY -</Text> </Rooms> <Safety> <Text>PROPERTY SAFETY AND SECURITY -</Text> <Text>SECURITY AVAILABLE 24 HOURS</Text> <Text>24-HOUR SECURITY</Text> </Safety> <Services> <Text>ON-SITE GENERAL SERVICES -</Text> <Text>BAGGAGE HOLD BICYCLE RENTAL</Text> <Text>FRONT DESK 24 HRS MULTILINGUAL STAFF</Text> <Text>SAFE DEPOSIT BOX WAKE-UP CALLS</Text> <Text>ON-SITE CHARGEABLE SERVICES -</Text> <Text>CAR RENTAL</Text> <Text>BUSINESS SERVICES -</Text> <Text>BUSINESS CENTER</Text> </Services> <Transportation> <Text>TRANSPORTATION FROM PRIMARY AIRPORT TO PROPERTY -</Text> <Text>RENTAL CAR</Text> <Text>TRANSPORTATION FROM CITY CENTER TO PROPERTY -</Text> <Text>RENTAL CAR</Text> </Transportation> </VendorMessages> </BasicPropertyInfo> <Guarantee> <DepositsAccepted> <PaymentCard Code="AX" Type="AMERICAN EXPRESS"/> <PaymentCard Code="CA" Type="MASTERCARD"/> <PaymentCard Code="DS" Type="DISCOVER CARD"/> <PaymentCard Code="VI" Type="VISA"/> </DepositsAccepted> <GuaranteesAccepted> <PaymentCard Code="AX" Type="AMERICAN EXPRESS"/> <PaymentCard Code="CA" Type="MASTERCARD"/> <PaymentCard Code="DS" Type="DISCOVER CARD"/> <PaymentCard Code="VI" Type="VISA"/> </GuaranteesAccepted> </Guarantee> <RoomRates> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="D" GuaranteedRateProgram="false" HRD_RequiredForSell="false" IATA_CharacteristicIdentification="N1QRAC" IATA_ProductIdentification="PUBLISHED RATE" LowInventoryThreshold="false" RPH="001" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="03" Option="D"/> <Commission NonCommission="false">10.00 PERCENT COMMISSION</Commission> <Text>STANDARD QUEEN</Text> </AdditionalInfo> <Rates> <Rate Amount="159.00" ChangeIndicator="false" CurrencyCode="USD" HRD_RequiredForSell="false" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0" NumAdults="0" NumCribs="0"> <Charges AdultRollAway="10.00" Crib="0.00" ExtraPerson="10.00"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="359.94"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="41.94"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="D" GuaranteedRateProgram="false" HRD_RequiredForSell="false" IATA_CharacteristicIdentification="N1KRAC" IATA_ProductIdentification="PUBLISHED RATE" LowInventoryThreshold="false" RPH="002" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="03" Option="D"/> <Commission NonCommission="false">10.00 PERCENT COMMISSION</Commission> <Text>STANDARD KING</Text> </AdditionalInfo> <Rates> <Rate Amount="169.00" ChangeIndicator="false" CurrencyCode="USD" HRD_RequiredForSell="false" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0" NumAdults="0" NumCribs="0"> <Charges AdultRollAway="10.00" Crib="0.00" ExtraPerson="10.00"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="382.58"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="44.58"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="D" GuaranteedRateProgram="false" HRD_RequiredForSell="false" IATA_CharacteristicIdentification="S1KRAC" IATA_ProductIdentification="PUBLISHED RATE" LowInventoryThreshold="false" RPH="003" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="03" Option="D"/> <Commission NonCommission="false">10.00 PERCENT COMMISSION</Commission> <Text>KING SUITE</Text> </AdditionalInfo> <Rates> <Rate Amount="199.00" ChangeIndicator="false" CurrencyCode="USD" HRD_RequiredForSell="false" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0" NumAdults="0" NumCribs="0"> <Charges AdultRollAway="10.00" Crib="0.00" ExtraPerson="10.00"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="450.48"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="52.48"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> <RoomRate DirectConnect="false" GuaranteeSurchargeRequired="D" GuaranteedRateProgram="false" HRD_RequiredForSell="false" IATA_CharacteristicIdentification="APTRAC" IATA_ProductIdentification="PUBLISHED RATE" LowInventoryThreshold="false" RPH="004" RateChangeInd="false" RateConversionInd="false" SpecialOffer="false"> <AdditionalInfo> <CancelPolicy Numeric="03" Option="D"/> <Commission NonCommission="false">10.00 PERCENT COMMISSION</Commission> <Text>PLAZA PENTHOUSE</Text> </AdditionalInfo> <Rates> <Rate Amount="499.00" ChangeIndicator="false" CurrencyCode="USD" HRD_RequiredForSell="false" PackageIndicator="false" RateConversionInd="false" ReturnOfRateInd="false" RoomOnRequest="false"> <AdditionalGuestAmounts> <AdditionalGuestAmount MaxExtraPersonsAllowed="0" NumAdults="0" NumCribs="0"> <Charges AdultRollAway="10.00" Crib="0.00" ExtraPerson="10.00"/> </AdditionalGuestAmount> </AdditionalGuestAmounts> <HotelTotalPricing Amount="1129.62"> <Disclaimer>INCLUDES TAXES AND SURCHARGES</Disclaimer> <TotalTaxes Amount="131.62"/> </HotelTotalPricing> </Rate> </Rates> </RoomRate> </RoomRates> <TimeSpan Duration="0005" End="2016-10-16" Start="2016-10-14"/> </RoomStay> </HotelPropertyDescriptionRS></soap-env:Body></soap-env:Envelope> REQUEST: <?xml version="1.0" encoding="UTF-8"?> <soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <soapenv:Header> <MessageHeader xmlns="http://www.ebxml.org/namespaces/messageHeader"> <From> <PartyId type="urn:x12.org:IO5:01"><!-- APP SOURCE REMOVED BY OP --></PartyId> </From> <To> <PartyId type="urn:x12.org:IO5:01">Sabre</PartyId> </To> <CPAId><!-- IPCC REMOVED BY OP --></CPAId> <ConversationId>MyConversationID</ConversationId> <Service type="sabreXML">HotelPropertyDescriptionLLSRQ</Service> <Action>HotelPropertyDescriptionLLSRQ</Action> <MessageData> <MessageId>1422291197</MessageId> <Timestamp>2015-01-26T09:53:17-07:00</Timestamp> <TimeToLive>2015-01-26T10:53:17-07:00</TimeToLive> </MessageData> </MessageHeader> <wsse:Security xmlns:wsse="http://schemas.xmlsoap.org/ws/2002/12/secext" xmlns:wsu="http://schemas.xmlsoap.org/ws/2002/12/utility"> <!-- TOKEN REMOVED BY OP --> </wsse:Security> </soapenv:Header> <soapenv:Body> <HotelPropertyDescriptionRQ xmlns="http://webservices.sabre.com/sabreXML/2011/10" xmlns:xs="http://www.w3.org/2001/XMLSchema" Version="2.0.1"> <AvailRequestSegment> <GuestCounts Count="2" /> <HotelSearchCriteria> <Criterion> <HotelRef HotelCode="0012498" /> </Criterion> </HotelSearchCriteria> <TimeSpan Start="10-14" End="10-16" /> </AvailRequestSegment> </HotelPropertyDescriptionRQ> </soapenv:Body> </soapenv:Envelope> Edit: added request, per user request. Items I removed for security have been indicated with comments.
It is strange indeed not having that returned as usual. The answer to your question is: No. Actually that room rate requires a deposit not a guarantee, and it is safe to say that most hotels require one of the 2, so not sending that is probably not a good idea. In this case, you can use GDPST as deposit, since it says that it accepts credit cards, although that is in free text. Now, as you can see in the first rate returned, inside the RoomRate element, you have: GuaranteeSurchargeRequired="D". The values for that attribute are D for Deposit and G for guarantee. I'm not sure if there's something for when there is no guarantee needed, haven't seen any, but it is likely a different element or the element is not returned. In order to know the values for guarantee you can use in the OTA_HotelRes, I recommend you to check the following format finder link: https://formatfinder.sabre.com/Content/Hotels/FourEasyStepstoSellaHotel/0HSellHotel.aspx?ItemID=597F73406BFE49EFB5DF100C096ABFB0
Flex AdvancedDataGrid listItems strange behaviour
I have the following XML, that is the dataprovider (as a Hierarchicaldata) of an Advanced DataGrid: public var reqData:XML = <root> <Requirement ID="REQ-GEN-0.1" title="exigence gen 1" description="blabla 01" testable="true"/> <RequirementSet ID="GUI REQ"> <Requirement ID="REQ-GUI-1.1" title="exigence ihm 1" description="blabla 11" testable="true"/> <Requirement ID="REQ-GUI-1.2" title="exigence ihm 2" description="blabla 12" testable="false"/> </RequirementSet> <RequirementSet ID="PERF REQ"> <Requirement ID="REQ-PERF-2.1" title="exigence perf 1" description="blabla 21" testable="true"/> <Requirement ID="REQ-PERF-2.2" title="exigence perf 2" description="blabla 22" testable="false"/> <Requirement ID="REQ-PERF-2.3" title="exigence perf 3" description="blabla 23" testable="true"/> <Requirement ID="REQ-PERF-2.4" title="exigence perf 4" description="blabla 24" testable="false"/> <Requirement ID="REQ-PERF-2.5" title="exigence perf 5" description="blabla 25" testable="false"/> <Requirement ID="REQ-PERF-2.6" title="exigence perf 6" description="blabla 26" testable="false"/> </RequirementSet> <RequirementSet ID="BUS REQ"> <RequirementSet ID="BUS 1 REQ"> <Requirement ID="REQ-BUS-3.1.1" title="exigence bus 1" description="blabla 311" testable="false"/> <Requirement ID="REQ-BUS-3.1.2" title="exigence bus 2" description="blabla 312" testable="true"/> </RequirementSet> <RequirementSet ID="BUS 2 REQ"> <Requirement ID="REQ-BUS-3.2.1" title="exigence bus3" description="blabla 321" testable="true"/> </RequirementSet> <RequirementSet ID="BUS 3 REQ"/> <RequirementSet ID="BUS 4 REQ"> <Requirement ID="REQ-BUS-3.4.1" title="exigence bus4" description="blabla 341" testable="false"/> </RequirementSet> <RequirementSet ID="BUS 5 REQ"/> <RequirementSet ID="BUS 6 REQ"/> </RequirementSet> </root>; And here is the AdvancedDataGrid part: <mx:AdvancedDataGrid id="reqADGtest" displayItemsExpanded="true" width="95%" height="75%" horizontalCenter="0" contentBackgroundAlpha="0.0" chromeColor="0xdbeaff" openDuration="500" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true" editable="true" variableRowHeight="true" horizontalScrollPolicy="auto"> <mx:columns> <mx:AdvancedDataGridColumn dataField="#ID" headerText="ID"/> <mx:AdvancedDataGridColumn dataField="#title" headerText="Titre"/> <mx:AdvancedDataGridColumn dataField="#testable" headerText="Testable"/> <mx:AdvancedDataGridColumn dataField="#description" headerText="Description" editorUsesEnterKey="true" wordWrap="true"/> </mx:columns> </mx:AdvancedDataGrid> The problem is that when I look at the listItems' length of the AdvancedDataGrid, it is 19 at the creation, and then 16 that is totally wrong (22 items). I want to access to some items and I can't which is really annoying. Is it a bug or something? NOTE: To access items by rowIndex and columnIndex I'm doing the following: var advancedDataGridListData:AdvancedDataGridListData = IDropInListItemRenderer(listItems[event.rowIndex][event.columnIndex]).listData as AdvancedDataGridListData; IHierarchicalCollectionView(dataProvider).getChildren( advancedDataGridListData.item) EDITED 23/02/2012 I tested your solution with event.item but unfortunatly this item was always null and I didn't understand why. So I looked deeper into the source code of AdvancedDataGridBaseEx and I found that this is a part of the Adobe source code): // send event to create the new one var advancedDataGridEvent:AdvancedDataGridEvent = new AdvancedDataGridEvent(AdvancedDataGridEvent.ITEM_EDIT_BEGINNING, false, true); // ITEM_EDIT events are cancelable advancedDataGridEvent.columnIndex = columnIndex; advancedDataGridEvent.dataField = _columns[columnIndex].dataField; advancedDataGridEvent.rowIndex = rowIndex; dispatchEvent(advancedDataGridEvent); You can see that the event.item is never filled!!!! Thanks Adobe... I will try your other solution then I give you feedback. LAST EDIT I solved my problem by using in my custom datagrid: var xmlNode:XML = this.selectedItem as XML;
How about this dataProvider.getChildren(event.item) based on reading here: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/AdvancedDataGridBaseEx.html#event:itemEditBeginning Alternatively maybe this method would help (though it's protected so you may need to do a "monkey patch" to change the access control modifier from protected to public: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/AdvancedDataGridBaseEx.html#absoluteToVisibleIndices() I think on the event.rowIndex and event.columnIndex it's essentially giving you absolute values but the listItems has it based on what's currently visible rather than the absolute positions. Not a direct answer I know but it's very late here.